/* ===== GOVOX DESIGN TOKENS ===== */

@property --voice-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

:root {
  /* Surfaces (darkest → lightest) */
  --surface-0: #0f1318;
  --surface-1: #1e232c;
  --surface-2: #2b303b;
  --surface-3: #323842;

  /* Text */
  --text-primary: #f2f3f5;
  --text-secondary: #dbdee1;
  --text-muted: #949ba4;
  --text-faint: #6a6f77;
  --text-icon: #5f636b;

  /* Accent */
  --accent-primary: #50a7ea;
  --accent-primary-hover: #6bb8f0;
  --accent-primary-bg: rgba(80, 167, 234, 0.1);
  --accent-primary-border: rgba(80, 167, 234, 0.3);

  /* Brand button (indigo) */
  --brand-gradient: linear-gradient(180deg, #5865f2 0%, #4752c4 100%);
  --brand-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);

  /* Status */
  --status-online: #40c057;
  --status-away: #fab005;
  --status-offline: #5f636b;
  --danger-color: #e81123;
  --danger-color-alt: #da373c;
  --success-color: #23a55a;
  --warning-color: #fab005;

  /* Borders */
  --border-subtle: rgba(255, 255, 255, 0.03);
  --border-default: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.1);
  --border-divider: rgba(0, 0, 0, 0.15);

  /* Radius */
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-pill: 100px;

  /* Shadows */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.5);
  --shadow-inset-glow: inset 0 1px 1px rgba(255, 255, 255, 0.05);

  /* Hover overlays */
  --hover-overlay: rgba(255, 255, 255, 0.05);
  --hover-overlay-strong: rgba(255, 255, 255, 0.08);
  --hover-overlay-subtle: rgba(255, 255, 255, 0.03);

  /* Glass (modals, dropdowns) */
  --glass-bg: rgba(22, 28, 35, 0.95);
  --glass-bg-light: rgba(28, 32, 38, 0.85);
  --glass-blur: blur(20px) saturate(120%);

  /* Voice / Call */
  --voice-glow: rgba(80, 167, 234, 0.4);
  --voice-glow-strong: rgba(80, 167, 234, 0.6);
  --voice-glow-subtle: rgba(80, 167, 234, 0.15);
  --voice-ring: rgba(80, 167, 234, 0.25);
  --voice-danger-glow: rgba(232, 17, 35, 0.4);
  --voice-success-glow: rgba(35, 165, 90, 0.4);

  /* Transitions */
  --transition-fast: 0.1s ease;
  --transition-default: 0.2s ease;
  --transition-slow: 0.3s ease;

  /* ── Responsive ── */
  --mobile-breakpoint: 768px;
  --sidebar-width: 260px;
  --serverbar-width: 64px;
  --toolbar-width: 40px;
  --member-panel-width: 240px;
  --header-height: 40px;
  --statusbar-height: 24px;

  /* Status badges — voice channel */
  --status-camera: #43b581;
  --status-camera-bg: rgba(67, 181, 129, 0.15);
  --status-camera-border: rgba(67, 181, 129, 0.3);
  --status-stream: #724ecf;
  --status-stream-bg: rgba(114, 78, 207, 0.15);
  --status-stream-border: rgba(114, 78, 207, 0.3);
}

/* ===== GLOBAL RESETS ===== */
html,
body,
#root {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--surface-1);
  -webkit-user-select: none;
}

* {
  font-family: 'Inter', sans-serif;
  box-sizing: border-box;
}

/* Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

/* ===== MOBILE MODAL OVERRIDES ===== */
@media (max-width: 768px) {
  .mantine-Modal-content {
    max-width: calc(100vw - 16px) !important;
    margin: 0 auto;
  }

  .mantine-Modal-inner {
    padding: 8px !important;
  }
}
/* ═══════════════════════════════════════════════ */
/* PunishmentModal                                */
/* ═══════════════════════════════════════════════ */

._overlay_vrbe7_5 {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(16px) saturate(120%);
  animation: _overlayIn_vrbe7_1 0.2s ease;
}

@keyframes _overlayIn_vrbe7_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ── Card ── */
._card_vrbe7_23 {
  background: linear-gradient(145deg, var(--glass-bg) 0%, rgba(16, 20, 24, 0.98) 100%);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-lg), var(--shadow-inset-glow);
  width: 440px;
  max-width: calc(100vw - 32px);
  overflow: hidden;
  animation: _cardIn_vrbe7_1 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes _cardIn_vrbe7_1 {
  from {
    opacity: 0;
    transform: scale(0.92) translateY(12px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* ── Accent strip at top ── */
._accentStrip_vrbe7_46 {
  height: 3px;
  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
}

._accentStripWarning_vrbe7_51 {
  background: linear-gradient(90deg, #fab005 0%, #f59f00 50%, #fab005 100%);
  box-shadow: 0 1px 12px rgba(250, 176, 5, 0.3);
}

._accentStripMute_vrbe7_56 {
  background: linear-gradient(90deg, var(--accent-primary) 0%, #3d94d9 50%, var(--accent-primary) 100%);
  box-shadow: 0 1px 12px rgba(80, 167, 234, 0.3);
}

._accentStripBan_vrbe7_61 {
  background: linear-gradient(90deg, #e81123 0%, #c82333 50%, #e81123 100%);
  box-shadow: 0 1px 12px rgba(232, 17, 35, 0.3);
}

/* ── Header ── */
._header_vrbe7_67 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px 0;
}

._iconWrap_vrbe7_74 {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

._iconWrapWarning_vrbe7_85 {
  background: rgba(250, 176, 5, 0.1);
  border: 1px solid rgba(250, 176, 5, 0.15);
}

._iconWrapMute_vrbe7_90 {
  background: var(--accent-primary-bg);
  border: 1px solid var(--accent-primary-border);
}

._iconWrapBan_vrbe7_95 {
  background: rgba(232, 17, 35, 0.1);
  border: 1px solid rgba(232, 17, 35, 0.15);
}

._icon_vrbe7_74 {
  width: 22px;
  height: 22px;
}

._iconWarning_vrbe7_105 {
  color: #fab005;
}

._iconMute_vrbe7_109 {
  color: var(--accent-primary);
}

._iconBan_vrbe7_113 {
  color: #e81123;
}

._headerText_vrbe7_117 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._title_vrbe7_124 {
  font-size: 17px;
  font-weight: 800;
  color: var(--text-primary);
  letter-spacing: -0.01em;
  line-height: 1.2;
}

._subtitle_vrbe7_132 {
  font-size: 12px;
  color: var(--text-muted);
  line-height: 1.3;
}

/* ── Body ── */
._body_vrbe7_139 {
  padding: 16px 24px;
}

/* ── Reason block ── */
._reasonBlock_vrbe7_144 {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.12) 100%);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl);
  padding: 14px 16px;
  margin-bottom: 14px;
}

._reasonLabel_vrbe7_152 {
  font-size: 10px;
  font-weight: 800;
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 6px;
}

._reasonText_vrbe7_161 {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.55;
  word-break: break-word;
}

/* ── Detail rows (duration, expiry) ── */
._details_vrbe7_169 {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 4px;
}

._detailRow_vrbe7_176 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid var(--border-subtle);
}

._detailRow_vrbe7_176:last-child {
  border-bottom: none;
}

._detailLabel_vrbe7_188 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-muted);
}

._detailLabelIcon_vrbe7_197 {
  width: 16px;
  height: 16px;
  color: var(--text-faint);
  flex-shrink: 0;
}

._detailValue_vrbe7_204 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}

/* ── Ban notice ── */
._banNotice_vrbe7_211 {
  background: linear-gradient(135deg, rgba(232, 17, 35, 0.08) 0%, rgba(232, 17, 35, 0.03) 100%);
  border: 1px solid rgba(232, 17, 35, 0.15);
  border-radius: var(--radius-xl);
  padding: 12px 16px;
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
}

._banNotice_vrbe7_211::before {
  content: '';
  position: absolute;
  top: -30px;
  right: -30px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(232, 17, 35, 0.1) 0%, transparent 70%);
  pointer-events: none;
}

._banNoticeDot_vrbe7_235 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e81123;
  flex-shrink: 0;
  animation: _pulseDot_vrbe7_1 2s ease-in-out infinite;
}

@keyframes _pulseDot_vrbe7_1 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

._banNoticeText_vrbe7_249 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  line-height: 1.4;
}

._banNoticeHighlight_vrbe7_256 {
  color: #e81123;
  font-weight: 700;
}

/* ── Footer ── */
._footer_vrbe7_262 {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--border-subtle);
  gap: 12px;
}

/* ── Countdown (ban only) ── */
._countdown_vrbe7_273 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}

._countdownBarTrack_vrbe7_281 {
  flex: 1;
  height: 3px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-pill);
  overflow: hidden;
}

._countdownBarFill_vrbe7_289 {
  height: 100%;
  background: linear-gradient(90deg, #e81123, #c82333);
  border-radius: var(--radius-pill);
  animation: _countdownShrink_vrbe7_1 5s linear forwards;
}

@keyframes _countdownShrink_vrbe7_1 {
  from { width: 100%; }
  to { width: 0%; }
}

._countdownText_vrbe7_301 {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-faint);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* ── Buttons ── */
._footerBtn_vrbe7_310 {
  min-width: 120px;
  height: 38px;
  font-weight: 700;
  font-size: 13px;
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
  flex-shrink: 0;
}

._footerBtn_vrbe7_310:active:not(:disabled) {
  transform: scale(0.97);
}

._footerBtnBan_vrbe7_324 {
  background: linear-gradient(135deg, #c82333, #a71d2a) !important;
  border: 1px solid rgba(200, 35, 51, 0.5) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(200, 35, 51, 0.25) !important;
}

._footerBtnBan_vrbe7_324:hover:not(:disabled) {
  filter: brightness(1.12);
  box-shadow: 0 6px 20px rgba(200, 35, 51, 0.35) !important;
}
/* Auth overlay — glass card on blurred MainLayout shell */

._overlay_kwtas_3 {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(16px) saturate(120%);
  background: rgba(0, 0, 0, 0.5);
  animation: _fadeIn_kwtas_1 var(--transition-default) ease;
}

._card_kwtas_15 {
  width: 420px;
  max-width: calc(100vw - 40px);
  background: linear-gradient(145deg, var(--glass-bg) 0%, rgba(16, 20, 24, 0.98) 100%);
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-lg), var(--shadow-inset-glow);
  overflow: hidden;
  animation: _slideUp_kwtas_1 var(--transition-slow) ease;
}

._header_kwtas_27 {
  padding: 32px 32px 0;
  text-align: center;
}

._logo_kwtas_32 {
  font-family: 'Inter', sans-serif;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0.08em;
  background: linear-gradient(
    135deg,
    var(--accent-primary) 0%,
    #7c8cf8 50%,
    var(--accent-primary) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 16px;
}

._title_kwtas_49 {
  font-size: 20px;
  font-weight: 800;
  color: var(--text-primary);
  margin-bottom: 4px;
}

._subtitle_kwtas_56 {
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.4;
}

._body_kwtas_62 {
  padding: 24px 32px;
}

._input_kwtas_66 {
  background-color: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid var(--border-strong) !important;
  color: var(--text-primary) !important;
  height: 46px;
  font-family: 'Inter', sans-serif;
  transition: all var(--transition-default);
}

._input_kwtas_66:focus {
  border-color: rgba(80, 167, 234, 0.5) !important;
  background-color: rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0 0 0 2px var(--accent-primary-bg) !important;
}

._submitBtn_kwtas_81 {
  background: var(--brand-gradient) !important;
  border: 1px solid var(--border-strong) !important;
  height: 44px;
  font-weight: 700;
  font-size: 14px;
  box-shadow: var(--brand-shadow) !important;
  transition: all var(--transition-fast);
}

._submitBtn_kwtas_81:hover:not(:disabled) {
  filter: brightness(1.1);
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.4) !important;
}

._submitBtn_kwtas_81:active:not(:disabled) {
  transform: scale(0.98);
}

._submitBtn_kwtas_81:disabled {
  background: var(--hover-overlay) !important;
  border-color: transparent !important;
  color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}

._footer_kwtas_107 {
  padding: 0 32px 28px;
  text-align: center;
}

._switchLink_kwtas_112 {
  color: var(--accent-primary) !important;
  font-weight: 600;
  cursor: pointer;
  transition: color var(--transition-fast);
}

._switchLink_kwtas_112:hover {
  color: var(--accent-primary-hover) !important;
  text-decoration: underline;
}

/* Email badge on confirm step */
._emailBadge_kwtas_125 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: var(--radius-lg);
  background: rgba(80, 167, 234, 0.1);
  color: var(--accent-primary);
  font-size: 13px;
  margin-bottom: 8px;
}

._changeEmail_kwtas_137 {
  color: var(--text-muted);
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
  transition: color var(--transition-fast);
}

._changeEmail_kwtas_137:hover {
  color: var(--accent-primary);
}

/* Disabled resend link */
._resendDisabled_kwtas_150 {
  color: var(--text-muted);
  font-size: 13px;
  cursor: default;
}

/* PinInput cell customization */
._pinInputCell_kwtas_157 {
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid var(--border-default);
  color: var(--text-primary);
  font-size: 20px;
  font-weight: 600;
}

._pinInputCell_kwtas_157:focus {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 2px rgba(80, 167, 234, 0.15);
}

@media (max-width: 768px) {
  ._card_kwtas_15 {
    max-width: calc(100vw - 24px);
  }

  ._header_kwtas_27 {
    padding: 24px 20px 0;
  }

  ._logo_kwtas_32 {
    font-size: 24px;
    margin-bottom: 12px;
  }

  ._title_kwtas_49 {
    font-size: 18px;
  }

  ._body_kwtas_62 {
    padding: 20px;
  }

  ._input_kwtas_66 {
    height: 42px;
  }

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

@keyframes _fadeIn_kwtas_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _slideUp_kwtas_1 {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._memberWrapper_10lgb_1 {
  width: 100%;
  height: 40px; /* Увеличили высоту для Slack-комфорта */
  transition: background-color var(--transition-fast);
  cursor: pointer;
  display: block;
}

._memberWrapper_10lgb_1:hover {
  /* Ховер идет на всю ширину, но контент внутри имеет отступы */
  background-color: var(--hover-overlay);
}

._avatar_10lgb_14 {
  background-color: var(--surface-0);
  border: 1px solid var(--hover-overlay-strong);
  color: var(--accent-primary);
  font-weight: 800;
}

._username_10lgb_21 {
  font-family: 'Inter', sans-serif;
  font-size: 14px; /* 14px — стандарт читаемости для списков участников */
  font-weight: 500;
  color: var(--text-muted);
  letter-spacing: -0.01em;
}

._memberWrapper_10lgb_1:hover ._username_10lgb_21 {
  color: var(--text-primary);
}

._isOffline_10lgb_33 {
  opacity: 0.5;
}

._isOffline_10lgb_33 ._avatar_10lgb_14 {
  filter: grayscale(1) contrast(0.8);
}

/* DM action button — видна только при ховере */
._dmAction_10lgb_42 {
  opacity: 0;
  color: var(--text-icon);
  transition: all var(--transition-fast);
  flex-shrink: 0;
}

._memberWrapper_10lgb_1:hover ._dmAction_10lgb_42 {
  opacity: 1;
}

._dmAction_10lgb_42:hover {
  color: var(--accent-primary) !important;
  background: var(--accent-primary-bg) !important;
}
._container_1xifz_1 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--surface-1);
  user-select: none;
}

._scrollArea_1xifz_10 {
  flex: 1;
}

._wrapper_1xifz_14 {
  /* Вертикальные отступы для всей пачки контента */
  padding: 12px 0;
}

._section_1xifz_19 {
  margin-bottom: 12px;
}

._sectionTitle_1xifz_23 {
  /* Жестко задаем блочную модель */
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;

  /* ШРИФТ */
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 800;
  color: var(--text-icon);
  text-transform: uppercase;
  letter-spacing: 0.05em;

  /* ГАРАНТИРОВАННЫЙ ОТСТУП СЛЕВА */
  padding-left: 16px !important;
  padding-top: 12px;
  padding-bottom: 8px;

  user-select: none;
}

._memberStack_1xifz_45 {
  /* Убираем любые паддинги у контейнера, чтобы ховер в айтемах был edge-to-edge */
  padding: 0 !important;
  display: flex;
  flex-direction: column;
}
._modalContent_k52a3_1 {
  background: linear-gradient(145deg, var(--glass-bg) 0%, rgba(16, 20, 24, 0.98) 100%) !important;
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--border-default) !important;
  border-radius: var(--radius-2xl) !important;
  box-shadow: var(--shadow-lg), var(--shadow-inset-glow) !important;
  overflow: hidden !important;
}

._modalHeader_k52a3_10 {
  background: transparent !important;
  border-bottom: 1px solid var(--border-subtle);
  padding: 16px 20px !important;
  margin: 0 !important;
}

._modalTitle_k52a3_17 {
  font-family: 'Inter', sans-serif;
  color: var(--text-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._modalBody_k52a3_24 {
  padding: 0 !important;
}

._innerContent_k52a3_28 {
  padding: 20px;
}

._input_k52a3_32 {
  background-color: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid var(--border-strong) !important;
  color: var(--text-primary) !important;
  height: 46px;
  font-family: 'Inter', sans-serif;
  transition: all var(--transition-default);
}

._input_k52a3_32:focus {
  border-color: rgba(80, 167, 234, 0.5) !important;
  background-color: rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0 0 0 2px var(--accent-primary-bg) !important;
}

._footer_k52a3_47 {
  background-color: rgba(0, 0, 0, 0.25);
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--border-subtle);
}

._primaryBtn_k52a3_56 {
  background: var(--brand-gradient) !important;
  border: 1px solid var(--border-strong) !important;
  height: 40px;
  font-weight: 700;
  padding: 0 24px;
  box-shadow: var(--brand-shadow) !important;
  transition: all var(--transition-fast);
}

._primaryBtn_k52a3_56:hover:not(:disabled) {
  filter: brightness(1.1);
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.4) !important;
}

._primaryBtn_k52a3_56:active:not(:disabled) {
  transform: scale(0.98);
}

._primaryBtn_k52a3_56:disabled {
  background: var(--hover-overlay) !important;
  border-color: transparent !important;
  color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}
/* ===== ScreenShareView — Signal Pulse ===== */

._presentationLayout_az7vf_3 {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  gap: 8px;
  overflow: hidden;
  padding: 8px;
  position: relative;
}

._mainView_az7vf_14 {
  flex: 1;
  min-width: 0;
  background-color: var(--surface-0);
  border-radius: var(--radius-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(80, 167, 234, 0.15);
  box-shadow: 0 0 20px rgba(80, 167, 234, 0.05);
}

._sideStrip_az7vf_28 {
  width: 220px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px 0;
  transition:
    width 0.25s ease,
    opacity 0.2s ease,
    padding 0.25s ease;
}

/* ── Screen share video ── */

._screenVideo_az7vf_45 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #000;
}

._presenterBadge_az7vf_52 {
  position: absolute;
  bottom: 12px;
  left: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: linear-gradient(145deg, var(--glass-bg) 0%, rgba(16, 20, 24, 0.98) 100%);
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-pill);
  font-size: 12px;
  font-weight: 600;
  color: var(--text-primary);
  pointer-events: none;
  box-shadow: var(--shadow-sm);
}

/* ── Presenter placeholder (fallback) ── */

._presenterInfo_az7vf_73 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 32px;
}

._presenterName_az7vf_82 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._presenterLabel_az7vf_92 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-muted);
  letter-spacing: 0.02em;
}

._presenterAvatarCircle_az7vf_99 {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background-color: var(--surface-3);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.06);
}

._presenterAvatarImage_az7vf_111 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._presenterAvatarInitials_az7vf_117 {
  font-size: 32px;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  user-select: none;
}

/* ── Side strip participant tiles ── */

._participantTile_az7vf_127 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, var(--glass-bg) 0%, rgba(16, 20, 24, 0.95) 100%);
  backdrop-filter: blur(8px);
  border: 1px solid var(--border-subtle);
  transition: all var(--transition-fast);
  min-height: 44px;
}

._participantTile_az7vf_127:hover {
  border-color: rgba(80, 167, 234, 0.2);
  background: rgba(43, 48, 59, 0.6);
}

._participantAvatar_az7vf_145 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--surface-3);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  border: 1.5px solid rgba(255, 255, 255, 0.06);
  transition: border-color var(--transition-fast);
}

._participantAvatarImage_az7vf_159 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._participantInitials_az7vf_165 {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  user-select: none;
}

._participantName_az7vf_173 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

/* ── Sidebar collapse ── */

._sideStripCollapsed_az7vf_185 {
  width: 0 !important;
  padding: 0 !important;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

._collapseBtn_az7vf_193 {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 24px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-2);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md) 0 0 var(--radius-md);
  color: var(--text-muted);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._collapseBtnShifted_az7vf_212 {
  right: 228px;
}

._collapseBtn_az7vf_193:hover {
  color: var(--text-primary);
  background: var(--surface-3);
}

._participantTileActive_az7vf_221 {
  border-color: var(--accent-primary) !important;
  background: rgba(80, 167, 234, 0.1) !important;
}

/* ===== ScreenSharePicker ===== */

._sourceGrid_az7vf_228 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 4px;
}

._sourceItem_az7vf_235 {
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, var(--surface-1), var(--surface-2));
  border: 2px solid transparent;
  overflow: hidden;
  cursor: pointer;
  transition: all var(--transition-default);
}

._sourceItem_az7vf_235:hover {
  border-color: var(--accent-primary);
  box-shadow:
    0 4px 16px rgba(80, 167, 234, 0.15),
    0 0 20px rgba(80, 167, 234, 0.08);
}

._sourceItem_az7vf_235:active {
  transform: scale(0.98);
}

._sourceThumbnail_az7vf_257 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  background-color: var(--surface-0);
}

._sourceName_az7vf_265 {
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._pickerLoading_az7vf_275 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 0;
  color: var(--text-muted);
  font-size: 14px;
  font-weight: 500;
}

._pickerEmpty_az7vf_285 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 48px 0;
  color: var(--text-muted);
  font-size: 14px;
  font-weight: 500;
}

._pickerFooter_az7vf_297 {
  display: flex;
  justify-content: flex-end;
  padding: 16px 20px;
  border-top: 1px solid var(--border-subtle);
  background: rgba(0, 0, 0, 0.2);
}
/* ===== DeviceSelector — Signal Pulse ===== */

._wrapper_10xei_3 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._label_10xei_9 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

._select_10xei_17 {
  --input-bg: var(--surface-1);
  --input-bd: var(--border-default);
}

._select_10xei_17 .mantine-Select-input {
  background: var(--surface-1);
  border: 1px solid var(--border-default);
  color: var(--text-primary);
  font-size: 13px;
  border-radius: var(--radius-md);
  height: 34px;
  min-height: 34px;
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
}

._select_10xei_17 .mantine-Select-input:hover {
  border-color: var(--border-strong);
}

._select_10xei_17 .mantine-Select-input:focus,
._select_10xei_17 .mantine-Select-input[data-expanded] {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 2px rgba(80, 167, 234, 0.1);
}

._select_10xei_17 .mantine-Select-dropdown {
  background: linear-gradient(145deg, var(--glass-bg) 0%, rgba(16, 20, 24, 0.98) 100%);
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

._select_10xei_17 .mantine-Select-option {
  color: var(--text-secondary);
  font-size: 13px;
  border-radius: var(--radius-sm);
  padding: 6px 8px;
  transition: background var(--transition-fast);
}

._select_10xei_17 .mantine-Select-option[data-selected] {
  background: linear-gradient(135deg, var(--accent-primary), rgba(123, 108, 246, 0.8));
  color: #fff;
}

._select_10xei_17 .mantine-Select-option:hover:not([data-selected]) {
  background: var(--hover-overlay);
}
/* ===== VoiceSettingsPanel — Signal Pulse ===== */

._panel_gonle_3 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 8px 24px 24px;
}

/* ── Section groups ── */

._section_gonle_12 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 0;
  border-bottom: 1px solid var(--border-subtle);
  position: relative;
}

._section_gonle_12:first-child {
  padding-top: 12px;
}

._section_gonle_12:last-child {
  border-bottom: none;
  padding-bottom: 8px;
}

._sectionTitle_gonle_30 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  margin-bottom: 4px;
  padding-left: 10px;
  position: relative;
}

._sectionTitle_gonle_30::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  border-radius: 1px;
  background: linear-gradient(180deg, var(--accent-primary), rgba(123, 108, 246, 0.6));
}

/* ── Switch rows ── */

._switchRow_gonle_54 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0;
}

._switchLabel_gonle_61 {
  font-size: 14px;
  color: var(--text-secondary);
  user-select: none;
}

/* ── Subsections ── */

._subsection_gonle_69 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 12px 14px;
  background: linear-gradient(145deg, var(--surface-1), rgba(30, 35, 44, 0.8));
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  margin-top: 4px;
}

._fieldLabel_gonle_80 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 2px;
}

._fieldHint_gonle_87 {
  font-size: 11px;
  color: var(--text-faint);
  margin-top: 2px;
  line-height: 1.4;
}

/* ── Keybind input ── */

._keybindInput_gonle_96 {
  max-width: 180px;
}

._keybindInput_gonle_96 .mantine-TextInput-input {
  background: var(--surface-2);
  border: 1px solid var(--border-default);
  color: var(--text-primary);
  font-size: 13px;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  text-align: center;
  border-radius: var(--radius-md);
  height: 34px;
  min-height: 34px;
  cursor: pointer;
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
}

._keybindInput_gonle_96 .mantine-TextInput-input:focus {
  border-color: var(--accent-primary);
  box-shadow:
    0 0 0 2px rgba(80, 167, 234, 0.15),
    0 0 12px rgba(80, 167, 234, 0.1);
  animation: _keybindPulse_gonle_1 1.5s ease-in-out infinite;
}

@keyframes _keybindPulse_gonle_1 {
  0%,
  100% {
    box-shadow:
      0 0 0 2px rgba(80, 167, 234, 0.15),
      0 0 12px rgba(80, 167, 234, 0.1);
  }
  50% {
    box-shadow:
      0 0 0 3px rgba(80, 167, 234, 0.25),
      0 0 16px rgba(80, 167, 234, 0.15);
  }
}

._keybindInput_gonle_96 .mantine-TextInput-input::placeholder {
  color: var(--text-muted);
  font-family: inherit;
}

/* ── Slider overrides ── */

._slider_gonle_145 .mantine-Slider-track {
  background: var(--surface-2);
}

._slider_gonle_145 .mantine-Slider-bar {
  background: linear-gradient(90deg, var(--accent-primary), rgba(123, 108, 246, 0.8));
}

._slider_gonle_145 .mantine-Slider-thumb {
  border-color: var(--accent-primary);
  background: #fff;
  box-shadow: 0 0 6px rgba(80, 167, 234, 0.3);
}

._sliderRow_gonle_159 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

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

._sliderValue_gonle_171 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}

/* ── Quality preset rows ── */

._qualityRow_gonle_180 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._segmented_gonle_186 .mantine-SegmentedControl-root {
  background: var(--surface-2);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
}

._segmented_gonle_186 .mantine-SegmentedControl-label {
  color: var(--text-secondary);
  font-size: 12px;
  padding: 6px 16px;
}

._segmented_gonle_186 .mantine-SegmentedControl-indicator {
  background: var(--accent-primary);
  border-radius: var(--radius-sm);
  box-shadow: 0 0 8px rgba(80, 167, 234, 0.2);
}

._segmented_gonle_186 .mantine-SegmentedControl-label[data-active] {
  color: #fff;
}

/* ── Two-column grid for devices ── */

._devicesGrid_gonle_210 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

._devicesGridFull_gonle_216 {
  grid-column: 1 / -1;
}
/* ===== VoiceControls — Signal Pulse ===== */

._controls_1iiex_3 {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Base control button — glass circle */
._controlBtn_1iiex_10 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--border-subtle);
  background: rgba(43, 48, 59, 0.6);
  backdrop-filter: blur(8px);
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
  padding: 0;
}

._controlBtn_1iiex_10:hover {
  color: var(--text-primary);
  background: rgba(43, 48, 59, 0.9);
  box-shadow: 0 0 12px var(--voice-glow-subtle);
  border-color: var(--border-default);
}

._controlBtn_1iiex_10:active {
  transform: scale(0.92);
}

/* Muted / Deaf state — red gradient + glow */
._controlBtnMuted_1iiex_39 {
  background: linear-gradient(135deg, #e81123, #c91020) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 2px 12px var(--voice-danger-glow);
}

._controlBtnMuted_1iiex_39:hover {
  filter: brightness(1.15);
  box-shadow: 0 4px 20px var(--voice-danger-glow);
  color: #fff !important;
}

/* Enabled state (video/screenshare/krisp) — accent gradient + glow */
._controlBtnEnabled_1iiex_53 {
  background: linear-gradient(135deg, #50a7ea, #4792d0) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 2px 12px var(--voice-glow);
}

._controlBtnEnabled_1iiex_53:hover {
  filter: brightness(1.15);
  box-shadow: 0 4px 20px var(--voice-glow);
  color: #fff !important;
}

/* Shake animation for mute toggle feedback */
._shake_1iiex_67 {
  animation: _shakeBtn_1iiex_1 0.4s ease;
}

@keyframes _shakeBtn_1iiex_1 {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-2px);
  }
  40% {
    transform: translateX(2px);
  }
  60% {
    transform: translateX(-1px);
  }
  80% {
    transform: translateX(1px);
  }
}

/* Disconnect — pill-shaped, wider, animated danger glow */
._disconnectBtn_1iiex_91 {
  width: auto !important;
  min-width: 38px;
  height: 34px;
  padding: 0 12px !important;
  border-radius: var(--radius-pill) !important;
  background: linear-gradient(135deg, #e81123, #c91020) !important;
  border-color: transparent !important;
  color: #fff !important;
  margin-left: 4px;
  box-shadow: 0 2px 12px var(--voice-danger-glow);
  animation: _dangerPulse_1iiex_1 3s ease-in-out infinite;
}

._disconnectBtn_1iiex_91:hover {
  filter: brightness(1.15);
  box-shadow: 0 4px 24px var(--voice-danger-glow);
  animation: none;
  color: #fff !important;
}

@keyframes _dangerPulse_1iiex_1 {
  0%,
  100% {
    box-shadow: 0 2px 12px var(--voice-danger-glow);
  }
  50% {
    box-shadow: 0 4px 20px rgba(232, 17, 35, 0.5);
  }
}

/* ── Mic settings popover ── */

._micDropdown_1iiex_124 {
  background: linear-gradient(145deg, var(--glass-bg) 0%, rgba(16, 20, 24, 0.98) 100%) !important;
  backdrop-filter: var(--glass-blur) !important;
  border: 1px solid var(--border-default) !important;
  border-radius: var(--radius-lg) !important;
  padding: 12px !important;
  box-shadow: var(--shadow-md) !important;
}

._levelBarContainer_1iiex_133 {
  padding: 2px 0;
}

._levelBar_1iiex_133 {
  position: relative;
  height: 6px;
  background: var(--surface-3);
  border-radius: 3px;
  overflow: visible;
}

._levelFill_1iiex_145 {
  height: 100%;
  border-radius: 3px;
  transition: width 0.05s linear;
  min-width: 0;
  background: linear-gradient(
    90deg,
    var(--success-color),
    var(--warning-color),
    var(--danger-color)
  );
  background-size: 300% 100%;
}

._thresholdMarker_1iiex_159 {
  position: absolute;
  top: -2px;
  width: 2px;
  height: 10px;
  background: var(--accent-primary);
  border-radius: 1px;
  transform: translateX(-1px);
  box-shadow: 0 0 4px var(--voice-glow);
}
/* ===== VoicePanel — Signal Pulse ===== */

._panel_1bzci_3 {
  height: 52px;
  background-color: var(--surface-1);
  border-top: 1px solid var(--border-subtle);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

/* Top edge gradient shimmer */
._shimmer_1bzci_17 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--voice-glow-subtle),
    var(--voice-glow),
    var(--voice-glow-subtle),
    transparent
  );
  background-size: 200% 100%;
  animation: _shimmerMove_1bzci_1 3s ease-in-out infinite;
}

@keyframes _shimmerMove_1bzci_1 {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

._info_1bzci_44 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

/* Signal bars (3 vertical bars) */
._signalBars_1bzci_52 {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  height: 14px;
  flex-shrink: 0;
}

._signalBar_1bzci_52 {
  width: 3px;
  border-radius: 1px;
  transition:
    background-color 0.3s ease,
    height 0.3s ease;
}

._signalBar_1bzci_52:nth-child(1) {
  height: 5px;
}
._signalBar_1bzci_52:nth-child(2) {
  height: 9px;
}
._signalBar_1bzci_52:nth-child(3) {
  height: 14px;
}

._signalExcellent_1bzci_78 ._signalBar_1bzci_52,
._signalGood_1bzci_79 ._signalBar_1bzci_52 {
  background-color: var(--success-color);
}

._signalPoor_1bzci_83 ._signalBar_1bzci_52 {
  background-color: var(--warning-color);
}

._signalPoor_1bzci_83 ._signalBar_1bzci_52:nth-child(3) {
  opacity: 0.3;
}

._signalLost_1bzci_91 ._signalBar_1bzci_52 {
  background-color: var(--danger-color);
}

._signalLost_1bzci_91 ._signalBar_1bzci_52:nth-child(2),
._signalLost_1bzci_91 ._signalBar_1bzci_52:nth-child(3) {
  opacity: 0.3;
}

/* Live indicator dot */
._liveDot_1bzci_101 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--accent-primary);
  flex-shrink: 0;
  animation: _livePulse_1bzci_1 2s ease-in-out infinite;
}

@keyframes _livePulse_1bzci_1 {
  0%,
  100% {
    opacity: 1;
    box-shadow: 0 0 4px var(--voice-glow-subtle);
  }
  50% {
    opacity: 0.5;
    box-shadow: 0 0 8px var(--voice-glow);
  }
}

._channelName_1bzci_122 {
  font-size: 13px;
  font-weight: 600;
  color: var(--accent-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

._timer_1bzci_132 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
  flex-shrink: 0;
  text-shadow: 0 0 8px var(--voice-glow-subtle);
}

._infoClickable_1bzci_142 {
  cursor: pointer;
  border-radius: var(--radius-md);
  padding: 4px 8px;
  margin: -4px -8px;
  transition: background var(--transition-fast);
}

._infoClickable_1bzci_142:hover {
  background: var(--hover-overlay);
}
._banner_g24bm_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  background: var(--accent-primary-bg);
  border-bottom: 1px solid var(--accent-primary-border);
  min-height: 36px;
  animation: _slideDown_g24bm_1 var(--transition-default) ease-out;
}

@keyframes _slideDown_g24bm_1 {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._bannerCritical_g24bm_23 {
  background: rgba(232, 17, 35, 0.1);
  border-bottom-color: rgba(232, 17, 35, 0.3);
}

._text_g24bm_28 {
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}

._version_g24bm_35 {
  color: var(--accent-primary);
  font-weight: 700;
}

._progressWrap_g24bm_40 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}

._progressBar_g24bm_47 {
  flex: 1;
  height: 4px;
  border-radius: var(--radius-pill);
  background: var(--surface-3);
  overflow: hidden;
}

._progressFill_g24bm_55 {
  height: 100%;
  border-radius: var(--radius-pill);
  background: var(--accent-primary);
  transition: width var(--transition-fast);
}

._progressText_g24bm_62 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  min-width: 36px;
  text-align: right;
}

._speedText_g24bm_70 {
  font-size: 11px;
  color: var(--text-faint);
  min-width: 70px;
}

._btn_g24bm_76 {
  padding: 4px 12px;
  border-radius: var(--radius-sm);
  border: none;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
  white-space: nowrap;
}

._btnPrimary_g24bm_87 {
  background: var(--accent-primary);
  color: #fff;
}

._btnPrimary_g24bm_87:hover {
  background: var(--accent-primary-hover);
}

._btnGhost_g24bm_97 {
  background: transparent;
  color: var(--text-muted);
}

._btnGhost_g24bm_97:hover {
  color: var(--text-primary);
  background: var(--hover-overlay);
}

._closeBtn_g24bm_108 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  color: var(--text-faint);
  cursor: pointer;
  border-radius: var(--radius-xs);
  transition: all var(--transition-fast);
}

._closeBtn_g24bm_108:hover {
  color: var(--text-primary);
  background: var(--hover-overlay);
}
/* ===== SERVER BAR (64px vertical column) ===== */
._root_k1jdm_2 {
  width: 64px;
  min-width: 64px;
  background-color: var(--surface-0);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 0;
  gap: 4px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}

._root_k1jdm_2::-webkit-scrollbar {
  display: none;
}

/* DM button */
._dmButton_k1jdm_21 {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    border-radius var(--transition-fast),
    background-color var(--transition-fast);
  background-color: var(--surface-2);
  color: var(--text-icon);
}

._dmButton_k1jdm_21:hover {
  border-radius: var(--radius-xl);
  background-color: var(--accent-primary);
  color: #fff;
}

._dmButtonActive_k1jdm_43 {
  border-radius: var(--radius-xl) !important;
  background-color: var(--accent-primary) !important;
  color: #fff !important;
}

/* Separator line */
._separator_k1jdm_50 {
  width: 32px;
  height: 2px;
  border-radius: 1px;
  background-color: var(--border-strong);
  margin: 4px 0;
  flex-shrink: 0;
}

/* Guild icon */
._guildButton_k1jdm_60 {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    border-radius var(--transition-fast),
    background-color var(--transition-fast);
  background-color: var(--surface-2);
  color: var(--text-secondary);
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  flex-shrink: 0;
}

._guildButton_k1jdm_60:hover {
  border-radius: var(--radius-xl);
  background-color: var(--accent-primary);
  color: #fff;
}

._guildButtonActive_k1jdm_86 {
  border-radius: var(--radius-xl) !important;
  background-color: var(--accent-primary) !important;
  color: #fff !important;
}

._guildImg_k1jdm_92 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Active pill indicator (left side) */
._pill_k1jdm_99 {
  position: absolute;
  left: 0;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background-color: var(--text-primary);
  transition: height var(--transition-fast);
}

._pillHover_k1jdm_108 {
  height: 20px;
}

._pillActive_k1jdm_112 {
  height: 36px;
}

/* Unread dot */
._unreadDot_k1jdm_117 {
  position: absolute;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--text-primary);
}

/* Badge (DM unreads) */
._badge_k1jdm_127 {
  position: absolute;
  bottom: -2px;
  right: -2px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 9px;
  background: var(--danger-color);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  pointer-events: none;
  border: 2px solid var(--surface-0);
}

/* Add server button */
._addButton_k1jdm_148 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    border-radius var(--transition-fast),
    background-color var(--transition-fast),
    color var(--transition-fast);
  background-color: var(--surface-2);
  color: var(--success-color);
  flex-shrink: 0;
}

._addButton_k1jdm_148:hover {
  border-radius: var(--radius-xl);
  background-color: var(--success-color);
  color: #fff;
}

/* Wrapper for relative positioning (pill + icon) */
._guildWrapper_k1jdm_172 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  flex-shrink: 0;
}

/* Add menu dropdown */
._addMenu_k1jdm_183 {
  background-color: var(--surface-2) !important;
  border: 1px solid var(--border-strong) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
  padding: 4px !important;
}

._addMenuItem_k1jdm_190 {
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 6px 8px !important;
  border-radius: var(--radius-sm) !important;
  color: var(--text-muted) !important;
}

._addMenuItem_k1jdm_190:hover {
  background-color: var(--hover-overlay) !important;
  color: var(--text-primary) !important;
}
._modalContent_1dqtm_1 {
  background: linear-gradient(
    145deg,
    rgba(22, 28, 35, 0.95) 0%,
    rgba(16, 20, 24, 1) 100%
  ) !important;
  backdrop-filter: blur(20px) saturate(120%);
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5) !important;
  overflow: hidden !important;
}

._modalHeader_1dqtm_14 {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding: 16px 20px !important;
  margin: 0 !important;
}

._modalTitle_1dqtm_21 {
  font-family: 'Inter', sans-serif;
  color: #f2f3f5;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._modalBody_1dqtm_28 {
  padding: 0 !important;
}

._innerContent_1dqtm_32 {
  padding: 20px;
  max-height: 65vh;
  overflow-y: auto;
}

/* ─── Превью-карточка ──────────────────────── */

._previewLabel_1dqtm_40 {
  font-size: 11px;
  font-weight: 800;
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-left: 4px;
  margin-bottom: 8px;
}

._previewCard_1dqtm_50 {
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: 16px;
}

/* Баннер */
._previewBanner_1dqtm_57 {
  height: 100px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

._previewBanner_1dqtm_57:hover ._previewBannerOverlay_1dqtm_65 {
  opacity: 1;
}

._previewBannerImage_1dqtm_69 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: grab;
}

._previewBannerImage_1dqtm_69._dragging_1dqtm_76 {
  cursor: grabbing;
}

._previewBannerFallback_1dqtm_80 {
  width: 100%;
  height: 100%;
}

._previewBannerOverlay_1dqtm_65 {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  opacity: 0;
  transition: opacity var(--transition-fast);
}

._previewBannerHint_1dqtm_98 {
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  color: white;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity var(--transition-fast);
  pointer-events: none;
}

._previewBanner_1dqtm_57:hover ._previewBannerHint_1dqtm_98 {
  opacity: 1;
}

._changeBannerBtn_1dqtm_117 {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition:
    opacity var(--transition-fast),
    background var(--transition-fast);
  z-index: 2;
}

._previewBanner_1dqtm_57:hover ._changeBannerBtn_1dqtm_117 {
  opacity: 1;
}

._changeBannerBtn_1dqtm_117:hover {
  background: rgba(0, 0, 0, 0.8);
}

/* Аватар на границе */
._previewAvatarAnchor_1dqtm_147 {
  position: relative;
  height: 0;
}

._previewAvatarWrapper_1dqtm_152 {
  position: absolute;
  top: -40px;
  left: 12px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--surface-1);
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity var(--transition-fast);
}

._previewAvatarWrapper_1dqtm_152:hover {
  opacity: 0.85;
}

._previewAvatarWrapper_1dqtm_152:hover ._previewAvatarOverlay_1dqtm_172 {
  opacity: 1;
}

._previewAvatarOverlay_1dqtm_172 {
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity var(--transition-fast);
  pointer-events: none;
}

/* Тело карточки */
._previewBody_1dqtm_190 {
  background: var(--surface-1);
  border: 1px solid var(--border-strong);
  border-top: none;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  padding-top: 48px;
}

._previewInner_1dqtm_198 {
  background: var(--surface-2);
  margin: 0 8px 8px;
  border-radius: var(--radius-md);
  padding: 12px;
}

._previewUsername_1dqtm_205 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.2;
}

._previewStatus_1dqtm_212 {
  font-size: 12px;
  color: var(--text-muted);
  margin-top: 2px;
}

._previewStatus_1dqtm_212 .emoji-inline {
  height: 1.4em;
  width: 1.4em;
  vertical-align: -0.3em;
  object-fit: contain;
}

._previewDivider_1dqtm_225 {
  height: 1px;
  background: var(--border-divider);
  margin: 10px 0;
}

._previewSectionLabel_1dqtm_231 {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}

._previewBio_1dqtm_240 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
}

._previewBio_1dqtm_240 .emoji-inline {
  height: 1.4em;
  width: 1.4em;
  vertical-align: -0.3em;
  object-fit: contain;
}

._previewDate_1dqtm_255 {
  font-size: 12px;
  color: var(--text-faint);
}

/* ─── Форма ──────────────────────────────── */

._label_1dqtm_262 {
  font-size: 11px;
  font-weight: 800;
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-left: 4px;
  margin-bottom: 6px;
}

._input_1dqtm_272 {
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  height: 40px;
}

/* ─── Поле с эмодзи-оверлеем ────────────── */

._emojiField_1dqtm_281 {
  display: flex;
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-sm);
  padding-right: 4px;
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
}

._emojiField_1dqtm_281:focus-within {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 1px var(--accent-primary);
}

/* Контейнер textarea + overlay (паттерн из ChatInput) */
._emojiFieldContainer_1dqtm_299 {
  position: relative;
  flex: 1;
  min-width: 0;
}

._emojiTextarea_1dqtm_305 {
  position: relative;
  z-index: 1;
}

._emojiTextarea_1dqtm_305 .mantine-Textarea-input {
  color: transparent;
  caret-color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
  padding: 8px 10px;
  min-height: 38px;
}

._emojiTextarea_1dqtm_305 .mantine-Textarea-input::placeholder {
  color: var(--text-faint);
}

._emojiTextarea_1dqtm_305 .mantine-Textarea-input::selection {
  background: rgba(51, 144, 247, 0.3);
  color: transparent;
}

/* Apple emoji overlay */
._emojiOverlay_1dqtm_329 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  font-size: 13px;
  font-family: inherit;
  line-height: 1.5;
  padding: 8px 10px;
  color: var(--text-secondary);
  white-space: pre-wrap;
  word-break: break-word;
  overflow: hidden;
}

._emojiOverlay_1dqtm_329 .emoji-inline {
  height: 1.4em;
  width: 1.4em;
  vertical-align: -0.3em;
  object-fit: contain;
}

._emojiBtn_1dqtm_355 {
  color: var(--text-faint);
  opacity: 0.5;
  margin-top: 8px;
  margin-right: 2px;
  flex-shrink: 0;
  transition:
    opacity var(--transition-fast),
    color var(--transition-fast);
}

._emojiBtn_1dqtm_355:hover {
  opacity: 1;
  color: var(--text-secondary);
}

/* ─── Footer ────────────────────────────── */

._footer_1dqtm_373 {
  background-color: rgba(0, 0, 0, 0.25);
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

._saveBtn_1dqtm_382 {
  background: linear-gradient(180deg, #5865f2 0%, #4752c4 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  height: 40px;
  font-weight: 700;
  padding: 0 24px;
}
._warningIcon_1c58q_1 {
  color: #e04040;
  margin-bottom: 8px;
}

._impactList_1c58q_6 {
  list-style: none;
  padding: 0;
  margin: 16px 0;
}

._impactItem_1c58q_12 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  font-size: 13px;
  color: var(--text-secondary);
}

._impactItem_1c58q_12::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--text-muted);
  flex-shrink: 0;
}

._confirmInput_1c58q_30 {
  font-family: monospace;
  letter-spacing: 0.1em;
}

._dangerZone_1c58q_35 {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--border-subtle);
}

._dangerLabel_1c58q_41 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #e04040;
  margin-bottom: 8px;
}

._dangerDescription_1c58q_50 {
  font-size: 13px;
  color: var(--text-muted);
  margin-bottom: 12px;
  line-height: 1.5;
}

._guildBlocker_1c58q_57 {
  background: rgba(224, 64, 64, 0.08);
  border: 1px solid rgba(224, 64, 64, 0.2);
  border-radius: var(--radius-md);
  padding: 12px;
  margin: 12px 0;
}

._guildItem_1c58q_65 {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 13px;
  color: var(--text-secondary);
}

._guildItemCount_1c58q_73 {
  color: var(--text-muted);
  font-size: 12px;
}

._cooldownNote_1c58q_78 {
  background: rgba(80, 167, 234, 0.08);
  border: 1px solid rgba(80, 167, 234, 0.2);
  border-radius: var(--radius-md);
  padding: 10px 12px;
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.5;
}

._deleteBtn_1c58q_88 {
  background: #e04040 !important;
  border: none !important;
  font-weight: 700;
}

._deleteBtn_1c58q_88:hover:not(:disabled) {
  background: #c83030 !important;
}

._deleteBtn_1c58q_88:disabled {
  background: rgba(224, 64, 64, 0.3) !important;
  color: rgba(255, 255, 255, 0.3) !important;
}

._scheduledBanner_1c58q_103 {
  background: rgba(80, 167, 234, 0.1);
  border: 1px solid rgba(80, 167, 234, 0.25);
  border-radius: var(--radius-md);
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._scheduledDate_1c58q_113 {
  font-weight: 600;
  color: var(--text-primary);
}

._cancelBtn_1c58q_118 {
  background: #2d8f4e !important;
  border: none !important;
  font-weight: 600;
}

._content_1c58q_124 {
  padding: 20px;
}

._stepTitle_1c58q_128 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 8px;
}

._stepDescription_1c58q_135 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.5;
  margin-bottom: 16px;
}

._footer_1c58q_142 {
  background-color: rgba(0, 0, 0, 0.25);
  padding: 16px 20px;
  border-top: 1px solid var(--border-subtle);
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

._loading_1c58q_151 {
  display: flex;
  justify-content: center;
  padding: 40px 20px;
}
/* Main tabbed layout (used by UserSettingsModal.tsx) */

._settingsLayout_a623n_3 {
  display: flex;
  min-height: 420px;
}

._sidebar_a623n_8 {
  width: 200px;
  padding: 16px 12px;
  border-right: 1px solid var(--border-subtle);
  background: rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._sidebarItem_a623n_18 {
  padding: 8px 12px;
  border-radius: var(--radius-md);
  font-size: 13px;
  font-weight: 600;
  color: var(--text-muted);
  cursor: pointer;
  transition: all var(--transition-fast);
  user-select: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

._sidebarItem_a623n_18:hover {
  background: var(--hover-overlay);
  color: var(--text-secondary);
}

._sidebarItemActive_a623n_37 {
  background: var(--hover-overlay);
  color: var(--text-primary);
  position: relative;
}

._sidebarItemActive_a623n_37::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  border-radius: 2px;
  background: var(--accent-primary);
}

._content_a623n_54 {
  flex: 1;
  padding: 24px 28px;
  overflow-y: auto;
  max-height: 520px;
}

/* ---- Section Cards ---- */

@keyframes _cardEnter_a623n_1 {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._sectionCard_a623n_74 {
  background: rgba(30, 35, 44, 0.5);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: 16px 20px;
  margin-bottom: 12px;
  animation: _cardEnter_a623n_1 0.2s ease;
}

._sectionHeaderRow_a623n_83 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

._sectionIcon_a623n_90 {
  width: 28px;
  height: 28px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._sectionIconBlue_a623n_100 {
  background: rgba(80, 167, 234, 0.12);
  color: var(--accent-primary);
}

._sectionIconAmber_a623n_105 {
  background: rgba(250, 176, 5, 0.12);
  color: #fab005;
}

._sectionIconRed_a623n_110 {
  background: rgba(229, 72, 77, 0.12);
  color: #e5484d;
}

._dangerCard_a623n_115 {
  background: rgba(229, 72, 77, 0.04);
  border-color: rgba(229, 72, 77, 0.1);
}

._dangerHeader_a623n_120 {
  color: #e5484d;
}

/* ---- Section parts (legacy compat) ---- */

._section_a623n_74 {
  margin-bottom: 24px;
}

._sectionHeader_a623n_83 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
}

._sectionDivider_a623n_138 {
  height: 1px;
  background: var(--border-subtle);
  margin: 20px 0;
}

/* ---- Info card ---- */

._infoCard_a623n_146 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 12px 16px;
}

._infoLabel_a623n_156 {
  font-size: 12px;
  color: var(--text-muted);
  margin-bottom: 2px;
}

._infoValue_a623n_162 {
  font-size: 14px;
  color: var(--text-primary);
  font-weight: 500;
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: 0.02em;
}

/* ---- Password strength ---- */

._strengthBar_a623n_172 {
  display: flex;
  gap: 4px;
  margin-top: 8px;
}

._strengthSegment_a623n_178 {
  height: 4px;
  flex: 1;
  border-radius: 2px;
  background: var(--surface-2);
  transition: background var(--transition-default);
}

._strengthLabel_a623n_186 {
  font-size: 11px;
  margin-top: 4px;
  font-weight: 600;
}

/* ---- Expandable form area ---- */

._formArea_a623n_194 {
  overflow: hidden;
  transition:
    max-height 0.2s ease,
    opacity 0.2s ease;
}

._formAreaCollapsed_a623n_201 {
  max-height: 0;
  opacity: 0;
}

._formAreaExpanded_a623n_206 {
  max-height: 600px;
  opacity: 1;
}

/* ---- Success state ---- */

._successMessage_a623n_213 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4ade80;
  font-size: 13px;
  font-weight: 600;
  animation: _fadeIn_a623n_1 0.2s ease;
}

@keyframes _fadeIn_a623n_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ---- Shake animation ---- */

._shake_a623n_236 {
  animation: _shake_a623n_236 0.3s ease;
}

@keyframes _shake_a623n_236 {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-4px);
  }
  50% {
    transform: translateX(4px);
  }
  75% {
    transform: translateX(-4px);
  }
}

/* ---- Form inputs ---- */

._formStack_a623n_258 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

._formActions_a623n_265 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

/* ---- Verification step ---- */

._verificationHint_a623n_274 {
  font-size: 13px;
  color: var(--text-secondary);
  margin-bottom: 12px;
}

._resendLink_a623n_280 {
  font-size: 12px;
  color: var(--text-muted);
  margin-top: 8px;
  cursor: pointer;
}

._resendLink_a623n_280:hover {
  color: var(--text-secondary);
}

._resendLinkDisabled_a623n_291 {
  cursor: default;
  opacity: 0.5;
}

._resendLinkDisabled_a623n_291:hover {
  color: var(--text-muted);
}
/* Notifications tab body */

._settingsBody_1owrp_3 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ---- Section Cards ---- */

@keyframes _cardEnter_1owrp_1 {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._sectionCard_1owrp_22 {
  background: rgba(30, 35, 44, 0.5);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: 16px 20px;
  animation: _cardEnter_1owrp_1 0.2s ease;
}

._sectionHeaderRow_1owrp_30 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._sectionIcon_1owrp_36 {
  width: 28px;
  height: 28px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._sectionIconBlue_1owrp_46 {
  background: rgba(80, 167, 234, 0.12);
  color: var(--accent-primary);
}

._sectionIconTeal_1owrp_51 {
  background: rgba(64, 192, 87, 0.12);
  color: #40c057;
}

._sectionIconPurple_1owrp_56 {
  background: rgba(114, 78, 207, 0.12);
  color: #724ecf;
}

._sectionTitle_1owrp_61 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
}

._sectionHint_1owrp_69 {
  font-size: 12px;
  color: var(--text-faint);
  margin-top: 6px;
  line-height: 1.4;
}

/* ---- Toggle card ---- */

._toggleCard_1owrp_78 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

._toggleInfo_1owrp_85 {
  flex: 1;
}

/* ---- Volume ---- */

._volumeHeader_1owrp_91 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

._volumeValue_1owrp_98 {
  margin-left: auto;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  font-family: 'JetBrains Mono', monospace;
}

/* ---- Upload zone ---- */

._uploadZone_1owrp_108 {
  border: 1.5px dashed var(--border-strong);
  border-radius: var(--radius-md);
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  transition: all var(--transition-default);
  margin-top: 12px;
}

._uploadZone_1owrp_108:hover {
  border-color: var(--accent-primary);
  background: rgba(80, 167, 234, 0.04);
}

._uploadIcon_1owrp_127 {
  color: var(--text-muted);
  margin-bottom: 2px;
}

._uploadText_1owrp_132 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
}

._uploadHint_1owrp_138 {
  font-size: 11px;
  color: var(--text-faint);
}

/* ---- Sound loaded state ---- */

._soundLoaded_1owrp_145 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: var(--radius-md);
  border: 1px solid var(--border-subtle);
}

._soundStatus_1owrp_156 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #4ade80;
  font-weight: 600;
  flex: 1;
}

._soundStatusDot_1owrp_166 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4ade80;
}

/* ---- Preview link ---- */

._previewLink_1owrp_175 {
  font-size: 12px;
  color: var(--text-muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  transition: color var(--transition-fast);
}

._previewLink_1owrp_175:hover {
  color: var(--accent-primary);
}

._previewLinkDisabled_1owrp_190 {
  opacity: 0.4;
  cursor: default;
}

._previewLinkDisabled_1owrp_190:hover {
  color: var(--text-muted);
}
._headerContainer_15knc_1 {
  display: flex;
  align-items: center;
  height: 100%;
  -webkit-app-region: no-drag;
}

._userButton_15knc_8 {
  height: 32px;
  padding: 0 8px;
  border-radius: var(--radius-sm);
  transition: background-color var(--transition-fast);
  display: flex;
  align-items: center;
}

._userButton_15knc_8:hover {
  background-color: var(--hover-overlay);
}

._avatar_15knc_21 {
  background-color: var(--surface-0);
  color: var(--accent-primary);
  font-weight: 800;
  font-size: 10px;
  border: 1px solid rgba(80, 167, 234, 0.2);
}

._username_15knc_29 {
  color: var(--text-secondary);
  max-width: 150px;
}

._dropdown_15knc_34 {
  background-color: var(--surface-2) !important;
  border: 1px solid var(--border-default) !important;
  box-shadow: var(--shadow-md) !important;
}

.mantine-Menu-item {
  padding: 8px 10px !important;
  font-size: 12px !important;
}
._root_13kce_1 {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--surface-1);
  overflow: hidden;
  font-family: 'Inter', sans-serif;
}

/* GLOBAL HEADER */
._globalHeader_13kce_11 {
  height: 40px;
  background-color: var(--surface-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
  border-bottom: 1px solid var(--border-divider);
}

._globalHeaderDraggable_13kce_21 {
  -webkit-app-region: drag;
}

._headerLeft_13kce_25,
._headerRight_13kce_26 {
  display: flex;
  align-items: center;
  height: 100%;
  -webkit-app-region: no-drag;
}

._headerLeft_13kce_25 {
  padding-left: 16px;
}

._logo_13kce_37 {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.5px;
  color: var(--accent-primary);
  margin-right: 16px;
  user-select: none;
}

._headerBadge_13kce_46 {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  background: #e03e3e;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

._headerSeparator_13kce_64 {
  width: 1px;
  height: 16px;
  background-color: var(--border-strong);
}

._breadcrumbItem_13kce_70 {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-primary);
}

/* MAIN CONTAINER */
._mainContainer_13kce_77 {
  display: flex;
  flex: 1;
  overflow: hidden;
}

._leftSidebar_13kce_83 {
  width: 260px;
  flex-shrink: 0;
  background-color: var(--surface-1);
  display: flex;
  flex-direction: column;
}

/* SIDEBAR HEADER (guild name + action buttons) */
._sidebarHeader_13kce_92 {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
}

._sidebarTitle_13kce_102 {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}

._sidebarActions_13kce_113 {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  margin-left: 8px;
}

._sidebarActionBtn_13kce_121 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-icon);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._sidebarActionBtn_13kce_121:hover {
  color: var(--text-primary);
  background: var(--hover-overlay);
}

._contentWrapper_13kce_138 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  background-color: var(--surface-0);
  display: flex;
  flex-direction: column;
  position: relative;

  box-shadow:
    inset 12px 0 15px -10px rgba(0, 0, 0, 0.5),
    inset -12px 0 15px -10px rgba(0, 0, 0, 0.5);

  border-left: 1px solid rgba(0, 0, 0, 0.3);
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}

._sidePanel_13kce_155 {
  width: 240px;
  flex-shrink: 0;
  background-color: var(--surface-1);
  transition:
    width var(--transition-default),
    opacity 0.15s ease;
  overflow: hidden;
}

._sidePanelClosed_13kce_165 {
  width: 0 !important;
  opacity: 0;
}

/* RIGHT TOOLBAR */
._rightToolbar_13kce_171 {
  width: 40px;
  flex-shrink: 0;
  background-color: var(--surface-1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px 0;
  border-left: 1px solid var(--border-subtle);
}

._rightToolbarClosed_13kce_182 {
  width: 0 !important;
  opacity: 0;
}

._toolbarTop_13kce_187,
._toolbarBottom_13kce_188 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

._toolBtn_13kce_195 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-icon);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._toolBtn_13kce_195:hover {
  color: var(--text-primary);
  background: var(--hover-overlay);
}
._toolBtnActive_13kce_211 {
  color: var(--accent-primary) !important;
  background: var(--accent-primary-bg) !important;
}

._toolBtnWrapper_13kce_216 {
  position: relative;
}

._toolBtnBadge_13kce_220 {
  position: absolute;
  top: -2px;
  right: -4px;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  border-radius: 7px;
  background: var(--accent-primary);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  pointer-events: none;
}

/* STATUS BAR */
._statusBar_13kce_240 {
  height: 24px;
  background-color: var(--surface-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  font-size: 11px;
  color: var(--text-faint);
  font-weight: 600;
  border-top: 1px solid var(--border-subtle);
}

._statusGroup_13kce_253 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._statusItem_13kce_258 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._statusDivider_13kce_263 {
  opacity: 0.2;
}
._versionTag_13kce_266 {
  opacity: 0.5;
  font-weight: 700;
}

/* WINDOW BUTTONS */
._windowBtns_13kce_272 {
  display: flex;
  height: 100%;
  -webkit-app-region: no-drag;
}

._winBtn_13kce_278 {
  width: 44px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._winBtn_13kce_278:hover {
  background: var(--hover-overlay);
  color: var(--text-primary);
}
._closeBtn_13kce_293:hover {
  background: var(--danger-color) !important;
  color: var(--text-primary) !important;
}

/* ---- Mobile layout ---- */
._mobileLeftDrawer_13kce_299 {
  display: flex;
  height: 100%;
  overflow: hidden;
}

@media (max-width: 768px) {
  ._statusBar_13kce_240 {
    display: none;
  }

  ._rightToolbar_13kce_171 {
    display: none;
  }
}
/* ===== VoicePreviewPopover — Glass Card ===== */

._popover_1ne2y_3 {
  position: fixed;
  z-index: 1000;
  width: 240px;
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  pointer-events: none;
  animation: _popoverIn_1ne2y_1 150ms ease forwards;
}

@keyframes _popoverIn_1ne2y_1 {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ── THUMBNAIL ── */
._thumbnail_1ne2y_29 {
  width: 240px;
  height: 180px;
  background-color: var(--surface-0);
  position: relative;
  overflow: hidden;
}

._thumbnailImg_1ne2y_37 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._thumbnailPlaceholder_1ne2y_43 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  font-size: 12px;
}

/* Skeleton loading */
._skeleton_1ne2y_54 {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    var(--surface-0) 25%,
    var(--surface-2) 50%,
    var(--surface-0) 75%
  );
  background-size: 200% 100%;
  animation: _shimmer_1ne2y_1 1.5s ease-in-out infinite;
}

@keyframes _shimmer_1ne2y_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* ── LIVE BADGE ── */
._liveBadge_1ne2y_77 {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #fff;
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  animation: _livePulse_1ne2y_1 2s ease-in-out infinite;
}

._liveBadgeCamera_1ne2y_91 {
  background: #ed4245;
}

._liveBadgeStream_1ne2y_95 {
  background: var(--status-stream);
}

@keyframes _livePulse_1ne2y_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

/* ── FOOTER ── */
._footer_1ne2y_110 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
}

._footerAvatar_1ne2y_117 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--surface-3);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: 700;
  color: var(--text-muted);
}

._footerAvatarImg_1ne2y_132 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._footerInfo_1ne2y_138 {
  flex: 1;
  min-width: 0;
}

._footerName_1ne2y_143 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._footerDuration_1ne2y_152 {
  font-size: 10px;
  color: var(--text-muted);
}
/* ===== VoiceChannelUsers — Govox Neon ===== */

._userList_1sr8k_3 {
  display: flex;
  flex-direction: column;
  padding-left: 24px;
  padding-right: 8px;
  gap: 1px;
}

._userRow_1sr8k_11 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 6px;
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
  cursor: default;
  position: relative;
}

._userRow_1sr8k_11:hover {
  background-color: var(--hover-overlay);
}

/* ── AVATAR ── */
._avatarWrapper_1sr8k_28 {
  position: relative;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

._avatar_1sr8k_28 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--surface-3);
  border: 1.5px solid var(--border-subtle);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

._avatarImg_1sr8k_55 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Online status dot */
._statusDot_1sr8k_62 {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #43b581;
  border: 2px solid var(--surface-1);
  z-index: 2;
}

/* ── SPEAKING GLOW ── */
._speaking_1sr8k_75 ._avatar_1sr8k_28 {
  border-color: var(--accent-primary);
  box-shadow:
    0 0 0 2px var(--accent-primary),
    0 0 12px rgba(80, 167, 234, 0.5);
  animation: _speakingPulse_1sr8k_1 1.5s ease infinite;
}

@keyframes _speakingPulse_1sr8k_1 {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

/* Remove old conic-gradient ring — keep class for backwards compat but hidden */
._speakingRing_1sr8k_94 {
  display: none;
}

/* ── USERNAME ── */
._username_1sr8k_99 {
  font-size: 12.5px;
  font-weight: 500;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
  transition: all var(--transition-fast);
}

._speaking_1sr8k_75 ._username_1sr8k_99 {
  color: var(--text-primary);
  text-shadow: 0 0 10px rgba(80, 167, 234, 0.2);
}

/* ── STATUS BADGES ── */
._statusIcons_1sr8k_117 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

/* Mute — small subtle icon */
._muteIcon_1sr8k_125 {
  color: var(--text-muted);
  display: flex;
  align-items: center;
  opacity: 0.7;
}

/* Deaf — danger color icon */
._deafIcon_1sr8k_133 {
  color: var(--danger-color);
  display: flex;
  align-items: center;
}

/* Camera badge — green pill */
._cameraBadge_1sr8k_140 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  font-weight: 600;
  color: var(--status-camera);
  background: var(--status-camera-bg);
  border: 1px solid var(--status-camera-border);
  padding: 1px 6px;
  border-radius: 999px;
  white-space: nowrap;
  line-height: 1.4;
}

/* Stream badge — purple pill */
._streamBadge_1sr8k_156 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  font-weight: 600;
  color: var(--status-stream);
  background: var(--status-stream-bg);
  border: 1px solid var(--status-stream-border);
  padding: 1px 6px;
  border-radius: 999px;
  white-space: nowrap;
  line-height: 1.4;
}
/* ===== ChannelList — Govox Glass ===== */

._container_13o8z_3 {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--surface-1);
  backdrop-filter: blur(12px);
}

._scrollArea_13o8z_11 {
  flex: 1;
}

._wrapper_13o8z_15 {
  padding: 12px 0;
}

/* ── CATEGORIES ── */
._categorySection_13o8z_20 {
  margin-bottom: 14px;
}

._categoryHeader_13o8z_24 {
  padding: 0 12px 0 8px;
  height: 28px;
  margin-bottom: 3px;
}

._categoryToggle_13o8z_30 {
  display: flex;
  align-items: center;
  color: var(--text-faint);
  transition: color var(--transition-fast);
  flex: 1;
}

._categoryToggle_13o8z_30:hover {
  color: var(--text-muted);
}

._chevronIcon_13o8z_42 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

._chevronIcon_13o8z_42._collapsed_13o8z_51 {
  transform: rotate(-90deg);
}

._categoryTitle_13o8z_55 {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

._addBtn_13o8z_62 {
  color: var(--text-icon);
  opacity: 0;
  transition: all 0.15s ease;
}

._categorySection_13o8z_20:hover ._addBtn_13o8z_62 {
  opacity: 1;
}

/* ── CHANNEL ITEMS ── */
._channelStack_13o8z_73 {
  display: flex;
  flex-direction: column;
  padding: 0 8px;
  gap: 1px;
}

._channelItem_13o8z_80 {
  position: relative;
  height: 34px;
  border-radius: var(--radius-sm);
  padding: 0 8px;
  color: var(--text-muted);
  transition: all var(--transition-fast);
  display: flex;
  align-items: center;
  gap: 7px;
}

._channelItem_13o8z_80:hover {
  background-color: var(--hover-overlay);
  color: var(--text-secondary);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ── ACTIVE CHANNEL ── */
._active_13o8z_99 {
  background-color: rgba(80, 167, 234, 0.12) !important;
  color: var(--text-primary) !important;
}

._active_13o8z_99::before {
  content: '';
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 60%;
  border-radius: 0 var(--radius-xs) var(--radius-xs) 0;
  background-color: var(--accent-primary);
  box-shadow:
    0 0 8px var(--accent-primary),
    0 0 16px rgba(80, 167, 234, 0.3);
}

/* ── CHANNEL ICON ── */
._iconWrapper_13o8z_120 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  flex-shrink: 0;
  color: var(--text-icon);
  transition: color var(--transition-fast);
}

._active_13o8z_99 ._iconWrapper_13o8z_120 {
  color: var(--accent-primary);
  filter: drop-shadow(0 0 4px rgba(80, 167, 234, 0.4));
}

._channelName_13o8z_135 {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  flex: 1;
  min-width: 0;
}

/* ── VOICE CHANNEL EXTRAS ── */
._voiceInfo_13o8z_144 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  flex-shrink: 0;
}

._participantCount_13o8z_152 {
  font-size: 11px;
  font-weight: 600;
  color: var(--status-camera);
  background: var(--status-camera-bg);
  padding: 1px 7px;
  border-radius: var(--radius-pill, 999px);
  white-space: nowrap;
}

._joinBtn_13o8z_162 {
  font-size: 11px;
  font-weight: 600;
  color: var(--accent-primary);
  background: rgba(80, 167, 234, 0.1);
  border: 1px solid rgba(80, 167, 234, 0.25);
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  opacity: 0;
  transition: all var(--transition-fast);
  white-space: nowrap;
}

._channelItem_13o8z_80:hover ._joinBtn_13o8z_162 {
  opacity: 1;
}

._joinBtn_13o8z_162:hover {
  background: rgba(80, 167, 234, 0.2);
  border-color: rgba(80, 167, 234, 0.4);
}

/* ── ANIMATED VOICE ICON ── */
._voiceWaveIcon_13o8z_186 {
  display: flex;
  align-items: flex-end;
  gap: 1.5px;
  height: 16px;
  width: 20px;
  justify-content: center;
}

._voiceWaveBar_13o8z_195 {
  width: 2.5px;
  background-color: var(--text-icon);
  border-radius: 1px;
  transition:
    height 0.3s ease,
    background-color var(--transition-fast);
}

._voiceWaveBar_13o8z_195:nth-child(1) {
  height: 6px;
}
._voiceWaveBar_13o8z_195:nth-child(2) {
  height: 10px;
}
._voiceWaveBar_13o8z_195:nth-child(3) {
  height: 4px;
}

._voiceActive_13o8z_214 ._voiceWaveBar_13o8z_195 {
  background-color: var(--status-camera);
  animation: _voiceWave_13o8z_186 1.2s ease-in-out infinite;
}

._voiceActive_13o8z_214 ._voiceWaveBar_13o8z_195:nth-child(1) {
  animation-delay: 0s;
}
._voiceActive_13o8z_214 ._voiceWaveBar_13o8z_195:nth-child(2) {
  animation-delay: 0.2s;
}
._voiceActive_13o8z_214 ._voiceWaveBar_13o8z_195:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes _voiceWave_13o8z_186 {
  0%,
  100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.8);
  }
}

._active_13o8z_99 ._voiceWaveBar_13o8z_195 {
  background-color: var(--accent-primary);
}

/* ── HOVER ACTIONS ── */
._channelActions_13o8z_244 {
  display: flex;
  gap: 2px;
  margin-left: auto;
  opacity: 0;
  transition: opacity var(--transition-fast);
  flex-shrink: 0;
}

._channelItem_13o8z_80:hover ._channelActions_13o8z_244 {
  opacity: 1;
}

._channelActionBtn_13o8z_257 {
  color: var(--text-icon) !important;
  transition: color var(--transition-fast) !important;
}

._channelActionBtn_13o8z_257:hover {
  color: var(--text-secondary) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

/* ── INLINE EDIT ── */
._editInput_13o8z_268 {
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid var(--accent-primary) !important;
  color: var(--text-primary) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: var(--radius-sm) !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 6px !important;
}

/* ── UNREAD ── */
._hasUnread_13o8z_281 {
  color: var(--text-primary);
}

._hasUnread_13o8z_281 ._channelName_13o8z_135 {
  font-weight: 600;
}

._unreadBadge_13o8z_289 {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--text-muted);
  color: var(--surface-0);
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
}

._mentionBadge_13o8z_305 {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--danger-color);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
}

/* ── EMPTY ── */
._emptyState_13o8z_322 {
  padding: 40px 20px;
  color: var(--text-icon);
  text-align: center;
  opacity: 0.5;
}
._grid_vk5wg_1 {
  width: 32px;
  height: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  flex-shrink: 0;
  background: var(--surface-2);
}

._cell_vk5wg_14 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-3);
  overflow: hidden;
}

._cellImg_vk5wg_24 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._cellLetter_vk5wg_30 {
  font-size: 9px;
  font-weight: 700;
  color: var(--text-faint);
  line-height: 1;
}

._overflow_vk5wg_37 {
  font-size: 8px;
  font-weight: 700;
  color: var(--text-muted);
  line-height: 1;
}
._container_1fkga_1 {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--surface-1);
}

._header_1fkga_8 {
  padding: 12px 16px 8px;
}

._scrollArea_1fkga_12 {
  flex: 1;
}

._list_1fkga_16 {
  padding: 0 8px 12px;
}

/* ─── Секции В сети / Не в сети ─────────────────────────── */

._section_1fkga_22 {
  margin-bottom: 4px;
}

._sectionHeader_1fkga_26 {
  padding: 8px 8px 4px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-faint);
  user-select: none;
}

/* ─── Айтем ──────────────────────────────────────────────── */

._channelItem_1fkga_38 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: var(--radius-md);
  color: var(--text-muted);
  transition: all var(--transition-fast);
  margin-bottom: 1px;
  width: 100%;
  position: relative;
}

._channelItem_1fkga_38:hover {
  background-color: var(--hover-overlay);
  color: var(--text-secondary);
}

._active_1fkga_56 {
  background-color: var(--accent-primary-bg) !important;
  color: var(--text-primary) !important;
}

._hasUnread_1fkga_61 {
  color: var(--text-primary);
  background-color: rgba(80, 167, 234, 0.06);
}

._hasUnread_1fkga_61::before {
  content: '';
  position: absolute;
  left: 0;
  top: 20%;
  bottom: 20%;
  width: 3px;
  border-radius: 0 2px 2px 0;
  background: var(--accent-primary);
}

/* ─── Аватар + индикатор статуса ─────────────────────────── */

._avatarWrapper_1fkga_79 {
  position: relative;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
}

._avatar_1fkga_79 {
  width: 100%;
  height: 100%;
}

._statusDot_1fkga_91 {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--surface-1);
  box-sizing: border-box;
}

/* Цвета статуса */
._status_online_1fkga_103 {
  background-color: var(--status-online, #3ba55d);
}

._status_idle_1fkga_107 {
  background-color: var(--warning-color, #faa81a);
}

._status_offline_1fkga_111 {
  background-color: var(--status-offline, #747f8d);
}

/* Офлайн — немного приглушить весь айтем */
._channelItem_1fkga_38:not(._active_1fkga_56) ._status_offline_1fkga_111 ~ ._info_1fkga_116 ._username_1fkga_116 {
  opacity: 0.6;
}

/* ─── Инфо ───────────────────────────────────────────────── */

._info_1fkga_116 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._username_1fkga_116 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  line-height: 1.2;
}

._lastMessage_1fkga_137 {
  font-size: 12px;
  color: var(--text-faint);
  line-height: 1.3;
  opacity: 0.7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
}

._lastMessage_1fkga_137 > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._lastMessage_1fkga_137 .emoji-inline {
  height: 1.4em;
  width: 1.4em;
  vertical-align: -0.3em;
  object-fit: contain;
}

._hasUnread_1fkga_61 ._username_1fkga_116 {
  font-weight: 600;
}

._hasUnread_1fkga_61 ._lastMessage_1fkga_137 {
  opacity: 1;
  color: var(--text-secondary);
}

/* ─── Иконка вложения ────────────────────────────────────── */

._attachmentIcon_1fkga_174 {
  flex-shrink: 0;
  color: var(--text-faint);
  opacity: 0.7;
}

._hasUnread_1fkga_61 ._attachmentIcon_1fkga_174 {
  color: var(--text-secondary);
  opacity: 1;
}

/* ─── Черновик ───────────────────────────────────────────── */

._draftPreview_1fkga_187 {
  font-size: 12px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

._draftLabel_1fkga_196 {
  color: var(--accent-primary);
  font-weight: 600;
}

._draftText_1fkga_201 {
  color: var(--text-faint);
  opacity: 0.8;
}

/* ─── Кнопка закрытия DM (при hover) ─────────────────────── */

._closeBtn_1fkga_208 {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  color: var(--text-faint);
  opacity: 0;
  transition: all var(--transition-fast);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

._channelItem_1fkga_38:hover ._closeBtn_1fkga_208 {
  opacity: 1;
}

._closeBtn_1fkga_208:hover {
  color: var(--text-primary);
  background: var(--hover-overlay);
}

/* Скрыть время при hover, показать closeBtn вместо */
._channelItem_1fkga_38:hover ._time_1fkga_238 {
  display: none;
}

/* ─── Мета (время + бейдж) ───────────────────────────────── */

._meta_1fkga_244 {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  position: relative;
}

._time_1fkga_238 {
  font-size: 10px;
  color: var(--text-faint);
  font-weight: 600;
  white-space: nowrap;
}

._hasUnread_1fkga_61 ._time_1fkga_238 {
  color: var(--accent-primary);
}

._unreadBadge_1fkga_264 {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--accent-primary);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* ─── Кнопка «Показать скрытые» ──────────────────────────── */

._showHiddenBtn_1fkga_281 {
  display: block;
  width: 100%;
  padding: 8px 8px;
  margin-top: 4px;
  background: none;
  border: none;
  border-radius: var(--radius-md);
  color: var(--text-faint);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition-fast);
  text-align: center;
}

._showHiddenBtn_1fkga_281:hover {
  color: var(--text-secondary);
  background: var(--hover-overlay);
}

/* ─── Пустое состояние ───────────────────────────────────── */

._emptyState_1fkga_304 {
  padding: 40px 20px;
  text-align: center;
  opacity: 0.5;
}
._header_1qu66_1 {
  min-height: 40px;
  background-color: var(--surface-1);
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
}

._title_1qu66_8 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._subtitle_1qu66_18 {
  font-size: 11px;
  color: var(--text-faint);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._subtitle_1qu66_18 .emoji-inline {
  height: 1.4em;
  width: 1.4em;
  vertical-align: -0.3em;
  object-fit: contain;
}

._hash_1qu66_34 {
  color: var(--text-faint);
  font-size: 14px;
}

/* ─── Avatar with status ─────────────────────────────────── */

._avatarStatus_1qu66_41 {
  position: relative;
  flex-shrink: 0;
}

._avatarDot_1qu66_46 {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--surface-1);
}

/* ─── Status dot ──────────────────────────────────────────── */

._statusDot_1qu66_58 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

._status_online_1qu66_65 {
  background-color: var(--status-online);
}

._status_idle_1qu66_69 {
  background-color: var(--status-away);
}

._status_offline_1qu66_73 {
  background-color: var(--status-offline);
}

/* ─── Tool buttons ────────────────────────────────────────── */

._toolBtn_1qu66_79 {
  color: var(--text-faint);
  width: 28px;
  height: 28px;
}

._toolBtn_1qu66_79:hover {
  background: var(--hover-overlay);
  color: var(--text-primary);
}

._active_1qu66_90 {
  background: rgba(53, 116, 240, 0.2) !important;
  color: var(--accent-primary) !important;
}
._container_1bu3p_1 {
  flex: 1;
  position: relative;
  min-height: 0;
  background-color: var(--surface-0);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

._viewport_1bu3p_9 {
  scroll-behavior: auto !important;
}

._loader_1bu3p_13 {
  position: absolute;
  inset: 0;
  background: var(--surface-0);
  z-index: 10;
}

._historyLoader_1bu3p_20 {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 5;
}
._container_15x9i_1 {
  display: flex;
  align-items: center;
  margin: 2px 16px 16px 16px;
  user-select: none;
}

._line_15x9i_8 {
  flex: 1;
  height: 1px;
}

._lineLeft_15x9i_13 {
  background: linear-gradient(to right, transparent, rgba(63, 65, 71, 0.8));
}

._lineRight_15x9i_17 {
  background: linear-gradient(to left, transparent, rgba(63, 65, 71, 0.8));
}

._label_15x9i_21 {
  padding: 4px 16px !important;
  background-color: rgba(43, 45, 49, 0.6);
  backdrop-filter: blur(8px);
  border: 2px solid var(--hover-overlay-strong);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
}
._isToday_15x9i_35 {
  color: var(--accent-primary);
  /* Цвет границы изменится, а толщина 2px унаследуется от .label */
  border-color: var(--accent-primary-border);
  background-color: rgba(80, 167, 234, 0.05);
}
._timestamp_1e0k3_1 {
  user-select: none;
  cursor: default;
  transition: color var(--transition-fast);
  font-variant-numeric: tabular-nums;
  color: var(--text-faint); /* Делаем чуть более приглушенным по умолчанию */
}

._timestamp_1e0k3_1:hover {
  color: var(--text-secondary) !important;
}

/* Настоящее стекло для тултипа */
._tooltip_1e0k3_14 {
  background-color: rgba(28, 32, 38, 0.85) !important; /* Цвет как в хедере */
  backdrop-filter: blur(12px) saturate(180%);
  border: 1px solid var(--border-strong) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
  color: var(--text-secondary) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  padding: 5px 10px !important;
  border-radius: var(--radius-md) !important;
}
._imageWrapper_15e5j_1 {
  display: inline-block;
  margin-top: 4px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  cursor: pointer;
  transition: opacity var(--transition-fast);
}

._imageWrapper_15e5j_1:hover {
  opacity: 0.9;
}

._image_15e5j_1 {
  max-width: 400px;
  max-height: 300px;
  border-radius: var(--radius-sm);
  display: block;
  object-fit: contain;
}

/* ---- Video preview ---- */
._videoWrapper_15e5j_23 {
  display: inline-block;
  position: relative;
  margin-top: 4px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  cursor: pointer;
  transition: opacity var(--transition-fast);
}

._videoWrapper_15e5j_23:hover {
  opacity: 0.9;
}

._videoWrapper_15e5j_23:hover ._playOverlay_15e5j_37 {
  background: rgba(0, 0, 0, 0.55);
}

._video_15e5j_23 {
  max-width: 400px;
  max-height: 300px;
  border-radius: var(--radius-sm);
  display: block;
  object-fit: contain;
}

._playOverlay_15e5j_37 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  color: white;
  border-radius: var(--radius-sm);
  transition: background var(--transition-fast);
  pointer-events: none;
}

/* ---- Audio card ---- */
._audioCard_15e5j_63 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  padding: 8px 12px;
  background: var(--surface-1);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  max-width: 360px;
  cursor: pointer;
  transition: background var(--transition-fast);
}

._audioCard_15e5j_63:hover {
  background: var(--surface-2);
}

._audioIcon_15e5j_81 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--accent-primary);
  color: white;
  flex-shrink: 0;
}

._audioPlay_15e5j_93 {
  display: flex;
  align-items: center;
  color: var(--text-faint);
  flex-shrink: 0;
  transition: color var(--transition-fast);
}

._audioCard_15e5j_63:hover ._audioPlay_15e5j_93 {
  color: var(--accent-primary);
}

/* ---- Document card ---- */
._docCard_15e5j_106 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  padding: 8px 12px;
  background: var(--surface-1);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  max-width: 360px;
}

._docIcon_15e5j_118 {
  color: var(--accent-primary);
  flex-shrink: 0;
}

._docInfo_15e5j_123 {
  flex: 1;
  min-width: 0;
}

._docName_15e5j_128 {
  max-width: 240px;
}

._downloadBtn_15e5j_132 {
  color: var(--text-faint);
  flex-shrink: 0;
}

._downloadBtn_15e5j_132:hover {
  color: var(--accent-primary);
}

@media (max-width: 768px) {
  ._image_15e5j_1,
  ._video_15e5j_23 {
    max-width: 100%;
    max-height: 240px;
  }

  ._audioCard_15e5j_63,
  ._docCard_15e5j_106 {
    max-width: 100%;
  }
}
._container_19ylk_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

._reactionBtn_19ylk_8 {
  all: unset;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  height: 26px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--surface-0);
  cursor: pointer;
  font-size: 12px;
  transition: all var(--transition-fast);
}

._reactionBtn_19ylk_8:hover {
  background: var(--hover-overlay);
}

._active_19ylk_27 {
  border-color: var(--accent-primary);
  background: rgba(80, 167, 234, 0.1);
}

._emoji_19ylk_32 {
  width: 18px;
  height: 18px;
}

._count_19ylk_37 {
  color: var(--text-secondary);
  font-weight: 500;
}

._addBtn_19ylk_42 {
  color: var(--text-faint);
  border-style: dashed;
}

._addBtn_19ylk_42:hover {
  color: var(--text-secondary);
  border-color: var(--border-default);
}
._toolbar_k8khi_1 {
  position: absolute;
  top: -32px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 4px;
  background: var(--surface-2);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  z-index: 50;
  animation: _toolbarIn_k8khi_1 0.1s ease;
}

._quickBtn_k8khi_17 {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 28px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition:
    background-color var(--transition-fast),
    transform 0.1s ease;
}

._quickBtn_k8khi_17:hover {
  background: var(--hover-overlay);
  transform: scale(1.2);
}

._quickEmoji_k8khi_36 {
  width: 20px;
  height: 20px;
  pointer-events: none;
}

._moreBtn_k8khi_42 {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 28px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  color: var(--text-faint);
  border-left: 1px solid var(--border-subtle);
  margin-left: 2px;
  padding-left: 4px;
  transition:
    color var(--transition-fast),
    background-color var(--transition-fast);
}

._moreBtn_k8khi_42:hover {
  color: var(--text-secondary);
  background: var(--hover-overlay);
}

@keyframes _toolbarIn_k8khi_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._messageRow_1nvn3_1 {
  position: relative;
  display: flex;
  gap: 16px;
  padding: 4px 16px;
  transition: background-color var(--transition-fast);
}

._messageRow_1nvn3_1:hover ._timestampWrapper_1nvn3_9 {
  opacity: 1;
}

._messageRow_1nvn3_1:hover ._timeContainer_1nvn3_13 {
  opacity: 1;
}

._messageRow_1nvn3_1:hover ._pinIconGutter_1nvn3_17 {
  opacity: 0;
}

._notGrouped_1nvn3_21 {
  margin-top: 18px;
}

._isGrouped_1nvn3_25 {
  padding-top: 1px;
  padding-bottom: 1px;
}

/* Для своих сообщений — синий градиент */
._isOwn_1nvn3_31 {
  background: linear-gradient(
    90deg,
    rgba(80, 167, 234, 0.2) 0%,
    rgba(80, 167, 234, 0.1) 50%,
    rgba(80, 167, 234, 0.05) 100%
  );
  border-radius: var(--radius-lg);
}

._isOwn_1nvn3_31::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--accent-primary);
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  opacity: 1;
}

._gutter_1nvn3_53 {
  width: 48px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  position: relative; /* Чтобы дочерние элементы могли позиционироваться */
}

._contentArea_1nvn3_61 {
  flex: 1;
  min-width: 0;
}

._markdownBody_1nvn3_66 {
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.5;
  user-select: text;
  -webkit-user-select: text;
}

._editedTag_1nvn3_74 {
  font-size: 11px;
  color: var(--text-icon);
  margin-left: 8px;
}

._codeBlockContainer_1nvn3_80 {
  margin: 10px 0;
  background-color: var(--surface-0);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-subtle);
  overflow: hidden;
}

._codeHeader_1nvn3_88 {
  display: flex;
  justify-content: space-between;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
  color: var(--text-faint);
  background-color: rgba(0, 0, 0, 0.2);
}

._inlineCode_1nvn3_98 {
  background: var(--hover-overlay);
  padding: 2px 6px;
  border-radius: var(--radius-sm);
}

._emoji_1nvn3_104 {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

._jumboEmoji_1nvn3_110 {
  width: 40px;
  height: 40px;
}

._timestampWrapper_1nvn3_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 20px; /* Высота строки текста для выравнивания */
  position: relative;
}

._timestampWrapper_1nvn3_9 .mantine-Text-root {
  font-size: 11px;
  color: var(--mantine-color-dimmed);
  margin-top: 4px;
}

._pinned_1nvn3_130 {
  background-color: rgba(233, 174, 52, 0.05); /* Очень легкий золотистый фон */
}

._pinned_1nvn3_130:hover {
  /* Приоритет над обычным ховером */
  background-color: rgba(233, 174, 52, 0.08) !important;
}

/* Если сообщение И свое, И закрепленное — смешиваем стили или даем приоритет */
._pinned_1nvn3_130._isOwn_1nvn3_31 {
  background: linear-gradient(90deg, rgba(233, 174, 52, 0.15) 0%, rgba(80, 167, 234, 0.1) 100%);
}

/* Индикатор закрепа сбоку (если не свое) */
._pinned_1nvn3_130:not(._isOwn_1nvn3_31)::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #e9ae34;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

._pinIconGutter_1nvn3_17 {
  color: #e9ae34;
  position: absolute;
  opacity: 1;
  transition: opacity 0.05s ease;
  z-index: 2;
}

._timeContainer_1nvn3_13 {
  opacity: 0; /* Время скрыто по умолчанию */
  transition: opacity 0.05s ease;
  z-index: 1;
  display: flex;
  justify-content: center;
  width: 100%;
}

._timeContainer_1nvn3_13 .mantine-Text-root {
  font-size: 10px !important;
  color: var(--mantine-color-dimmed);
}

/* Иконка закрепа в тексте */
._pinIcon_1nvn3_17 {
  color: #e9ae34;
}

._groupedPinIndicator_1nvn3_183 {
  display: none;
}

._threadBadge_1nvn3_187 {
  margin-top: 4px;
  color: var(--accent-primary) !important;
  font-weight: 600;
  font-size: 12px;
  padding: 2px 8px;
  height: auto;
}

._threadBadge_1nvn3_187:hover {
  background-color: var(--hover-overlay);
}

/* MENTION HIGHLIGHT */
._mention_1nvn3_201 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: var(--accent-primary);
  background: var(--accent-primary-bg);
  padding: 0 4px;
  border-radius: 3px;
  font-weight: 600;
  cursor: pointer;
  vertical-align: baseline;
}

._mention_1nvn3_201:hover {
  background: rgba(80, 167, 234, 0.2);
  text-decoration: underline;
}

._mentionAvatar_1nvn3_219 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

._mentionAvatarFallback_1nvn3_227 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--accent-primary);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* CLICKABLE AUTHOR NAME */
._clickableAuthor_1nvn3_242:hover {
  text-decoration: underline;
  color: var(--text-primary);
}

@media (max-width: 768px) {
  ._messageRow_1nvn3_1 {
    padding: 4px 8px;
    gap: 10px;
  }

  ._gutter_1nvn3_53 {
    width: 36px;
  }

  ._gutter_1nvn3_53 .mantine-Avatar-root {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }

  ._markdownBody_1nvn3_66 {
    font-size: 14px;
  }

  ._notGrouped_1nvn3_21 {
    margin-top: 12px;
  }
}

/* Forwarded messages */
._forwarded_1nvn3_273 {
  border-left: 3px solid var(--accent-primary);
  padding-left: 12px;
}

._forwardedBadge_1nvn3_278 {
  margin-bottom: 4px;
  color: var(--text-muted);
  font-size: 12px;
}

._forwardedBadge_1nvn3_278 strong {
  color: var(--text-secondary);
  font-weight: 600;
}
._root_lvj6o_1 {
  width: 260px;
  background-color: var(--surface-2);
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid var(--border-subtle);
  margin-top: 4px;
}

._playButton_lvj6o_10 {
  flex-shrink: 0;
}

._waveformContainer_lvj6o_14 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  height: 36px;
  justify-content: center;
  overflow: hidden;
}

._waveform_lvj6o_14 {
  display: flex;
  align-items: center;
  gap: 1.5px;
  height: 24px;
}

._bar_lvj6o_32 {
  flex: 1 1 0;
  min-width: 1.5px;
  max-width: 3px;
  background-color: var(--text-faint);
  border-radius: 1px;
  min-height: 2px;
  transition: background-color 0.1s;
}

._activeBar_lvj6o_42 {
  background-color: var(--accent-primary);
}

._time_lvj6o_46 {
  font-family: var(--font-mono);
  color: var(--text-faint);
  line-height: 1;
}

._speedBadge_lvj6o_52 {
  font-size: 11px;
  font-weight: 700;
  color: var(--accent-primary);
  background-color: var(--accent-primary-bg);
  padding: 2px 6px;
  border-radius: 4px;
  min-width: 28px;
  text-align: center;
  user-select: none;
}
._targetInfo_1wm2d_1 {
  background: var(--surface-2);
  border-radius: var(--radius-md);
  padding: 10px 14px;
  margin-bottom: 16px;
}

._targetLabel_1wm2d_8 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 2px;
}

._targetName_1wm2d_15 {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
}
._modalContent_1h1qp_1 {
  background: linear-gradient(145deg, var(--glass-bg) 0%, rgba(16, 20, 24, 0.98) 100%) !important;
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--border-default) !important;
  border-radius: var(--radius-2xl) !important;
  box-shadow: var(--shadow-lg), var(--shadow-inset-glow) !important;
  overflow: hidden !important;
}

._modalHeader_1h1qp_10 {
  background: transparent !important;
  border-bottom: 1px solid var(--border-subtle);
  padding: 16px 20px !important;
  margin: 0 !important;
}

._modalTitle_1h1qp_17 {
  font-family: 'Inter', sans-serif;
  color: var(--text-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._modalBody_1h1qp_24 {
  padding: 0 !important;
}

._searchWrapper_1h1qp_28 {
  padding: 12px 20px;
}

._listArea_1h1qp_32 {
  max-height: 400px;
  overflow-y: auto;
  padding: 0 12px 12px;
}

._sectionLabel_1h1qp_38 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  padding: 8px 8px 4px;
  position: sticky;
  top: 0;
  background: var(--glass-bg);
  z-index: 1;
}

._guildGroup_1h1qp_51 {
  margin-bottom: 4px;
}

._channelItem_1h1qp_55 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color var(--transition-fast);
  color: var(--text-secondary);
  font-size: 14px;
}

._channelItem_1h1qp_55:hover {
  background-color: var(--hover-overlay);
}

._channelItem_1h1qp_55._selected_1h1qp_71 {
  background-color: rgba(80, 167, 234, 0.15);
  color: var(--text-primary);
}

._channelIcon_1h1qp_76 {
  color: var(--text-muted);
  flex-shrink: 0;
}

._channelName_1h1qp_81 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._guildName_1h1qp_89 {
  font-size: 11px;
  color: var(--text-muted);
  margin-left: auto;
  flex-shrink: 0;
}

._footer_1h1qp_96 {
  background-color: rgba(0, 0, 0, 0.25);
  padding: 12px 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--border-subtle);
}

._primaryBtn_1h1qp_106 {
  background: var(--brand-gradient) !important;
  border: 1px solid var(--border-strong) !important;
  height: 36px;
  font-weight: 700;
  padding: 0 20px;
  box-shadow: var(--brand-shadow) !important;
  transition: all var(--transition-fast);
}

._primaryBtn_1h1qp_106:hover:not(:disabled) {
  filter: brightness(1.1);
}

._primaryBtn_1h1qp_106:disabled {
  background: var(--hover-overlay) !important;
  border-color: transparent !important;
  color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}

._emptyState_1h1qp_127 {
  padding: 24px;
  text-align: center;
  color: var(--text-muted);
  font-size: 14px;
}
._embedWrapper_1uy9e_1 {
  position: relative;
  max-width: 520px;
  margin-top: 4px;
  border-left: 4px solid var(--accent-primary);
  border-radius: var(--radius-sm);
  background: var(--surface-1);
  border: 1px solid var(--border-subtle);
  border-left: 4px solid var(--accent-primary);
  overflow: hidden;
}

._embedMeta_1uy9e_13 {
  padding: 10px 12px 6px;
}

._providerName_1uy9e_17 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--accent-primary);
  letter-spacing: 0.04em;
}

._embedTitle_1uy9e_25 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-top: 2px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._authorName_1uy9e_37 {
  font-size: 12px;
  color: var(--text-secondary);
  margin-top: 2px;
}

._thumbnailContainer_1uy9e_43 {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  cursor: pointer;
  overflow: hidden;
}

._thumbnail_1uy9e_43 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

._thumbnailOverlay_1uy9e_58 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  transition: background var(--transition-fast);
}

._thumbnailContainer_1uy9e_43:hover ._thumbnailOverlay_1uy9e_58 {
  background: rgba(0, 0, 0, 0.5);
}

._playButton_1uy9e_72 {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: var(--accent-primary);
  transition:
    transform var(--transition-fast),
    background var(--transition-fast);
}

._thumbnailContainer_1uy9e_43:hover ._playButton_1uy9e_72 {
  transform: scale(1.1);
  background: #fff;
}

._iframeContainer_1uy9e_91 {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}

._iframe_1uy9e_91 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

._collapseButton_1uy9e_105 {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: none;
  border-radius: var(--radius-xs);
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--transition-fast);
}

._iframeContainer_1uy9e_91:hover ._collapseButton_1uy9e_105 {
  opacity: 1;
}

._collapseButton_1uy9e_105:hover {
  background: rgba(0, 0, 0, 0.8);
}

._noThumbnail_1uy9e_132 {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-2);
  cursor: pointer;
}

._noThumbnail_1uy9e_132:hover {
  background: var(--surface-3);
}
._container_k3hah_1 {
  padding: 4px 0;
}

._header_k3hah_5 {
  padding: 4px 12px 8px;
  color: var(--text-secondary);
}

._readerRow_k3hah_10 {
  padding: 4px 12px;
  transition: background-color var(--transition-fast);
}

._readerRow_k3hah_10:hover {
  background-color: rgba(255, 255, 255, 0.04);
}

._time_k3hah_19 {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

._more_k3hah_24 {
  padding: 6px 12px 4px;
  font-style: italic;
}
._sent_tkjhs_1 {
  color: var(--text-faint);
  flex-shrink: 0;
  cursor: default;
}

._read_tkjhs_7 {
  color: var(--accent-primary);
  flex-shrink: 0;
  cursor: default;
}

._popoverDropdown_tkjhs_13 {
  background-color: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--border-default) !important;
  padding: 8px 0 !important;
  min-width: 200px;
  max-width: 280px;
  max-height: 300px;
  overflow-y: auto;
}
._container_1cpoq_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px 12px 4px;
  border-bottom: 1px solid var(--border-subtle);
  animation: _fadeIn_1cpoq_1 0.15s ease;
}

@keyframes _fadeIn_1cpoq_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._item_1cpoq_21 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  background: var(--surface-2);
  border-radius: var(--radius-sm);
  max-width: 200px;
}

._icon_1cpoq_31 {
  color: var(--text-faint);
  flex-shrink: 0;
}

._thumb_1cpoq_36 {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  object-fit: cover;
  flex-shrink: 0;
}

._name_1cpoq_44 {
  color: var(--text-secondary);
  flex: 1;
  min-width: 0;
}

._progress_1cpoq_50 {
  width: 60px;
  flex-shrink: 0;
}

._removeBtn_1cpoq_55 {
  color: var(--text-faint);
  flex-shrink: 0;
}

._removeBtn_1cpoq_55:hover {
  color: var(--text-primary);
}
._inputArea_1r92x_1 {
  padding: 0 16px 16px 16px;
  background-color: var(--surface-0);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

._typingContainer_1r92x_9 {
  height: 18px; /* Фиксированная высота, чтобы инпут не прыгал */
  padding-left: 4px;
  opacity: 0;
  transform: translateY(4px);
  transition: all 0.15s ease-out;
  pointer-events: none;
}

._typingContainer_1r92x_9._active_1r92x_18 {
  opacity: 1;
  transform: translateY(0);
}

._typingText_1r92x_23 {
  font-size: 11px;
  color: var(--text-faint);
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  line-height: 18px;
}

._inputWrapper_1r92x_33 {
  position: relative;
  min-height: 40px; /* Фиксируем минимальную высоту, чтобы не прыгало при записи */
  background-color: var(--surface-1);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  display: flex; /* Важно для центрирования содержимого */
  flex-direction: column;
  justify-content: center;
}

._inputWrapper_1r92x_33:focus-within {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 1px var(--accent-primary);
}

._inputWrapperListening_1r92x_49 {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 1px rgba(80, 167, 234, 0.3), 0 0 12px rgba(80, 167, 234, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

._textareaContainer_1r92x_55 {
  position: relative;
  flex: 1;
}

._textarea_1r92x_55 {
  position: relative;
  z-index: 1;
}

._textarea_1r92x_55 .mantine-Textarea-input {
  color: transparent;
  caret-color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
  padding: 8px 8px 4px;
  min-height: 32px;
}

._textarea_1r92x_55 .mantine-Textarea-input::placeholder {
  color: var(--text-faint);
}

._textarea_1r92x_55 .mantine-Textarea-input::selection {
  background: rgba(51, 144, 247, 0.3);
  color: transparent;
}

._textareaOverlay_1r92x_83 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  font-size: 13px;
  font-family: inherit;
  line-height: 1.5;
  padding: 8px 8px 4px;
  color: var(--text-secondary);
  white-space: pre-wrap;
  word-break: break-word;
  overflow: hidden;
}

._textareaOverlay_1r92x_83 .emoji-inline {
  height: 1.4em;
  width: 1.4em;
  vertical-align: -0.3em;
  object-fit: contain;
}

._inputIcon_1r92x_109 {
  color: var(--text-faint);
  margin-bottom: 2px;
}

._typingDots_1r92x_114 {
  display: flex;
  gap: 2px;
}
._typingDots_1r92x_114 span {
  width: 3px;
  height: 3px;
  background: var(--text-faint);
  border-radius: 50%;
  animation: _typing_1r92x_9 1.4s infinite both;
}
._typingDots_1r92x_114 span:nth-child(2) {
  animation-delay: 0.2s;
}
._typingDots_1r92x_114 span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes _typing_1r92x_9 {
  0%,
  80%,
  100% {
    opacity: 0.2;
  }
  40% {
    opacity: 1;
  }
}

._replyBanner_1r92x_143 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  margin-bottom: 4px;
  background-color: var(--surface-1);
  border-left: 3px solid var(--accent-primary);
  border-radius: var(--radius-sm);
  animation: _fadeIn_1r92x_1 0.15s ease;
}

@keyframes _fadeIn_1r92x_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* MENTION AUTOCOMPLETE */
._mentionPopup_1r92x_167 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin-bottom: 4px;
  background: var(--surface-2);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-md);
  padding: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  z-index: 100;
  animation: _fadeIn_1r92x_1 0.1s ease;
}

._mentionItem_1r92x_182 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

._mentionItem_1r92x_182:hover,
._mentionItemActive_1r92x_193 {
  background-color: var(--accent-primary-bg);
}

._mentionName_1r92x_197 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
}

._recordingOverlay_1r92x_203 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;

  /* Используем твои переменные surface */
  background-color: var(--surface-1);
  border: 1px solid var(--accent-primary); /* Подсветим рамку синим/акцентным при записи */
  border-radius: var(--radius-sm);

  display: flex;
  align-items: center;
  padding: 0 12px; /* Внутренние отступы как у обычного инпута */
  user-select: none;
}

._recordingStatus_1r92x_222 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}

._recordingDot_1r92x_229 {
  width: 8px;
  height: 8px;
  background-color: #ff4d4d;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(255, 77, 77, 0.5);
  animation: _recordingPulse_1r92x_1 1.5s infinite ease-in-out;
}

._recordingOverlay_1r92x_203 canvas {
  opacity: 0.6;
}

/* Анимация пульсации */
@keyframes _recordingPulse_1r92x_1 {
  0% {
    transform: scale(0.95);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
  100% {
    transform: scale(0.95);
    opacity: 1;
  }
}

/* ── STT Inline Listening State ── */

._sttInline_1r92x_260 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  min-height: 32px;
  animation: _sttSlideIn_1r92x_1 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

._sttWaveContainer_1r92x_269 {
  display: flex;
  align-items: center;
  gap: 3px;
  height: 20px;
  flex-shrink: 0;
}

._sttWaveBar_1r92x_277 {
  width: 3px;
  height: 4px;
  border-radius: 2px;
  background: var(--accent-primary);
  animation: _sttWave_1r92x_269 0.8s ease-in-out infinite alternate;
}

@keyframes _sttWave_1r92x_269 {
  0% {
    height: 4px;
    opacity: 0.5;
  }
  100% {
    height: 18px;
    opacity: 1;
  }
}

._sttInlineText_1r92x_296 {
  flex: 1;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-secondary);
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._sttStopBtn_1r92x_307 {
  color: var(--text-muted);
  flex-shrink: 0;
  opacity: 0.6;
  transition: opacity var(--transition-fast), color var(--transition-fast);
}

._sttStopBtn_1r92x_307:hover {
  opacity: 1;
  color: var(--accent-primary);
}

@keyframes _sttSlideIn_1r92x_1 {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ── Unified Mic Button ── */

._micButton_1r92x_332 {
  transition: color var(--transition-fast), background var(--transition-fast),
    box-shadow 0.3s ease;
}

._micActive_1r92x_337 {
  color: var(--accent-primary) !important;
  animation: _micPulseGlow_1r92x_1 1.5s ease-in-out infinite;
}

@keyframes _micPulseGlow_1r92x_1 {
  0%,
  100% {
    filter: drop-shadow(0 0 0px transparent);
  }
  50% {
    filter: drop-shadow(0 0 6px var(--accent-primary));
  }
}

@media (max-width: 768px) {
  ._inputArea_1r92x_1 {
    padding: 0 4px 8px 4px;
  }

  ._inputIcon_1r92x_109 {
    min-width: 36px;
    min-height: 36px;
  }

  ._mentionPopup_1r92x_167 {
    left: 0;
    right: 0;
    max-height: 150px;
  }
}
._panel_1hyi9_1 {
  width: 280px;
  background-color: var(--surface-1);
  border-left: 1px solid var(--border-divider);
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-shrink: 0;
  animation: _slideIn_1hyi9_1 var(--transition-fast);
}

._header_1hyi9_12 {
  height: 40px;
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
}

._title_1hyi9_18 {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

._pinIcon_1hyi9_26 {
  color: var(--text-faint);
}

._content_1hyi9_30 {
  flex: 1;
  min-height: 0;
}

._pinItem_1hyi9_35 {
  padding: 6px 8px;
  border-radius: var(--radius-sm);
  transition: background var(--transition-fast);
  width: 100%;
}

._pinItem_1hyi9_35:hover {
  background-color: var(--hover-overlay);
}

._pinItem_1hyi9_35:hover ._jumpIcon_1hyi9_46 {
  opacity: 1;
}

._author_1hyi9_50 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  line-height: 1.2;
}

._date_1hyi9_57 {
  font-size: 10px;
  color: var(--text-faint);
}

._messagePreview_1hyi9_62 {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.4;
  word-break: break-word;
}

._jumpIcon_1hyi9_46 {
  color: var(--accent-primary);
  opacity: 0; /* Скрыта по дефолту, появляется при ховере */
  transition: opacity var(--transition-fast);
  flex-shrink: 0;
}

._closeBtn_1hyi9_76 {
  color: var(--text-faint);
}

._closeBtn_1hyi9_76:hover {
  color: var(--text-primary);
  background: var(--hover-overlay);
}

@keyframes _slideIn_1hyi9_1 {
  from {
    transform: translateX(20px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@media (max-width: 768px) {
  ._panel_1hyi9_1 {
    position: absolute;
    inset: 0;
    width: 100%;
    z-index: 50;
  }
}
._panel_bg2lh_1 {
  width: 320px;
  background-color: var(--surface-1);
  border-left: 1px solid var(--border-divider);
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-shrink: 0;
  animation: _slideIn_bg2lh_1 var(--transition-fast);
}

._header_bg2lh_12 {
  height: 40px;
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
}

._title_bg2lh_18 {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

._searchIcon_bg2lh_26 {
  color: var(--text-faint);
}

._controls_bg2lh_30 {
  padding: 8px;
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
}

._content_bg2lh_36 {
  flex: 1;
  min-height: 0;
}

._resultItem_bg2lh_41 {
  padding: 6px 8px;
  border-radius: var(--radius-sm);
  transition: background var(--transition-fast);
  width: 100%;
}

._resultItem_bg2lh_41:hover {
  background-color: var(--hover-overlay);
}

._resultItem_bg2lh_41:hover ._jumpIcon_bg2lh_52 {
  opacity: 1;
}

._author_bg2lh_56 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  line-height: 1.2;
}

._date_bg2lh_63 {
  font-size: 10px;
  color: var(--text-faint);
}

._channelName_bg2lh_68 {
  font-size: 10px;
  color: var(--text-faint);
  font-weight: 600;
}

._messagePreview_bg2lh_74 {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.4;
  word-break: break-word;
}

._jumpIcon_bg2lh_52 {
  color: var(--accent-primary);
  opacity: 0;
  transition: opacity var(--transition-fast);
  flex-shrink: 0;
}

._closeBtn_bg2lh_88 {
  color: var(--text-faint);
}

._closeBtn_bg2lh_88:hover {
  color: var(--text-primary);
  background: var(--hover-overlay);
}

._loadMore_bg2lh_97 {
  font-size: 12px;
  color: var(--accent-primary);
  font-weight: 600;
  padding: 6px 12px;
  border-radius: var(--radius-sm);
  width: 100%;
}

._loadMore_bg2lh_97:hover {
  background-color: var(--hover-overlay);
}

@keyframes _slideIn_bg2lh_1 {
  from {
    transform: translateX(20px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@media (max-width: 768px) {
  ._panel_bg2lh_1 {
    position: absolute;
    inset: 0;
    width: 100%;
    z-index: 50;
  }
}
._panel_1eibn_1 {
  background-color: var(--surface-1);
  border-left: 1px solid var(--border-divider);
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-shrink: 0;
  position: relative;
  animation: _slideIn_1eibn_1 var(--transition-fast);
}

/* Resize handle */
._resizeHandle_1eibn_13 {
  position: absolute;
  left: -3px;
  top: 0;
  bottom: 0;
  width: 6px;
  cursor: col-resize;
  z-index: 10;
  transition: background-color var(--transition-fast);
}

._resizeHandle_1eibn_13:hover {
  background-color: var(--accent-primary);
}

._header_1eibn_28 {
  height: 40px;
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
}

._title_1eibn_34 {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

._threadIcon_1eibn_42 {
  color: var(--text-faint);
}

._closeBtn_1eibn_46 {
  color: var(--text-faint);
}

._closeBtn_1eibn_46:hover {
  color: var(--text-primary);
  background: var(--hover-overlay);
}

/* Родительское сообщение */
._parentSection_1eibn_56 {
  padding: 8px 0;
  background: var(--surface-0);
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
}

/* Разделитель "N ответов" */
._replyDivider_1eibn_64 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  flex-shrink: 0;
}

._replyDivider_1eibn_64::before,
._replyDivider_1eibn_64::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--border-divider);
}

._replyCount_1eibn_80 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-faint);
  white-space: nowrap;
}

/* Область ответов */
._repliesArea_1eibn_88 {
  flex: 1;
  min-height: 0;
}

._repliesScroll_1eibn_93 {
  scroll-behavior: auto !important;
}

._emptyReplies_1eibn_97 {
  padding: 32px 16px;
  text-align: center;
}

/* Input для ответа */
._inputArea_1eibn_103 {
  padding: 8px 12px;
  border-top: 1px solid var(--border-divider);
  flex-shrink: 0;
}

._inputWrapper_1eibn_109 {
  display: flex;
  flex-direction: column;
  background: var(--surface-0);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  padding: 4px 8px;
  transition: border-color var(--transition-fast);
}

._inputWrapper_1eibn_109:focus-within {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 1px var(--accent-primary);
}

._threadTextareaContainer_1eibn_124 {
  position: relative;
  flex: 1;
}

._threadTextarea_1eibn_124 {
  position: relative;
  z-index: 1;
}

._threadTextarea_1eibn_124 .mantine-Textarea-input {
  color: transparent;
  caret-color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.4;
  padding: 4px 0;
  min-height: 28px;
}

._threadTextarea_1eibn_124 .mantine-Textarea-input::placeholder {
  color: var(--text-faint);
}

._threadTextarea_1eibn_124 .mantine-Textarea-input::selection {
  background: rgba(51, 144, 247, 0.3);
  color: transparent;
}

._threadTextareaOverlay_1eibn_152 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  font-size: 13px;
  font-family: inherit;
  line-height: 1.4;
  padding: 4px 0;
  color: var(--text-secondary);
  white-space: pre-wrap;
  word-break: break-word;
  overflow: hidden;
}

._threadTextareaOverlay_1eibn_152 .emoji-inline {
  height: 1.4em;
  width: 1.4em;
  vertical-align: -0.3em;
  object-fit: contain;
}

._sendBtn_1eibn_178 {
  color: var(--accent-primary);
  flex-shrink: 0;
  margin-bottom: 2px;
}

._sendBtn_1eibn_178:hover {
  background: var(--accent-primary-bg);
}

/* MENTION AUTOCOMPLETE */
._mentionPopup_1eibn_189 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin-bottom: 4px;
  background: var(--surface-2);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-md);
  padding: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  z-index: 100;
  animation: _fadeIn_1eibn_1 0.1s ease;
}

._mentionItem_1eibn_204 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

._mentionItem_1eibn_204:hover,
._mentionItemActive_1eibn_215 {
  background-color: var(--accent-primary-bg);
}

._mentionName_1eibn_219 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
}

@keyframes _fadeIn_1eibn_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _slideIn_1eibn_1 {
  from {
    transform: translateX(20px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@media (max-width: 768px) {
  ._panel_1eibn_1 {
    position: absolute;
    inset: 0;
    width: 100%;
    z-index: 50;
  }

  ._resizeHandle_1eibn_13 {
    display: none;
  }
}
._panel_dh431_1 {
  width: 340px;
  background-color: var(--surface-1);
  border-left: 1px solid var(--border-divider);
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-shrink: 0;
  animation: _slideIn_dh431_1 var(--transition-fast);
}

@keyframes _slideIn_dh431_1 {
  from {
    transform: translateX(20px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* ─── Header ──────────────────────────────────────────────── */

._header_dh431_25 {
  height: 40px;
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
}

._headerTitle_dh431_31 {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

._closeBtn_dh431_39 {
  color: var(--text-faint);
}

._closeBtn_dh431_39:hover {
  color: var(--text-primary);
  background: var(--hover-overlay);
}

/* ─── Content ──────────────────────────────────────────────── */

._content_dh431_50 {
  flex: 1;
  min-height: 0;
}

._inner_dh431_55 {
  padding: 12px;
}

/* ─── Tabs ──────────────────────────────────────────────── */

._mediaTabs_dh431_61 {
  display: flex;
  gap: 2px;
  margin-bottom: 8px;
  background: var(--surface-0);
  border-radius: var(--radius-sm);
  padding: 2px;
}

._mediaTab_dh431_61 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 8px;
  border: none;
  background: none;
  border-radius: var(--radius-xs);
  font-size: 11px;
  font-weight: 600;
  color: var(--text-faint);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._mediaTab_dh431_61:hover {
  color: var(--text-secondary);
  background: var(--hover-overlay);
}

._mediaTabActive_dh431_92 {
  color: var(--text-primary);
  background: var(--surface-2);
}

/* ─── Media Grid ──────────────────────────────────────────── */

._mediaGrid_dh431_99 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
}

._mediaThumb_dh431_105 {
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--radius-xs);
  display: block;
  cursor: pointer;
  transition: opacity var(--transition-fast);
  border: none;
  padding: 0;
  background: none;
}

._mediaThumb_dh431_105:hover {
  opacity: 0.8;
}

._mediaThumbImg_dh431_121 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ─── Files List ──────────────────────────────────────────── */

._filesList_dh431_130 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._fileItem_dh431_136 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  color: inherit;
  transition: background var(--transition-fast);
}

._fileItem_dh431_136:hover {
  background: var(--hover-overlay);
}

._fileIcon_dh431_151 {
  color: var(--accent-primary);
  flex-shrink: 0;
}

._fileInfo_dh431_156 {
  flex: 1;
  min-width: 0;
}

._fileName_dh431_161 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  line-height: 1.2;
}

._fileSize_dh431_168 {
  font-size: 10px;
  color: var(--text-faint);
  line-height: 1.2;
}

._fileDownload_dh431_174 {
  color: var(--text-faint);
  flex-shrink: 0;
  opacity: 0;
  transition: opacity var(--transition-fast);
}

._fileItem_dh431_136:hover ._fileDownload_dh431_174 {
  opacity: 1;
}

/* ─── Empty & Load More ──────────────────────────────────── */

._emptyMedia_dh431_187 {
  text-align: center;
  font-size: 12px;
  color: var(--text-faint);
  padding: 16px 0 8px;
}

._loadMore_dh431_194 {
  display: flex;
  justify-content: center;
  padding: 8px 0;
}

._skeleton_dh431_200 {
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  ._panel_dh431_1 {
    position: absolute;
    inset: 0;
    width: 100%;
    z-index: 50;
  }
}
._overlay_1136v_1 {
  position: absolute;
  inset: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  border: 2px dashed var(--accent-primary);
  border-radius: var(--radius-sm);
  animation: _fadeIn_1136v_1 0.15s ease;
  pointer-events: none;
}

._content_1136v_16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--accent-primary);
}

._text_1136v_24 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
}

@keyframes _fadeIn_1136v_1 {
  from {
    opacity: 0;
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._root_nbaon_1 {
  height: 100%;
  background-color: var(--surface-0);
  overflow: hidden;
}

._channelHeader_nbaon_7 {
  height: 40px;
  background-color: var(--surface-1);
  border-bottom: 1px solid var(--border-divider);
  z-index: 10;
}

._channelTitle_nbaon_14 {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-primary);
  letter-spacing: -0.2px;
}

._viewportContainer_nbaon_21 {
  flex: 1;
  position: relative;
  min-height: 0;
  /* Внутренняя тень IDE для контента */
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.3);
}

._viewport_nbaon_21 {
  scroll-behavior: auto !important;
}

._loaderOverlay_nbaon_33 {
  position: absolute;
  inset: 0;
  background: var(--surface-0);
  z-index: 20;
}

._historyLoader_nbaon_40 {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 5;
  pointer-events: none;
}

/* INPUT AREA */
._inputArea_nbaon_52 {
  padding: 0 16px 16px 16px;
  background-color: var(--surface-0);
}

._inputWrapper_nbaon_57 {
  background-color: var(--surface-1);
  border: 1px solid var(--hover-overlay-strong);
  border-radius: var(--radius-sm);
  transition: border-color 0.15s ease;
}

._inputWrapper_nbaon_57:focus-within {
  border-color: var(--accent-primary);
}

._textarea_nbaon_68 {
  flex: 1;
}

._textarea_nbaon_68 .mantine-Textarea-input {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
  padding: 4px 8px;
  min-height: 32px;
}

._inputIcon_nbaon_80 {
  color: var(--text-faint);
  transition: color var(--transition-fast);
}

._inputIcon_nbaon_80:hover {
  color: var(--text-primary);
  background: transparent;
}

/* TYPING INDICATOR */
._typingContainer_nbaon_91 {
  height: 20px;
  padding-left: 4px;
  visibility: hidden;
  opacity: 0;
  transition: all var(--transition-default);
}

._typingActive_nbaon_99 {
  visibility: visible;
  opacity: 1;
}

._typingText_nbaon_104 {
  font-size: 11px;
  color: var(--text-faint);
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}

._typingDots_nbaon_113 {
  display: flex;
  gap: 2px;
}

._typingDots_nbaon_113 span {
  width: 3px;
  height: 3px;
  background: var(--text-faint);
  border-radius: 50%;
  animation: _typing_nbaon_91 1.4s infinite both;
}

._typingDots_nbaon_113 span:nth-child(2) {
  animation-delay: 0.2s;
}
._typingDots_nbaon_113 span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes _typing_nbaon_91 {
  0%,
  80%,
  100% {
    opacity: 0.2;
  }
  40% {
    opacity: 1;
  }
}

/* TOOL BUTTONS (IDE STYLE) */
._toolBtn_nbaon_145,
._toolBtnActive_nbaon_146 {
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
  color: var(--text-faint);
}

._toolBtn_nbaon_145:hover {
  background: var(--hover-overlay);
  color: var(--text-primary);
}

._toolBtnActive_nbaon_146 {
  background: rgba(80, 167, 234, 0.15) !important;
  color: var(--accent-primary) !important;
}

._chatColumn_nbaon_162 {
  position: relative;
  min-width: 0; /* ОБЯЗАТЕЛЬНО: позволяет flex-элементу сжиматься меньше размера контента */
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; /* Гарантирует, что чат не "вытолкнет" панель закрепов */
}

@media (max-width: 768px) {
  ._inputArea_nbaon_52 {
    padding: 0 8px 8px 8px;
  }
}
._container_z9whc_1 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Глубокий темный фон, чтобы свечения выделялись */
  background-color: var(--surface-0);
  overflow: hidden;
  position: relative;
}

/* Два пятна света для объема */
._bgGlowBlue_z9whc_13 {
  position: absolute;
  top: 20%;
  left: 30%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(80, 167, 234, 0.1) 0%, transparent 70%);
  filter: blur(80px);
  pointer-events: none;
}

._bgGlowPurple_z9whc_24 {
  position: absolute;
  bottom: 20%;
  right: 30%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(88, 101, 242, 0.08) 0%, transparent 70%);
  filter: blur(80px);
  pointer-events: none;
}

._content_z9whc_35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  animation: _fadeIn_z9whc_1 1s ease-out;
}

._iconWrapper_z9whc_43 {
  margin-bottom: 32px;
  animation: _float_z9whc_1 6s ease-in-out infinite;
}

._iconBox_z9whc_48 {
  width: 120px;
  height: 120px;
  border-radius: 35px;
  /* Градиент как на активном канале, но темнее */
  background: linear-gradient(135deg, rgba(80, 167, 234, 0.15) 0%, rgba(80, 167, 234, 0.05) 100%);
  display: flex;
  align-items: center;
  justify-content: center;

  /* Стеклянная обводка */
  border: 1px solid rgba(80, 167, 234, 0.3);
  backdrop-filter: blur(15px);

  /* Многослойные тени для объема */
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.4),
    inset 0 1px 1px rgba(255, 255, 255, 0.1),
    inset 0 0 20px rgba(80, 167, 234, 0.1);
}

._title_z9whc_69 {
  color: var(--text-primary);
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-size: 28px;
  letter-spacing: -0.03em;
  margin-bottom: 8px !important;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

._description_z9whc_79 {
  max-width: 320px;
  text-align: center;
  color: var(--text-muted); /* Тот самый цвет Discord */
  font-size: 15px;
  line-height: 1.6;
}

._versionBadge_z9whc_87 {
  margin-top: 48px;
  padding: 6px 16px;
  border-radius: var(--radius-pill);
  background: var(--hover-overlay-subtle);
  border: 1px solid var(--hover-overlay);
  backdrop-filter: blur(5px);
  transition: all var(--transition-slow);
}

._versionBadge_z9whc_87:hover {
  background: var(--hover-overlay);
  border-color: var(--border-strong);
}

@keyframes _float_z9whc_1 {
  0%,
  100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(2deg);
  }
}

@keyframes _fadeIn_z9whc_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._container_1u3g5_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px 8px;
  margin-bottom: 8px;
}

/* ─── Аватар ──────────────────────────────────────────────── */

._avatar_1u3g5_11 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 12px;
}

/* ─── Имя и статус ────────────────────────────────────────── */

._username_1u3g5_20 {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.2;
}

._statusText_1u3g5_27 {
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}

._statusText_1u3g5_27 .emoji-inline {
  height: 1.3em;
  width: 1.3em;
  vertical-align: -0.25em;
  object-fit: contain;
}

/* ─── Био ─────────────────────────────────────────────────── */

._bio_1u3g5_42 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.4;
  margin-top: 6px;
  white-space: pre-wrap;
  word-break: break-word;
}

._bio_1u3g5_42 .emoji-inline {
  height: 1.3em;
  width: 1.3em;
  vertical-align: -0.25em;
  object-fit: contain;
}

/* ─── Описание ────────────────────────────────────────────── */

._description_1u3g5_60 {
  font-size: 13px;
  color: var(--text-faint);
  margin-top: 8px;
  line-height: 1.5;
}

._descriptionBold_1u3g5_67 {
  font-weight: 600;
  color: var(--text-secondary);
}

._date_1u3g5_72 {
  font-size: 12px;
  color: var(--text-faint);
  margin-top: 4px;
}

/* ─── Разделитель снизу ───────────────────────────────────── */

._divider_1u3g5_80 {
  width: 100%;
  height: 1px;
  background: var(--border-divider);
  margin-top: 16px;
}
._panel_1ejtt_1 {
  width: 340px;
  background-color: var(--surface-1);
  border-left: 1px solid var(--border-divider);
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-shrink: 0;
  animation: _slideIn_1ejtt_1 var(--transition-fast);
}

@keyframes _slideIn_1ejtt_1 {
  from {
    transform: translateX(20px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* ─── Header ──────────────────────────────────────────────── */

._header_1ejtt_25 {
  height: 40px;
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
}

._headerTitle_1ejtt_31 {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

._closeBtn_1ejtt_39 {
  color: var(--text-faint);
}

._closeBtn_1ejtt_39:hover {
  color: var(--text-primary);
  background: var(--hover-overlay);
}

/* ─── Banner ──────────────────────────────────────────────── */

._banner_1ejtt_50 {
  height: 90px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

._bannerImage_1ejtt_57 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._bannerFallback_1ejtt_63 {
  width: 100%;
  height: 100%;
}

/* ─── Avatar ──────────────────────────────────────────────── */

._avatarAnchor_1ejtt_70 {
  position: relative;
  height: 0;
  flex-shrink: 0;
}

._avatarWrapper_1ejtt_76 {
  position: absolute;
  top: -44px;
  left: 50%;
  transform: translateX(-50%);
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: var(--surface-1);
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ─── Content ─────────────────────────────────────────────── */

._content_1ejtt_93 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

._profileBody_1ejtt_100 {
  padding-top: 52px;
  text-align: center;
}

._username_1ejtt_105 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.2;
}

._statusText_1ejtt_112 {
  font-size: 12px;
  color: var(--text-muted);
  margin-top: 2px;
  padding: 0 16px;
}

._statusText_1ejtt_112 .emoji-inline {
  height: 1.3em;
  width: 1.3em;
  vertical-align: -0.25em;
  object-fit: contain;
}

/* ─── Status dot (online indicator) ───────────────────────── */

._statusBadge_1ejtt_128 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 2px 10px;
  border-radius: var(--radius-pill);
  background: var(--hover-overlay);
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
}

._statusIndicator_1ejtt_141 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

._status_online_1ejtt_147 {
  background-color: var(--status-online);
}

._status_idle_1ejtt_151 {
  background-color: var(--status-away);
}

._status_offline_1ejtt_155 {
  background-color: var(--status-offline);
}

/* ─── Info sections ───────────────────────────────────────── */

._infoCard_1ejtt_161 {
  background: var(--surface-2);
  margin: 12px 12px 0;
  border-radius: var(--radius-md);
  padding: 14px;
  text-align: left;
}

._divider_1ejtt_169 {
  height: 1px;
  background: var(--border-divider);
  margin: 10px 0;
}

._sectionLabel_1ejtt_175 {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}

._bioText_1ejtt_184 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
}

._bioText_1ejtt_184 .emoji-inline {
  height: 1.4em;
  width: 1.4em;
  vertical-align: -0.3em;
  object-fit: contain;
}

._joinDate_1ejtt_199 {
  font-size: 12px;
  color: var(--text-faint);
}

/* ─── Mutual Guilds ──────────────────────────────────────── */

._mutualGuildsList_1ejtt_206 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 4px;
}

._mutualGuildItem_1ejtt_213 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  border-radius: var(--radius-sm);
  transition: background var(--transition-fast);
}

._mutualGuildItem_1ejtt_213:hover {
  background: var(--hover-overlay);
}

._mutualGuildName_1ejtt_226 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  line-height: 1.2;
}

/* ─── Shared Media ───────────────────────────────────────── */

._mediaTabs_1ejtt_235 {
  display: flex;
  gap: 2px;
  margin-bottom: 8px;
  background: var(--surface-1);
  border-radius: var(--radius-sm);
  padding: 2px;
}

._mediaTab_1ejtt_235 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 8px;
  border: none;
  background: none;
  border-radius: var(--radius-xs);
  font-size: 11px;
  font-weight: 600;
  color: var(--text-faint);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._mediaTab_1ejtt_235:hover {
  color: var(--text-secondary);
  background: var(--hover-overlay);
}

._mediaTabActive_1ejtt_266 {
  color: var(--text-primary);
  background: var(--surface-2);
}

._mediaGrid_1ejtt_271 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
}

._mediaThumb_1ejtt_277 {
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--radius-xs);
  display: block;
  cursor: pointer;
  transition: opacity var(--transition-fast);
}

._mediaThumb_1ejtt_277:hover {
  opacity: 0.8;
}

._mediaThumbImg_1ejtt_290 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

._filesList_1ejtt_297 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._fileItem_1ejtt_303 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  color: inherit;
  transition: background var(--transition-fast);
}

._fileItem_1ejtt_303:hover {
  background: var(--hover-overlay);
}

._fileIcon_1ejtt_318 {
  color: var(--accent-primary);
  flex-shrink: 0;
}

._fileInfo_1ejtt_323 {
  flex: 1;
  min-width: 0;
}

._fileName_1ejtt_328 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  line-height: 1.2;
}

._fileSize_1ejtt_335 {
  font-size: 10px;
  color: var(--text-faint);
  line-height: 1.2;
}

._fileDownload_1ejtt_341 {
  color: var(--text-faint);
  flex-shrink: 0;
  opacity: 0;
  transition: opacity var(--transition-fast);
}

._fileItem_1ejtt_303:hover ._fileDownload_1ejtt_341 {
  opacity: 1;
}

._emptyMedia_1ejtt_352 {
  text-align: center;
  font-size: 12px;
  color: var(--text-faint);
  padding: 16px 0 8px;
}

/* ─── Loader ──────────────────────────────────────────────── */

._skeleton_1ejtt_361 {
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  ._panel_1ejtt_1 {
    position: absolute;
    inset: 0;
    width: 100%;
    z-index: 50;
  }
}
._container_ib96g_1 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--surface-0);
  overflow: hidden;
  position: relative;
}

/* Два пятна света для объема */
._bgGlow1_ib96g_12 {
  position: absolute;
  top: 25%;
  left: 35%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(80, 167, 234, 0.08) 0%, transparent 70%);
  filter: blur(80px);
  pointer-events: none;
}

._bgGlow2_ib96g_23 {
  position: absolute;
  bottom: 25%;
  right: 30%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(88, 101, 242, 0.06) 0%, transparent 70%);
  filter: blur(80px);
  pointer-events: none;
}

._content_ib96g_34 {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  animation: _fadeIn_ib96g_1 0.6s ease-out;
}

._iconWrapper_ib96g_42 {
  margin-bottom: 24px;
  animation: _float_ib96g_1 6s ease-in-out infinite;
}

._iconBox_ib96g_47 {
  width: 100px;
  height: 100px;
  border-radius: 30px;
  background: linear-gradient(135deg, rgba(80, 167, 234, 0.12) 0%, rgba(88, 101, 242, 0.08) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(80, 167, 234, 0.2);
  backdrop-filter: blur(15px);
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.3),
    inset 0 1px 1px rgba(255, 255, 255, 0.08);
}

._title_ib96g_62 {
  color: var(--text-primary);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

._description_ib96g_71 {
  max-width: 280px;
  text-align: center;
  color: var(--text-muted);
  font-size: 14px;
  line-height: 1.5;
}

@keyframes _float_ib96g_1 {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-14px);
  }
}

@keyframes _fadeIn_ib96g_1 {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._item_185ia_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: var(--radius-md);
  transition: background var(--transition-fast);
}

._item_185ia_1:hover {
  background: var(--hover-overlay);
}

._identity_185ia_14 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

._info_185ia_22 {
  flex: 1;
  min-width: 0;
}

._username_185ia_27 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.2;
}

._status_185ia_34 {
  font-size: 12px;
  color: var(--text-faint);
}

._actions_185ia_39 {
  display: flex;
  gap: 4px;
  opacity: 0;
  transition: opacity var(--transition-fast);
}

._item_185ia_1:hover ._actions_185ia_39 {
  opacity: 1;
}
._container_1mrwf_1 {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--surface-0);
}

._header_1mrwf_8 {
  padding: 16px 20px 0;
}

._title_1mrwf_12 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 12px;
}

._tabs_1mrwf_19 {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid var(--border-subtle);
  padding-bottom: 0;
}

._tab_1mrwf_19 {
  position: relative;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-muted);
  cursor: pointer;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  transition: all var(--transition-fast);
  display: flex;
  align-items: center;
  gap: 6px;
  user-select: none;
}

._tab_1mrwf_19:hover {
  color: var(--text-secondary);
  background: var(--hover-overlay);
}

._tabActive_1mrwf_46 {
  color: var(--text-primary);
}

._tabActive_1mrwf_46::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--accent-primary);
  border-radius: 2px 2px 0 0;
}

._badge_1mrwf_61 {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--accent-primary);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

._content_1mrwf_76 {
  flex: 1;
  overflow-y: auto;
  padding: 12px 12px;
}

._emptyState_1mrwf_82 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  gap: 8px;
}

._emptyIcon_1mrwf_91 {
  color: var(--text-faint);
  opacity: 0.4;
}

._section_1mrwf_96 {
  margin-bottom: 16px;
}

._sectionTitle_1mrwf_100 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-faint);
  padding: 0 12px 8px;
}
/* ===== VideoGrid — Signal Pulse ===== */

._grid_mp2y5_3 {
  display: grid;
  gap: 8px;
  padding: 8px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* 1 participant — full screen */
._grid_mp2y5_3[data-count='1'] {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

/* 2 participants — side by side */
._grid_mp2y5_3[data-count='2'] {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}

/* 3 participants — 2 top + 1 bottom centered */
._grid_mp2y5_3[data-count='3'] {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

._grid_mp2y5_3[data-count='3'] > :last-child {
  grid-column: 1 / -1;
  justify-self: center;
  width: 50%;
}

/* 4 participants — 2×2 */
._grid_mp2y5_3[data-count='4'] {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

/* 5 participants — 3 top + 2 bottom centered */
._grid_mp2y5_3[data-count='5'] {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 1fr 1fr;
}

._grid_mp2y5_3[data-count='5'] > :nth-child(1) {
  grid-column: 1 / 3;
}
._grid_mp2y5_3[data-count='5'] > :nth-child(2) {
  grid-column: 3 / 5;
}
._grid_mp2y5_3[data-count='5'] > :nth-child(3) {
  grid-column: 5 / 7;
}
._grid_mp2y5_3[data-count='5'] > :nth-child(4) {
  grid-column: 1 / 4;
}
._grid_mp2y5_3[data-count='5'] > :nth-child(5) {
  grid-column: 4 / 7;
}

/* 6 participants — 3×2 */
._grid_mp2y5_3[data-count='6'] {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr 1fr;
}

/* 7 participants — 4 top + 3 bottom centered */
._grid_mp2y5_3[data-count='7'] {
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr 1fr;
}

._grid_mp2y5_3[data-count='7'] > :nth-child(1) {
  grid-column: 1 / 4;
}
._grid_mp2y5_3[data-count='7'] > :nth-child(2) {
  grid-column: 4 / 7;
}
._grid_mp2y5_3[data-count='7'] > :nth-child(3) {
  grid-column: 7 / 10;
}
._grid_mp2y5_3[data-count='7'] > :nth-child(4) {
  grid-column: 10 / 13;
}
._grid_mp2y5_3[data-count='7'] > :nth-child(5) {
  grid-column: 1 / 5;
}
._grid_mp2y5_3[data-count='7'] > :nth-child(6) {
  grid-column: 5 / 9;
}
._grid_mp2y5_3[data-count='7'] > :nth-child(7) {
  grid-column: 9 / 13;
}

/* 8+ participants — 4×2 */
._grid_mp2y5_3[data-count='8'] {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
}

/* ===== VideoTile ===== */

._tile_mp2y5_106 {
  position: relative;
  min-height: 0;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: linear-gradient(145deg, var(--surface-1), var(--surface-2));
  border: 2px solid var(--border-default);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Solo tile keeps cinematic ratio */
._grid_mp2y5_3[data-count='1'] ._tile_mp2y5_106 {
  aspect-ratio: 16 / 9;
}

._tile_mp2y5_106:hover {
  filter: brightness(1.05);
  border-color: rgba(80, 167, 234, 0.2);
}

/* Speaking — animated rotating gradient border + outer glow */
._tile_mp2y5_106._speaking_mp2y5_134 {
  border-color: transparent;
  box-shadow:
    0 0 20px var(--voice-success-glow),
    inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

._tile_mp2y5_106._speaking_mp2y5_134::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: var(--radius-xl);
  padding: 2px;
  background: conic-gradient(
    from var(--voice-angle, 0deg),
    rgba(35, 165, 90, 0.8),
    rgba(80, 167, 234, 0.6),
    rgba(35, 165, 90, 0.2),
    rgba(80, 167, 234, 0.6),
    rgba(35, 165, 90, 0.8)
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: _rotateBorder_mp2y5_1 3s linear infinite;
  z-index: 1;
  pointer-events: none;
}

@keyframes _rotateBorder_mp2y5_1 {
  to {
    --voice-angle: 360deg;
  }
}

/* ── Video element ── */

._video_mp2y5_173 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

/* ── Avatar fallback (no video) ── */

._avatarContainer_mp2y5_182 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

._avatarCircle_mp2y5_190 {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background-color: var(--surface-3);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.06);
  transition: border-color 0.2s ease;
}

._speaking_mp2y5_134 ._avatarCircle_mp2y5_190 {
  border-color: rgba(35, 165, 90, 0.4);
}

._avatarImage_mp2y5_209 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._avatarInitials_mp2y5_215 {
  font-size: 32px;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  user-select: none;
}

/* Scale down avatar for grids with many participants */
._grid_mp2y5_3[data-count='5'] ._avatarCircle_mp2y5_190,
._grid_mp2y5_3[data-count='6'] ._avatarCircle_mp2y5_190,
._grid_mp2y5_3[data-count='7'] ._avatarCircle_mp2y5_190,
._grid_mp2y5_3[data-count='8'] ._avatarCircle_mp2y5_190 {
  width: 64px;
  height: 64px;
}

._grid_mp2y5_3[data-count='5'] ._avatarInitials_mp2y5_215,
._grid_mp2y5_3[data-count='6'] ._avatarInitials_mp2y5_215,
._grid_mp2y5_3[data-count='7'] ._avatarInitials_mp2y5_215,
._grid_mp2y5_3[data-count='8'] ._avatarInitials_mp2y5_215 {
  font-size: 22px;
}

._avatarUsername_mp2y5_239 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: text-shadow 0.2s ease;
}

._speaking_mp2y5_134 ._avatarUsername_mp2y5_239 {
  color: var(--text-primary);
  text-shadow: 0 0 12px var(--voice-glow-subtle);
}

/* ── Bottom overlay bar ── */

._overlay_mp2y5_257 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  border-radius: 0 0 var(--radius-xl) var(--radius-xl);
  pointer-events: none;
  z-index: 2;
}

._overlayName_mp2y5_272 {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

._overlayIcons_mp2y5_283 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

/* ── Status icons ── */

._muteIcon_mp2y5_292 {
  display: flex;
  align-items: center;
  color: var(--danger-color);
}

._deafIcon_mp2y5_298 {
  display: flex;
  align-items: center;
  color: var(--danger-color);
}

/* ── Signal bars (in tile overlay) ── */

._signalBars_mp2y5_306 {
  display: flex;
  align-items: flex-end;
  gap: 1px;
  height: 12px;
  flex-shrink: 0;
}

._signalBar_mp2y5_306 {
  width: 2px;
  border-radius: 1px;
}

._signalBar_mp2y5_306:nth-child(1) {
  height: 4px;
}
._signalBar_mp2y5_306:nth-child(2) {
  height: 7px;
}
._signalBar_mp2y5_306:nth-child(3) {
  height: 12px;
}

._qualityExcellent_mp2y5_329 ._signalBar_mp2y5_306,
._qualityGood_mp2y5_330 ._signalBar_mp2y5_306 {
  background-color: var(--success-color);
}

._qualityPoor_mp2y5_334 ._signalBar_mp2y5_306 {
  background-color: var(--warning-color);
}

._qualityPoor_mp2y5_334 ._signalBar_mp2y5_306:nth-child(3) {
  opacity: 0.3;
}

._qualityLost_mp2y5_342 ._signalBar_mp2y5_306 {
  background-color: var(--danger-color);
}

._qualityLost_mp2y5_342 ._signalBar_mp2y5_306:nth-child(2),
._qualityLost_mp2y5_342 ._signalBar_mp2y5_306:nth-child(3) {
  opacity: 0.3;
}

/* ── Empty state ── */

._empty_mp2y5_353 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--text-muted);
  font-size: 14px;
  font-weight: 500;
}
/* ===== ActiveCallView — Signal Pulse ===== */

._callView_fdy9g_3 {
  position: absolute;
  inset: 0;
  z-index: 10;
  background-color: var(--surface-0);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Animated gradient mesh background */
._meshBg_fdy9g_14 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

._meshBg_fdy9g_14::before,
._meshBg_fdy9g_14::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
}

._meshBg_fdy9g_14::before {
  width: 500px;
  height: 500px;
  top: -10%;
  left: -5%;
  background: rgba(80, 167, 234, 0.03);
  animation: _meshDrift1_fdy9g_1 20s ease-in-out infinite;
}

._meshBg_fdy9g_14::after {
  width: 400px;
  height: 400px;
  bottom: -10%;
  right: -5%;
  background: rgba(123, 108, 246, 0.025);
  animation: _meshDrift2_fdy9g_1 25s ease-in-out infinite;
}

@keyframes _meshDrift1_fdy9g_1 {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(60px, 40px);
  }
}

@keyframes _meshDrift2_fdy9g_1 {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-50px, -30px);
  }
}

/* Content area (VideoGrid / ScreenShare) */
._content_fdy9g_68 {
  flex: 1;
  position: relative;
  z-index: 1;
  min-height: 0;
}

/* ── Top bar (auto-hide) ── */
._topBar_fdy9g_76 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  background: linear-gradient(180deg, rgba(15, 19, 24, 0.85) 0%, transparent 100%);
  opacity: 1;
  transition: opacity 0.3s ease;
}

._topBar_fdy9g_76._hidden_fdy9g_91 {
  opacity: 0;
  pointer-events: none;
}

._topBarDot_fdy9g_96 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--accent-primary);
  animation: _livePulse_fdy9g_1 2s ease-in-out infinite;
  flex-shrink: 0;
}

@keyframes _livePulse_fdy9g_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}

._topBarTitle_fdy9g_115 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

._topBarMeta_fdy9g_125 {
  font-size: 12px;
  color: var(--text-muted);
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}

._topBarParticipants_fdy9g_132 {
  font-size: 12px;
  color: var(--text-muted);
  flex-shrink: 0;
}

/* ── Bottom bar (auto-hide) ── */
._bottomBar_fdy9g_139 {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  background: linear-gradient(145deg, var(--glass-bg) 0%, rgba(16, 20, 24, 0.98) 100%);
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-lg);
  opacity: 1;
  transition: opacity 0.3s ease;
}

._bottomBar_fdy9g_139._hidden_fdy9g_91 {
  opacity: 0;
  pointer-events: none;
}

._viewModeBtn_fdy9g_162 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
  margin-left: auto;
}

._viewModeBtn_fdy9g_162:hover {
  background: rgba(255, 255, 255, 0.2);
  color: var(--text-primary);
}
/* ═══════════════════════════════════════════════ */
/* Зона опасности — GuildSettingsModal             */
/* ═══════════════════════════════════════════════ */

._dangerZone_1yrla_5 {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}

._dangerHeader_1yrla_11 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

._dangerHeaderIcon_1yrla_18 {
  color: var(--text-faint);
  opacity: 0.7;
}

._dangerTitle_1yrla_23 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-faint);
}

/* ── Action card (базовый) ── */
._dangerCard_1yrla_32 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: var(--radius-xl);
  border: 1px solid transparent;
  transition: all 0.25s ease;
  cursor: default;
}

._dangerCard_1yrla_32 + ._dangerCard_1yrla_32 {
  margin-top: 10px;
}

/* ── Иконка ── */
._dangerCardIcon_1yrla_49 {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ── Текст ── */
._dangerCardBody_1yrla_60 {
  flex: 1;
  min-width: 0;
}

._dangerCardTitle_1yrla_65 {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 3px;
}

._dangerCardDesc_1yrla_72 {
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-muted);
}

/* ── Кнопка внутри карточки ── */
._dangerCardBtn_1yrla_79 {
  flex-shrink: 0;
  font-weight: 700;
  font-size: 12px;
  padding: 0 14px;
  height: 32px;
  border-radius: var(--radius-md);
  transition: all 0.2s ease;
}

/* ═══ Transfer card — amber / warning ═══ */
._transferCard_1yrla_90 {
  background: rgba(250, 176, 5, 0.04);
  border-color: rgba(250, 176, 5, 0.1);
}

._transferCard_1yrla_90:hover {
  background: rgba(250, 176, 5, 0.07);
  border-color: rgba(250, 176, 5, 0.18);
}

._transferCardIcon_1yrla_100 {
  background: rgba(250, 176, 5, 0.1);
  color: #fab005;
}

._transferCardTitle_1yrla_105 {
  color: #f0c040;
}

._transferBtn_1yrla_109 {
  background: rgba(250, 176, 5, 0.1) !important;
  border: 1px solid rgba(250, 176, 5, 0.25) !important;
  color: #fab005 !important;
}

._transferBtn_1yrla_109:hover:not(:disabled) {
  background: rgba(250, 176, 5, 0.18) !important;
  border-color: rgba(250, 176, 5, 0.4) !important;
}

/* ═══ Delete card — red / critical ═══ */
._deleteCard_1yrla_121 {
  background: rgba(232, 17, 35, 0.04);
  border-color: rgba(232, 17, 35, 0.12);
}

._deleteCard_1yrla_121:hover {
  background: rgba(232, 17, 35, 0.08);
  border-color: rgba(232, 17, 35, 0.22);
}

._deleteCardIcon_1yrla_131 {
  background: rgba(232, 17, 35, 0.1);
  color: #e81123;
}

._deleteCardTitle_1yrla_136 {
  color: #f04048;
}

._deleteBtn_1yrla_140 {
  background: rgba(232, 17, 35, 0.12) !important;
  border: 1px solid rgba(232, 17, 35, 0.3) !important;
  color: #f04048 !important;
}

._deleteBtn_1yrla_140:hover:not(:disabled) {
  background: rgba(232, 17, 35, 0.2) !important;
  border-color: rgba(232, 17, 35, 0.5) !important;
}

/* ═══════════════════════════════════════════════ */
/* TransferOwnershipModal — внутренние стили       */
/* ═══════════════════════════════════════════════ */

/* Список участников в шаге 1 */
._memberSelectList_1yrla_156 {
  max-height: 300px;
  margin-top: 12px;
}

._memberSelectItem_1yrla_161 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background var(--transition-fast);
}

._memberSelectItem_1yrla_161:hover {
  background: var(--hover-overlay);
}

._memberSelectName_1yrla_175 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  flex: 1;
}

._selectBtn_1yrla_182 {
  font-size: 12px;
  font-weight: 600;
}

/* Предупреждение на шаге 2 */
._warningBox_1yrla_188 {
  background: rgba(255, 165, 0, 0.08);
  border: 1px solid rgba(255, 165, 0, 0.2);
  border-radius: var(--radius-lg);
  padding: 16px;
  margin-bottom: 16px;
}

._warningHeader_1yrla_196 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

._warningIcon_1yrla_203 {
  color: #ffa500;
}

._warningTitle_1yrla_207 {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
}

._warningText_1yrla_213 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.5;
}

._lossList_1yrla_219 {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}

._lossList_1yrla_219 li {
  color: var(--text-secondary);
  font-size: 13px;
  padding: 4px 0;
  padding-left: 16px;
  position: relative;
}

._lossList_1yrla_219 li::before {
  content: '-';
  position: absolute;
  left: 0;
  color: #ff4141;
}

._irreversible_1yrla_240 {
  font-size: 13px;
  font-weight: 700;
  color: #ff4141;
  margin-top: 4px;
}

._errorText_1yrla_247 {
  font-size: 12px;
  color: #ff4141;
  margin-top: 4px;
  padding-left: 4px;
}

/* Кнопка подтверждения (красная) */
._confirmBtn_1yrla_255 {
  background: linear-gradient(135deg, #dc3545, #c82333) !important;
  border: 1px solid rgba(220, 53, 69, 0.5) !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3) !important;
}

._confirmBtn_1yrla_255:hover:not(:disabled) {
  filter: brightness(1.1);
  box-shadow: 0 6px 20px rgba(220, 53, 69, 0.4) !important;
}

._confirmBtn_1yrla_255:disabled {
  background: var(--hover-overlay) !important;
  border-color: transparent !important;
  color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}
/* CreateChannelModal — unique styles only (shared in GovoxModal.module.css) */

._previewBadge_zdo55_3 {
  background: linear-gradient(
    180deg,
    rgba(80, 167, 234, 0.15) 0%,
    rgba(80, 167, 234, 0.05) 100%
  ) !important;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(80, 167, 234, 0.35) !important;
  color: var(--text-primary) !important;
  text-shadow: 0 0 8px rgba(80, 167, 234, 0.6);
  box-shadow: inset 0 0 10px rgba(80, 167, 234, 0.1) !important;
  text-transform: none !important;
  letter-spacing: 0.02em;
}
/* ═══════════════════════════════════════════════ */
/* DeleteGuildModal                                */
/* ═══════════════════════════════════════════════ */

/* ── Warning banner ── */
._warningBanner_xyq24_6 {
  background: linear-gradient(135deg, rgba(232, 17, 35, 0.08) 0%, rgba(232, 17, 35, 0.03) 100%);
  border: 1px solid rgba(232, 17, 35, 0.15);
  border-radius: var(--radius-xl);
  padding: 18px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

/* Subtle red glow in the corner */
._warningBanner_xyq24_6::before {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, rgba(232, 17, 35, 0.12) 0%, transparent 70%);
  pointer-events: none;
}

._warningHeader_xyq24_28 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

._warningIconWrap_xyq24_35 {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-lg);
  background: rgba(232, 17, 35, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._warningIcon_xyq24_35 {
  color: #e81123;
}

._warningTitle_xyq24_50 {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
  letter-spacing: -0.01em;
}

._warningSubtitle_xyq24_57 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.5;
  margin-bottom: 14px;
}

._guildName_xyq24_64 {
  font-weight: 700;
  color: var(--text-primary);
}

/* ── Что будет удалено ── */
._lossList_xyq24_70 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
}

._lossChip_xyq24_77 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-pill);
}

._lossChipIcon_xyq24_90 {
  color: rgba(232, 17, 35, 0.5);
  flex-shrink: 0;
}

/* ── Irreversible notice ── */
._irreversible_xyq24_96 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #e81123;
}

._irreversibleDot_xyq24_105 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #e81123;
  flex-shrink: 0;
}

/* ── Input section ── */
._inputSection_xyq24_114 {
  position: relative;
}

._inputLabel_xyq24_118 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-faint);
  margin-bottom: 8px;
  padding-left: 2px;
}

._inputHint_xyq24_128 {
  display: inline;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: var(--text-faint);
  opacity: 0.7;
}

._confirmInput_xyq24_137 {
  background-color: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid var(--border-strong) !important;
  color: var(--text-primary) !important;
  height: 46px;
  font-family: 'Inter', sans-serif;
  transition: all 0.2s ease;
}

._confirmInput_xyq24_137:focus {
  border-color: rgba(232, 17, 35, 0.4) !important;
  background-color: rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0 0 0 2px rgba(232, 17, 35, 0.08) !important;
}

/* Match state — green when name matches */
._confirmInputMatch_xyq24_153 {
  border-color: rgba(35, 165, 90, 0.4) !important;
  box-shadow: 0 0 0 2px rgba(35, 165, 90, 0.08) !important;
}

._confirmInputMatch_xyq24_153:focus {
  border-color: rgba(35, 165, 90, 0.5) !important;
  box-shadow: 0 0 0 2px rgba(35, 165, 90, 0.12) !important;
}

._errorText_xyq24_163 {
  font-size: 12px;
  color: #e81123;
  margin-top: 6px;
  padding-left: 2px;
}

/* ── Delete button ── */
._deleteBtn_xyq24_171 {
  background: linear-gradient(135deg, #c82333, #a71d2a) !important;
  border: 1px solid rgba(200, 35, 51, 0.5) !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(200, 35, 51, 0.25) !important;
  transition: all 0.2s ease;
}

._deleteBtn_xyq24_171:hover:not(:disabled) {
  filter: brightness(1.15);
  box-shadow: 0 6px 22px rgba(200, 35, 51, 0.35) !important;
  transform: translateY(-1px);
}

._deleteBtn_xyq24_171:active:not(:disabled) {
  transform: translateY(0);
}

._deleteBtn_xyq24_171:disabled {
  background: var(--hover-overlay) !important;
  border-color: transparent !important;
  color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
  transform: none;
}
/* ===== RolesTab — Roles Management UI ===== */

._container_g01y7_3 {
  display: flex;
  height: 550px;
  overflow: hidden;
}

/* ─── Left panel: role list ─────────────────────────────── */

._roleListPanel_g01y7_11 {
  width: 220px;
  border-right: 1px solid var(--border-subtle);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.08);
}

._roleListHeader_g01y7_20 {
  padding: 14px 14px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._roleListTitle_g01y7_27 {
  font-size: 11px;
  font-weight: 800;
  font-family: 'Inter', sans-serif;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

._addRoleBtn_g01y7_36 {
  width: 26px;
  height: 26px;
  border: 1px dashed var(--border-strong);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-fast);
}

._addRoleBtn_g01y7_36:hover {
  background: var(--hover-overlay);
  color: var(--accent-primary);
  border-color: var(--accent-primary-border);
  border-style: solid;
}

._addRoleBtn_g01y7_36:active {
  transform: scale(0.92);
}

._roleListScroll_g01y7_61 {
  flex: 1;
  overflow-y: auto;
  padding: 0 8px 8px;
}

/* ─── Role item ──────────────────────────────────────────── */

._roleItem_g01y7_69 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: var(--radius-md);
  cursor: pointer;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  transition: all 0.15s ease;
  position: relative;
  border-left: 3px solid transparent;
  margin-bottom: 2px;
  font-family: 'Inter', sans-serif;
}

._roleItem_g01y7_69:hover {
  background: var(--hover-overlay);
}

._roleItemActive_g01y7_91 {
  background: rgba(255, 255, 255, 0.06);
  border-left-color: var(--role-item-color, var(--accent-primary));
}

._roleItemActive_g01y7_91:hover {
  background: rgba(255, 255, 255, 0.08);
}

._roleColorDot_g01y7_100 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

._roleItemName_g01y7_108 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

._roleItemActive_g01y7_91 ._roleItemName_g01y7_108 {
  color: var(--text-primary);
  font-weight: 600;
}

._roleItemCount_g01y7_123 {
  font-size: 10px;
  color: var(--text-faint);
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.06);
  padding: 1px 6px;
  border-radius: var(--radius-pill);
  min-width: 18px;
  text-align: center;
}

/* ─── Right panel: role editor ────────────────────────────── */

._editorPanel_g01y7_136 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._editorAccent_g01y7_143 {
  height: 2px;
  background: linear-gradient(90deg, var(--role-color, var(--accent-primary)), transparent 80%);
  flex-shrink: 0;
  opacity: 0.7;
  transition: background 0.3s ease;
}

._editorScroll_g01y7_151 {
  flex: 1;
  overflow-y: auto;
  padding: 18px 22px;
}

._editorEmpty_g01y7_157 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 12px;
  color: var(--text-faint);
}

._editorEmptyIcon_g01y7_167 {
  opacity: 0.25;
}

._editorEmptyText_g01y7_171 {
  font-size: 13px;
  color: var(--text-muted);
  font-family: 'Inter', sans-serif;
}

/* ─── Editor header ───────────────────────────────────────── */

._editorHeader_g01y7_179 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border-subtle);
}

._editorTitleGroup_g01y7_188 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._editorTitleDot_g01y7_194 {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  transition: background 0.2s ease;
}

._editorTitle_g01y7_188 {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
  font-family: 'Inter', sans-serif;
}

._deleteRoleBtn_g01y7_210 {
  height: 30px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-faint);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all var(--transition-fast);
  padding: 0 10px;
  font-size: 11px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  white-space: nowrap;
}

._deleteRoleBtn_g01y7_210:hover {
  background: rgba(231, 76, 60, 0.1);
  color: var(--danger-color);
}

._deleteConfirm_g01y7_234 {
  background: rgba(231, 76, 60, 0.15);
  color: var(--danger-color);
}

._deleteConfirm_g01y7_234:hover {
  background: rgba(231, 76, 60, 0.25);
}

/* ─── Form fields ─────────────────────────────────────────── */

._fieldGroup_g01y7_245 {
  margin-bottom: 20px;
}

._fieldLabel_g01y7_249 {
  font-size: 11px;
  font-weight: 800;
  font-family: 'Inter', sans-serif;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 8px;
}

._roleNameInput_g01y7_259 {
  width: 100%;
  height: 40px;
  padding: 0 14px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-md);
  color: var(--text-primary);
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  outline: none;
  transition: all var(--transition-default);
}

._roleNameInput_g01y7_259:focus {
  border-color: rgba(80, 167, 234, 0.5);
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 2px var(--accent-primary-bg);
}

._roleNameInput_g01y7_259:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ─── Color picker ────────────────────────────────────────── */

._colorSection_g01y7_286 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._colorHeader_g01y7_292 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._colorPreview_g01y7_298 {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  border: 2px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
  transition: all var(--transition-fast);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

._hexInputGroup_g01y7_308 {
  display: flex;
  align-items: center;
  gap: 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-md);
  overflow: hidden;
  height: 36px;
  flex: 1;
  max-width: 140px;
  transition: border-color var(--transition-fast);
}

._hexInputGroup_g01y7_308:focus-within {
  border-color: rgba(80, 167, 234, 0.5);
}

._hexPrefix_g01y7_326 {
  padding: 0 6px 0 10px;
  color: var(--text-faint);
  font-size: 13px;
  font-weight: 600;
  user-select: none;
  font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
}

._hexInput_g01y7_308 {
  flex: 1;
  border: none;
  background: transparent;
  color: var(--text-primary);
  font-size: 13px;
  font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
  outline: none;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  height: 100%;
  padding-right: 10px;
  width: 0;
  min-width: 0;
}

._hexInput_g01y7_308::placeholder {
  color: var(--text-faint);
  text-transform: uppercase;
}

._hexInput_g01y7_308:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._colorGrid_g01y7_361 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

._colorSwatch_g01y7_367 {
  width: 26px;
  height: 26px;
  border-radius: var(--radius-sm);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.12s ease;
  padding: 0;
  position: relative;
}

._colorSwatch_g01y7_367:hover {
  transform: scale(1.15);
  z-index: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

._colorSwatchActive_g01y7_384 {
  border-color: var(--text-primary);
  transform: scale(1.1);
  box-shadow:
    0 0 0 1px var(--text-primary),
    0 2px 8px rgba(0, 0, 0, 0.4);
}

._colorSwatchActive_g01y7_384:hover {
  transform: scale(1.15);
}

._clearColorBtn_g01y7_396 {
  width: 26px;
  height: 26px;
  border-radius: var(--radius-sm);
  border: 2px dashed var(--border-strong);
  cursor: pointer;
  transition: all 0.12s ease;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-faint);
}

._clearColorBtn_g01y7_396:hover {
  border-color: var(--text-muted);
  color: var(--text-muted);
  transform: scale(1.15);
}

/* ─── Permission sections ─────────────────────────────────── */

._permCategory_g01y7_419 {
  margin-bottom: 8px;
  border-radius: var(--radius-lg);
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid var(--border-subtle);
  overflow: hidden;
}

._permCategoryHeader_g01y7_427 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border-subtle);
}

._permCategoryIcon_g01y7_435 {
  color: var(--text-faint);
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

._permCategoryTitle_g01y7_442 {
  font-size: 11px;
  font-weight: 800;
  font-family: 'Inter', sans-serif;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

._permList_g01y7_451 {
  padding: 2px 0;
}

._permItem_g01y7_455 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px;
  transition: background var(--transition-fast);
}

._permItem_g01y7_455:hover {
  background: rgba(255, 255, 255, 0.02);
}

._permItem_g01y7_455 + ._permItem_g01y7_455 {
  border-top: 1px solid rgba(255, 255, 255, 0.02);
}

._permInfo_g01y7_471 {
  flex: 1;
  margin-right: 16px;
}

._permLabel_g01y7_476 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  font-family: 'Inter', sans-serif;
}

._permDescription_g01y7_483 {
  font-size: 11px;
  color: var(--text-faint);
  font-family: 'Inter', sans-serif;
  line-height: 1.4;
  margin-top: 2px;
}

/* ─── Toggle switch ───────────────────────────────────────── */

._toggle_g01y7_493 {
  position: relative;
  width: 40px;
  height: 22px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 11px;
  cursor: pointer;
  border: none;
  padding: 0;
  flex-shrink: 0;
  transition: background 0.2s ease;
}

._toggle_g01y7_493:hover {
  background: rgba(255, 255, 255, 0.12);
}

._toggleActive_g01y7_510 {
  background: var(--accent-primary);
}

._toggleActive_g01y7_510:hover {
  background: var(--accent-primary);
  filter: brightness(1.1);
}

._toggleKnob_g01y7_519 {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

._toggleActive_g01y7_510 ._toggleKnob_g01y7_519 {
  transform: translateX(18px);
}

._toggleDisabled_g01y7_536 {
  opacity: 0.35;
  cursor: not-allowed;
}

/* ─── Editor footer (save bar) ────────────────────────────── */

._editorFooter_g01y7_543 {
  padding: 12px 22px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  border-top: 1px solid var(--border-subtle);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  animation: _slideUp_g01y7_1 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

._unsavedHint_g01y7_555 {
  font-size: 12px;
  color: var(--text-faint);
  margin-right: auto;
  font-style: italic;
  font-family: 'Inter', sans-serif;
}

._saveBtn_g01y7_563 {
  padding: 0 22px;
  height: 34px;
  border: none;
  border-radius: var(--radius-md);
  background: var(--accent-primary);
  color: white;
  font-size: 12px;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
  cursor: pointer;
  transition: all var(--transition-fast);
}

._saveBtn_g01y7_563:hover:not(:disabled) {
  filter: brightness(1.15);
  box-shadow: 0 2px 12px rgba(80, 167, 234, 0.3);
}

._saveBtn_g01y7_563:active:not(:disabled) {
  transform: scale(0.97);
}

._saveBtn_g01y7_563:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

._cancelBtn_g01y7_591 {
  padding: 0 16px;
  height: 34px;
  border: none;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  cursor: pointer;
  transition: all var(--transition-fast);
}

._cancelBtn_g01y7_591:hover {
  color: var(--text-primary);
  background: var(--hover-overlay);
}

/* ─── Scrollbar ───────────────────────────────────────────── */

._roleListScroll_g01y7_61::-webkit-scrollbar,
._editorScroll_g01y7_151::-webkit-scrollbar {
  width: 4px;
}

._roleListScroll_g01y7_61::-webkit-scrollbar-track,
._editorScroll_g01y7_151::-webkit-scrollbar-track {
  background: transparent;
}

._roleListScroll_g01y7_61::-webkit-scrollbar-thumb,
._editorScroll_g01y7_151::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

._roleListScroll_g01y7_61::-webkit-scrollbar-thumb:hover,
._editorScroll_g01y7_151::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* ─── Animations ──────────────────────────────────────────── */

@keyframes _slideUp_g01y7_1 {
  from {
    transform: translateY(8px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
._tabsList_1vam6_1 {
  display: flex;
  gap: 2px;
  padding: 0 20px;
  border-bottom: 1px solid var(--border-subtle);
  background: transparent;
}

._tab_1vam6_1 {
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
  color: var(--text-muted);
  cursor: pointer;
  border: none;
  background: none;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._tab_1vam6_1:hover {
  color: var(--text-secondary);
}

._tabActive_1vam6_28 {
  color: var(--text-primary);
  border-bottom-color: var(--accent-primary);
}

._avatarSection_1vam6_33 {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 4px;
}

._avatarUploader_1vam6_40 {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px dashed var(--border-strong);
  overflow: hidden;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.25);
  transition: all var(--transition-default);
}

._avatarUploader_1vam6_40:hover {
  border-color: var(--accent-primary);
  background: rgba(0, 0, 0, 0.35);
}

._avatarPreview_1vam6_61 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._avatarPlaceholder_1vam6_67 {
  font-size: 28px;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  user-select: none;
}

._avatarOverlay_1vam6_75 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity var(--transition-fast);
  color: var(--text-primary);
}

._avatarUploader_1vam6_40:hover ._avatarOverlay_1vam6_75 {
  opacity: 1;
}

._avatarHint_1vam6_91 {
  flex: 1;
}

._textarea_1vam6_95 {
  background-color: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid var(--border-strong) !important;
  color: var(--text-primary) !important;
  font-family: 'Inter', sans-serif;
  transition: all var(--transition-default);
  min-height: 80px;
}

._textarea_1vam6_95:focus {
  border-color: rgba(80, 167, 234, 0.5) !important;
  background-color: rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0 0 0 2px var(--accent-primary-bg) !important;
}

._charCount_1vam6_110 {
  font-size: 11px;
  color: var(--text-faint);
  text-align: right;
  margin-top: 4px;
  font-family: 'Inter', sans-serif;
}

._charCountWarn_1vam6_118 {
  color: var(--warning-color);
}

._charCountError_1vam6_122 {
  color: var(--danger-color);
}

._disabledTab_1vam6_126 {
  opacity: 0.3;
  cursor: not-allowed;
}

._generalWrapper_1vam6_131 {
  display: flex;
  flex-direction: column;
  height: 550px;
}

._generalContent_1vam6_137 {
  flex: 1;
  overflow-y: auto;
}

._generalContent_1vam6_137::-webkit-scrollbar {
  width: 4px;
}

._generalContent_1vam6_137::-webkit-scrollbar-track {
  background: transparent;
}

._generalContent_1vam6_137::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

._generalContent_1vam6_137::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}

._removeAvatarBtn_1vam6_159 {
  margin-top: 4px;
}
._codeBlock_fvj0z_1 {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-lg);
  padding: 12px 16px;
  transition: border-color var(--transition-default);
}

._codeBlock_fvj0z_1:hover {
  border-color: rgba(80, 167, 234, 0.4);
}

._codeText_fvj0z_16 {
  flex: 1;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--text-primary);
  user-select: all;
}

._copyBtn_fvj0z_26 {
  flex-shrink: 0;
}

._copiedFeedback_fvj0z_30 {
  color: var(--status-online);
  font-weight: 600;
}

._regenerateRow_fvj0z_35 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-subtle);
}
._overlay_usm8v_1 {
  position: fixed;
  inset: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: var(--glass-blur);
  animation: _fadeIn_usm8v_1 var(--transition-default) ease-out;
}

@keyframes _fadeIn_usm8v_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

._modal_usm8v_22 {
  background: var(--surface-1);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  width: 440px;
  max-width: 90vw;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: _scaleIn_usm8v_1 var(--transition-default) ease-out;
}

@keyframes _scaleIn_usm8v_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

._header_usm8v_47 {
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--border-subtle);
}

._title_usm8v_52 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}

._subtitle_usm8v_59 {
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 4px;
}

._version_usm8v_65 {
  color: var(--accent-primary);
  font-weight: 600;
}

._body_usm8v_70 {
  padding: 16px 24px;
  overflow-y: auto;
  flex: 1;
}

._changelogLabel_usm8v_76 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-faint);
  margin-bottom: 8px;
}

._changelog_usm8v_76 {
  font-size: 13px;
  line-height: 1.6;
  color: var(--text-secondary);
  white-space: pre-wrap;
}

._footer_usm8v_92 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--border-subtle);
}

._btn_usm8v_100 {
  padding: 8px 20px;
  border-radius: var(--radius-md);
  border: none;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
}

._btnPrimary_usm8v_110 {
  background: var(--accent-primary);
  color: #fff;
}

._btnPrimary_usm8v_110:hover {
  background: var(--accent-primary-hover);
}

._btnSecondary_usm8v_120 {
  background: var(--surface-3);
  color: var(--text-secondary);
}

._btnSecondary_usm8v_120:hover {
  background: var(--hover-overlay);
}
._backdrop_1iymv_1 {
  position: fixed;
  top: var(--header-height);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-default);
}

._backdrop_1iymv_1._visible_1iymv_14 {
  opacity: 1;
  pointer-events: auto;
}

._drawer_1iymv_19 {
  position: fixed;
  top: var(--header-height);
  bottom: 0;
  z-index: 201;
  background: var(--surface-0);
  transition: transform var(--transition-default);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

._left_1iymv_31 {
  left: 0;
  transform: translateX(-100%);
}

._right_1iymv_36 {
  right: 0;
  transform: translateX(100%);
}

._open_1iymv_41._left_1iymv_31 {
  transform: translateX(0);
}

._open_1iymv_41._right_1iymv_36 {
  transform: translateX(0);
}
._page_1k9w2_1 {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-0);
  font-family: 'Inter', sans-serif;
}

._card_1k9w2_11 {
  width: 480px;
  max-width: calc(100vw - 40px);
  background: linear-gradient(145deg, var(--glass-bg) 0%, rgba(16, 20, 24, 0.98) 100%);
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-lg), var(--shadow-inset-glow);
  overflow: hidden;
  animation: _slideUp_1k9w2_1 var(--transition-slow) ease;
}

._header_1k9w2_23 {
  padding: 36px 32px 0;
  text-align: center;
}

._logo_1k9w2_28 {
  font-size: 32px;
  font-weight: 900;
  letter-spacing: 0.08em;
  background: linear-gradient(
    135deg,
    var(--accent-primary) 0%,
    #7c8cf8 50%,
    var(--accent-primary) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 12px;
}

._title_1k9w2_44 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 4px;
}

._subtitle_1k9w2_51 {
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.5;
}

._body_1k9w2_57 {
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._platformCard_1k9w2_64 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  transition: border-color var(--transition-default);
}

._platformCard_1k9w2_64:hover {
  border-color: var(--border-default);
}

._platformInfo_1k9w2_79 {
  flex: 1;
  min-width: 0;
}

._platformName_1k9w2_84 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 2px;
}

._platformMeta_1k9w2_91 {
  font-size: 12px;
  color: var(--text-muted);
}

._downloadBtn_1k9w2_96 {
  flex-shrink: 0;
  padding: 10px 20px;
  background: var(--brand-gradient);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-md);
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  box-shadow: var(--brand-shadow);
  transition: all var(--transition-fast);
}

._downloadBtn_1k9w2_96:hover {
  filter: brightness(1.1);
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.4);
}

._downloadBtn_1k9w2_96:active {
  transform: scale(0.97);
}

._changelog_1k9w2_119 {
  padding: 0 32px 8px;
}

._changelogLabel_1k9w2_123 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-faint);
  margin-bottom: 6px;
}

._changelogText_1k9w2_132 {
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.5;
}

._footer_1k9w2_138 {
  padding: 16px 32px 28px;
  text-align: center;
}

._loginLink_1k9w2_143 {
  font-size: 13px;
  color: var(--text-muted);
}

._loginLink_1k9w2_143 a {
  color: var(--accent-primary);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: color var(--transition-fast);
}

._loginLink_1k9w2_143 a:hover {
  color: var(--accent-primary-hover);
  text-decoration: underline;
}

._loading_1k9w2_161 {
  padding: 48px 32px;
  text-align: center;
  color: var(--text-muted);
  font-size: 14px;
}

._error_1k9w2_168 {
  padding: 48px 32px;
  text-align: center;
  color: var(--text-muted);
  font-size: 14px;
}

@keyframes _slideUp_1k9w2_1 {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._picker_1cyzw_1 {
  position: fixed;
  width: 356px;
  height: 420px;
  background: var(--surface-1);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl);
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.3),
    0 12px 40px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  z-index: 1000;
  overflow: hidden;

  /* Анимация появления */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px) scale(0.96);
  transition:
    opacity 0.18s cubic-bezier(0.2, 0, 0, 1),
    transform 0.18s cubic-bezier(0.2, 0, 0, 1),
    visibility 0.18s;
}

._pickerOpen_1cyzw_27 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

/* ─── Search ─── */
._searchArea_1cyzw_35 {
  padding: 10px 10px 6px;
  flex-shrink: 0;
}

._searchInput_1cyzw_40 {
  background: var(--surface-0);
  border-radius: var(--radius-md);
  padding: 0 10px;
  border: 1px solid transparent;
  transition: border-color var(--transition-fast);
}

._searchInput_1cyzw_40:focus-within {
  border-color: var(--accent-primary);
}

._searchInput_1cyzw_40 .mantine-TextInput-input {
  font-size: 13px;
  min-height: 32px;
  color: var(--text-primary);
}

._searchInput_1cyzw_40 .mantine-TextInput-input::placeholder {
  color: var(--text-faint);
}

/* ─── Category tabs ─── */
._categories_1cyzw_63 {
  display: flex;
  gap: 0;
  padding: 0 6px;
  flex-shrink: 0;
  position: relative;
}

._categoriesDivider_1cyzw_71 {
  height: 1px;
  background: var(--border-divider);
  margin: 0 10px;
  flex-shrink: 0;
}

._categoryBtn_1cyzw_78 {
  all: unset;
  cursor: pointer;
  flex: 1;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  font-size: 17px;
  transition:
    background-color var(--transition-fast),
    transform 0.12s ease;
  position: relative;
}

._categoryIcon_1cyzw_94 {
  width: 20px;
  height: 20px;
  pointer-events: none;
}

._categoryBtn_1cyzw_78:hover {
  background: var(--hover-overlay);
}

._categoryBtn_1cyzw_78:active {
  transform: scale(0.9);
}

._categoryBtnActive_1cyzw_108 {
  background: none;
}

._categoryBtnActive_1cyzw_108::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 25%;
  right: 25%;
  height: 2px;
  background: var(--accent-primary);
  border-radius: 2px 2px 0 0;
}

/* ─── Scrollable grid area ─── */
._gridArea_1cyzw_124 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;

  /* Тонкий скроллбар */
  scrollbar-width: thin;
  scrollbar-color: var(--border-default) transparent;
}

._gridArea_1cyzw_124::-webkit-scrollbar {
  width: 4px;
}

._gridArea_1cyzw_124::-webkit-scrollbar-track {
  background: transparent;
}

._gridArea_1cyzw_124::-webkit-scrollbar-thumb {
  background: var(--border-default);
  border-radius: 4px;
}

._gridArea_1cyzw_124::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}

/* ─── Virtual scroll container ─── */
._virtualContainer_1cyzw_154 {
  width: 100%;
  position: relative;
}

._virtualRow_1cyzw_159 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* ─── Category header inside grid ─── */
._categoryLabel_1cyzw_167 {
  padding: 10px 14px 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  user-select: none;
}

/* ─── Emoji row ─── */
._emojiRow_1cyzw_176 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1px;
  padding: 0 6px;
}

._emojiItem_1cyzw_183 {
  all: unset;
  cursor: pointer;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  transition:
    transform 0.12s cubic-bezier(0.2, 0, 0, 1),
    background-color 0.1s ease;
}

._emojiItem_1cyzw_183:hover {
  background: var(--hover-overlay);
  transform: scale(1.2);
}

._emojiItem_1cyzw_183:active {
  transform: scale(1.05);
}

._emojiItem_1cyzw_183 img {
  width: 30px;
  height: 30px;
  pointer-events: none;
}

/* ─── Empty state ─── */
._emptyState_1cyzw_212 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  height: 140px;
  color: var(--text-faint);
  font-size: 13px;
}
/* ===== MemberRolesEditor — role chips inside UserProfilePopup ===== */

._section_1uj35_3 {
  margin-top: 2px;
}

._header_1uj35_7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

._label_1uj35_14 {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

._editBtn_1uj35_22 {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: var(--radius-xs);
  background: transparent;
  color: var(--text-faint);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: all var(--transition-fast);
}

._editBtn_1uj35_22:hover {
  color: var(--text-secondary);
  background: var(--hover-overlay);
}

/* ─── Role chips (display mode) ─────────────────────────── */

._chips_1uj35_44 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

._chip_1uj35_44 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px 2px 5px;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  line-height: 1;
  height: 22px;
  transition: all var(--transition-fast);
}

._chipDot_1uj35_66 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._noRoles_1uj35_73 {
  font-size: 11px;
  color: var(--text-faint);
  font-style: italic;
}

/* ─── Role checklist (edit mode) ─────────────────────────── */

._checklist_1uj35_81 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  animation: _fadeSlideIn_1uj35_1 0.15s ease;
}

._checkItem_1uj35_88 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 6px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  transition: background var(--transition-fast);
  font-family: inherit;
}

._checkItem_1uj35_88:hover {
  background: var(--hover-overlay);
}

._checkItemDisabled_1uj35_107 {
  opacity: 0.4;
  cursor: not-allowed;
}

._checkItemDisabled_1uj35_107:hover {
  background: none;
}

._checkbox_1uj35_116 {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 2px solid var(--border-strong);
  background: transparent;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}

._checkboxChecked_1uj35_129 {
  border-color: transparent;
  background: var(--accent-primary);
}

._checkIcon_1uj35_134 {
  color: #fff;
  display: flex;
  align-items: center;
}

._checkRoleDot_1uj35_140 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

._checkRoleName_1uj35_148 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._saving_1uj35_158 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
}

@keyframes _fadeSlideIn_1uj35_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._popup_1rnos_1 {
  position: fixed;
  z-index: 1000;
  width: 300px;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  animation: _popupIn_1rnos_1 0.15s cubic-bezier(0.2, 0, 0, 1);
  background: transparent;
}

@keyframes _popupIn_1rnos_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Баннер — полная ширина, верх попапа */
._banner_1rnos_24 {
  height: 100px;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

._bannerImage_1rnos_31 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._bannerFallback_1rnos_37 {
  width: 100%;
  height: 100%;
}

/* Аватар — перекрывает границу баннера и карточки */
._avatarAnchor_1rnos_43 {
  position: relative;
  height: 0;
}

._avatarWrapper_1rnos_48 {
  position: absolute;
  top: -40px;
  left: 12px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--surface-1);
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Карточка-body под баннером */
._card_1rnos_63 {
  background: var(--surface-1);
  border: 1px solid var(--border-strong);
  border-top: none;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  padding-top: 48px;
  padding-bottom: 0;
}

._cardInner_1rnos_72 {
  background: var(--surface-2);
  margin: 0 8px 8px;
  border-radius: var(--radius-md);
  padding: 12px;
}

._username_1rnos_79 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.2;
}

._statusText_1rnos_86 {
  font-size: 12px;
  color: var(--text-muted);
  margin-top: 2px;
}

._statusText_1rnos_86 .emoji-inline {
  height: 1.4em;
  width: 1.4em;
  vertical-align: -0.3em;
  object-fit: contain;
}

/* Был(а) в сети */
._lastSeen_1rnos_100 {
  font-size: 11px;
  color: var(--text-faint);
  margin-top: 4px;
}

/* Разделитель */
._divider_1rnos_107 {
  height: 1px;
  background: var(--border-divider);
  margin: 10px 0;
}

/* Секция "О себе" */
._sectionLabel_1rnos_114 {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}

._bioText_1rnos_123 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
}

._bioText_1rnos_123 .emoji-inline {
  height: 1.4em;
  width: 1.4em;
  vertical-align: -0.3em;
  object-fit: contain;
}

/* Дата регистрации */
._joinDate_1rnos_139 {
  font-size: 12px;
  color: var(--text-faint);
}

/* Кнопки действий */
._actions_1rnos_145 {
  padding: 0 8px 8px;
}

._actionBtn_1rnos_149 {
  width: 100%;
  height: 32px;
  font-size: 13px;
  font-weight: 600;
  border-radius: var(--radius-sm);
}

._messageBtn_1rnos_157 {
  background: var(--accent-primary) !important;
  color: #fff !important;
}

._messageBtn_1rnos_157:hover {
  background: var(--accent-primary-hover) !important;
}

._editBtn_1rnos_166 {
  background: var(--surface-1) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

._editBtn_1rnos_166:hover {
  background: var(--hover-overlay) !important;
}

/* Скелетон загрузки */
._skeleton_1rnos_177 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 200px;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  ._popup_1rnos_1 {
    /* Override JS inline positioning — center on mobile */
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: calc(100vw - 24px);
    max-width: 340px;
  }

  @keyframes _popupIn_1rnos_1 {
    from {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.95);
    }
    to {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
  }
}
/* ---- Overlay ---- */
._overlay_1ts32_2 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _fadeIn_1ts32_1 var(--transition-fast);
}

@keyframes _fadeIn_1ts32_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* ---- Media (image / video) ---- */
._media_1ts32_24 {
  max-width: 90vw;
  max-height: 80vh;
  object-fit: contain;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  user-select: none;
}

/* ---- Toolbar (top) ---- */
._toolbar_1ts32_34 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

._toolbarFileName_1ts32_47 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._toolbarActions_1ts32_57 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._toolbarBtn_1ts32_63 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition:
    background var(--transition-fast),
    color var(--transition-fast);
  text-decoration: none;
}

._toolbarBtn_1ts32_63:hover {
  background: var(--surface-2);
  color: var(--text-primary);
}

/* ---- Navigation arrows ---- */
._navBtn_1ts32_86 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: var(--surface-2);
  color: var(--text-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background var(--transition-fast);
  opacity: 0.7;
}

._navBtn_1ts32_86:hover {
  background: var(--surface-3);
  opacity: 1;
}

._navPrev_1ts32_109 {
  left: 16px;
}

._navNext_1ts32_113 {
  right: 16px;
}

/* ---- Bottom counter bar ---- */
._bottomBar_1ts32_118 {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--surface-2);
  border-radius: var(--radius-md);
  padding: 6px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
}

._counter_1ts32_131 {
  font-size: 12px;
  color: var(--text-secondary);
  white-space: nowrap;
}

/* ---- Audio player card ---- */
._audioCard_1ts32_138 {
  background: var(--surface-2);
  border-radius: var(--radius-lg);
  padding: 20px 24px;
  min-width: 360px;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._audioFileName_1ts32_149 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._audioControls_1ts32_158 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._audioBtn_1ts32_164 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: var(--accent-primary);
  color: white;
  cursor: pointer;
  flex-shrink: 0;
  transition: opacity var(--transition-fast);
}

._audioBtn_1ts32_164:hover {
  opacity: 0.85;
}

._audioProgress_1ts32_183 {
  flex: 1;
  height: 4px;
  background: var(--surface-3);
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}

._audioProgressFill_1ts32_192 {
  height: 100%;
  background: var(--accent-primary);
  border-radius: 2px;
  transition: width 0.1s linear;
}

._audioTime_1ts32_199 {
  font-size: 11px;
  color: var(--text-muted);
  white-space: nowrap;
  min-width: 72px;
  text-align: center;
}

@media (max-width: 768px) {
  ._media_1ts32_24 {
    max-width: 100vw;
    max-height: 85vh;
    border-radius: 0;
  }

  ._navPrev_1ts32_109 {
    left: 4px;
  }

  ._navNext_1ts32_113 {
    right: 4px;
  }

  ._toolbarFileName_1ts32_47 {
    max-width: 200px;
  }

  ._audioCard_1ts32_138 {
    min-width: auto;
    max-width: 90vw;
  }
}
/* ===== IncomingCallModal — Signal Pulse ===== */

._overlay_1pnz5_3 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(12px);
  animation: _fadeIn_1pnz5_1 0.3s ease forwards;
}

/* Animated mesh gradient blobs */
._meshBlob_1pnz5_16 {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0;
  animation: _fadeIn_1pnz5_1 0.5s ease 0.2s forwards;
  pointer-events: none;
}

._meshBlob1_1pnz5_25 {
  width: 400px;
  height: 400px;
  top: 20%;
  left: 15%;
  background: rgba(80, 167, 234, 0.08);
  animation: _driftBlob1_1pnz5_1 12s ease-in-out infinite;
}

._meshBlob2_1pnz5_34 {
  width: 350px;
  height: 350px;
  top: 50%;
  right: 20%;
  background: rgba(123, 108, 246, 0.06);
  animation: _driftBlob2_1pnz5_1 15s ease-in-out infinite;
}

@keyframes _driftBlob1_1pnz5_1 {
  0%,
  100% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(30px, -20px);
  }
  66% {
    transform: translate(-20px, 15px);
  }
}

@keyframes _driftBlob2_1pnz5_1 {
  0%,
  100% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(-25px, 20px);
  }
  66% {
    transform: translate(15px, -25px);
  }
}

@keyframes _fadeIn_1pnz5_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Card with rotating gradient border */
._card_1pnz5_79 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 36px 48px;
  background: linear-gradient(145deg, var(--glass-bg) 0%, rgba(16, 20, 24, 0.98) 100%);
  backdrop-filter: var(--glass-blur);
  border-radius: var(--radius-2xl);
  box-shadow:
    var(--shadow-lg),
    0 0 40px rgba(80, 167, 234, 0.08);
  animation: _cardEnter_1pnz5_1 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  z-index: 1;
}

._card_1pnz5_79::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: var(--radius-2xl);
  padding: 1px;
  background: conic-gradient(
    from var(--voice-angle, 0deg),
    rgba(80, 167, 234, 0.6),
    rgba(123, 108, 246, 0.4),
    rgba(80, 167, 234, 0.1),
    rgba(123, 108, 246, 0.4),
    rgba(80, 167, 234, 0.6)
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: _rotateBorder_1pnz5_1 4s linear infinite;
  pointer-events: none;
}

@keyframes _rotateBorder_1pnz5_1 {
  to {
    --voice-angle: 360deg;
  }
}

@keyframes _cardEnter_1pnz5_1 {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.92);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ── Avatar with 3 concentric pulsing rings ── */

._avatarWrapper_1pnz5_138 {
  position: relative;
  width: 96px;
  height: 96px;
}

._ring_1pnz5_144 {
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 2px solid var(--voice-ring);
  opacity: 0;
}

._ring1_1pnz5_152 {
  animation: _pulseRing_1pnz5_1 2.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

._ring2_1pnz5_156 {
  animation: _pulseRing_1pnz5_1 2.4s cubic-bezier(0.4, 0, 0.2, 1) 0.6s infinite;
}

._ring3_1pnz5_160 {
  animation: _pulseRing_1pnz5_1 2.4s cubic-bezier(0.4, 0, 0.2, 1) 1.2s infinite;
}

@keyframes _pulseRing_1pnz5_1 {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  70% {
    transform: scale(1.4);
    opacity: 0;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

._avatar_1pnz5_138 {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(80, 167, 234, 0.3);
}

._avatarFallback_1pnz5_187 {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: linear-gradient(135deg, #50a7ea, #7b6cf6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  user-select: none;
  border: 2px solid rgba(255, 255, 255, 0.1);
}

/* ── Text ── */

._callerName_1pnz5_204 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  text-align: center;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._label_1pnz5_215 {
  position: relative;
  font-size: 13px;
  color: var(--text-muted);
  margin-top: -8px;
  letter-spacing: 0.03em;
}

._label_1pnz5_215::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--voice-glow), transparent);
  animation: _waveUnderline_1pnz5_1 2s ease-in-out infinite;
}

@keyframes _waveUnderline_1pnz5_1 {
  0%,
  100% {
    opacity: 0.3;
    transform: scaleX(0.6);
  }
  50% {
    opacity: 0.8;
    transform: scaleX(1);
  }
}

/* ── Action buttons (pill-shaped) ── */

._buttons_1pnz5_248 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}

._acceptBtn_1pnz5_255 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 130px;
  height: 44px;
  border-radius: var(--radius-pill);
  border: none;
  cursor: pointer;
  padding: 0 20px;
  background: linear-gradient(135deg, #23a55a, #1e8e4e);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 4px 16px var(--voice-success-glow);
  transition: all 0.15s ease;
}

._acceptBtn_1pnz5_255:hover {
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 6px 24px var(--voice-success-glow);
  filter: brightness(1.1);
}

._acceptBtn_1pnz5_255:active {
  transform: scale(0.97);
}

._declineBtn_1pnz5_284 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 130px;
  height: 44px;
  border-radius: var(--radius-pill);
  border: none;
  cursor: pointer;
  padding: 0 20px;
  background: linear-gradient(135deg, #e81123, #c91020);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 4px 16px var(--voice-danger-glow);
  transition: all 0.15s ease;
}

._declineBtn_1pnz5_284:hover {
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 6px 24px var(--voice-danger-glow);
  filter: brightness(1.1);
}

._declineBtn_1pnz5_284:active {
  transform: scale(0.97);
}
/* ===== OutgoingCallOverlay — Signal Pulse ===== */

._overlay_1oz4k_3 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(12px);
  animation: _fadeIn_1oz4k_1 0.3s ease forwards;
}

._meshBlob_1oz4k_15 {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0;
  animation: _fadeIn_1oz4k_1 0.5s ease 0.2s forwards;
  pointer-events: none;
}

._meshBlob1_1oz4k_24 {
  width: 400px;
  height: 400px;
  top: 20%;
  left: 15%;
  background: rgba(80, 167, 234, 0.08);
  animation: _driftBlob1_1oz4k_1 12s ease-in-out infinite;
}

._meshBlob2_1oz4k_33 {
  width: 350px;
  height: 350px;
  top: 50%;
  right: 20%;
  background: rgba(123, 108, 246, 0.06);
  animation: _driftBlob2_1oz4k_1 15s ease-in-out infinite;
}

@keyframes _driftBlob1_1oz4k_1 {
  0%,
  100% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(30px, -20px);
  }
  66% {
    transform: translate(-20px, 15px);
  }
}

@keyframes _driftBlob2_1oz4k_1 {
  0%,
  100% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(-25px, 20px);
  }
  66% {
    transform: translate(15px, -25px);
  }
}

@keyframes _fadeIn_1oz4k_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

._card_1oz4k_77 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 36px 48px;
  background: linear-gradient(145deg, var(--glass-bg) 0%, rgba(16, 20, 24, 0.98) 100%);
  backdrop-filter: var(--glass-blur);
  border-radius: var(--radius-2xl);
  box-shadow:
    var(--shadow-lg),
    0 0 40px rgba(80, 167, 234, 0.08);
  animation: _cardEnter_1oz4k_1 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  z-index: 1;
}

._card_1oz4k_77::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: var(--radius-2xl);
  padding: 1px;
  background: conic-gradient(
    from var(--voice-angle, 0deg),
    rgba(80, 167, 234, 0.6),
    rgba(123, 108, 246, 0.4),
    rgba(80, 167, 234, 0.1),
    rgba(123, 108, 246, 0.4),
    rgba(80, 167, 234, 0.6)
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: _rotateBorder_1oz4k_1 4s linear infinite;
  pointer-events: none;
}

@keyframes _rotateBorder_1oz4k_1 {
  to {
    --voice-angle: 360deg;
  }
}

@keyframes _cardEnter_1oz4k_1 {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.92);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ── Icon circle with pulsing rings ── */

._iconCircleWrapper_1oz4k_136 {
  position: relative;
  width: 96px;
  height: 96px;
}

._iconCircle_1oz4k_136 {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(80, 167, 234, 0.15), rgba(123, 108, 246, 0.1));
  border: 2px solid rgba(80, 167, 234, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-primary);
  position: relative;
  z-index: 1;
}

._ring_1oz4k_156 {
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 2px solid var(--voice-ring);
  opacity: 0;
}

._ring1_1oz4k_164 {
  animation: _pulseRing_1oz4k_1 2.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

._ring2_1oz4k_168 {
  animation: _pulseRing_1oz4k_1 2.4s cubic-bezier(0.4, 0, 0.2, 1) 0.8s infinite;
}

@keyframes _pulseRing_1oz4k_1 {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  70% {
    transform: scale(1.35);
    opacity: 0;
  }
  100% {
    transform: scale(1.35);
    opacity: 0;
  }
}

/* ── Animated "Вызов..." label ── */

._callingLabel_1oz4k_189 {
  font-size: 15px;
  font-weight: 500;
  color: var(--text-muted);
  display: flex;
  align-items: baseline;
  gap: 0;
  user-select: none;
  letter-spacing: 0.02em;
}

._dot_1oz4k_200 {
  display: inline-block;
  opacity: 0;
  animation: _dotAppear_1oz4k_1 1.4s infinite;
}

._dot1_1oz4k_206 {
  animation-delay: 0s;
}
._dot2_1oz4k_209 {
  animation-delay: 0.2s;
}
._dot3_1oz4k_212 {
  animation-delay: 0.4s;
}

@keyframes _dotAppear_1oz4k_1 {
  0%,
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60%,
  100% {
    opacity: 0;
  }
}

/* ── Cancel button (pill, danger gradient) ── */

._cancelBtn_1oz4k_232 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 140px;
  height: 44px;
  border-radius: var(--radius-pill);
  border: none;
  cursor: pointer;
  padding: 0 24px;
  background: linear-gradient(135deg, #e81123, #c91020);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 4px 16px var(--voice-danger-glow);
  transition: all 0.15s ease;
}

._cancelBtn_1oz4k_232:hover {
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 6px 24px var(--voice-danger-glow);
  filter: brightness(1.1);
}

._cancelBtn_1oz4k_232:active {
  transform: scale(0.97);
}
:root,
:host {
  color-scheme: var(--mantine-color-scheme);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

input,
button,
textarea,
select {
  font: inherit;
}

button,
select {
  text-transform: none;
}

body,
:host {
  margin: 0;
  font-family: var(--mantine-font-family);
  font-size: var(--mantine-font-size-md);
  line-height: var(--mantine-line-height);
  background-color: var(--mantine-color-body);
  color: var(--mantine-color-text);

  -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
  -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
}

@media screen and (max-device-width: 31.25em) {

body,
:host {
    -webkit-text-size-adjust: 100%
}
  }

@media (prefers-reduced-motion: reduce) {
    [data-respect-reduced-motion] [data-reduce-motion] {
      transition: none;
      animation: none;
    }
  }

[data-mantine-color-scheme='light'] .mantine-light-hidden {
    display: none;
}

[data-mantine-color-scheme='dark'] .mantine-dark-hidden {
    display: none;
}

.mantine-focus-auto:focus-visible {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.mantine-focus-always:focus {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.mantine-focus-never:focus {
    outline: none;
  }

.mantine-active:active {
    transform: translateY(calc(0.0625rem * var(--mantine-scale)));
  }

fieldset:disabled .mantine-active:active {
    transform: none;
  }

:where([dir="rtl"]) .mantine-rotate-rtl {
    transform: rotate(180deg);
}

/* This file is automatically generated, do not modify it directly. */
:root,
:host {
  --mantine-z-index-app: 100;
  --mantine-z-index-modal: 200;
  --mantine-z-index-popover: 300;
  --mantine-z-index-overlay: 400;
  --mantine-z-index-max: 9999;
  --mantine-scale: 1;
  --mantine-cursor-type: default;
  --mantine-webkit-font-smoothing: antialiased;
  --mantine-moz-font-smoothing: grayscale;
  --mantine-color-white: #fff;
  --mantine-color-black: #000;
  --mantine-line-height: 1.55;
  --mantine-font-family:
    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji;
  --mantine-font-family-monospace:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --mantine-font-family-headings:
    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji;
  --mantine-heading-font-weight: 700;
  --mantine-heading-text-wrap: wrap;
  --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
  --mantine-primary-color-light: var(--mantine-color-blue-light);
  --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
  --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
  --mantine-breakpoint-xs: 36em;
  --mantine-breakpoint-sm: 48em;
  --mantine-breakpoint-md: 62em;
  --mantine-breakpoint-lg: 75em;
  --mantine-breakpoint-xl: 88em;
  --mantine-spacing-xs: calc(0.625rem * var(--mantine-scale));
  --mantine-spacing-sm: calc(0.75rem * var(--mantine-scale));
  --mantine-spacing-md: calc(1rem * var(--mantine-scale));
  --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
  --mantine-spacing-xl: calc(2rem * var(--mantine-scale));
  --mantine-font-size-xs: calc(0.75rem * var(--mantine-scale));
  --mantine-font-size-sm: calc(0.875rem * var(--mantine-scale));
  --mantine-font-size-md: calc(1rem * var(--mantine-scale));
  --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
  --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
  --mantine-line-height-xs: 1.4;
  --mantine-line-height-sm: 1.45;
  --mantine-line-height-md: 1.55;
  --mantine-line-height-lg: 1.6;
  --mantine-line-height-xl: 1.65;
  --mantine-shadow-xs:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.05),
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.1);
  --mantine-shadow-sm:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale))
      calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale))
      calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
  --mantine-shadow-md:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--mantine-scale))
      calc(1.5625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--mantine-scale))
      calc(0.625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
  --mantine-shadow-lg:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale))
      calc(1.4375rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale));
  --mantine-shadow-xl:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale))
      calc(1.0625rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale));
  --mantine-radius-xs: calc(0.125rem * var(--mantine-scale));
  --mantine-radius-sm: calc(0.25rem * var(--mantine-scale));
  --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
  --mantine-radius-lg: calc(1rem * var(--mantine-scale));
  --mantine-radius-xl: calc(2rem * var(--mantine-scale));
  --mantine-primary-color-0: var(--mantine-color-blue-0);
  --mantine-primary-color-1: var(--mantine-color-blue-1);
  --mantine-primary-color-2: var(--mantine-color-blue-2);
  --mantine-primary-color-3: var(--mantine-color-blue-3);
  --mantine-primary-color-4: var(--mantine-color-blue-4);
  --mantine-primary-color-5: var(--mantine-color-blue-5);
  --mantine-primary-color-6: var(--mantine-color-blue-6);
  --mantine-primary-color-7: var(--mantine-color-blue-7);
  --mantine-primary-color-8: var(--mantine-color-blue-8);
  --mantine-primary-color-9: var(--mantine-color-blue-9);
  --mantine-color-dark-0: #c9c9c9;
  --mantine-color-dark-1: #b8b8b8;
  --mantine-color-dark-2: #828282;
  --mantine-color-dark-3: #696969;
  --mantine-color-dark-4: #424242;
  --mantine-color-dark-5: #3b3b3b;
  --mantine-color-dark-6: #2e2e2e;
  --mantine-color-dark-7: #242424;
  --mantine-color-dark-8: #1f1f1f;
  --mantine-color-dark-9: #141414;
  --mantine-color-gray-0: #f8f9fa;
  --mantine-color-gray-1: #f1f3f5;
  --mantine-color-gray-2: #e9ecef;
  --mantine-color-gray-3: #dee2e6;
  --mantine-color-gray-4: #ced4da;
  --mantine-color-gray-5: #adb5bd;
  --mantine-color-gray-6: #868e96;
  --mantine-color-gray-7: #495057;
  --mantine-color-gray-8: #343a40;
  --mantine-color-gray-9: #212529;
  --mantine-color-red-0: #fff5f5;
  --mantine-color-red-1: #ffe3e3;
  --mantine-color-red-2: #ffc9c9;
  --mantine-color-red-3: #ffa8a8;
  --mantine-color-red-4: #ff8787;
  --mantine-color-red-5: #ff6b6b;
  --mantine-color-red-6: #fa5252;
  --mantine-color-red-7: #f03e3e;
  --mantine-color-red-8: #e03131;
  --mantine-color-red-9: #c92a2a;
  --mantine-color-pink-0: #fff0f6;
  --mantine-color-pink-1: #ffdeeb;
  --mantine-color-pink-2: #fcc2d7;
  --mantine-color-pink-3: #faa2c1;
  --mantine-color-pink-4: #f783ac;
  --mantine-color-pink-5: #f06595;
  --mantine-color-pink-6: #e64980;
  --mantine-color-pink-7: #d6336c;
  --mantine-color-pink-8: #c2255c;
  --mantine-color-pink-9: #a61e4d;
  --mantine-color-grape-0: #f8f0fc;
  --mantine-color-grape-1: #f3d9fa;
  --mantine-color-grape-2: #eebefa;
  --mantine-color-grape-3: #e599f7;
  --mantine-color-grape-4: #da77f2;
  --mantine-color-grape-5: #cc5de8;
  --mantine-color-grape-6: #be4bdb;
  --mantine-color-grape-7: #ae3ec9;
  --mantine-color-grape-8: #9c36b5;
  --mantine-color-grape-9: #862e9c;
  --mantine-color-violet-0: #f3f0ff;
  --mantine-color-violet-1: #e5dbff;
  --mantine-color-violet-2: #d0bfff;
  --mantine-color-violet-3: #b197fc;
  --mantine-color-violet-4: #9775fa;
  --mantine-color-violet-5: #845ef7;
  --mantine-color-violet-6: #7950f2;
  --mantine-color-violet-7: #7048e8;
  --mantine-color-violet-8: #6741d9;
  --mantine-color-violet-9: #5f3dc4;
  --mantine-color-indigo-0: #edf2ff;
  --mantine-color-indigo-1: #dbe4ff;
  --mantine-color-indigo-2: #bac8ff;
  --mantine-color-indigo-3: #91a7ff;
  --mantine-color-indigo-4: #748ffc;
  --mantine-color-indigo-5: #5c7cfa;
  --mantine-color-indigo-6: #4c6ef5;
  --mantine-color-indigo-7: #4263eb;
  --mantine-color-indigo-8: #3b5bdb;
  --mantine-color-indigo-9: #364fc7;
  --mantine-color-blue-0: #e7f5ff;
  --mantine-color-blue-1: #d0ebff;
  --mantine-color-blue-2: #a5d8ff;
  --mantine-color-blue-3: #74c0fc;
  --mantine-color-blue-4: #4dabf7;
  --mantine-color-blue-5: #339af0;
  --mantine-color-blue-6: #228be6;
  --mantine-color-blue-7: #1c7ed6;
  --mantine-color-blue-8: #1971c2;
  --mantine-color-blue-9: #1864ab;
  --mantine-color-cyan-0: #e3fafc;
  --mantine-color-cyan-1: #c5f6fa;
  --mantine-color-cyan-2: #99e9f2;
  --mantine-color-cyan-3: #66d9e8;
  --mantine-color-cyan-4: #3bc9db;
  --mantine-color-cyan-5: #22b8cf;
  --mantine-color-cyan-6: #15aabf;
  --mantine-color-cyan-7: #1098ad;
  --mantine-color-cyan-8: #0c8599;
  --mantine-color-cyan-9: #0b7285;
  --mantine-color-teal-0: #e6fcf5;
  --mantine-color-teal-1: #c3fae8;
  --mantine-color-teal-2: #96f2d7;
  --mantine-color-teal-3: #63e6be;
  --mantine-color-teal-4: #38d9a9;
  --mantine-color-teal-5: #20c997;
  --mantine-color-teal-6: #12b886;
  --mantine-color-teal-7: #0ca678;
  --mantine-color-teal-8: #099268;
  --mantine-color-teal-9: #087f5b;
  --mantine-color-green-0: #ebfbee;
  --mantine-color-green-1: #d3f9d8;
  --mantine-color-green-2: #b2f2bb;
  --mantine-color-green-3: #8ce99a;
  --mantine-color-green-4: #69db7c;
  --mantine-color-green-5: #51cf66;
  --mantine-color-green-6: #40c057;
  --mantine-color-green-7: #37b24d;
  --mantine-color-green-8: #2f9e44;
  --mantine-color-green-9: #2b8a3e;
  --mantine-color-lime-0: #f4fce3;
  --mantine-color-lime-1: #e9fac8;
  --mantine-color-lime-2: #d8f5a2;
  --mantine-color-lime-3: #c0eb75;
  --mantine-color-lime-4: #a9e34b;
  --mantine-color-lime-5: #94d82d;
  --mantine-color-lime-6: #82c91e;
  --mantine-color-lime-7: #74b816;
  --mantine-color-lime-8: #66a80f;
  --mantine-color-lime-9: #5c940d;
  --mantine-color-yellow-0: #fff9db;
  --mantine-color-yellow-1: #fff3bf;
  --mantine-color-yellow-2: #ffec99;
  --mantine-color-yellow-3: #ffe066;
  --mantine-color-yellow-4: #ffd43b;
  --mantine-color-yellow-5: #fcc419;
  --mantine-color-yellow-6: #fab005;
  --mantine-color-yellow-7: #f59f00;
  --mantine-color-yellow-8: #f08c00;
  --mantine-color-yellow-9: #e67700;
  --mantine-color-orange-0: #fff4e6;
  --mantine-color-orange-1: #ffe8cc;
  --mantine-color-orange-2: #ffd8a8;
  --mantine-color-orange-3: #ffc078;
  --mantine-color-orange-4: #ffa94d;
  --mantine-color-orange-5: #ff922b;
  --mantine-color-orange-6: #fd7e14;
  --mantine-color-orange-7: #f76707;
  --mantine-color-orange-8: #e8590c;
  --mantine-color-orange-9: #d9480f;
  --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
  --mantine-h1-line-height: 1.3;
  --mantine-h1-font-weight: 700;
  --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
  --mantine-h2-line-height: 1.35;
  --mantine-h2-font-weight: 700;
  --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
  --mantine-h3-line-height: 1.4;
  --mantine-h3-font-weight: 700;
  --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
  --mantine-h4-line-height: 1.45;
  --mantine-h4-font-weight: 700;
  --mantine-h5-font-size: calc(1rem * var(--mantine-scale));
  --mantine-h5-line-height: 1.5;
  --mantine-h5-font-weight: 700;
  --mantine-h6-font-size: calc(0.875rem * var(--mantine-scale));
  --mantine-h6-line-height: 1.5;
  --mantine-h6-font-weight: 700;
}

:root[data-mantine-color-scheme='dark'],
:host([data-mantine-color-scheme='dark']) {
  --mantine-color-scheme: dark;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-white);
  --mantine-color-text: var(--mantine-color-dark-0);
  --mantine-color-body: var(--mantine-color-dark-7);
  --mantine-color-error: var(--mantine-color-red-8);
  --mantine-color-placeholder: var(--mantine-color-dark-3);
  --mantine-color-anchor: var(--mantine-color-blue-4);
  --mantine-color-default: var(--mantine-color-dark-6);
  --mantine-color-default-hover: var(--mantine-color-dark-5);
  --mantine-color-default-color: var(--mantine-color-white);
  --mantine-color-default-border: var(--mantine-color-dark-4);
  --mantine-color-dimmed: var(--mantine-color-dark-2);
  --mantine-color-disabled: var(--mantine-color-dark-6);
  --mantine-color-disabled-color: var(--mantine-color-dark-3);
  --mantine-color-disabled-border: var(--mantine-color-dark-4);
  --mantine-color-dark-text: var(--mantine-color-dark-4);
  --mantine-color-dark-filled: var(--mantine-color-dark-8);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
  --mantine-color-dark-light: rgba(46, 46, 46, 0.15);
  --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.2);
  --mantine-color-dark-light-color: var(--mantine-color-dark-3);
  --mantine-color-dark-outline: var(--mantine-color-dark-4);
  --mantine-color-dark-outline-hover: rgba(66, 66, 66, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-4);
  --mantine-color-gray-filled: var(--mantine-color-gray-8);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
  --mantine-color-gray-light: rgba(134, 142, 150, 0.15);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.2);
  --mantine-color-gray-light-color: var(--mantine-color-gray-3);
  --mantine-color-gray-outline: var(--mantine-color-gray-4);
  --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-4);
  --mantine-color-red-filled: var(--mantine-color-red-8);
  --mantine-color-red-filled-hover: var(--mantine-color-red-9);
  --mantine-color-red-light: rgba(250, 82, 82, 0.15);
  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.2);
  --mantine-color-red-light-color: var(--mantine-color-red-3);
  --mantine-color-red-outline: var(--mantine-color-red-4);
  --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-4);
  --mantine-color-pink-filled: var(--mantine-color-pink-8);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
  --mantine-color-pink-light: rgba(230, 73, 128, 0.15);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.2);
  --mantine-color-pink-light-color: var(--mantine-color-pink-3);
  --mantine-color-pink-outline: var(--mantine-color-pink-4);
  --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-4);
  --mantine-color-grape-filled: var(--mantine-color-grape-8);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
  --mantine-color-grape-light: rgba(190, 75, 219, 0.15);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.2);
  --mantine-color-grape-light-color: var(--mantine-color-grape-3);
  --mantine-color-grape-outline: var(--mantine-color-grape-4);
  --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-4);
  --mantine-color-violet-filled: var(--mantine-color-violet-8);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
  --mantine-color-violet-light: rgba(121, 80, 242, 0.15);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.2);
  --mantine-color-violet-light-color: var(--mantine-color-violet-3);
  --mantine-color-violet-outline: var(--mantine-color-violet-4);
  --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-4);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-8);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
  --mantine-color-indigo-light: rgba(76, 110, 245, 0.15);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.2);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-3);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
  --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-4);
  --mantine-color-blue-filled: var(--mantine-color-blue-8);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
  --mantine-color-blue-light: rgba(34, 139, 230, 0.15);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.2);
  --mantine-color-blue-light-color: var(--mantine-color-blue-3);
  --mantine-color-blue-outline: var(--mantine-color-blue-4);
  --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-4);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-8);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
  --mantine-color-cyan-light: rgba(21, 170, 191, 0.15);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.2);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-3);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
  --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-4);
  --mantine-color-teal-filled: var(--mantine-color-teal-8);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
  --mantine-color-teal-light: rgba(18, 184, 134, 0.15);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.2);
  --mantine-color-teal-light-color: var(--mantine-color-teal-3);
  --mantine-color-teal-outline: var(--mantine-color-teal-4);
  --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-4);
  --mantine-color-green-filled: var(--mantine-color-green-8);
  --mantine-color-green-filled-hover: var(--mantine-color-green-9);
  --mantine-color-green-light: rgba(64, 192, 87, 0.15);
  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.2);
  --mantine-color-green-light-color: var(--mantine-color-green-3);
  --mantine-color-green-outline: var(--mantine-color-green-4);
  --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-4);
  --mantine-color-lime-filled: var(--mantine-color-lime-8);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
  --mantine-color-lime-light: rgba(130, 201, 30, 0.15);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.2);
  --mantine-color-lime-light-color: var(--mantine-color-lime-3);
  --mantine-color-lime-outline: var(--mantine-color-lime-4);
  --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-4);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-8);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
  --mantine-color-yellow-light: rgba(250, 176, 5, 0.15);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.2);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-3);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
  --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-4);
  --mantine-color-orange-filled: var(--mantine-color-orange-8);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
  --mantine-color-orange-light: rgba(253, 126, 20, 0.15);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.2);
  --mantine-color-orange-light-color: var(--mantine-color-orange-3);
  --mantine-color-orange-outline: var(--mantine-color-orange-4);
  --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
}

:root[data-mantine-color-scheme='light'],
:host([data-mantine-color-scheme='light']) {
  --mantine-color-scheme: light;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-black);
  --mantine-color-text: #000;
  --mantine-color-body: #fff;
  --mantine-color-error: var(--mantine-color-red-6);
  --mantine-color-placeholder: var(--mantine-color-gray-5);
  --mantine-color-anchor: var(--mantine-color-blue-6);
  --mantine-color-default: var(--mantine-color-white);
  --mantine-color-default-hover: var(--mantine-color-gray-0);
  --mantine-color-default-color: var(--mantine-color-black);
  --mantine-color-default-border: var(--mantine-color-gray-4);
  --mantine-color-dimmed: var(--mantine-color-gray-6);
  --mantine-color-disabled: var(--mantine-color-gray-2);
  --mantine-color-disabled-color: var(--mantine-color-gray-5);
  --mantine-color-disabled-border: var(--mantine-color-gray-3);
  --mantine-color-dark-text: var(--mantine-color-dark-filled);
  --mantine-color-dark-filled: var(--mantine-color-dark-6);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
  --mantine-color-dark-light: rgba(46, 46, 46, 0.1);
  --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.12);
  --mantine-color-dark-light-color: var(--mantine-color-dark-6);
  --mantine-color-dark-outline: var(--mantine-color-dark-6);
  --mantine-color-dark-outline-hover: rgba(46, 46, 46, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-filled);
  --mantine-color-gray-filled: var(--mantine-color-gray-6);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
  --mantine-color-gray-light: rgba(134, 142, 150, 0.1);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.12);
  --mantine-color-gray-light-color: var(--mantine-color-gray-6);
  --mantine-color-gray-outline: var(--mantine-color-gray-6);
  --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-filled);
  --mantine-color-red-filled: var(--mantine-color-red-6);
  --mantine-color-red-filled-hover: var(--mantine-color-red-7);
  --mantine-color-red-light: rgba(250, 82, 82, 0.1);
  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.12);
  --mantine-color-red-light-color: var(--mantine-color-red-6);
  --mantine-color-red-outline: var(--mantine-color-red-6);
  --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-filled);
  --mantine-color-pink-filled: var(--mantine-color-pink-6);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
  --mantine-color-pink-light: rgba(230, 73, 128, 0.1);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.12);
  --mantine-color-pink-light-color: var(--mantine-color-pink-6);
  --mantine-color-pink-outline: var(--mantine-color-pink-6);
  --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-filled);
  --mantine-color-grape-filled: var(--mantine-color-grape-6);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
  --mantine-color-grape-light: rgba(190, 75, 219, 0.1);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.12);
  --mantine-color-grape-light-color: var(--mantine-color-grape-6);
  --mantine-color-grape-outline: var(--mantine-color-grape-6);
  --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-filled);
  --mantine-color-violet-filled: var(--mantine-color-violet-6);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
  --mantine-color-violet-light: rgba(121, 80, 242, 0.1);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.12);
  --mantine-color-violet-light-color: var(--mantine-color-violet-6);
  --mantine-color-violet-outline: var(--mantine-color-violet-6);
  --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-filled);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-6);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
  --mantine-color-indigo-light: rgba(76, 110, 245, 0.1);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.12);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-filled);
  --mantine-color-blue-filled: var(--mantine-color-blue-6);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
  --mantine-color-blue-light: rgba(34, 139, 230, 0.1);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.12);
  --mantine-color-blue-light-color: var(--mantine-color-blue-6);
  --mantine-color-blue-outline: var(--mantine-color-blue-6);
  --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-filled);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-6);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
  --mantine-color-cyan-light: rgba(21, 170, 191, 0.1);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.12);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-filled);
  --mantine-color-teal-filled: var(--mantine-color-teal-6);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
  --mantine-color-teal-light: rgba(18, 184, 134, 0.1);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.12);
  --mantine-color-teal-light-color: var(--mantine-color-teal-6);
  --mantine-color-teal-outline: var(--mantine-color-teal-6);
  --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-filled);
  --mantine-color-green-filled: var(--mantine-color-green-6);
  --mantine-color-green-filled-hover: var(--mantine-color-green-7);
  --mantine-color-green-light: rgba(64, 192, 87, 0.1);
  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.12);
  --mantine-color-green-light-color: var(--mantine-color-green-6);
  --mantine-color-green-outline: var(--mantine-color-green-6);
  --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-filled);
  --mantine-color-lime-filled: var(--mantine-color-lime-6);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
  --mantine-color-lime-light: rgba(130, 201, 30, 0.1);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.12);
  --mantine-color-lime-light-color: var(--mantine-color-lime-6);
  --mantine-color-lime-outline: var(--mantine-color-lime-6);
  --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-filled);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-6);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
  --mantine-color-yellow-light: rgba(250, 176, 5, 0.1);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.12);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-filled);
  --mantine-color-orange-filled: var(--mantine-color-orange-6);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
  --mantine-color-orange-light: rgba(253, 126, 20, 0.1);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.12);
  --mantine-color-orange-light-color: var(--mantine-color-orange-6);
  --mantine-color-orange-outline: var(--mantine-color-orange-6);
  --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
}

.m_d57069b5 {
  --scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale));

  position: relative;
  overflow: hidden;
}

  .m_d57069b5:where([data-autosize]) .m_b1336c6 {
    min-width: min-content;
  }

.m_c0783ff9 {
  scrollbar-width: none;
  overscroll-behavior: var(--scrollarea-over-scroll-behavior);
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
}

.m_c0783ff9::-webkit-scrollbar {
    display: none;
  }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='y'],
      [data-offset-scrollbars='present']
    ):where([data-vertical-hidden]) {
        padding-inline-end: 0;
        padding-inline-start: 0;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='y'],
      [data-offset-scrollbars='present']
    ):not([data-vertical-hidden]) {
        padding-inline-end: var(--scrollarea-scrollbar-size);
        padding-inline-start: unset;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='x'],
      [data-offset-scrollbars='present']
    ):where([data-horizontal-hidden]) {
        padding-bottom: 0;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='x'],
      [data-offset-scrollbars='present']
    ):not([data-horizontal-hidden]) {
        padding-bottom: var(--scrollarea-scrollbar-size);
      }

.m_f8f631dd {
  min-width: 100%;
  display: table;
}

.m_c44ba933 {
  user-select: none;
  touch-action: none;
  box-sizing: border-box;
  transition:
    background-color 150ms ease,
    opacity 150ms ease;

  padding: calc(var(--scrollarea-scrollbar-size) / 5);
  display: flex;
  background-color: transparent;
  flex-direction: row;
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_c44ba933:hover {
      background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='light']) .m_c44ba933:hover > .m_d8b5e363 {
        background-color: rgba(0, 0, 0, 0.5);
      }

    :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover {
      background-color: var(--mantine-color-dark-8);
  }

      :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover > .m_d8b5e363 {
        background-color: rgba(255, 255, 255, 0.5);
      }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_c44ba933:active {
      background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='light']) .m_c44ba933:active > .m_d8b5e363 {
        background-color: rgba(0, 0, 0, 0.5);
      }

    :where([data-mantine-color-scheme='dark']) .m_c44ba933:active {
      background-color: var(--mantine-color-dark-8);
  }

      :where([data-mantine-color-scheme='dark']) .m_c44ba933:active > .m_d8b5e363 {
        background-color: rgba(255, 255, 255, 0.5);
      }
}

.m_c44ba933:where([data-hidden], [data-state='hidden']) {
    display: none;
  }

.m_c44ba933:where([data-orientation='vertical']) {
    width: var(--scrollarea-scrollbar-size);
    top: 0;
    bottom: var(--sa-corner-width);
    inset-inline-end: 0;
  }

.m_c44ba933:where([data-orientation='horizontal']) {
    height: var(--scrollarea-scrollbar-size);
    flex-direction: column;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: var(--sa-corner-width);
  }

.m_d8b5e363 {
  flex: 1;
  border-radius: var(--scrollarea-scrollbar-size);
  position: relative;
  transition: background-color 150ms ease;
  overflow: hidden;
  opacity: var(--thumb-opacity);
}

.m_d8b5e363::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: calc(2.75rem * var(--mantine-scale));
    min-height: calc(2.75rem * var(--mantine-scale));
  }

:where([data-mantine-color-scheme='light']) .m_d8b5e363 {
    background-color: rgba(0, 0, 0, 0.4);
}

:where([data-mantine-color-scheme='dark']) .m_d8b5e363 {
    background-color: rgba(255, 255, 255, 0.4);
}

.m_21657268 {
  position: absolute;
  opacity: 0;
  transition: opacity 150ms ease;
  display: block;
  inset-inline-end: 0;
  bottom: 0;
}

:where([data-mantine-color-scheme='light']) .m_21657268 {
    background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_21657268 {
    background-color: var(--mantine-color-dark-8);
}

.m_21657268:where([data-hovered]) {
    opacity: 1;
  }

.m_21657268:where([data-hidden]) {
    display: none;
  }

.m_b1336c6 {
  min-width: 100%;
}

.m_87cf2631 {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  appearance: none;
  font-size: var(--mantine-font-size-md);
  text-align: left;
  text-decoration: none;
  color: inherit;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

  :where([dir="rtl"]) .m_87cf2631 {
    text-align: right;
}

.m_515a97f8 {
  border: 0;
  clip: rect(0 0 0 0);
  height: calc(0.0625rem * var(--mantine-scale));
  width: calc(0.0625rem * var(--mantine-scale));
  margin: calc(-0.0625rem * var(--mantine-scale));
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}

.m_1b7284a3 {
  --paper-radius: var(--mantine-radius-default);

  outline: 0;
  -webkit-tap-highlight-color: transparent;
  display: block;
  touch-action: manipulation;
  text-decoration: none;
  border-radius: var(--paper-radius);
  box-shadow: var(--paper-shadow);
  background-color: var(--mantine-color-body);
}

  [data-mantine-color-scheme='light'] .m_1b7284a3 {
    --paper-border-color: var(--mantine-color-gray-3);
}

  [data-mantine-color-scheme='dark'] .m_1b7284a3 {
    --paper-border-color: var(--mantine-color-dark-4);
}

  .m_1b7284a3:where([data-with-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
  }

.m_9814e45f {
  inset: 0;
  position: absolute;
  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
  -webkit-backdrop-filter: var(--overlay-filter);
  backdrop-filter: var(--overlay-filter);
  border-radius: var(--overlay-radius, 0);
  z-index: var(--overlay-z-index);
}

  .m_9814e45f:where([data-fixed]) {
    position: fixed;
  }

  .m_9814e45f:where([data-center]) {
    display: flex;
    align-items: center;
    justify-content: center;
  }

.m_38a85659 {
  position: absolute;
  border: 1px solid var(--popover-border-color);
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  box-shadow: var(--popover-shadow, none);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
}

  .m_38a85659:where([data-fixed]) {
    position: fixed;
  }

  .m_38a85659:focus {
    outline: none;
  }

  :where([data-mantine-color-scheme='light']) .m_38a85659 {
    --popover-border-color: var(--mantine-color-gray-2);
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_38a85659 {
    --popover-border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

.m_a31dc6c1 {
  background-color: inherit;
  border: 1px solid var(--popover-border-color);
  z-index: 1;
}

.m_3d7bc908 {
  position: fixed;
  inset: 0;
}

.m_5ae2e3c {
  --loader-size-xs: calc(1.125rem * var(--mantine-scale));
  --loader-size-sm: calc(1.375rem * var(--mantine-scale));
  --loader-size-md: calc(2.25rem * var(--mantine-scale));
  --loader-size-lg: calc(2.75rem * var(--mantine-scale));
  --loader-size-xl: calc(3.625rem * var(--mantine-scale));
  --loader-size: var(--loader-size-md);
  --loader-color: var(--mantine-primary-color-filled);
}

/* ----- Bars loader ----- */
@keyframes m_5d2b3b9d {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }

  50%,
  100% {
    transform: scale(1);
  }
}

.m_7a2bd4cd {
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
  display: flex;
  gap: calc(var(--loader-size) / 5);
}

.m_870bb79 {
  flex: 1;
  background: var(--loader-color);
  animation: m_5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  border-radius: calc(0.125rem * var(--mantine-scale));
}

.m_870bb79:nth-of-type(1) {
    animation-delay: -240ms;
  }

.m_870bb79:nth-of-type(2) {
    animation-delay: -120ms;
  }

.m_870bb79:nth-of-type(3) {
    animation-delay: 0;
  }

/* ----- Dots loader ----- */
@keyframes m_aac34a1 {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(0.6);
    opacity: 0.5;
  }
}

.m_4e3f22d7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--loader-size) / 10);
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
}

.m_870c4af {
  width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
  height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
  border-radius: 50%;
  background: var(--loader-color);
  animation: m_aac34a1 0.8s infinite linear;
}

.m_870c4af:nth-child(2) {
    animation-delay: 0.4s;
  }

/* ----- Oval loader ----- */
@keyframes m_f8e89c4b {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.m_b34414df {
  display: inline-block;
  width: var(--loader-size);
  height: var(--loader-size);
}

.m_b34414df::after {
    content: '';
    display: block;
    width: var(--loader-size);
    height: var(--loader-size);
    border-radius: calc(625rem * var(--mantine-scale));
    border-width: calc(var(--loader-size) / 8);
    border-style: solid;
    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
    animation: m_f8e89c4b 1.2s linear infinite;
  }

.m_8d3f4000 {
  --ai-size-xs: calc(1.125rem * var(--mantine-scale));
  --ai-size-sm: calc(1.375rem * var(--mantine-scale));
  --ai-size-md: calc(1.75rem * var(--mantine-scale));
  --ai-size-lg: calc(2.125rem * var(--mantine-scale));
  --ai-size-xl: calc(2.75rem * var(--mantine-scale));

  --ai-size-input-xs: calc(1.875rem * var(--mantine-scale));
  --ai-size-input-sm: calc(2.25rem * var(--mantine-scale));
  --ai-size-input-md: calc(2.625rem * var(--mantine-scale));
  --ai-size-input-lg: calc(3.125rem * var(--mantine-scale));
  --ai-size-input-xl: calc(3.75rem * var(--mantine-scale));

  --ai-size: var(--ai-size-md);
  --ai-color: var(--mantine-color-white);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  overflow: hidden;

  width: var(--ai-size);
  height: var(--ai-size);
  min-width: var(--ai-size);
  min-height: var(--ai-size);
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  background: var(--ai-bg, var(--mantine-primary-color-filled));
  color: var(--ai-color, var(--mantine-color-white));
  border: var(--ai-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  cursor: pointer;
}

  @media (hover: hover) {
    .m_8d3f4000:hover:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
      color: var(--ai-hover-color, var(--ai-color));
    }
}

  @media (hover: none) {
    .m_8d3f4000:active:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
      color: var(--ai-hover-color, var(--ai-color));
    }
}

  .m_8d3f4000[data-loading] {
    cursor: not-allowed;
  }

  .m_8d3f4000[data-loading] .m_8d3afb97 {
      opacity: 0;
      transform: translateY(100%);
    }

  .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
    cursor: not-allowed;
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
    color: var(--mantine-color-disabled-color);
    background: var(--mantine-color-disabled);
  }

  .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
      transform: none;
    }

.m_302b9fb1 {
  inset: calc(-0.0625rem * var(--mantine-scale));
  position: absolute;
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-mantine-color-scheme='light']) .m_302b9fb1 {
    background-color: rgba(255, 255, 255, 0.15);
}

:where([data-mantine-color-scheme='dark']) .m_302b9fb1 {
    background-color: rgba(0, 0, 0, 0.15);
}

.m_1a0f1b21 {
  --ai-border-width: calc(0.0625rem * var(--mantine-scale));
  display: flex;
}

.m_1a0f1b21 :where(*):focus {
      position: relative;
      z-index: 1;
    }

.m_1a0f1b21[data-orientation='horizontal'] {
    flex-direction: row;
  }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):first-child {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
        border-inline-end-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):last-child {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        border-inline-start-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-inline-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] {
    flex-direction: column;
  }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):first-child {
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-bottom-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):last-child {
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-bottom-width: calc(var(--ai-border-width) / 2);
        border-top-width: calc(var(--ai-border-width) / 2);
      }

.m_8d3afb97 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 150ms ease,
    opacity 100ms ease;
  width: 100%;
  height: 100%;
}

.m_437b6484 {
  --section-height-xs: calc(1.125rem * var(--mantine-scale));
  --section-height-sm: calc(1.375rem * var(--mantine-scale));
  --section-height-md: calc(1.75rem * var(--mantine-scale));
  --section-height-lg: calc(2.125rem * var(--mantine-scale));
  --section-height-xl: calc(2.75rem * var(--mantine-scale));

  --section-height-input-xs: calc(1.875rem * var(--mantine-scale));
  --section-height-input-sm: calc(2.25rem * var(--mantine-scale));
  --section-height-input-md: calc(2.625rem * var(--mantine-scale));
  --section-height-input-lg: calc(3.125rem * var(--mantine-scale));
  --section-height-input-xl: calc(3.75rem * var(--mantine-scale));

  --section-padding-x-xs: calc(0.375rem * var(--mantine-scale));
  --section-padding-x-sm: calc(0.5rem * var(--mantine-scale));
  --section-padding-x-md: calc(0.625rem * var(--mantine-scale));
  --section-padding-x-lg: calc(0.75rem * var(--mantine-scale));
  --section-padding-x-xl: calc(1rem * var(--mantine-scale));

  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);

  font-weight: 600;
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m_86a44da5 {
  --cb-size-xs: calc(1.125rem * var(--mantine-scale));
  --cb-size-sm: calc(1.375rem * var(--mantine-scale));
  --cb-size-md: calc(1.75rem * var(--mantine-scale));
  --cb-size-lg: calc(2.125rem * var(--mantine-scale));
  --cb-size-xl: calc(2.75rem * var(--mantine-scale));

  --cb-size: var(--cb-size-md);
  --cb-icon-size: 70%;
  --cb-radius: var(--mantine-radius-default);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;

  width: var(--cb-size);
  height: var(--cb-size);
  min-width: var(--cb-size);
  min-height: var(--cb-size);
  border-radius: var(--cb-radius);
}

  :where([data-mantine-color-scheme='light']) .m_86a44da5 {
    color: var(--mantine-color-gray-7);
}

  :where([data-mantine-color-scheme='dark']) .m_86a44da5 {
    color: var(--mantine-color-dark-1);
}

  .m_86a44da5[data-disabled],
  .m_86a44da5:disabled {
    cursor: not-allowed;
    opacity: 0.6;
  }

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
      background-color: var(--mantine-color-dark-6);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
      background-color: var(--mantine-color-dark-6);
  }
}

.m_4081bf90 {
  display: flex;
  flex-direction: row;
  flex-wrap: var(--group-wrap, wrap);
  justify-content: var(--group-justify, flex-start);
  align-items: var(--group-align, center);
  gap: var(--group-gap, var(--mantine-spacing-md));
}

  .m_4081bf90:where([data-grow]) > * {
      flex-grow: 1;
      max-width: var(--group-child-width);
    }

.m_615af6c9 {
  line-height: 1;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: var(--mantine-font-size-md);
}

.m_b5489c3c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
  position: sticky;
  top: 0;
  background-color: var(--mantine-color-body);
  z-index: 1000;
  min-height: calc(3.75rem * var(--mantine-scale));
  transition: padding-inline-end 100ms;
}

.m_60c222c7 {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: var(--mb-z-index);
  pointer-events: none;
}

.m_fd1ab0aa {
  pointer-events: all;
  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
}

.m_fd1ab0aa [data-mantine-scrollbar] {
    z-index: 1001;
  }

[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
  }

.m_606cb269 {
  margin-inline-start: auto;
}

.m_5df29311 {
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-top: var(--mb-padding, var(--mantine-spacing-md));
}

.m_5df29311:where(:not(:only-child)) {
    padding-top: 0;
  }

.m_6c018570 {
  position: relative;
  margin-top: var(--input-margin-top, 0rem);
  margin-bottom: var(--input-margin-bottom, 0rem);

  --input-height-xs: calc(1.875rem * var(--mantine-scale));
  --input-height-sm: calc(2.25rem * var(--mantine-scale));
  --input-height-md: calc(2.625rem * var(--mantine-scale));
  --input-height-lg: calc(3.125rem * var(--mantine-scale));
  --input-height-xl: calc(3.75rem * var(--mantine-scale));

  --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
  --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
  --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
  --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
  --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));

  --input-height: var(--input-height-sm);
  --input-radius: var(--mantine-radius-default);

  --input-cursor: text;
  --input-text-align: left;
  --input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  --input-padding: calc(var(--input-height) / 3);
  --input-padding-inline-start: var(--input-padding);
  --input-padding-inline-end: var(--input-padding);
  --input-placeholder-color: var(--mantine-color-placeholder);
  --input-color: var(--mantine-color-text);
  --input-disabled-bg: var(--mantine-color-disabled);
  --input-disabled-color: var(--mantine-color-disabled-color);

  --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));

  --input-right-section-size: var(
    --input-right-section-width,
    calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
  );

  --input-size: var(--input-height);

  --section-y: calc(0.0625rem * var(--mantine-scale));
  --left-section-start: calc(0.0625rem * var(--mantine-scale));
  --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);

  --right-section-end: calc(0.0625rem * var(--mantine-scale));
  --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
}

  .m_6c018570[data-variant='unstyled'] {
    --input-padding: 0;
    --input-padding-y: 0;
    --input-padding-inline-start: 0;
    --input-padding-inline-end: 0;
  }

  .m_6c018570[data-pointer] {
    --input-cursor: pointer;
  }

  .m_6c018570[data-multiline] {
    --input-padding-y-xs: calc(0.28125rem * var(--mantine-scale));
    --input-padding-y-sm: calc(0.34375rem * var(--mantine-scale));
    --input-padding-y-md: calc(0.4375rem * var(--mantine-scale));
    --input-padding-y-lg: calc(0.59375rem * var(--mantine-scale));
    --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));

    --input-size: auto;
    --input-line-height: var(--mantine-line-height);
  }

  .m_6c018570[data-with-left-section] {
    --input-padding-inline-start: var(--input-left-section-size);
  }

  .m_6c018570[data-with-right-section] {
    --input-padding-inline-end: var(--input-right-section-size);
  }

  .m_6c018570[data-size='xs'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(2.5625rem * var(--mantine-scale));
      }

  .m_6c018570[data-size='sm'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(3.125rem * var(--mantine-scale));
      }

  .m_6c018570[data-size='md'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(3.75rem * var(--mantine-scale));
      }

  .m_6c018570[data-size='lg'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(4.5rem * var(--mantine-scale));
      }

  .m_6c018570[data-size='xl'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(5.5625rem * var(--mantine-scale));
      }

  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='default'] {
      --input-bd: var(--mantine-color-gray-4);
      --input-bg: var(--mantine-color-white);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='filled'] {
      --input-bd: transparent;
      --input-bg: var(--mantine-color-gray-1);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='unstyled'] {
      --input-bd: transparent;
      --input-bg: transparent;
      --input-bd-focus: transparent;
    }

  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='default'] {
      --input-bd: var(--mantine-color-dark-4);
      --input-bg: var(--mantine-color-dark-6);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='filled'] {
      --input-bd: transparent;
      --input-bg: var(--mantine-color-dark-5);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='unstyled'] {
      --input-bd: transparent;
      --input-bg: transparent;
      --input-bd-focus: transparent;
    }

  [data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant='unstyled']) {
      --input-bd: var(--mantine-color-error);
    }

  [data-mantine-color-scheme] .m_6c018570[data-error] {

    --input-color: var(--mantine-color-error);
    --input-placeholder-color: var(--mantine-color-error);
    --input-section-color: var(--mantine-color-error);
}

  :where([dir="rtl"]) .m_6c018570 {
    --input-text-align: right;
    --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
    --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
}

.m_8fb7ebe7 {
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  resize: var(--input-resize, none);
  display: block;
  width: 100%;
  transition: border-color 100ms ease;

  text-align: var(--input-text-align);
  color: var(--input-color);
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
  background-color: var(--input-bg);
  font-family: var(--input-font-family, var(--mantine-font-family));
  height: var(--input-size);
  min-height: var(--input-height);
  line-height: var(--input-line-height);
  font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-md)));
  border-radius: var(--input-radius);
  padding-inline-start: var(--input-padding-inline-start);
  padding-inline-end: var(--input-padding-inline-end);
  padding-top: var(--input-padding-y, 0rem);
  padding-bottom: var(--input-padding-y, 0rem);
  cursor: var(--input-cursor);
  overflow: var(--input-overflow);
}

/* Used as data attribute in Textarea component, does not have associated prop on the Input component */

.m_8fb7ebe7[data-no-overflow] {
    --input-overflow: hidden;
  }

/* Used as data attribute in JsonInput component, does not have associated prop on the Input component */

.m_8fb7ebe7[data-monospace] {
    --input-font-family: var(--mantine-font-family-monospace);
    --_input-fz: calc(var(--input-fz) - calc(0.125rem * var(--mantine-scale)));
  }

.m_8fb7ebe7:focus,
  .m_8fb7ebe7:focus-within {
    outline: none;
    --input-bd: var(--input-bd-focus);
  }

[data-error] .m_8fb7ebe7:focus, [data-error] .m_8fb7ebe7:focus-within {
      --input-bd: var(--mantine-color-error);
    }

.m_8fb7ebe7::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_8fb7ebe7::-webkit-inner-spin-button,
  .m_8fb7ebe7::-webkit-outer-spin-button,
  .m_8fb7ebe7::-webkit-search-decoration,
  .m_8fb7ebe7::-webkit-search-cancel-button,
  .m_8fb7ebe7::-webkit-search-results-button,
  .m_8fb7ebe7::-webkit-search-results-decoration {
    appearance: none;
  }

.m_8fb7ebe7[type='number'] {
    -moz-appearance: textfield;
  }

.m_8fb7ebe7:disabled,
  .m_8fb7ebe7[data-disabled] {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color);
  }

/* Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported */

.m_8fb7ebe7:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color);
  }

.m_8fb7ebe7[readonly] {
    caret-color: transparent;
  }

.m_82577fc2 {
  pointer-events: var(--section-pointer-events);
  position: absolute;
  z-index: 1;
  inset-inline-start: var(--section-start);
  inset-inline-end: var(--section-end);
  bottom: var(--section-y);
  top: var(--section-y);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--section-size);
  border-radius: var(--section-border-radius);
  color: var(--input-section-color, var(--mantine-color-dimmed));
}

.m_82577fc2[data-position='right'] {
    --section-pointer-events: var(--input-right-section-pointer-events);
    --section-end: var(--right-section-end);
    --section-size: var(--input-right-section-size);
    --section-border-radius: var(--right-section-border-radius);
  }

.m_6c018570[data-size='xs'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: calc(2.5625rem * var(--mantine-scale));
      }

.m_6c018570[data-size='sm'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: calc(3.125rem * var(--mantine-scale));
      }

.m_6c018570[data-size='md'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: calc(3.75rem * var(--mantine-scale));
      }

.m_6c018570[data-size='lg'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: calc(4.5rem * var(--mantine-scale));
      }

.m_6c018570[data-size='xl'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: calc(5.5625rem * var(--mantine-scale));
      }

.m_82577fc2[data-position='left'] {
    --section-pointer-events: var(--input-left-section-pointer-events);
    --section-start: var(--left-section-start);
    --section-size: var(--input-left-section-size);
    --section-border-radius: var(--left-section-border-radius);
  }

/* ----- Input.Placeholder ----- */
.m_88bacfd0 {
  color: var(--input-placeholder-color, var(--mantine-color-placeholder));
}
[data-error] .m_88bacfd0 {
    --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));
  }

/* ----- Input.Wrapper ----- */
.m_46b77525 {
  line-height: var(--mantine-line-height);
}

.m_8fdc1311 {
  display: inline-block;
  font-weight: 500;
  overflow-wrap: break-word;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--input-label-size, var(--mantine-font-size-sm));
}

.m_78a94662 {
  color: var(--input-asterisk-color, var(--mantine-color-error));
}

.m_8f816625,
.m_fe47ce59 {
  word-wrap: break-word;
  line-height: 1.2;
  display: block;
  margin: 0;
  padding: 0;
}

.m_8f816625 {
  color: var(--mantine-color-error);
  font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}

.m_fe47ce59 {
  color: var(--mantine-color-dimmed);
  font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}

.m_8bffd616 {
  display: flex;
}

.m_96b553a6 {
  --transition-duration: 150ms;

  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  transition-property: transform, width, height;
  transition-timing-function: ease;
  transition-duration: 0ms;
}

  .m_96b553a6:where([data-initialized]) {
    transition-duration: var(--transition-duration);
  }

  .m_96b553a6:where([data-hidden]) {
    background-color: red;
    display: none;
  }

.m_9bdbb667 {
  --accordion-radius: var(--mantine-radius-default);
}

.m_df78851f {
  overflow-wrap: break-word;
}

.m_4ba554d4 {
  padding: var(--mantine-spacing-md);
  padding-top: calc(var(--mantine-spacing-xs) / 2);
}

.m_8fa820a0 {
  margin: 0;
  padding: 0;
}

.m_4ba585b8 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-inline: var(--mantine-spacing-md);
  opacity: 1;
  cursor: pointer;
  background-color: transparent;
  color: var(--mantine-color-bright);
}

.m_4ba585b8:where([data-chevron-position='left']) {
    flex-direction: row;
    padding-inline-start: 0;
  }

.m_4ba585b8:where(:disabled, [data-disabled]) {
    opacity: 0.4;
    cursor: not-allowed;
  }

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='dark']) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
        background-color: var(--mantine-color-dark-6);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='dark']) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
        background-color: var(--mantine-color-dark-6);
  }
}

.m_df3ffa0f {
  color: inherit;
  font-weight: 400;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: var(--mantine-spacing-sm);
  padding-bottom: var(--mantine-spacing-sm);
}

.m_3f35ae96 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: transform var(--accordion-transition-duration, 200ms) ease;
  width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  min-width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  transform: rotate(0deg);
}

.m_3f35ae96:where([data-rotate]) {
    transform: rotate(180deg);
  }

.m_3f35ae96:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-md);
    margin-inline-start: var(--mantine-spacing-md);
  }

.m_9bd771fe {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: var(--mantine-spacing-sm);
}

.m_9bd771fe:where([data-chevron-position='left']) {
    margin-inline-end: 0;
    margin-inline-start: var(--mantine-spacing-lg);
  }

:where([data-mantine-color-scheme='light']) .m_9bd7b098 {
    --item-border-color: var(--mantine-color-gray-3);
    --item-filled-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_9bd7b098 {
    --item-border-color: var(--mantine-color-dark-4);
    --item-filled-color: var(--mantine-color-dark-6);
}

.m_fe19b709 {
  border-bottom: 1px solid var(--item-border-color);
}

.m_1f921b3b {
  border: 1px solid var(--item-border-color);
  transition: background-color 150ms ease;
}

.m_1f921b3b:where([data-active]) {
    background-color: var(--item-filled-color);
  }

.m_1f921b3b:first-of-type {
    border-start-start-radius: var(--accordion-radius);
    border-start-end-radius: var(--accordion-radius);
  }

.m_1f921b3b:first-of-type > [data-accordion-control] {
      border-start-start-radius: var(--accordion-radius);
      border-start-end-radius: var(--accordion-radius);
    }

.m_1f921b3b:last-of-type {
    border-end-start-radius: var(--accordion-radius);
    border-end-end-radius: var(--accordion-radius);
  }

.m_1f921b3b:last-of-type > [data-accordion-control] {
      border-end-start-radius: var(--accordion-radius);
      border-end-end-radius: var(--accordion-radius);
    }

.m_1f921b3b + .m_1f921b3b {
    border-top: 0;
  }

.m_2cdf939a {
  border-radius: var(--accordion-radius);
}

.m_2cdf939a:where([data-active]) {
    background-color: var(--item-filled-color);
  }

.m_9f59b069 {
  background-color: var(--item-filled-color);
  border-radius: var(--accordion-radius);
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  transition: background-color 150ms ease;
}

.m_9f59b069[data-active] {
    border-color: var(--item-border-color);
  }

:where([data-mantine-color-scheme='light']) .m_9f59b069[data-active] {
      background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_9f59b069[data-active] {
      background-color: var(--mantine-color-dark-7);
}

.m_9f59b069 + .m_9f59b069 {
    margin-top: var(--mantine-spacing-md);
  }

.m_7f854edf {
  position: fixed;
  z-index: var(--affix-z-index);
  inset-inline-start: var(--affix-left);
  inset-inline-end: var(--affix-right);
  top: var(--affix-top);
  bottom: var(--affix-bottom);
}

.m_66836ed3 {
  --alert-radius: var(--mantine-radius-default);
  --alert-bg: var(--mantine-primary-color-light);
  --alert-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  --alert-color: var(--mantine-primary-color-light-color);

  padding: var(--mantine-spacing-md) var(--mantine-spacing-md);
  border-radius: var(--alert-radius);
  position: relative;
  overflow: hidden;
  background-color: var(--alert-bg);
  border: var(--alert-bd);
  color: var(--alert-color);
}

.m_a5d60502 {
  display: flex;
}

.m_667c2793 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--mantine-spacing-xs);
}

.m_6a03f287 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--mantine-font-size-sm);
  font-weight: 700;
}

.m_6a03f287:where([data-with-close-button]) {
    padding-inline-end: var(--mantine-spacing-md);
  }

.m_698f4f23 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_667f2a6a {
  line-height: 1;
  width: calc(1.25rem * var(--mantine-scale));
  height: calc(1.25rem * var(--mantine-scale));
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-inline-end: var(--mantine-spacing-md);
  margin-top: calc(0.0625rem * var(--mantine-scale));
}

.m_7fa78076 {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--mantine-font-size-sm);
}

:where([data-mantine-color-scheme='light']) .m_7fa78076 {
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_7fa78076 {
    color: var(--mantine-color-white);
}

.m_7fa78076:where([data-variant='filled']) {
    color: var(--alert-color);
  }

.m_7fa78076:where([data-variant='white']) {
    color: var(--mantine-color-black);
  }

.m_87f54839 {
  width: calc(1.25rem * var(--mantine-scale));
  height: calc(1.25rem * var(--mantine-scale));
  color: var(--alert-color);
}

.m_b6d8b162 {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  font-size: var(--text-fz, var(--mantine-font-size-md));
  line-height: var(--text-lh, var(--mantine-line-height-md));
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: var(--text-color);
}

  .m_b6d8b162:where([data-truncate]) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .m_b6d8b162:where([data-truncate='start']) {
    direction: rtl;
    text-align: right;
  }

  :where([dir="rtl"]) .m_b6d8b162:where([data-truncate='start']) {
      direction: ltr;
      text-align: left;
}

  .m_b6d8b162:where([data-variant='gradient']) {
    background-image: var(--text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .m_b6d8b162:where([data-line-clamp]) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--text-line-clamp);
    -webkit-box-orient: vertical;
  }

  .m_b6d8b162:where([data-inherit]) {
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
  }

  .m_b6d8b162:where([data-inline]) {
    line-height: 1;
  }

.m_849cf0da {
  color: var(--mantine-color-anchor);
  text-decoration: none;
  appearance: none;
  border: none;
  display: inline;
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
}

  @media (hover: hover) {

  .m_849cf0da:where([data-underline='hover']):hover {
      text-decoration: underline;
  }
}

  @media (hover: none) {

  .m_849cf0da:where([data-underline='hover']):active {
      text-decoration: underline;
  }
}

  .m_849cf0da:where([data-underline='not-hover']) {
    text-decoration: underline;
  }

  @media (hover: hover) {

  .m_849cf0da:where([data-underline='not-hover']):hover {
      text-decoration: none;
  }
}

  @media (hover: none) {

  .m_849cf0da:where([data-underline='not-hover']):active {
      text-decoration: none;
  }
}

  .m_849cf0da:where([data-underline='always']) {
    text-decoration: underline;
  }

  .m_849cf0da:where([data-variant='gradient']),
    .m_849cf0da:where([data-variant='gradient']):hover {
      text-decoration: none;
    }

  .m_849cf0da:where([data-line-clamp]) {
    display: -webkit-box;
  }

.m_48204f9b {
  width: var(--slider-size);
  height: var(--slider-size);
  position: relative;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}

  .m_48204f9b:focus-within {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

  .m_48204f9b {

  --slider-size: calc(3.75rem * var(--mantine-scale));
  --thumb-size: calc(var(--slider-size) / 5);
}

  :where([data-mantine-color-scheme='light']) .m_48204f9b {
    background-color: var(--mantine-color-gray-1);
}

  :where([data-mantine-color-scheme='dark']) .m_48204f9b {
    background-color: var(--mantine-color-dark-5);
}

.m_bb9cdbad {
  position: absolute;
  inset: calc(0.0625rem * var(--mantine-scale));
  border-radius: var(--slider-size);
  pointer-events: none;
}

.m_481dd586 {
  width: calc(0.125rem * var(--mantine-scale));
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 1px);
  transform: rotate(var(--angle));
}

.m_481dd586::before {
    content: '';
    position: absolute;
    top: calc(var(--thumb-size) / 3);
    left: calc(0.03125rem * var(--mantine-scale));
    width: calc(0.0625rem * var(--mantine-scale));
    height: calc(var(--thumb-size) / 1.5);
    transform: translate(-50%, -50%);
  }

:where([data-mantine-color-scheme='light']) .m_481dd586::before {
      background-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_481dd586::before {
      background-color: var(--mantine-color-dark-3);
}

.m_481dd586[data-label]::after {
    min-width: calc(1.125rem * var(--mantine-scale));
    text-align: center;
    content: attr(data-label);
    position: absolute;
    top: calc(-1.5rem * var(--mantine-scale));
    left: calc(-0.4375rem * var(--mantine-scale));
    transform: rotate(calc(360deg - var(--angle)));
    font-size: var(--mantine-font-size-xs);
  }

.m_bc02ba3d {
  position: absolute;
  inset-block: 0;
  inset-inline-start: calc(50% - 1.5px);
  inset-inline-end: 0;
  height: 100%;
  width: calc(0.1875rem * var(--mantine-scale));
  outline: none;
  pointer-events: none;
}

.m_bc02ba3d::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: min(var(--thumb-size), calc(var(--slider-size) / 2));
    width: calc(0.1875rem * var(--mantine-scale));
  }

:where([data-mantine-color-scheme='light']) .m_bc02ba3d::before {
      background-color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_bc02ba3d::before {
      background-color: var(--mantine-color-dark-1);
}

.m_bb8e875b {
  font-size: var(--mantine-font-size-xs);
}

.m_89ab340[data-resizing] {
    --app-shell-transition-duration: 0ms !important;
  }
  .m_89ab340[data-disabled] {
    --app-shell-header-offset: 0rem !important;
    --app-shell-navbar-offset: 0rem !important;
    --app-shell-aside-offset: 0rem !important;
    --app-shell-footer-offset: 0rem !important;
  }
  .m_89ab340[data-mode='static'] {
    display: grid;
    grid-template-columns: var(--app-shell-navbar-width, 0) 1fr var(--app-shell-aside-width, 0);
    grid-template-rows: auto 1fr auto;
    position: relative;
    height: 100%;
    overflow: auto;
  }
  [data-mantine-color-scheme='light'] .m_89ab340 {
    --app-shell-border-color: var(--mantine-color-gray-3);
}
  [data-mantine-color-scheme='dark'] .m_89ab340 {
    --app-shell-border-color: var(--mantine-color-dark-4);
}

.m_45252eee,
.m_9cdde9a,
.m_3b16f56b,
.m_8983817,
.m_3840c879 {
  transition-duration: var(--app-shell-transition-duration);
  transition-timing-function: var(--app-shell-transition-timing-function);
}

.m_45252eee,
.m_9cdde9a {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: var(--app-shell-header-offset, 0rem);
  height: calc(
    100dvh - var(--app-shell-header-offset, 0rem) - var(--app-shell-footer-offset, 0rem)
  );
  background-color: var(--mantine-color-body);
  transition-property: transform, top, height;
}

:where([data-mode='static']) .m_45252eee, :where([data-mode='static']) .m_9cdde9a {
    position: var(--app-shell-navbar-position, fixed);
    grid-row: var(--app-shell-navbar-grid-row, auto);
    height: 100%;
  }

:where([data-layout='alt']) .m_45252eee, :where([data-layout='alt']) .m_9cdde9a {
    top: 0rem;
    height: 100dvh;
  }

:where([data-mode='static'][data-layout='alt']) .m_45252eee, :where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
    grid-row: var(--app-shell-navbar-grid-row-alt, var(--app-shell-navbar-grid-row, auto));
  }

.m_45252eee {
  inset-inline-start: 0;
  width: var(--app-shell-navbar-width);
  transition-property: transform, top, height;
  transform: var(--app-shell-navbar-transform);
  z-index: var(--app-shell-navbar-z-index);
}

:where([data-mode='static']) .m_45252eee {
    grid-column: var(--app-shell-navbar-grid-column, auto);
    display: var(--app-shell-navbar-display, flex);
  }

:where([dir="rtl"]) .m_45252eee {
    transform: var(--app-shell-navbar-transform-rtl);
}

.m_45252eee:where([data-with-border]) {
    border-inline-end: 1px solid var(--app-shell-border-color);
  }

.m_9cdde9a {
  inset-inline-end: 0;
  width: var(--app-shell-aside-width);
  transform: var(--app-shell-aside-transform);
  z-index: var(--app-shell-aside-z-index);
}

:where([data-mode='static']) .m_9cdde9a {
    position: var(--app-shell-aside-position, fixed);
    grid-column: var(--app-shell-aside-grid-column, auto);
    grid-row: var(--app-shell-aside-grid-row, auto);
    display: var(--app-shell-aside-display, flex);
  }

:where([dir="rtl"]) .m_9cdde9a {
    transform: var(--app-shell-aside-transform-rtl);
}

.m_9cdde9a:where([data-with-border]) {
    border-inline-start: 1px solid var(--app-shell-border-color);
  }

:where([data-scroll-locked]) .m_9cdde9a {
    visibility: var(--app-shell-aside-scroll-locked-visibility);
  }

.m_8983817 {
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
  padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
  padding-top: calc(var(--app-shell-header-offset, 0rem) + var(--app-shell-padding));
  padding-bottom: calc(var(--app-shell-footer-offset, 0rem) + var(--app-shell-padding));
  min-height: 100dvh;
  transition-property: padding;
}

:where([data-mode='static']) .m_8983817 {
    padding-inline-start: var(--app-shell-padding);
    padding-inline-end: var(--app-shell-padding);
    padding-top: var(--app-shell-padding);
    padding-bottom: var(--app-shell-padding);
    min-height: auto;
    grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
    grid-row: var(--app-shell-main-grid-row, 2);
  }

.m_3b16f56b,
.m_3840c879 {
  position: fixed;
  inset-inline: 0;
  transition-property: transform, margin-inline-start, margin-inline-end;
  background-color: var(--mantine-color-body);
}

:where([data-mode='static']) .m_3b16f56b, :where([data-mode='static']) .m_3840c879 {
    position: var(--app-shell-header-position, fixed);
    grid-column: var(--app-shell-header-grid-column, auto);
  }

:where([data-layout='alt']) .m_3b16f56b, :where([data-layout='alt']) .m_3840c879 {
    margin-inline-start: var(--app-shell-navbar-offset, 0rem);
    margin-inline-end: var(--app-shell-aside-offset, 0rem);
  }

:where([data-mode='static'][data-layout='alt']) .m_3b16f56b, :where([data-mode='static'][data-layout='alt']) .m_3840c879 {
    margin-inline-start: 0rem;
    margin-inline-end: 0rem;
  }

.m_3b16f56b {
  top: 0;
  height: var(--app-shell-header-height);
  background-color: var(--mantine-color-body);
  transform: var(--app-shell-header-transform);
  z-index: var(--app-shell-header-z-index);
}

:where([data-mode='static']) .m_3b16f56b {
    grid-row: var(--app-shell-header-grid-row, auto);
  }

.m_3b16f56b:where([data-with-border]) {
    border-bottom: 1px solid var(--app-shell-border-color);
  }

.m_3840c879 {
  bottom: 0;
  height: calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  transform: var(--app-shell-footer-transform);
  z-index: var(--app-shell-footer-z-index);
}

:where([data-mode='static']) .m_3840c879 {
    position: var(--app-shell-footer-position, fixed);
    grid-column: var(--app-shell-footer-grid-column, auto);
    grid-row: var(--app-shell-footer-grid-row, auto);
  }

.m_3840c879:where([data-with-border]) {
    border-top: 1px solid var(--app-shell-border-color);
  }

.m_6dcfc7c7 {
  flex-grow: 0;
}

.m_6dcfc7c7:where([data-grow]) {
    flex-grow: 1;
  }

.m_71ac47fc {
  --ar-ratio: 1;
  max-width: 100%;
}

  .m_71ac47fc > :where(*:not(style)) {
    aspect-ratio: var(--ar-ratio);
    width: 100%;
  }

  .m_71ac47fc > :where(img, video) {
    object-fit: cover;
  }

.m_88b62a41 {
  --combobox-padding: calc(0.25rem * var(--mantine-scale));
  padding: var(--combobox-padding);
}

  .m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
      max-width: calc(100% + var(--combobox-padding));
    }

  .m_88b62a41[data-composed] {
    padding-inline-end: 0;
  }

  .m_88b62a41[data-hidden] {
    display: none;
  }

/* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
.m_88b62a41,
.m_b2821a6e {
  --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
  --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
  --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
  --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  --combobox-option-padding: var(--combobox-option-padding-sm);
}

.m_92253aa5 {
  padding: var(--combobox-option-padding);
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border-radius: var(--mantine-radius-default);
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  overflow-wrap: break-word;
}

.m_92253aa5:where([data-combobox-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white);
  }

.m_92253aa5:where([data-combobox-disabled]) {
    cursor: not-allowed;
    opacity: 0.35;
  }

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-dark-7);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-dark-7);
  }
}

.m_985517d8 {
  margin-inline: calc(var(--combobox-padding) * -1);
  margin-top: calc(var(--combobox-padding) * -1);
  width: calc(100% + var(--combobox-padding) * 2);
  border-top-width: 0;
  border-inline-width: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  margin-bottom: var(--combobox-padding);
  position: relative;
}

:where([data-mantine-color-scheme='light']) .m_985517d8, :where([data-mantine-color-scheme='light']) .m_985517d8:focus {
      border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_985517d8, :where([data-mantine-color-scheme='dark']) .m_985517d8:focus {
      border-color: var(--mantine-color-dark-4);
}

:where([data-mantine-color-scheme='light']) .m_985517d8 {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_985517d8 {
    background-color: var(--mantine-color-dark-7);
}

.m_2530cd1d {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  text-align: center;
  padding: var(--combobox-option-padding);
  color: var(--mantine-color-dimmed);
}

.m_858f94bd,
.m_82b967cb {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border: 0 solid transparent;
  margin-inline: calc(var(--combobox-padding) * -1);
  padding: var(--combobox-option-padding);
}

:where([data-mantine-color-scheme='light']) .m_858f94bd, :where([data-mantine-color-scheme='light']) .m_82b967cb {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_858f94bd, :where([data-mantine-color-scheme='dark']) .m_82b967cb {
    border-color: var(--mantine-color-dark-4);
}

.m_82b967cb {
  border-top-width: calc(0.0625rem * var(--mantine-scale));
  margin-top: var(--combobox-padding);
  margin-bottom: calc(var(--combobox-padding) * -1);
}

.m_858f94bd {
  border-bottom-width: calc(0.0625rem * var(--mantine-scale));
  margin-bottom: var(--combobox-padding);
  margin-top: calc(var(--combobox-padding) * -1);
}

.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
    display: none;
  }

.m_2bb2e9e5 {
  color: var(--mantine-color-dimmed);
  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
  padding: var(--combobox-option-padding);
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}

.m_2bb2e9e5::after {
    content: '';
    flex: 1;
    inset-inline: 0;
    height: calc(0.0625rem * var(--mantine-scale));
    margin-inline-start: var(--mantine-spacing-xs);
  }

:where([data-mantine-color-scheme='light']) .m_2bb2e9e5::after {
      background-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_2bb2e9e5::after {
      background-color: var(--mantine-color-dark-4);
}

.m_2bb2e9e5:only-child {
    display: none;
  }

/* ------- Combobox.Chevron ------- */
.m_2943220b {
  --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
  --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
  --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
  --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
  --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
  --combobox-chevron-size: var(--combobox-chevron-size-sm);
}
:where([data-mantine-color-scheme='light']) .m_2943220b {
    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6));
}
:where([data-mantine-color-scheme='dark']) .m_2943220b {
    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3));
}
.m_2943220b {

  width: var(--combobox-chevron-size);
  height: var(--combobox-chevron-size);
  color: var(--_combobox-chevron-color);
}
.m_2943220b:where([data-error]) {
    color: var(--combobox-chevron-color, var(--mantine-color-error));
  }

/* ------- OptionsDropdown ------- */
.m_390b5f4 {
  display: flex;
  align-items: center;
  gap: calc(0.5rem * var(--mantine-scale));
}
.m_390b5f4:where([data-reverse]) {
    justify-content: space-between;
  }

.m_8ee53fc2 {
  opacity: 0.4;
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}

:where([data-combobox-selected]) .m_8ee53fc2 {
    opacity: 1;
  }

.m_a530ee0a {
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}

.m_5f75b09e {
  --label-lh-xs: calc(1rem * var(--mantine-scale));
  --label-lh-sm: calc(1.25rem * var(--mantine-scale));
  --label-lh-md: calc(1.5rem * var(--mantine-scale));
  --label-lh-lg: calc(1.875rem * var(--mantine-scale));
  --label-lh-xl: calc(2.25rem * var(--mantine-scale));
  --label-lh: var(--label-lh-sm);
}

  .m_5f75b09e[data-label-position='left'] {
    --label-order: 1;
    --label-offset-end: var(--mantine-spacing-sm);
    --label-offset-start: 0;
  }

  .m_5f75b09e[data-label-position='right'] {
    --label-order: 2;
    --label-offset-end: 0;
    --label-offset-start: var(--mantine-spacing-sm);
  }

.m_5f6e695e {
  -webkit-tap-highlight-color: transparent;
  display: flex;
}

.m_d3ea56bb {
  --label-cursor: var(--mantine-cursor-type);

  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  flex-direction: column;
  font-size: var(--label-fz, var(--mantine-font-size-sm));
  line-height: var(--label-lh);
  cursor: var(--label-cursor);
  order: var(--label-order);
}

fieldset:disabled .m_d3ea56bb,
  .m_d3ea56bb[data-disabled] {
    --label-cursor: not-allowed;
  }

.m_8ee546b8 {
  cursor: var(--label-cursor);
  color: inherit;
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}

fieldset:disabled .m_8ee546b8,
  .m_8ee546b8:where([data-disabled]) {
    color: var(--mantine-color-disabled-color);
  }

.m_328f68c0 {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
  cursor: default;
}

.m_8e8a99cc {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}

.m_bf2d988c {
  --checkbox-size-xs: calc(1rem * var(--mantine-scale));
  --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
  --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
  --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
  --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));

  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
}

  .m_bf2d988c:where([data-variant='filled']) {
    --checkbox-icon-color: var(--mantine-color-white);
  }

  .m_bf2d988c:where([data-variant='outline']) {
    --checkbox-icon-color: var(--checkbox-color);
  }

.m_26062bec {
  position: relative;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  order: 1;
}

.m_26062bec:where([data-label-position='left']) {
    order: 2;
  }

.m_26063560 {
  appearance: none;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  padding: 0;
  display: block;
  margin: 0;
  transition:
    border-color 100ms ease,
    background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

:where([data-mantine-color-scheme='light']) .m_26063560 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_26063560 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

.m_26063560:where([data-error]) {
    border-color: var(--mantine-color-error);
  }

.m_26063560[data-indeterminate],
  .m_26063560:checked {
    background-color: var(--checkbox-color);
    border-color: var(--checkbox-color);
  }

.m_26063560[data-indeterminate] + .m_bf295423, .m_26063560:checked + .m_bf295423 {
      opacity: 1;
      transform: none;
    }

.m_26063560:disabled {
    cursor: not-allowed;
    border-color: var(--mantine-color-disabled-border);
    background-color: var(--mantine-color-disabled);
  }

.m_26063560:disabled + .m_bf295423 {
      color: var(--mantine-color-disabled-color);
    }

.m_215c4542 + .m_bf295423 {
    color: var(--checkbox-color);
  }

.m_215c4542[data-indeterminate]:not(:disabled),
  .m_215c4542:checked:not(:disabled) {
    background-color: transparent;
    border-color: var(--checkbox-color);
  }

.m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
      color: var(--checkbox-icon-color);
      opacity: 1;
      transform: none;
    }

.m_bf295423 {
  position: absolute;
  inset: 0;
  width: 60%;
  margin: auto;
  color: var(--checkbox-icon-color);
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 0;
  transition:
    transform 100ms ease,
    opacity 100ms ease;
}

.m_26775b0a {
  --card-radius: var(--mantine-radius-default);

  display: block;
  width: 100%;
  border-radius: var(--card-radius);
  cursor: pointer;
}

  .m_26775b0a :where(*) {
    cursor: inherit;
  }

  .m_26775b0a:where([data-with-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  }

  :where([data-mantine-color-scheme='light']) .m_26775b0a:where([data-with-border]) {
      border-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_26775b0a:where([data-with-border]) {
      border-color: var(--mantine-color-dark-4);
}

.m_5e5256ee {
  --checkbox-size-xs: calc(1rem * var(--mantine-scale));
  --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
  --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
  --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
  --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));

  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
}

  .m_5e5256ee:where([data-variant='filled']) {
    --checkbox-icon-color: var(--mantine-color-white);
  }

  .m_5e5256ee:where([data-variant='outline']) {
    --checkbox-icon-color: var(--checkbox-color);
  }

  .m_5e5256ee {

  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--checkbox-size);
  min-width: var(--checkbox-size);
  height: var(--checkbox-size);
  min-height: var(--checkbox-size);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  transition:
    border-color 100ms ease,
    background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

  :where([data-mantine-color-scheme='light']) .m_5e5256ee {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

  :where([data-mantine-color-scheme='dark']) .m_5e5256ee {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

  .m_5e5256ee[data-indeterminate],
  .m_5e5256ee[data-checked] {
    background-color: var(--checkbox-color);
    border-color: var(--checkbox-color);
  }

  .m_5e5256ee[data-indeterminate] > .m_1b1c543a, .m_5e5256ee[data-checked] > .m_1b1c543a {
      opacity: 1;
      transform: none;
      color: var(--checkbox-icon-color);
    }

  .m_5e5256ee[data-disabled] {
    cursor: not-allowed;
    border-color: var(--mantine-color-disabled-border);
    background-color: var(--mantine-color-disabled);
  }

  [data-mantine-color-scheme='light'] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a {
        color: var(--mantine-color-gray-5);
}

  [data-mantine-color-scheme='dark'] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a {
        color: var(--mantine-color-dark-3);
}

.m_76e20374[data-indeterminate]:not([data-disabled]),
  .m_76e20374[data-checked]:not([data-disabled]) {
    background-color: transparent;
    border-color: var(--checkbox-color);
  }

.m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
      color: var(--checkbox-icon-color);
      opacity: 1;
      transform: none;
    }

.m_1b1c543a {
  display: block;
  width: 60%;
  color: transparent;
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 1;
  transition:
    transform 100ms ease,
    opacity 100ms ease;
}

/* Avatar.Group root element */
.m_11def92b {
  --ag-spacing: var(--mantine-spacing-sm);
  --ag-offset: calc(var(--ag-spacing) * -1);

  display: flex;
  padding-inline-start: var(--ag-spacing);
}

/* Avatar root element */
.m_f85678b6 {
  --avatar-size-xs: calc(1rem * var(--mantine-scale));
  --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
  --avatar-size-md: calc(2.375rem * var(--mantine-scale));
  --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
  --avatar-size-xl: calc(5.25rem * var(--mantine-scale));

  --avatar-size: var(--avatar-size-md);
  --avatar-radius: calc(62.5rem * var(--mantine-scale));
  --avatar-bg: var(--mantine-color-gray-light);
  --avatar-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  --avatar-color: var(--mantine-color-gray-light-color);
  --avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);

  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: block;
  user-select: none;
  overflow: hidden;
  border-radius: var(--avatar-radius);
  text-decoration: none;
  padding: 0;
  width: var(--avatar-size);
  height: var(--avatar-size);
  min-width: var(--avatar-size);
}
.m_f85678b6:where([data-within-group]) {
    margin-inline-start: var(--ag-offset);
    border: 2px solid var(--mantine-color-body);
    background: var(--mantine-color-body);
  }

.m_11f8ac07 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.m_104cd71f {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  user-select: none;
  border-radius: var(--avatar-radius);
  font-size: var(--avatar-placeholder-fz);
  background: var(--avatar-bg);
  border: var(--avatar-bd);
  color: var(--avatar-color);
}

.m_104cd71f > [data-avatar-placeholder-icon] {
    width: 70%;
    height: 70%;
  }

.m_2ce0de02 {
  background-size: cover;
  background-position: center;
  display: block;
  width: 100%;
  border: 0;
  text-decoration: none;
  border-radius: var(--bi-radius, 0);
}

.m_347db0ec {
  --badge-height-xs: calc(1rem * var(--mantine-scale));
  --badge-height-sm: calc(1.125rem * var(--mantine-scale));
  --badge-height-md: calc(1.25rem * var(--mantine-scale));
  --badge-height-lg: calc(1.625rem * var(--mantine-scale));
  --badge-height-xl: calc(2rem * var(--mantine-scale));

  --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
  --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
  --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
  --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
  --badge-fz-xl: calc(1rem * var(--mantine-scale));

  --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
  --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
  --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
  --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
  --badge-padding-x-xl: calc(1rem * var(--mantine-scale));

  --badge-height: var(--badge-height-md);
  --badge-fz: var(--badge-fz-md);
  --badge-padding-x: var(--badge-padding-x-md);
  --badge-radius: calc(62.5rem * var(--mantine-scale));
  --badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
  --badge-color: var(--mantine-color-white);
  --badge-bg: var(--mantine-primary-color-filled);
  --badge-border-width: calc(0.0625rem * var(--mantine-scale));
  --badge-bd: var(--badge-border-width) solid transparent;

  -webkit-tap-highlight-color: transparent;
  font-size: var(--badge-fz);
  border-radius: var(--badge-radius);
  height: var(--badge-height);
  line-height: var(--badge-lh);
  text-decoration: none;
  padding: 0 var(--badge-padding-x);
  display: inline-grid;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: calc(0.015625rem * var(--mantine-scale));
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--badge-color);
  background: var(--badge-bg);
  border: var(--badge-bd);
}

  .m_347db0ec:where([data-with-left-section], [data-variant='dot']) {
    grid-template-columns: auto 1fr;
  }

  .m_347db0ec:where([data-with-right-section]) {
    grid-template-columns: 1fr auto;
  }

  .m_347db0ec:where(
    [data-with-left-section][data-with-right-section],
    [data-variant='dot'][data-with-right-section]
  ) {
    grid-template-columns: auto 1fr auto;
  }

  .m_347db0ec:where([data-block]) {
    display: flex;
    width: 100%;
  }

  .m_347db0ec:where([data-circle]) {
    padding-inline: calc(0.125rem * var(--mantine-scale));
    display: flex;
    width: var(--badge-height);
  }

.m_fbd81e3d {
  --badge-dot-size: calc(var(--badge-height) / 3.4);
}

:where([data-mantine-color-scheme='light']) .m_fbd81e3d {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_fbd81e3d {
    background-color: var(--mantine-color-dark-5);
    border-color: var(--mantine-color-dark-5);
    color: var(--mantine-color-white);
}

.m_fbd81e3d::before {
    content: '';
    display: block;
    width: var(--badge-dot-size);
    height: var(--badge-dot-size);
    border-radius: var(--badge-dot-size);
    background-color: var(--badge-dot-color);
    margin-inline-end: var(--badge-dot-size);
  }

.m_5add502a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  cursor: inherit;
}

.m_91fdda9b {
  --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);

  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-height: calc(var(--badge-height) - var(--badge-border-width) * 2);
}

.m_91fdda9b:where([data-position='left']) {
    margin-inline-end: var(--badge-section-margin);
  }

.m_91fdda9b:where([data-position='right']) {
    margin-inline-start: var(--badge-section-margin);
  }

.m_ddec01c0 {
  --blockquote-border: 3px solid var(--bq-bd);

  position: relative;
  margin: 0;
  border-inline-start: var(--blockquote-border);
  border-start-end-radius: var(--bq-radius);
  border-end-end-radius: var(--bq-radius);
  padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
}

  :where([data-mantine-color-scheme='light']) .m_ddec01c0 {
    background-color: var(--bq-bg-light);
}

  :where([data-mantine-color-scheme='dark']) .m_ddec01c0 {
    background-color: var(--bq-bg-dark);
}

.m_dde7bd57 {
  --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);

  position: absolute;
  color: var(--bq-bd);
  background-color: var(--mantine-color-body);
  display: flex;
  align-items: center;
  justify-content: center;
  top: var(--blockquote-icon-offset);
  inset-inline-start: var(--blockquote-icon-offset);
  width: var(--bq-icon-size);
  height: var(--bq-icon-size);
  border-radius: var(--bq-icon-size);
}

.m_dde51a35 {
  display: block;
  margin-top: var(--mantine-spacing-md);
  opacity: 0.6;
  font-size: 85%;
}

.m_8b3717df {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.m_f678d540 {
  line-height: 1;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

.m_3b8f2208 {
  margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-mantine-color-scheme='light']) .m_3b8f2208 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_3b8f2208 {
    color: var(--mantine-color-dark-2);
}

.m_fea6bf1a {
  --burger-size-xs: calc(0.75rem * var(--mantine-scale));
  --burger-size-sm: calc(1.125rem * var(--mantine-scale));
  --burger-size-md: calc(1.5rem * var(--mantine-scale));
  --burger-size-lg: calc(2.125rem * var(--mantine-scale));
  --burger-size-xl: calc(2.625rem * var(--mantine-scale));

  --burger-size: var(--burger-size-md);
  --burger-line-size: calc(var(--burger-size) / 12);

  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
  padding: calc(var(--mantine-spacing-xs) / 2);
  cursor: pointer;
}

  :where([data-mantine-color-scheme='light']) .m_fea6bf1a {
    --burger-color: var(--mantine-color-black);
}

  :where([data-mantine-color-scheme='dark']) .m_fea6bf1a {
    --burger-color: var(--mantine-color-white);
}

.m_d4fb9cad {
  position: relative;
  user-select: none;
}

.m_d4fb9cad,
  .m_d4fb9cad::before,
  .m_d4fb9cad::after {
    display: block;
    width: var(--burger-size);
    height: var(--burger-line-size);
    background-color: var(--burger-color);
    outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
    transition-property: background-color, transform;
    transition-duration: var(--burger-transition-duration, 300ms);
    transition-timing-function: var(--burger-transition-timing-function, ease);
  }

.m_d4fb9cad::before,
  .m_d4fb9cad::after {
    position: absolute;
    content: '';
    inset-inline-start: 0;
  }

.m_d4fb9cad::before {
    top: calc(var(--burger-size) / -3);
  }

.m_d4fb9cad::after {
    top: calc(var(--burger-size) / 3);
  }

.m_d4fb9cad[data-opened] {
    background-color: transparent;
  }

.m_d4fb9cad[data-opened]::before {
      transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
    }

.m_d4fb9cad[data-opened]::after {
      transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
    }

.m_77c9d27d {
  --button-height-xs: calc(1.875rem * var(--mantine-scale));
  --button-height-sm: calc(2.25rem * var(--mantine-scale));
  --button-height-md: calc(2.625rem * var(--mantine-scale));
  --button-height-lg: calc(3.125rem * var(--mantine-scale));
  --button-height-xl: calc(3.75rem * var(--mantine-scale));

  --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
  --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
  --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
  --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
  --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));

  --button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
  --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
  --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
  --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
  --button-padding-x-xl: calc(2rem * var(--mantine-scale));

  --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
  --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
  --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
  --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
  --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));

  --button-height: var(--button-height-sm);
  --button-padding-x: var(--button-padding-x-sm);
  --button-color: var(--mantine-color-white);

  user-select: none;
  font-weight: 600;
  position: relative;
  line-height: 1;
  text-align: center;
  overflow: hidden;

  width: auto;
  cursor: pointer;
  display: inline-block;
  border-radius: var(--button-radius, var(--mantine-radius-default));
  font-size: var(--button-fz, var(--mantine-font-size-sm));
  background: var(--button-bg, var(--mantine-primary-color-filled));
  border: var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--button-color, var(--mantine-color-white));
  height: var(--button-height, var(--button-height-sm));
  padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
  vertical-align: middle;
}

  .m_77c9d27d:where([data-block]) {
    display: block;
    width: 100%;
  }

  .m_77c9d27d:where([data-with-left-section]) {
    padding-inline-start: calc(var(--button-padding-x) / 1.5);
  }

  .m_77c9d27d:where([data-with-right-section]) {
    padding-inline-end: calc(var(--button-padding-x) / 1.5);
  }

  .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
    cursor: not-allowed;
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
    transform: none;
    color: var(--mantine-color-disabled-color);
    background: var(--mantine-color-disabled);
  }

  .m_77c9d27d::before {
    content: '';
    pointer-events: none;
    position: absolute;
    inset: calc(-0.0625rem * var(--mantine-scale));
    border-radius: var(--button-radius, var(--mantine-radius-default));
    transform: translateY(-100%);
    opacity: 0;
    filter: blur(12px);
    transition:
      transform 150ms ease,
      opacity 100ms ease;
  }

  :where([data-mantine-color-scheme='light']) .m_77c9d27d::before {
      background-color: rgba(255, 255, 255, 0.15);
}

  :where([data-mantine-color-scheme='dark']) .m_77c9d27d::before {
      background-color: rgba(0, 0, 0, 0.15);
}

  .m_77c9d27d:where([data-loading]) {
    cursor: not-allowed;
    transform: none;
  }

  .m_77c9d27d:where([data-loading])::before {
      transform: translateY(0);
      opacity: 1;
    }

  .m_77c9d27d:where([data-loading]) .m_80f1301b {
      opacity: 0;
      transform: translateY(100%);
    }

  @media (hover: hover) {
    .m_77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
      color: var(--button-hover-color, var(--button-color));
    }
}

  @media (hover: none) {
    .m_77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
      color: var(--button-hover-color, var(--button-color));
    }
}

.m_80f1301b {
  display: flex;
  align-items: center;
  justify-content: var(--button-justify, center);
  height: 100%;
  overflow: visible;
  transition:
    transform 150ms ease,
    opacity 100ms ease;
}

.m_811560b9 {
  white-space: nowrap;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  opacity: 1;
}

.m_811560b9:where([data-loading]) {
    opacity: 0.2;
  }

.m_a74036a {
  display: flex;
  align-items: center;
}

.m_a74036a:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_a74036a:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_a25b86ee {
  position: absolute;
  left: 50%;
  top: 50%;
}

.m_80d6d844 {
  --button-border-width: calc(0.0625rem * var(--mantine-scale));
  display: flex;
}

.m_80d6d844 :where(.m_77c9d27d):focus {
      position: relative;
      z-index: 1;
    }

.m_80d6d844[data-orientation='horizontal'] {
    flex-direction: row;
  }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):first-child {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
        border-inline-end-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):last-child {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        border-inline-start-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-inline-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] {
    flex-direction: column;
  }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):first-child {
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-bottom-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):last-child {
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-bottom-width: calc(var(--button-border-width) / 2);
        border-top-width: calc(var(--button-border-width) / 2);
      }

.m_70be2a01 {
  --section-height-xs: calc(1.875rem * var(--mantine-scale));
  --section-height-sm: calc(2.25rem * var(--mantine-scale));
  --section-height-md: calc(2.625rem * var(--mantine-scale));
  --section-height-lg: calc(3.125rem * var(--mantine-scale));
  --section-height-xl: calc(3.75rem * var(--mantine-scale));

  --section-height-compact-xs: calc(1.375rem * var(--mantine-scale));
  --section-height-compact-sm: calc(1.625rem * var(--mantine-scale));
  --section-height-compact-md: calc(1.875rem * var(--mantine-scale));
  --section-height-compact-lg: calc(2.125rem * var(--mantine-scale));
  --section-height-compact-xl: calc(2.5rem * var(--mantine-scale));

  --section-padding-x-xs: calc(0.875rem * var(--mantine-scale));
  --section-padding-x-sm: calc(1.125rem * var(--mantine-scale));
  --section-padding-x-md: calc(1.375rem * var(--mantine-scale));
  --section-padding-x-lg: calc(1.625rem * var(--mantine-scale));
  --section-padding-x-xl: calc(2rem * var(--mantine-scale));

  --section-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
  --section-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
  --section-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
  --section-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
  --section-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));

  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);

  font-weight: 600;
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m_e615b15f {
  --card-padding: var(--mantine-spacing-md);

  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: var(--card-padding);
  color: var(--mantine-color-text);
}

  :where([data-mantine-color-scheme='light']) .m_e615b15f {
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_e615b15f {
    background-color: var(--mantine-color-dark-6);
}

.m_599a2148 {
  display: block;
  margin-inline: calc(var(--card-padding) * -1);
}

.m_599a2148:where(:first-child) {
    margin-top: calc(var(--card-padding) * -1);
    border-top: none !important;
  }

.m_599a2148:where(:last-child) {
    margin-bottom: calc(var(--card-padding) * -1);
    border-bottom: none !important;
  }

.m_599a2148:where([data-inherit-padding]) {
    padding-inline: var(--card-padding);
  }

.m_599a2148:where([data-with-border]) {
    border-top: calc(0.0625rem * var(--mantine-scale)) solid;
    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
  }

:where([data-mantine-color-scheme='light']) .m_599a2148 {
    border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_599a2148 {
    border-color: var(--mantine-color-dark-4);
}

.m_599a2148 + .m_599a2148 {
    border-top: none !important;
  }

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

  .m_4451eb3a:where([data-inline]) {
    display: inline-flex;
  }

.m_f59ffda3 {
  --chip-size-xs: calc(1.4375rem * var(--mantine-scale));
  --chip-size-sm: calc(1.75rem * var(--mantine-scale));
  --chip-size-md: calc(2rem * var(--mantine-scale));
  --chip-size-lg: calc(2.25rem * var(--mantine-scale));
  --chip-size-xl: calc(2.5rem * var(--mantine-scale));

  --chip-icon-size-xs: calc(0.5625rem * var(--mantine-scale));
  --chip-icon-size-sm: calc(0.75rem * var(--mantine-scale));
  --chip-icon-size-md: calc(0.875rem * var(--mantine-scale));
  --chip-icon-size-lg: calc(1rem * var(--mantine-scale));
  --chip-icon-size-xl: calc(1.125rem * var(--mantine-scale));

  --chip-padding-xs: calc(1rem * var(--mantine-scale));
  --chip-padding-sm: calc(1.25rem * var(--mantine-scale));
  --chip-padding-md: calc(1.5rem * var(--mantine-scale));
  --chip-padding-lg: calc(1.75rem * var(--mantine-scale));
  --chip-padding-xl: calc(2rem * var(--mantine-scale));

  --chip-checked-padding-xs: calc(0.5125rem * var(--mantine-scale));
  --chip-checked-padding-sm: calc(0.625rem * var(--mantine-scale));
  --chip-checked-padding-md: calc(0.73125rem * var(--mantine-scale));
  --chip-checked-padding-lg: calc(0.84375rem * var(--mantine-scale));
  --chip-checked-padding-xl: calc(0.98125rem * var(--mantine-scale));

  --chip-spacing-xs: calc(0.625rem * var(--mantine-scale));
  --chip-spacing-sm: calc(0.75rem * var(--mantine-scale));
  --chip-spacing-md: calc(1rem * var(--mantine-scale));
  --chip-spacing-lg: calc(1.25rem * var(--mantine-scale));
  --chip-spacing-xl: calc(1.375rem * var(--mantine-scale));

  --chip-size: var(--chip-size-sm);
  --chip-icon-size: var(--chip-icon-size-sm);
  --chip-padding: var(--chip-padding-sm);
  --chip-spacing: var(--chip-spacing-sm);
  --chip-checked-padding: var(--chip-checked-padding-sm);
  --chip-bg: var(--mantine-primary-color-filled);
  --chip-hover: var(--mantine-primary-color-filled-hover);
  --chip-color: var(--mantine-color-white);
  --chip-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
}

.m_be049a53 {
  display: inline-flex;
  align-items: center;
  user-select: none;
  border-radius: var(--chip-radius, 1000rem);
  height: var(--chip-size);
  font-size: var(--chip-fz, var(--mantine-font-size-sm));
  line-height: calc(var(--chip-size) - calc(0.125rem * var(--mantine-scale)));
  padding-inline: var(--chip-padding);
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  color: var(--mantine-color-text);
}

.m_be049a53:where([data-checked]) {
    padding: var(--chip-checked-padding);
  }

.m_be049a53:where([data-disabled]) {
    cursor: not-allowed;
    background-color: var(--mantine-color-disabled);
    color: var(--mantine-color-disabled-color);
  }

:where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]) {
    background-color: var(--mantine-color-white);
    border: 1px solid var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]) {
    background-color: var(--mantine-color-dark-6);
    border: 1px solid var(--mantine-color-dark-4);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):hover {
      background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):active {
      background-color: var(--mantine-color-dark-5);
  }
}

.m_3904c1af:not([data-disabled]):where([data-checked]) {
    --chip-icon-color: var(--chip-color);
    border: var(--chip-bd);
  }

@media (hover: hover) {

  .m_3904c1af:not([data-disabled]):where([data-checked]):hover {
      background-color: var(--chip-hover);
  }
}

@media (hover: none) {

  .m_3904c1af:not([data-disabled]):where([data-checked]):active {
      background-color: var(--chip-hover);
  }
}

.m_fa109255:not([data-disabled]),
.m_f7e165c3:not([data-disabled]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  color: var(--mantine-color-text);
}

:where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]) {
    background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]) {
    background-color: var(--mantine-color-dark-5);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):hover {
      background-color: var(--mantine-color-gray-2);
  }

    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):hover {
      background-color: var(--mantine-color-dark-4);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):active {
      background-color: var(--mantine-color-gray-2);
  }

    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):active {
      background-color: var(--mantine-color-dark-4);
  }
}

.m_fa109255:not([data-disabled]):where([data-checked]), .m_f7e165c3:not([data-disabled]):where([data-checked]) {
    --chip-icon-color: var(--chip-color);
    color: var(--chip-color);
    background-color: var(--chip-bg);
  }

@media (hover: hover) {

  .m_fa109255:not([data-disabled]):where([data-checked]):hover, .m_f7e165c3:not([data-disabled]):where([data-checked]):hover {
      background-color: var(--chip-hover);
  }
}

@media (hover: none) {

  .m_fa109255:not([data-disabled]):where([data-checked]):active, .m_f7e165c3:not([data-disabled]):where([data-checked]):active {
      background-color: var(--chip-hover);
  }
}

.m_9ac86df9 {
  width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  max-width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  height: var(--chip-icon-size);
  display: flex;
  align-items: center;
  overflow: hidden;
}

.m_d6d72580 {
  width: var(--chip-icon-size);
  height: var(--chip-icon-size);
  display: block;
  color: var(--chip-icon-color, inherit);
}

.m_bde07329 {
  width: 0;
  height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
}

.m_bde07329:focus-visible + .m_be049a53 {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.m_b183c0a2 {
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  padding: 2px calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  font-size: var(--mantine-font-size-xs);
  margin: 0;
  overflow: auto;
}

  :where([data-mantine-color-scheme='light']) .m_b183c0a2 {
    background-color: var(--code-bg, var(--mantine-color-gray-0));
}

  :where([data-mantine-color-scheme='dark']) .m_b183c0a2 {
    background-color: var(--code-bg, var(--mantine-color-dark-6));
}

  .m_b183c0a2[data-block] {
    padding: var(--mantine-spacing-xs);
  }

.m_de3d2490 {
  --cs-size: calc(1.75rem * var(--mantine-scale));
  --cs-radius: calc(62.5rem * var(--mantine-scale));

  -webkit-tap-highlight-color: transparent;
  border: none;
  appearance: none;
  display: block;
  line-height: 1;
  position: relative;
  width: var(--cs-size);
  height: var(--cs-size);
  min-width: var(--cs-size);
  min-height: var(--cs-size);
  border-radius: var(--cs-radius);
  color: inherit;
  text-decoration: none;
}

  [data-mantine-color-scheme='light'] .m_de3d2490 {
    --alpha-overlay-color: var(--mantine-color-gray-3);
    --alpha-overlay-bg: var(--mantine-color-white);
}

  [data-mantine-color-scheme='dark'] .m_de3d2490 {
    --alpha-overlay-color: var(--mantine-color-dark-4);
    --alpha-overlay-bg: var(--mantine-color-dark-7);
}

.m_862f3d1b {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
}

.m_98ae7f22 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 1;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset,
    rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset;
}

.m_95709ac0 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  background-size: calc(0.5rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
  background-position:
    0 0,
    0 calc(0.25rem * var(--mantine-scale)),
    calc(0.25rem * var(--mantine-scale)) calc(-0.25rem * var(--mantine-scale)),
    calc(-0.25rem * var(--mantine-scale)) 0;
  background-image:
    linear-gradient(45deg, var(--alpha-overlay-color) 25%, transparent 25%),
    linear-gradient(-45deg, var(--alpha-overlay-color) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, var(--alpha-overlay-color) 75%),
    linear-gradient(-45deg, var(--alpha-overlay-bg) 75%, var(--alpha-overlay-color) 75%);
}

.m_93e74e3 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m_fee9c77 {
  --cp-width-xs: calc(11.25rem * var(--mantine-scale));
  --cp-width-sm: calc(12.5rem * var(--mantine-scale));
  --cp-width-md: calc(15rem * var(--mantine-scale));
  --cp-width-lg: calc(17.5rem * var(--mantine-scale));
  --cp-width-xl: calc(20rem * var(--mantine-scale));

  --cp-preview-size-xs: calc(1.625rem * var(--mantine-scale));
  --cp-preview-size-sm: calc(2.125rem * var(--mantine-scale));
  --cp-preview-size-md: calc(2.625rem * var(--mantine-scale));
  --cp-preview-size-lg: calc(3.125rem * var(--mantine-scale));
  --cp-preview-size-xl: calc(3.375rem * var(--mantine-scale));

  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));

  --cp-saturation-height-xs: calc(6.25rem * var(--mantine-scale));
  --cp-saturation-height-sm: calc(6.875rem * var(--mantine-scale));
  --cp-saturation-height-md: calc(7.5rem * var(--mantine-scale));
  --cp-saturation-height-lg: calc(8.75rem * var(--mantine-scale));
  --cp-saturation-height-xl: calc(10rem * var(--mantine-scale));

  --cp-preview-size: var(--cp-preview-size-sm);
  --cp-thumb-size: var(--cp-thumb-size-sm);
  --cp-saturation-height: var(--cp-saturation-height-sm);
  --cp-width: var(--cp-width-sm);
  --cp-body-spacing: var(--mantine-spacing-sm);

  width: var(--cp-width);
  padding: calc(0.0625rem * var(--mantine-scale));
}

  .m_fee9c77:where([data-full-width]) {
    width: 100%;
  }

.m_9dddfbac {
  width: var(--cp-preview-size);
  height: var(--cp-preview-size);
}

.m_bffecc3e {
  display: flex;
  padding-top: calc(var(--cp-body-spacing) / 2);
}

.m_3283bb96 {
  flex: 1;
}

.m_3283bb96:not(:only-child) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_40d572ba {
  overflow: hidden;
  position: absolute;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  border: 2px solid var(--mantine-color-white);
  width: var(--cp-thumb-size);
  height: var(--cp-thumb-size);
  border-radius: var(--cp-thumb-size);
  left: calc(var(--thumb-x-offset) - var(--cp-thumb-size) / 2);
  top: calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2);
}

.m_d8ee6fd8 {
  height: unset !important;
  width: unset !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: calc(0.125rem * var(--mantine-scale));
  cursor: pointer;
  padding-bottom: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
  flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
}

.m_5711e686 {
  margin-top: calc(0.3125rem * var(--mantine-scale));
  margin-inline: calc(-0.125rem * var(--mantine-scale));
  display: flex;
  flex-wrap: wrap;
}

.m_5711e686:only-child {
    margin-top: 0;
  }

.m_202a296e {
  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));

  -webkit-tap-highlight-color: transparent;
  position: relative;
  height: var(--cp-saturation-height);
  border-radius: var(--mantine-radius-sm);
  margin: calc(var(--cp-thumb-size) / 2);
}

.m_202a296e:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_202a296e:where([data-focus-ring='always']):focus .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_11b3db02 {
  position: absolute;
  border-radius: var(--mantine-radius-sm);
  inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
}

.m_d856d47d {
  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
  --cp-thumb-size: var(--cp-thumb-size, calc(0.75rem * var(--mantine-scale)));

  position: relative;
  height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
  margin-inline: calc(var(--cp-thumb-size) / 2);
  outline: none;
}

.m_d856d47d + .m_d856d47d {
    margin-top: calc(0.375rem * var(--mantine-scale));
  }

.m_d856d47d:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_d856d47d:where([data-focus-ring='always']):focus .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

:where([data-mantine-color-scheme='light']) .m_d856d47d {
    --slider-checkers: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_d856d47d {
    --slider-checkers: var(--mantine-color-dark-4);
}

.m_8f327113 {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-radius: 10000rem;
}

.m_b077c2bc {
  --ci-eye-dropper-icon-size-xs: calc(0.875rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-sm: calc(1rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-md: calc(1.125rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-lg: calc(1.25rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-xl: calc(1.375rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm);
}

.m_66a028b5 {
  --ci-button-size-xs: calc(1.375rem * var(--mantine-scale));
  --ci-button-size-sm: calc(1.625rem * var(--mantine-scale));
  --ci-button-size-md: calc(1.75rem * var(--mantine-scale));
  --ci-button-size-lg: calc(2rem * var(--mantine-scale));
  --ci-button-size-xl: calc(2.5rem * var(--mantine-scale));
  --ci-button-size: var(--ci-button-size-sm);

  width: var(--ci-button-size);
  height: var(--ci-button-size);
  min-width: var(--ci-button-size);
  min-height: var(--ci-button-size);
}

.m_c5ccdcab {
  --ci-preview-size-xs: calc(1rem * var(--mantine-scale));
  --ci-preview-size-sm: calc(1.125rem * var(--mantine-scale));
  --ci-preview-size-md: calc(1.375rem * var(--mantine-scale));
  --ci-preview-size-lg: calc(1.75rem * var(--mantine-scale));
  --ci-preview-size-xl: calc(2.25rem * var(--mantine-scale));
  --ci-preview-size: var(--ci-preview-size-sm);
}

.m_5ece2cd7 {
  padding: calc(0.5rem * var(--mantine-scale));
}

.m_7485cace {
  --container-size-xs: calc(33.75rem * var(--mantine-scale));
  --container-size-sm: calc(45rem * var(--mantine-scale));
  --container-size-md: calc(60rem * var(--mantine-scale));
  --container-size-lg: calc(71.25rem * var(--mantine-scale));
  --container-size-xl: calc(82.5rem * var(--mantine-scale));
  --container-size: var(--container-size-md);
}

  .m_7485cace:where([data-strategy='block']) {
    max-width: var(--container-size);
    padding-inline: var(--mantine-spacing-md);
    margin-inline: auto;
  }

  .m_7485cace:where([data-strategy='block']):where([data-fluid]) {
      max-width: 100%;
    }

  .m_7485cace:where([data-strategy='grid']) {
    display: grid;
    grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
    margin-inline: auto;
  }

  .m_7485cace:where([data-strategy='grid']) > * {
      grid-column: 2;
    }

  .m_7485cace:where([data-strategy='grid']) > [data-breakout] {
      grid-column: 1 / -1;
    }

  .m_7485cace:where([data-strategy='grid']) > [data-breakout] > [data-container] {
        max-width: var(--container-size);
        margin-inline: auto;
      }

.m_e2125a27 {
  --dialog-size-xs: calc(10rem * var(--mantine-scale));
  --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
  --dialog-size-md: calc(21.25rem * var(--mantine-scale));
  --dialog-size-lg: calc(25rem * var(--mantine-scale));
  --dialog-size-xl: calc(31.25rem * var(--mantine-scale));
  --dialog-size: var(--dialog-size-md);

  position: relative;
  width: var(--dialog-size);
  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
  min-height: calc(3.125rem * var(--mantine-scale));
}

.m_5abab665 {
  position: absolute;
  top: calc(var(--mantine-spacing-md) / 2);
  inset-inline-end: calc(var(--mantine-spacing-md) / 2);
}

.m_3eebeb36 {
  --divider-size-xs: calc(0.0625rem * var(--mantine-scale));
  --divider-size-sm: calc(0.125rem * var(--mantine-scale));
  --divider-size-md: calc(0.1875rem * var(--mantine-scale));
  --divider-size-lg: calc(0.25rem * var(--mantine-scale));
  --divider-size-xl: calc(0.3125rem * var(--mantine-scale));
  --divider-size: var(--divider-size-xs);
}

  :where([data-mantine-color-scheme='light']) .m_3eebeb36 {
    --divider-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_3eebeb36 {
    --divider-color: var(--mantine-color-dark-4);
}

  .m_3eebeb36:where([data-orientation='horizontal']) {
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
  }

  .m_3eebeb36:where([data-orientation='vertical']) {
    border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    height: auto;
    align-self: stretch;
  }

  .m_3eebeb36:where([data-with-label]) {
    border: 0;
  }

.m_9e365f20 {
  display: flex;
  align-items: center;
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-dimmed);
  white-space: nowrap;
}

.m_9e365f20:where([data-position='left'])::before {
    display: none;
  }

.m_9e365f20:where([data-position='right'])::after {
    display: none;
  }

.m_9e365f20::before {
    content: '';
    flex: 1;
    height: calc(0.0625rem * var(--mantine-scale));
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_9e365f20::after {
    content: '';
    flex: 1;
    height: calc(0.0625rem * var(--mantine-scale));
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_f11b401e {
  --drawer-size-xs: calc(20rem * var(--mantine-scale));
  --drawer-size-sm: calc(23.75rem * var(--mantine-scale));
  --drawer-size-md: calc(27.5rem * var(--mantine-scale));
  --drawer-size-lg: calc(38.75rem * var(--mantine-scale));
  --drawer-size-xl: calc(48.75rem * var(--mantine-scale));
  --drawer-size: var(--drawer-size-md);
  --drawer-offset: 0rem;
}

.m_5a7c2c9 {
  z-index: 1000;
}

.m_b8a05bbd {
  flex: var(--drawer-flex, 0 0 var(--drawer-size));
  height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
  margin: var(--drawer-offset);
  max-width: calc(100% - var(--drawer-offset) * 2);
  max-height: calc(100% - var(--drawer-offset) * 2);
  overflow-y: auto;
}

.m_b8a05bbd[data-hidden] {
    opacity: 0 !important;
    pointer-events: none;
  }

.m_31cd769a {
  display: flex;
  justify-content: var(--drawer-justify, flex-start);
  align-items: var(--drawer-align, flex-start);
}

.m_e9408a47 {
  padding: var(--mantine-spacing-lg);
  padding-top: var(--mantine-spacing-xs);
  border-radius: var(--fieldset-radius, var(--mantine-radius-default));
  min-inline-size: auto;
}

.m_84c9523a {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
}

:where([data-mantine-color-scheme='light']) .m_84c9523a {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_84c9523a {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-7);
}

.m_ef274e49 {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
}

:where([data-mantine-color-scheme='light']) .m_ef274e49 {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_ef274e49 {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

.m_eda993d3 {
  padding: 0;
  border: 0;
  border-radius: 0;
}

.m_90794832 {
  font-size: var(--mantine-font-size-sm);
}

.m_74ca27fe {
  padding: 0;
  margin-bottom: var(--mantine-spacing-sm);
}

.m_8478a6da {
  container: mantine-grid / inline-size;
}

.m_410352e9 {
  --grid-overflow: visible;
  --grid-margin: calc(var(--grid-gutter) / -2);
  --grid-col-padding: calc(var(--grid-gutter) / 2);

  overflow: var(--grid-overflow);
}

.m_dee7bd2f {
  width: calc(100% + var(--grid-gutter));
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--grid-justify);
  align-items: var(--grid-align);
  margin: var(--grid-margin);
}

.m_96bdd299 {
  --col-flex-grow: 0;
  --col-offset: 0rem;

  flex-shrink: 0;
  order: var(--col-order);
  flex-basis: var(--col-flex-basis);
  width: var(--col-width);
  max-width: var(--col-max-width);
  flex-grow: var(--col-flex-grow);
  margin-inline-start: var(--col-offset);
  padding: var(--grid-col-padding);
}

.m_bcb3f3c2 {
  color: var(--mantine-color-black);
}

  :where([data-mantine-color-scheme='light']) .m_bcb3f3c2 {
    background-color: var(--mark-bg-light);
}

  :where([data-mantine-color-scheme='dark']) .m_bcb3f3c2 {
    background-color: var(--mark-bg-dark);
}

.m_9e117634 {
  display: block;
  object-fit: var(--image-object-fit, cover);
  width: 100%;
  border-radius: var(--image-radius, 0);
}

@keyframes m_885901b1 {
  0% {
    opacity: 0.6;
    transform: scale(0);
  }

  100% {
    opacity: 0;
    transform: scale(2.8);
  }
}

.m_e5262200 {
  --indicator-size: calc(0.625rem * var(--mantine-scale));
  --indicator-color: var(--mantine-primary-color-filled);

  position: relative;
  display: block;
}

.m_e5262200:where([data-inline]) {
    display: inline-block;
  }

.m_760d1fb1 {
  position: absolute;
  top: var(--indicator-top);
  left: var(--indicator-left);
  right: var(--indicator-right);
  bottom: var(--indicator-bottom);
  transform: translate(var(--indicator-translate-x), var(--indicator-translate-y));
  min-width: var(--indicator-size);
  height: var(--indicator-size);
  border-radius: var(--indicator-radius, 1000rem);
  z-index: var(--indicator-z-index, 200);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mantine-font-size-xs);
  background-color: var(--indicator-color);
  color: var(--indicator-text-color, var(--mantine-color-white));
  white-space: nowrap;
}

.m_760d1fb1::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--indicator-color);
    border-radius: var(--indicator-radius, 1000rem);
    z-index: -1;
  }

.m_760d1fb1:where([data-with-label]) {
    padding-inline: calc(var(--mantine-spacing-xs) / 2);
  }

.m_760d1fb1:where([data-with-border]) {
    border: 2px solid var(--mantine-color-body);
  }

.m_760d1fb1[data-processing]::before {
      animation: m_885901b1 1000ms linear infinite;
    }

.m_dc6f14e2 {
  --kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
  --kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
  --kbd-fz-md: calc(0.875rem * var(--mantine-scale));
  --kbd-fz-lg: calc(1rem * var(--mantine-scale));
  --kbd-fz-xl: calc(1.25rem * var(--mantine-scale));
  --kbd-fz: var(--kbd-fz-sm);

  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  font-weight: 700;
  font-size: var(--kbd-fz);
  border-radius: var(--mantine-radius-sm);
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  border-bottom-width: calc(0.1875rem * var(--mantine-scale));
  unicode-bidi: embed;
  text-align: center;
  padding: 0.12em 0.45em;
}

  :where([data-mantine-color-scheme='light']) .m_dc6f14e2 {
    border-color: var(--mantine-color-gray-3);
    color: var(--mantine-color-gray-7);
    background-color: var(--mantine-color-gray-0);
}

  :where([data-mantine-color-scheme='dark']) .m_dc6f14e2 {
    border-color: var(--mantine-color-dark-4);
    color: var(--mantine-color-dark-0);
    background-color: var(--mantine-color-dark-6);
}

.m_abbac491 {
  --list-fz: var(--mantine-font-size-md);
  --list-lh: var(--mantine-line-height-md);
  --list-marker-gap: var(--mantine-spacing-lg);

  list-style-position: outside;
  font-size: var(--list-fz);
  line-height: var(--list-lh);
  margin: 0;
  padding: 0;
  padding-inline-start: var(--list-marker-gap);
}

  .m_abbac491[data-type='none'] {
    --list-marker-gap: 0;
  }

  .m_abbac491:where([data-with-padding]) {
    padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md));
  }

.m_abb6bec2 {
  white-space: normal;
  line-height: var(--list-lh);
}

.m_abb6bec2:where([data-with-icon]) {
    list-style: none;
  }

.m_abb6bec2:where([data-with-icon]) .m_75cd9f71 {
      --li-direction: row;
      --li-align: center;
    }

.m_abb6bec2:where(:not(:first-of-type)) {
    margin-top: var(--list-spacing, 0);
  }

.m_abb6bec2:where([data-centered]) {
    line-height: 1;
  }

.m_75cd9f71 {
  display: inline-flex;
  flex-direction: var(--li-direction, column);
  align-items: var(--li-align, flex-start);
  white-space: normal;
}

.m_60f83e5b {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: var(--mantine-spacing-sm);
}

.m_6e45937b {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: var(--lo-z-index);
}

.m_e8eb006c {
  position: relative;
  z-index: calc(var(--lo-z-index) + 1);
}

.m_df587f17 {
  z-index: var(--lo-z-index);
}

.m_dc9b7c9f {
  padding: calc(0.25rem * var(--mantine-scale));
}

.m_9bfac126 {
  color: var(--mantine-color-dimmed);
  font-weight: 500;
  font-size: var(--mantine-font-size-xs);
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
  cursor: default;
}

.m_efdf90cb {
  margin-top: calc(0.25rem * var(--mantine-scale));
  margin-bottom: calc(0.25rem * var(--mantine-scale));
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
}

:where([data-mantine-color-scheme='light']) .m_efdf90cb {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_efdf90cb {
    border-color: var(--mantine-color-dark-4);
}

.m_99ac2aa1 {
  font-size: var(--mantine-font-size-sm);
  width: 100%;
  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
  color: var(--menu-item-color, var(--mantine-color-text));
  display: flex;
  align-items: center;
  user-select: none;
}

.m_99ac2aa1:where([data-disabled], :disabled) {
    color: var(--mantine-color-disabled-color);
    opacity: 0.6;
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
        background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
}

:where([data-mantine-color-scheme='dark']) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
        background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
}

.m_99ac2aa1:where([data-sub-menu-item]) {
    padding-inline-end: calc(0.3125rem * var(--mantine-scale));
  }

.m_5476e0d3 {
  flex: 1;
}

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

.m_8b75e504:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_8b75e504:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_b85b0bed {
  transform: rotate(-90deg);
}

:where([dir="rtl"]) .m_b85b0bed {
    transform: rotate(90deg);
}

.m_9df02822 {
  --modal-size-xs: calc(20rem * var(--mantine-scale));
  --modal-size-sm: calc(23.75rem * var(--mantine-scale));
  --modal-size-md: calc(27.5rem * var(--mantine-scale));
  --modal-size-lg: calc(38.75rem * var(--mantine-scale));
  --modal-size-xl: calc(48.75rem * var(--mantine-scale));
  --modal-size: var(--modal-size-md);

  --modal-y-offset: 5dvh;
  --modal-x-offset: 5vw;
}

  .m_9df02822[data-full-screen] {
    --modal-border-radius: 0 !important;
  }

  .m_9df02822[data-full-screen] .m_54c44539 {
      --modal-content-flex: 0 0 100%;
      --modal-content-max-height: auto;
      --modal-content-height: 100dvh;
    }

  .m_9df02822[data-full-screen] .m_1f958f16 {
      --modal-inner-y-offset: 0;
      --modal-inner-x-offset: 0;
    }

  .m_9df02822[data-centered] .m_1f958f16 {
      --modal-inner-align: center;
    }

.m_d0e2b9cd {
  border-start-start-radius: var(--modal-radius, var(--mantine-radius-default));
  border-start-end-radius: var(--modal-radius, var(--mantine-radius-default));
}

.m_54c44539 {
  flex: var(--modal-content-flex, 0 0 var(--modal-size));
  max-width: 100%;
  max-height: var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2));
  height: var(--modal-content-height, auto);
  overflow-y: auto;
}

.m_54c44539[data-full-screen] {
    border-radius: 0;
  }

.m_54c44539[data-hidden] {
    opacity: 0 !important;
    pointer-events: none;
  }

.m_1f958f16 {
  display: flex;
  justify-content: center;
  align-items: var(--modal-inner-align, flex-start);
  padding-top: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset));
}

.m_7cda1cd6 {
  --pill-fz-xs: calc(0.625rem * var(--mantine-scale));
  --pill-fz-sm: calc(0.75rem * var(--mantine-scale));
  --pill-fz-md: calc(0.875rem * var(--mantine-scale));
  --pill-fz-lg: calc(1rem * var(--mantine-scale));
  --pill-fz-xl: calc(1.125rem * var(--mantine-scale));

  --pill-height-xs: calc(1.125rem * var(--mantine-scale));
  --pill-height-sm: calc(1.375rem * var(--mantine-scale));
  --pill-height-md: calc(1.5625rem * var(--mantine-scale));
  --pill-height-lg: calc(1.75rem * var(--mantine-scale));
  --pill-height-xl: calc(2rem * var(--mantine-scale));

  --pill-fz: var(--pill-fz-sm);
  --pill-height: var(--pill-height-sm);

  font-size: var(--pill-fz);
  flex: 0;
  height: var(--pill-height);
  padding-inline: 0.8em;
  display: inline-flex;
  align-items: center;
  border-radius: var(--pill-radius, 1000rem);
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  max-width: 100%;
}

  :where([data-mantine-color-scheme='dark']) .m_7cda1cd6 {
    background-color: var(--mantine-color-dark-7);
    color: var(--mantine-color-dark-0);
}

  :where([data-mantine-color-scheme='light']) .m_7cda1cd6 {
    color: var(--mantine-color-black);
}

  .m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
    padding-inline-end: 0;
  }

  .m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_44da308b {
    background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='light']) .m_44da308b:where([data-disabled], :has(button:disabled)) {
      background-color: var(--mantine-color-disabled);
    }

:where([data-mantine-color-scheme='light']) .m_e3a01f8 {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='light']) .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
      background-color: var(--mantine-color-disabled);
    }

.m_1e0e6180 {
  cursor: inherit;
  overflow: hidden;
  height: 100%;
  line-height: var(--pill-height);
  text-overflow: ellipsis;
}

.m_ae386778 {
  color: inherit;
  font-size: inherit;
  height: 100%;
  min-height: unset;
  min-width: 2em;
  width: unset;
  border-radius: 0;
  padding-inline-start: 0.1em;
  padding-inline-end: 0.3em;
  flex: 0;
  border-end-end-radius: var(--pill-radius, 50%);
  border-start-end-radius: var(--pill-radius, 50%);
}

.m_7cda1cd6[data-disabled] > .m_ae386778,
  .m_ae386778:disabled {
    display: none;
    background-color: transparent;
    width: 0.8em;
    min-width: 0.8em;
    padding: 0;
    cursor: not-allowed;
  }

.m_7cda1cd6[data-disabled] > .m_ae386778 > svg, .m_ae386778:disabled > svg {
      display: none;
    }

.m_ae386778 > svg {
    pointer-events: none;
  }

.m_1dcfd90b {
  --pg-gap-xs: calc(0.375rem * var(--mantine-scale));
  --pg-gap-sm: calc(0.5rem * var(--mantine-scale));
  --pg-gap-md: calc(0.625rem * var(--mantine-scale));
  --pg-gap-lg: calc(0.75rem * var(--mantine-scale));
  --pg-gap-xl: calc(0.75rem * var(--mantine-scale));
  --pg-gap: var(--pg-gap-sm);

  display: flex;
  align-items: center;
  gap: var(--pg-gap);
  flex-wrap: wrap;
}

.m_45c4369d {
  background-color: transparent;
  appearance: none;
  min-width: calc(6.25rem * var(--mantine-scale));
  flex: 1;
  border: 0;
  font-size: inherit;
  height: 1.6em;
  color: inherit;
  padding: 0;
}

  .m_45c4369d::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

  .m_45c4369d:where([data-type='hidden'], [data-type='auto']) {
    height: calc(0.0625rem * var(--mantine-scale));
    width: calc(0.0625rem * var(--mantine-scale));
    top: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    opacity: 0;
  }

  .m_45c4369d:focus {
    outline: none;
  }

  .m_45c4369d:where([data-type='auto']:focus) {
    height: 1.6em;
    visibility: visible;
    opacity: 1;
    position: static;
  }

  .m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
    cursor: pointer;
  }

  .m_45c4369d:where([data-disabled], :disabled) {
    cursor: not-allowed;
  }

.m_f0824112 {
  --nl-bg: var(--mantine-primary-color-light);
  --nl-hover: var(--mantine-primary-color-light-hover);
  --nl-color: var(--mantine-primary-color-light-color);

  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px var(--mantine-spacing-sm);
  user-select: none;
}

  @media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_f0824112:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_f0824112:hover {
      background-color: var(--mantine-color-dark-6);
  }
}

  @media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_f0824112:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_f0824112:active {
      background-color: var(--mantine-color-dark-6);
  }
}

  .m_f0824112:where([data-disabled]) {
    opacity: 0.4;
    pointer-events: none;
  }

  .m_f0824112:where([data-active], [aria-current='page']) {
    background-color: var(--nl-bg);
    color: var(--nl-color);
  }

  @media (hover: hover) {

  .m_f0824112:where([data-active], [aria-current='page']):hover {
      background-color: var(--nl-hover);
  }
}

  @media (hover: none) {

  .m_f0824112:where([data-active], [aria-current='page']):active {
      background-color: var(--nl-hover);
  }
}

  .m_f0824112:where([data-active], [aria-current='page']) .m_57492dcc {
      --description-opacity: 0.9;
      --description-color: var(--nl-color);
    }

.m_690090b5 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 150ms ease;
}

.m_690090b5 > svg {
    display: block;
  }

.m_690090b5:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-sm);
  }

.m_690090b5:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-sm);
  }

.m_690090b5:where([data-rotate]) {
    transform: rotate(90deg);
  }

.m_1f6ac4c4 {
  font-size: var(--mantine-font-size-sm);
}

.m_f07af9d2 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_f07af9d2:where([data-no-wrap]) {
    white-space: nowrap;
  }

.m_57492dcc {
  display: block;
  font-size: var(--mantine-font-size-xs);
  opacity: var(--description-opacity, 1);
  color: var(--description-color, var(--mantine-color-dimmed));
  overflow: hidden;
  text-overflow: ellipsis;
}

:where([data-no-wrap]) .m_57492dcc {
    white-space: nowrap;
  }

.m_e17b862f {
  padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg));
}

.m_1fd8a00b {
  transform: rotate(-90deg);
}

.m_a513464 {
  --notification-radius: var(--mantine-radius-default);
  --notification-color: var(--mantine-primary-color-filled);

  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  padding-inline-start: calc(1.375rem * var(--mantine-scale));
  padding-inline-end: var(--mantine-spacing-xs);
  padding-top: var(--mantine-spacing-xs);
  padding-bottom: var(--mantine-spacing-xs);
  border-radius: var(--notification-radius);
  box-shadow: var(--mantine-shadow-lg);
}

  .m_a513464::before {
    content: '';
    display: block;
    position: absolute;
    width: calc(0.375rem * var(--mantine-scale));
    top: var(--notification-radius);
    bottom: var(--notification-radius);
    inset-inline-start: calc(0.25rem * var(--mantine-scale));
    border-radius: var(--notification-radius);
    background-color: var(--notification-color);
  }

  :where([data-mantine-color-scheme='light']) .m_a513464 {
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_a513464 {
    background-color: var(--mantine-color-dark-6);
}

  .m_a513464:where([data-with-icon])::before {
      display: none;
    }

  :where([data-mantine-color-scheme='light']) .m_a513464:where([data-with-border]) {
      border: 1px solid var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_a513464:where([data-with-border]) {
      border: 1px solid var(--mantine-color-dark-4);
}

.m_a4ceffb {
  box-sizing: border-box;
  margin-inline-end: var(--mantine-spacing-md);
  width: calc(1.75rem * var(--mantine-scale));
  height: calc(1.75rem * var(--mantine-scale));
  border-radius: calc(1.75rem * var(--mantine-scale));
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--notification-color);
  color: var(--mantine-color-white);
}

.m_b0920b15 {
  margin-inline-end: var(--mantine-spacing-md);
}

.m_a49ed24 {
  flex: 1;
  overflow: hidden;
  margin-inline-end: var(--mantine-spacing-xs);
}

.m_3feedf16 {
  margin-bottom: calc(0.125rem * var(--mantine-scale));
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  font-weight: 500;
}

:where([data-mantine-color-scheme='light']) .m_3feedf16 {
    color: var(--mantine-color-gray-9);
}

:where([data-mantine-color-scheme='dark']) .m_3feedf16 {
    color: var(--mantine-color-white);
}

.m_3d733a3a {
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  overflow: hidden;
  text-overflow: ellipsis;
}

:where([data-mantine-color-scheme='light']) .m_3d733a3a {
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_3d733a3a {
    color: var(--mantine-color-dark-0);
}

:where([data-mantine-color-scheme='light']) .m_3d733a3a:where([data-with-title]) {
      color: var(--mantine-color-gray-6);
}

:where([data-mantine-color-scheme='dark']) .m_3d733a3a:where([data-with-title]) {
      color: var(--mantine-color-dark-2);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_919a4d88:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_919a4d88:hover {
      background-color: var(--mantine-color-dark-8);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_919a4d88:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_919a4d88:active {
      background-color: var(--mantine-color-dark-8);
  }
}

.m_e2f5cd4e {
  --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
  --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
  --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
  --ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale));
  --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale));
}

.m_95e17d22 {
  --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
  --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
  --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
  --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
  --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
  --ni-chevron-size: var(--ni-chevron-size-sm);

  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  max-width: calc(var(--ni-chevron-size) * 1.7);
  margin-inline-start: auto;
}

.m_80b4b171 {
  --control-border: 1px solid var(--input-bd);
  --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));

  flex: 0 0 50%;
  width: 100%;
  padding: 0;
  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-inline-start: var(--control-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
  background-color: transparent;
  cursor: pointer;
}

.m_80b4b171:where(:disabled) {
    background-color: transparent;
    cursor: not-allowed;
    opacity: 0.6;
    color: var(--mantine-color-disabled-color);
  }

.m_e2f5cd4e[data-error] :where(.m_80b4b171) {
    color: var(--mantine-color-error);
  }

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_80b4b171:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_80b4b171:hover {
      background-color: var(--mantine-color-dark-4);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_80b4b171:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_80b4b171:active {
      background-color: var(--mantine-color-dark-4);
  }
}

.m_80b4b171:where(:first-of-type) {
    border-radius: 0;
    border-start-end-radius: var(--control-radius);
  }

.m_80b4b171:last-of-type {
    border-radius: 0;
    border-end-end-radius: var(--control-radius);
  }

.m_4addd315 {
  --pagination-control-size-xs: calc(1.375rem * var(--mantine-scale));
  --pagination-control-size-sm: calc(1.625rem * var(--mantine-scale));
  --pagination-control-size-md: calc(2rem * var(--mantine-scale));
  --pagination-control-size-lg: calc(2.375rem * var(--mantine-scale));
  --pagination-control-size-xl: calc(2.75rem * var(--mantine-scale));
  --pagination-control-size: var(--pagination-control-size-md);
  --pagination-control-fz: var(--mantine-font-size-md);
  --pagination-active-bg: var(--mantine-primary-color-filled);
}

.m_326d024a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  cursor: pointer;
  color: var(--mantine-color-text);
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  font-size: var(--pagination-control-fz);
  line-height: 1;
  border-radius: var(--pagination-control-radius, var(--mantine-radius-default));
}

.m_326d024a:where([data-with-padding]) {
    padding: calc(var(--pagination-control-size) / 4);
  }

.m_326d024a:where(:disabled, [data-disabled]) {
    cursor: not-allowed;
    opacity: 0.4;
  }

:where([data-mantine-color-scheme='light']) .m_326d024a {
    border-color: var(--mantine-color-gray-4);
    background-color: var(--mantine-color-white);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-gray-0);
      }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-gray-0);
      }
}

:where([data-mantine-color-scheme='dark']) .m_326d024a {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='dark']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-dark-5);
      }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='dark']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-dark-5);
      }
}

.m_326d024a:where([data-active]) {
    background-color: var(--pagination-active-bg);
    border-color: var(--pagination-active-bg);
    color: var(--pagination-active-color, var(--mantine-color-white));
  }

@media (hover: hover) {

  .m_326d024a:where([data-active]):hover {
      background-color: var(--pagination-active-bg);
  }
}

@media (hover: none) {

  .m_326d024a:where([data-active]):active {
      background-color: var(--pagination-active-bg);
  }
}

.m_4ad7767d {
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.m_f61ca620 {
  --psi-button-size-xs: calc(1.375rem * var(--mantine-scale));
  --psi-button-size-sm: calc(1.625rem * var(--mantine-scale));
  --psi-button-size-md: calc(1.75rem * var(--mantine-scale));
  --psi-button-size-lg: calc(2rem * var(--mantine-scale));
  --psi-button-size-xl: calc(2.5rem * var(--mantine-scale));

  --psi-icon-size-xs: calc(0.75rem * var(--mantine-scale));
  --psi-icon-size-sm: calc(0.9375rem * var(--mantine-scale));
  --psi-icon-size-md: calc(1.0625rem * var(--mantine-scale));
  --psi-icon-size-lg: calc(1.1875rem * var(--mantine-scale));
  --psi-icon-size-xl: calc(1.3125rem * var(--mantine-scale));

  --psi-button-size: var(--psi-button-size-sm);
  --psi-icon-size: var(--psi-icon-size-sm);
}

.m_ccf8da4c {
  position: relative;
  overflow: hidden;
}

.m_f2d85dd2 {
  font-family: var(--mantine-font-family);
  background-color: transparent;
  border: 0;
  padding-inline-end: var(--input-padding-inline-end);
  padding-inline-start: var(--input-padding-inline-start);
  position: absolute;
  inset: 0;
  outline: 0;
  font-size: inherit;
  line-height: var(--mantine-line-height);
  height: 100%;
  width: 100%;
  color: inherit;
}

.m_ccf8da4c[data-disabled] .m_f2d85dd2,
  .m_f2d85dd2:disabled {
    cursor: not-allowed;
  }

.m_f2d85dd2::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_f2d85dd2::-ms-reveal {
    display: none;
  }

.m_b1072d44 {
  width: var(--psi-button-size);
  height: var(--psi-button-size);
  min-width: var(--psi-button-size);
  min-height: var(--psi-button-size);
}

.m_b1072d44:disabled {
    display: none;
  }

.m_f1cb205a {
  --pin-input-size-xs: calc(1.875rem * var(--mantine-scale));
  --pin-input-size-sm: calc(2.25rem * var(--mantine-scale));
  --pin-input-size-md: calc(2.625rem * var(--mantine-scale));
  --pin-input-size-lg: calc(3.125rem * var(--mantine-scale));
  --pin-input-size-xl: calc(3.75rem * var(--mantine-scale));
  --pin-input-size: var(--pin-input-size-sm);
}

.m_cb288ead {
  width: var(--pin-input-size);
  height: var(--pin-input-size);
}

@keyframes m_81a374bd {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: calc(2.5rem * var(--mantine-scale)) 0;
  }
}

@keyframes m_e0fb7a86 {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 calc(2.5rem * var(--mantine-scale));
  }
}

.m_db6d6462 {
  --progress-radius: var(--mantine-radius-default);
  --progress-size: var(--progress-size-md);

  --progress-size-xs: calc(0.1875rem * var(--mantine-scale));
  --progress-size-sm: calc(0.3125rem * var(--mantine-scale));
  --progress-size-md: calc(0.5rem * var(--mantine-scale));
  --progress-size-lg: calc(0.75rem * var(--mantine-scale));
  --progress-size-xl: calc(1rem * var(--mantine-scale));

  position: relative;
  height: var(--progress-size);
  border-radius: var(--progress-radius);
  overflow: hidden;
  display: flex;
}

:where([data-mantine-color-scheme='light']) .m_db6d6462 {
    background-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_db6d6462 {
    background-color: var(--mantine-color-dark-4);
}

.m_db6d6462:where([data-orientation='vertical']) {
    height: auto;
    width: var(--progress-size);
    flex-direction: column-reverse;
  }

.m_2242eb65 {
  background-color: var(--progress-section-color);
  height: 100%;
  width: var(--progress-section-size);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-size: calc(1.25rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  transition: width var(--progress-transition-duration, 100ms) ease;
}

.m_2242eb65:where([data-striped]) {
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent
    );
  }

.m_2242eb65:where([data-animated]) {
    animation: m_81a374bd 1s linear infinite;
  }

.m_2242eb65:where(:last-of-type) {
    border-radius: 0;
    border-start-end-radius: var(--progress-radius);
    border-end-end-radius: var(--progress-radius);
  }

.m_2242eb65:where(:first-of-type) {
    border-radius: 0;
    border-start-start-radius: var(--progress-radius);
    border-end-start-radius: var(--progress-radius);
  }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65 {
    width: 100%;
    height: var(--progress-section-size);
    transition: height var(--progress-transition-duration, 100ms) ease;
  }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-striped]) {
      background-image: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
      );
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-animated]) {
      animation: m_e0fb7a86 1s linear infinite;
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:last-of-type) {
      border-radius: 0;
      border-start-start-radius: var(--progress-radius);
      border-start-end-radius: var(--progress-radius);
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:first-of-type) {
      border-radius: 0;
      border-end-start-radius: var(--progress-radius);
      border-end-end-radius: var(--progress-radius);
    }

.m_91e40b74 {
  color: var(--progress-label-color, var(--mantine-color-white));
  font-weight: bold;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: min(calc(var(--progress-size) * 0.65), calc(1.125rem * var(--mantine-scale)));
  line-height: 1;
  padding-inline: calc(0.25rem * var(--mantine-scale));
}

.m_db6d6462:where([data-orientation='vertical']) .m_91e40b74 {
    writing-mode: vertical-rl;
  }

.m_f3f1af94 {
  --radio-size-xs: calc(1rem * var(--mantine-scale));
  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
  --radio-size-md: calc(1.5rem * var(--mantine-scale));
  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
  --radio-size-xl: calc(2.25rem * var(--mantine-scale));
  --radio-size: var(--radio-size-sm);

  --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
  --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
  --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
  --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
  --radio-icon-size-xl: calc(1rem * var(--mantine-scale));
  --radio-icon-size: var(--radio-icon-size-sm);
  --radio-icon-color: var(--mantine-color-white);
}

.m_89c4f5e4 {
  position: relative;
  width: var(--radio-size);
  height: var(--radio-size);
  order: 1;
}

.m_89c4f5e4:where([data-label-position='left']) {
    order: 2;
  }

.m_f3ed6b2b {
  color: var(--radio-icon-color);
  opacity: var(--radio-icon-opacity, 0);
  transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
  transition:
    opacity 100ms ease,
    transform 200ms ease;
  pointer-events: none;
  width: var(--radio-icon-size);
  height: var(--radio-icon-size);
  position: absolute;
  top: calc(50% - var(--radio-icon-size) / 2);
  left: calc(50% - var(--radio-icon-size) / 2);
}

.m_8a3dbb89 {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  position: relative;
  appearance: none;
  width: var(--radio-size);
  height: var(--radio-size);
  border-radius: var(--radio-radius, var(--radio-size));
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: background-color, border-color;
  transition-timing-function: ease;
  transition-duration: 100ms;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

:where([data-mantine-color-scheme='light']) .m_8a3dbb89 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_8a3dbb89 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

.m_8a3dbb89:checked {
    background-color: var(--radio-color, var(--mantine-primary-color-filled));
    border-color: var(--radio-color, var(--mantine-primary-color-filled));
  }

.m_8a3dbb89:checked + .m_f3ed6b2b {
      --radio-icon-opacity: 1;
      --radio-icon-transform: scale(1);
    }

.m_8a3dbb89:disabled {
    cursor: not-allowed;
    background-color: var(--mantine-color-disabled);
    border-color: var(--mantine-color-disabled-border);
  }

.m_8a3dbb89:disabled + .m_f3ed6b2b {
      --radio-icon-color: var(--mantine-color-disabled-color);
    }

.m_8a3dbb89:where([data-error]) {
    border-color: var(--mantine-color-error);
  }

.m_1bfe9d39 + .m_f3ed6b2b {
    --radio-icon-color: var(--radio-color);
  }

.m_1bfe9d39:checked:not(:disabled) {
    background-color: transparent;
    border-color: var(--radio-color);
  }

.m_1bfe9d39:checked:not(:disabled) + .m_f3ed6b2b {
      --radio-icon-color: var(--radio-color);
      --radio-icon-opacity: 1;
      --radio-icon-transform: none;
    }

.m_9dc8ae12 {
  --card-radius: var(--mantine-radius-default);

  display: block;
  width: 100%;
  border-radius: var(--card-radius);
  cursor: pointer;
}

  .m_9dc8ae12 :where(*) {
    cursor: inherit;
  }

  .m_9dc8ae12:where([data-with-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  }

  :where([data-mantine-color-scheme='light']) .m_9dc8ae12:where([data-with-border]) {
      border-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_9dc8ae12:where([data-with-border]) {
      border-color: var(--mantine-color-dark-4);
}

.m_717d7ff6 {
  --radio-size-xs: calc(1rem * var(--mantine-scale));
  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
  --radio-size-md: calc(1.5rem * var(--mantine-scale));
  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
  --radio-size-xl: calc(2.25rem * var(--mantine-scale));

  --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
  --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
  --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
  --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
  --radio-icon-size-xl: calc(1rem * var(--mantine-scale));

  --radio-icon-size: var(--radio-icon-size-sm);
  --radio-size: var(--radio-size-sm);
  --radio-color: var(--mantine-primary-color-filled);
  --radio-icon-color: var(--mantine-color-white);

  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--radio-size);
  min-width: var(--radio-size);
  height: var(--radio-size);
  min-height: var(--radio-size);
  border-radius: var(--radio-radius, 10000px);
  transition:
    border-color 100ms ease,
    background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

  :where([data-mantine-color-scheme='light']) .m_717d7ff6 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

  :where([data-mantine-color-scheme='dark']) .m_717d7ff6 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

  .m_717d7ff6[data-indeterminate],
  .m_717d7ff6[data-checked] {
    background-color: var(--radio-color);
    border-color: var(--radio-color);
  }

  .m_717d7ff6[data-indeterminate] > .m_3e4da632, .m_717d7ff6[data-checked] > .m_3e4da632 {
      opacity: 1;
      transform: none;
      color: var(--radio-icon-color);
    }

  .m_717d7ff6[data-disabled] {
    cursor: not-allowed;
    background-color: var(--mantine-color-disabled);
    border-color: var(--mantine-color-disabled-border);
  }

  .m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 {
      color: var(--mantine-color-disabled-color);
    }

.m_2980836c[data-indeterminate]:not([data-disabled]),
  .m_2980836c[data-checked]:not([data-disabled]) {
    background-color: transparent;
    border-color: var(--radio-color);
  }

.m_2980836c[data-indeterminate]:not([data-disabled]) > .m_3e4da632, .m_2980836c[data-checked]:not([data-disabled]) > .m_3e4da632 {
      color: var(--radio-color);
      opacity: 1;
      transform: none;
    }

.m_3e4da632 {
  display: block;
  width: var(--radio-icon-size);
  height: var(--radio-icon-size);
  color: transparent;
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 1;
  transition:
    transform 100ms ease,
    opacity 100ms ease;
}

.m_f8d312f2 {
  --rating-size-xs: calc(0.875rem * var(--mantine-scale));
  --rating-size-sm: calc(1.125rem * var(--mantine-scale));
  --rating-size-md: calc(1.25rem * var(--mantine-scale));
  --rating-size-lg: calc(1.75rem * var(--mantine-scale));
  --rating-size-xl: calc(2rem * var(--mantine-scale));

  display: flex;
  width: max-content;
}

  .m_f8d312f2:where(:has(input:disabled)) {
    pointer-events: none;
  }

.m_61734bb7 {
  position: relative;
  transition: transform 100ms ease;
}

.m_61734bb7:where([data-active]) {
    z-index: 1;
    transform: scale(1.1);
  }

.m_5662a89a {
  width: var(--rating-size);
  height: var(--rating-size);
  display: block;
}

:where([data-mantine-color-scheme='light']) .m_5662a89a {
    fill: var(--mantine-color-gray-3);
    stroke: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_5662a89a {
    fill: var(--mantine-color-dark-3);
    stroke: var(--mantine-color-dark-3);
}

.m_5662a89a:where([data-filled]) {
    fill: var(--rating-color);
    stroke: var(--rating-color);
  }

.m_211007ba {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
}

.m_211007ba:focus-visible + label {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.m_21342ee4 {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--rating-item-z-index, 0);
  -webkit-tap-highlight-color: transparent;
}

.m_21342ee4:where([data-read-only]) {
    cursor: default;
  }

.m_21342ee4:where(:last-of-type) {
    position: relative;
  }

.m_fae05d6a {
  clip-path: var(--rating-symbol-clip-path);
}

.m_1b3c8819 {
  --tooltip-radius: var(--mantine-radius-default);

  position: absolute;
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
  pointer-events: none;
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  border-radius: var(--tooltip-radius);
}

  :where([data-mantine-color-scheme='light']) .m_1b3c8819 {
    background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
    color: var(--tooltip-color, var(--mantine-color-white));
}

  :where([data-mantine-color-scheme='dark']) .m_1b3c8819 {
    background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
    color: var(--tooltip-color, var(--mantine-color-black));
}

  .m_1b3c8819:where([data-multiline]) {
    white-space: normal;
  }

  .m_1b3c8819:where([data-fixed]) {
    position: fixed;
  }

.m_f898399f {
  background-color: inherit;
  border: 0;
  z-index: 1;
}

.m_b32e4812 {
  position: relative;
  width: var(--rp-size);
  height: var(--rp-size);
  min-width: var(--rp-size);
  min-height: var(--rp-size);
  --rp-transition-duration: 0ms;
}

.m_d43b5134 {
  width: var(--rp-size);
  height: var(--rp-size);
  min-width: var(--rp-size);
  min-height: var(--rp-size);
  transform: rotate(-90deg);
}

.m_b1ca1fbf {
  stroke: var(--curve-color, var(--rp-curve-root-color));
  transition:
    stroke-dashoffset var(--rp-transition-duration) ease,
    stroke-dasharray var(--rp-transition-duration) ease,
    stroke var(--rp-transition-duration);
}

[data-mantine-color-scheme='light'] .m_b1ca1fbf {
    --rp-curve-root-color: var(--mantine-color-gray-2);
}

[data-mantine-color-scheme='dark'] .m_b1ca1fbf {
    --rp-curve-root-color: var(--mantine-color-dark-4);
}

.m_b23f9dc4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline: var(--rp-label-offset);
}

.m_cf365364 {
  --sc-padding-xs: calc(0.125rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
  --sc-padding-sm: calc(0.1875rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  --sc-padding-md: calc(0.25rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
  --sc-padding-lg: calc(0.4375rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
  --sc-padding-xl: calc(0.625rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));

  --sc-transition-duration: 200ms;
  --sc-padding: var(--sc-padding-sm);
  --sc-transition-timing-function: ease;
  --sc-font-size: var(--mantine-font-size-sm);

  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: auto;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  overflow: hidden;
  padding: calc(0.25rem * var(--mantine-scale));
}

  .m_cf365364:where([data-full-width]) {
    display: flex;
  }

  .m_cf365364:where([data-orientation='vertical']) {
    display: flex;
    flex-direction: column;
    width: max-content;
  }

  .m_cf365364:where([data-orientation='vertical']):where([data-full-width]) {
      width: auto;
    }

  :where([data-mantine-color-scheme='light']) .m_cf365364 {
    background-color: var(--mantine-color-gray-1);
}

  :where([data-mantine-color-scheme='dark']) .m_cf365364 {
    background-color: var(--mantine-color-dark-8);
}

.m_9e182ccd {
  position: absolute;
  display: block;
  z-index: 1;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
}

:where([data-mantine-color-scheme='light']) .m_9e182ccd {
    box-shadow: var(--sc-shadow, none);
    background-color: var(--sc-color, var(--mantine-color-white));
}

:where([data-mantine-color-scheme='dark']) .m_9e182ccd {
    box-shadow: none;
    background-color: var(--sc-color, var(--mantine-color-dark-5));
}

.m_1738fcb2 {
  -webkit-tap-highlight-color: transparent;
  font-weight: 500;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  font-size: var(--sc-font-size);
  padding: var(--sc-padding);
  transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
  cursor: pointer;

  /* outline is controlled by .input */
  outline: var(--segmented-control-outline, none);
}

:where([data-mantine-color-scheme='light']) .m_1738fcb2 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2 {
    color: var(--mantine-color-dark-1);
}

.m_1738fcb2:where([data-read-only]) {
    cursor: default;
  }

fieldset:disabled .m_1738fcb2,
  .m_1738fcb2:where([data-disabled]) {
    cursor: not-allowed;
    color: var(--mantine-color-disabled-color);
  }

:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active]) {
      color: var(--sc-label-color, var(--mantine-color-black));
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active]) {
      color: var(--sc-label-color, var(--mantine-color-white));
}

.m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active])::before {
        display: none;
      }

.m_1738fcb2:where([data-active])::before {
      content: '';
      inset: 0;
      z-index: 0;
      position: absolute;
      border-radius: var(--sc-radius, var(--mantine-radius-default));
}

:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before {
        box-shadow: var(--sc-shadow, none);
        background-color: var(--sc-color, var(--mantine-color-white));
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active])::before {
        box-shadow: none;
        background-color: var(--sc-color, var(--mantine-color-dark-5));
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
        color: var(--mantine-color-black);
  }

      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
        color: var(--mantine-color-white);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
        color: var(--mantine-color-black);
  }

      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
        color: var(--mantine-color-white);
  }
}

@media (hover: hover) {

  fieldset:disabled .m_1738fcb2:hover {
      color: var(--mantine-color-disabled-color) !important;
  }
}

@media (hover: none) {

  fieldset:disabled .m_1738fcb2:active {
      color: var(--mantine-color-disabled-color) !important;
  }
}

.m_1714d588 {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
}

.m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
      }

.m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
      }

.m_69686b9b {
  position: relative;
  flex: 1;
  z-index: 2;
  transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
}

.m_cf365364[data-with-items-borders] :where(.m_69686b9b)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    background-color: var(--separator-color);
    width: calc(0.0625rem * var(--mantine-scale));
    transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
  }

.m_69686b9b[data-orientation='vertical']::before {
      top: 0;
      inset-inline: 0;
      bottom: auto;
      height: calc(0.0625rem * var(--mantine-scale));
      width: auto;
    }

:where([data-mantine-color-scheme='light']) .m_69686b9b {
    --separator-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_69686b9b {
    --separator-color: var(--mantine-color-dark-4);
}

.m_69686b9b:first-of-type::before {
      --separator-color: transparent;
    }

[data-mantine-color-scheme] .m_69686b9b[data-active]::before, [data-mantine-color-scheme] .m_69686b9b[data-active] + .m_69686b9b::before {
          --separator-color: transparent;
        }

.m_78882f40 {
  position: relative;
  z-index: 2;
}

.m_fa528724 {
  --scp-filled-segment-color: var(--mantine-primary-color-filled);
  --scp-transition-duration: 0ms;
  --scp-thickness: calc(0.625rem * var(--mantine-scale));
}

  :where([data-mantine-color-scheme='light']) .m_fa528724 {
    --scp-empty-segment-color: var(--mantine-color-gray-2);
}

  :where([data-mantine-color-scheme='dark']) .m_fa528724 {
    --scp-empty-segment-color: var(--mantine-color-dark-4);
}

  .m_fa528724 {

  position: relative;
  width: fit-content;
}

.m_62e9e7e2 {
  display: block;
  transform: var(--scp-rotation);
  overflow: hidden;
}

.m_c573fb6f {
  transition:
    stroke-dashoffset var(--scp-transition-duration) ease,
    stroke-dasharray var(--scp-transition-duration) ease,
    stroke var(--scp-transition-duration);
}

.m_4fa340f2 {
  position: absolute;
  margin: 0;
  padding: 0;
  inset-inline: 0;
  text-align: center;
  z-index: 1;
}

.m_4fa340f2:where([data-position='bottom']) {
    bottom: 0;
    padding-inline: calc(var(--scp-thickness) * 2);
  }

.m_4fa340f2:where([data-position='bottom']):where([data-orientation='down']) {
      bottom: auto;
      top: 0;
    }

.m_4fa340f2:where([data-position='center']) {
    top: 50%;
    padding-inline: calc(var(--scp-thickness) * 3);
  }

.m_925c2d2c {
  container: simple-grid / inline-size;
}

.m_2415a157 {
  display: grid;
  grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
  gap: var(--sg-spacing-y) var(--sg-spacing-x);
}

@keyframes m_299c329c {
  0%,
  100% {
    opacity: 0.4;
  }

  50% {
    opacity: 1;
  }
}

.m_18320242 {
  height: var(--skeleton-height, auto);
  width: var(--skeleton-width, 100%);
  border-radius: var(--skeleton-radius, var(--mantine-radius-default));
  position: relative;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.m_18320242:where([data-animate])::after {
    animation: m_299c329c 1500ms linear infinite;
  }

.m_18320242:where([data-visible]) {
    overflow: hidden;
  }

.m_18320242:where([data-visible])::before {
      position: absolute;
      content: '';
      inset: 0;
      z-index: 10;
      background-color: var(--mantine-color-body);
    }

.m_18320242:where([data-visible])::after {
      position: absolute;
      content: '';
      inset: 0;
      z-index: 11;
    }

:where([data-mantine-color-scheme='light']) .m_18320242:where([data-visible])::after {
        background-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_18320242:where([data-visible])::after {
        background-color: var(--mantine-color-dark-4);
}

.m_dd36362e {
  --slider-size-xs: calc(0.25rem * var(--mantine-scale));
  --slider-size-sm: calc(0.375rem * var(--mantine-scale));
  --slider-size-md: calc(0.5rem * var(--mantine-scale));
  --slider-size-lg: calc(0.625rem * var(--mantine-scale));
  --slider-size-xl: calc(0.75rem * var(--mantine-scale));

  --slider-size: var(--slider-size-md);
  --slider-radius: calc(62.5rem * var(--mantine-scale));
  --slider-color: var(--mantine-primary-color-filled);
  --slider-track-disabled-bg: var(--mantine-color-disabled);

  -webkit-tap-highlight-color: transparent;
  outline: none;
  height: calc(var(--slider-size) * 2);
  padding-inline: var(--slider-size);
  display: flex;
  flex-direction: column;
  align-items: center;
  touch-action: none;
  position: relative;
}

  [data-mantine-color-scheme='light'] .m_dd36362e {
    --slider-track-bg: var(--mantine-color-gray-2);
}

  [data-mantine-color-scheme='dark'] .m_dd36362e {
    --slider-track-bg: var(--mantine-color-dark-4);
}

.m_c9357328 {
  position: absolute;
  top: calc(-2.25rem * var(--mantine-scale));
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-white);
  padding: calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  touch-action: none;
}

:where([data-mantine-color-scheme='light']) .m_c9357328 {
    background-color: var(--mantine-color-gray-9);
}

:where([data-mantine-color-scheme='dark']) .m_c9357328 {
    background-color: var(--mantine-color-dark-4);
}

.m_c9a9a60a {
  position: absolute;
  display: flex;
  height: var(--slider-thumb-size);
  width: var(--slider-thumb-size);
  border: calc(0.25rem * var(--mantine-scale)) solid;
  transform: translate(-50%, -50%);
  top: 50%;
  cursor: pointer;
  border-radius: var(--slider-radius);
  align-items: center;
  justify-content: center;
  transition:
    box-shadow 100ms ease,
    transform 100ms ease;
  z-index: 3;
  user-select: none;
  touch-action: none;
  outline-offset: calc(0.125rem * var(--mantine-scale));
  left: var(--slider-thumb-offset);
}

:where([dir="rtl"]) .m_c9a9a60a {
    left: auto;
    right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
}

fieldset:disabled .m_c9a9a60a,
  .m_c9a9a60a:where([data-disabled]) {
    display: none;
  }

.m_c9a9a60a:where([data-dragging]) {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: var(--mantine-shadow-sm);
  }

:where([data-mantine-color-scheme='light']) .m_c9a9a60a {
    color: var(--slider-color);
    border-color: var(--slider-color);
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_c9a9a60a {
    color: var(--mantine-color-white);
    border-color: var(--mantine-color-white);
    background-color: var(--slider-color);
}

.m_a8645c2 {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(var(--slider-size) * 2);
  cursor: pointer;
}

fieldset:disabled .m_a8645c2,
  .m_a8645c2:where([data-disabled]) {
    cursor: not-allowed;
  }

.m_c9ade57f {
  position: relative;
  width: 100%;
  height: var(--slider-size);
}

.m_c9ade57f:where([data-inverted]:not([data-disabled])) {
    --track-bg: var(--slider-color);
  }

fieldset:disabled .m_c9ade57f:where([data-inverted]),
  .m_c9ade57f:where([data-inverted][data-disabled]) {
    --track-bg: var(--slider-track-disabled-bg);
  }

.m_c9ade57f::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: var(--slider-radius);
    inset-inline: calc(var(--slider-size) * -1);
    background-color: var(--track-bg, var(--slider-track-bg));
    z-index: 0;
  }

.m_38aeed47 {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  background-color: var(--slider-color);
  border-radius: var(--slider-radius);
  width: var(--slider-bar-width);
  inset-inline-start: var(--slider-bar-offset);
}

.m_38aeed47:where([data-inverted]) {
    background-color: var(--slider-track-bg);
  }

fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
  .m_38aeed47:where([data-disabled]:not([data-inverted])) {
    background-color: var(--mantine-color-disabled-color);
  }

.m_b7b0423a {
  position: absolute;
  inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2);
  top: 0;
  z-index: 2;
  height: 0;
  pointer-events: none;
}

.m_dd33bc19 {
  border: calc(0.125rem * var(--mantine-scale)) solid;
  height: var(--slider-size);
  width: var(--slider-size);
  border-radius: calc(62.5rem * var(--mantine-scale));
  background-color: var(--mantine-color-white);
  pointer-events: none;
}

:where([data-mantine-color-scheme='light']) .m_dd33bc19 {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_dd33bc19 {
    border-color: var(--mantine-color-dark-4);
}

.m_dd33bc19:where([data-filled]) {
    border-color: var(--slider-color);
  }

.m_dd33bc19:where([data-filled]):where([data-disabled]) {
      border-color: var(--mantine-color-disabled-border);
    }

.m_68c77a5b {
  transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}

:where([data-mantine-color-scheme='light']) .m_68c77a5b {
    color: var(--mantine-color-gray-6);
}

:where([data-mantine-color-scheme='dark']) .m_68c77a5b {
    color: var(--mantine-color-dark-2);
}

.m_559cce2d {
  position: relative;
}

  .m_559cce2d:where([data-has-spoiler]) {
    margin-bottom: calc(1.5rem * var(--mantine-scale));
  }

.m_b912df4e {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height var(--spoiler-transition-duration, 200ms) ease;
}

.m_b9131032 {
  position: absolute;
  inset-inline-start: 0;
  top: 100%;
  height: calc(1.5rem * var(--mantine-scale));
}

.m_6d731127 {
  display: flex;
  flex-direction: column;
  align-items: var(--stack-align, stretch);
  justify-content: var(--stack-justify, flex-start);
  gap: var(--stack-gap, var(--mantine-spacing-md));
}

.m_cbb4ea7e {
  --stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale));
  --stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale));
  --stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));
  --stepper-icon-size-lg: calc(3rem * var(--mantine-scale));
  --stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale));

  --stepper-icon-size: var(--stepper-icon-size-md);
  --stepper-color: var(--mantine-primary-color-filled);
  --stepper-content-padding: var(--mantine-spacing-md);
  --stepper-spacing: var(--mantine-spacing-md);
  --stepper-radius: calc(62.5rem * var(--mantine-scale));
  --stepper-fz: var(--mantine-font-size-md);
  --stepper-outline-thickness: calc(0.125rem * var(--mantine-scale));
}

  [data-mantine-color-scheme='light'] .m_cbb4ea7e {
    --stepper-outline-color: var(--mantine-color-gray-2);
}

  [data-mantine-color-scheme='dark'] .m_cbb4ea7e {
    --stepper-outline-color: var(--mantine-color-dark-5);
}

.m_aaf89d0b {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.m_aaf89d0b:where([data-wrap]) {
    flex-wrap: wrap;
    gap: var(--mantine-spacing-md) 0;
  }

.m_aaf89d0b:where([data-orientation='vertical']) {
    flex-direction: column;
  }

.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) {
      align-items: flex-start;
    }

.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) {
      align-items: flex-end;
    }

.m_aaf89d0b:where([data-orientation='horizontal']) {
    flex-direction: row;
  }

.m_2a371ac9 {
  transition: background-color 150ms ease;
  flex: 1;
  height: var(--stepper-outline-thickness);
  margin-inline: var(--mantine-spacing-md);
  background-color: var(--stepper-outline-color);
}

.m_2a371ac9:where([data-active]) {
    background-color: var(--stepper-color);
  }

.m_78da155d {
  padding-top: var(--stepper-content-padding);
}

.m_cbb57068 {
  --step-color: var(--stepper-color);

  display: flex;
  cursor: default;
}

.m_cbb57068:where([data-allow-click]) {
    cursor: pointer;
  }

.m_cbb57068:where([data-icon-position='left']) {
    flex-direction: row;
  }

.m_cbb57068:where([data-icon-position='right']) {
    flex-direction: row-reverse;
  }

.m_f56b1e2c {
  align-items: center;
}

.m_833edb7e {
  --separator-spacing: calc(var(--mantine-spacing-xs) / 2);

  justify-content: flex-start;
  min-height: calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing));
  margin-top: var(--separator-spacing);
  overflow: hidden;
}

.m_833edb7e:where(:first-of-type) {
    margin-top: 0;
  }

.m_833edb7e:where(:last-of-type) {
    min-height: auto;
  }

.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
      display: none;
    }

.m_818e70b {
  position: relative;
}

.m_6496b3f3 {
  top: calc(var(--stepper-icon-size) + var(--separator-spacing));
  inset-inline-start: calc(var(--stepper-icon-size) / 2);
  height: 100vh;
  position: absolute;
  border-inline-start: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
}

.m_6496b3f3:where([data-active]) {
    border-color: var(--stepper-color);
  }

.m_1959ad01 {
  height: var(--stepper-icon-size);
  width: var(--stepper-icon-size);
  min-height: var(--stepper-icon-size);
  min-width: var(--stepper-icon-size);
  border-radius: var(--stepper-radius);
  font-size: var(--stepper-fz);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: bold;
  transition:
    background-color 150ms ease,
    border-color 150ms ease;
  border: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
  background-color: var(--stepper-outline-color);
}

:where([data-mantine-color-scheme='light']) .m_1959ad01 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_1959ad01 {
    color: var(--mantine-color-dark-1);
}

.m_1959ad01:where([data-progress]) {
    border-color: var(--step-color);
  }

.m_1959ad01:where([data-completed]) {
    color: var(--stepper-icon-color, var(--mantine-color-white));
    background-color: var(--step-color);
    border-color: var(--step-color);
  }

.m_a79331dc {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--stepper-icon-color, var(--mantine-color-white));
}

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

.m_1956aa2a:where([data-icon-position='left']) {
    margin-inline-start: var(--mantine-spacing-sm);
  }

.m_1956aa2a:where([data-icon-position='right']) {
    text-align: right;
    margin-inline-end: var(--mantine-spacing-sm);
  }

:where([dir="rtl"]) .m_1956aa2a:where([data-icon-position='right']) {
      text-align: left;
}

.m_12051f6c {
  font-weight: 500;
  font-size: var(--stepper-fz);
  line-height: 1;
}

.m_164eea74 {
  margin-top: calc(var(--stepper-spacing) / 3);
  margin-bottom: calc(var(--stepper-spacing) / 3);
  font-size: calc(var(--stepper-fz) - calc(0.125rem * var(--mantine-scale)));
  line-height: 1;
  color: var(--mantine-color-dimmed);
}

.m_5f93f3bb {
  --switch-height-xs: calc(1rem * var(--mantine-scale));
  --switch-height-sm: calc(1.25rem * var(--mantine-scale));
  --switch-height-md: calc(1.5rem * var(--mantine-scale));
  --switch-height-lg: calc(1.875rem * var(--mantine-scale));
  --switch-height-xl: calc(2.25rem * var(--mantine-scale));

  --switch-width-xs: calc(2rem * var(--mantine-scale));
  --switch-width-sm: calc(2.375rem * var(--mantine-scale));
  --switch-width-md: calc(2.875rem * var(--mantine-scale));
  --switch-width-lg: calc(3.5rem * var(--mantine-scale));
  --switch-width-xl: calc(4.5rem * var(--mantine-scale));

  --switch-thumb-size-xs: calc(0.75rem * var(--mantine-scale));
  --switch-thumb-size-sm: calc(0.875rem * var(--mantine-scale));
  --switch-thumb-size-md: calc(1.125rem * var(--mantine-scale));
  --switch-thumb-size-lg: calc(1.375rem * var(--mantine-scale));
  --switch-thumb-size-xl: calc(1.75rem * var(--mantine-scale));

  --switch-label-font-size-xs: calc(0.3125rem * var(--mantine-scale));
  --switch-label-font-size-sm: calc(0.375rem * var(--mantine-scale));
  --switch-label-font-size-md: calc(0.4375rem * var(--mantine-scale));
  --switch-label-font-size-lg: calc(0.5625rem * var(--mantine-scale));
  --switch-label-font-size-xl: calc(0.6875rem * var(--mantine-scale));

  --switch-track-label-padding-xs: calc(0.125rem * var(--mantine-scale));
  --switch-track-label-padding-sm: calc(0.15625rem * var(--mantine-scale));
  --switch-track-label-padding-md: calc(0.1875rem * var(--mantine-scale));
  --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
  --switch-track-label-padding-xl: calc(0.21875rem * var(--mantine-scale));

  --switch-height: var(--switch-height-sm);
  --switch-width: var(--switch-width-sm);
  --switch-thumb-size: var(--switch-thumb-size-sm);
  --switch-label-font-size: var(--switch-label-font-size-sm);
  --switch-track-label-padding: var(--switch-track-label-padding-sm);
  --switch-radius: calc(62.5rem * var(--mantine-scale));
  --switch-color: var(--mantine-primary-color-filled);
  --switch-disabled-color: var(--mantine-color-disabled);

  position: relative;
}

.m_926b4011 {
  height: 0;
  width: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
}

.m_9307d992 {
  -webkit-tap-highlight-color: transparent;
  cursor: var(--switch-cursor, var(--mantine-cursor-type));
  overflow: hidden;
  position: relative;
  border-radius: var(--switch-radius);
  background-color: var(--switch-bg);
  height: var(--switch-height);
  min-width: var(--switch-width);
  margin: 0;
  transition:
    background-color 150ms ease,
    border-color 150ms ease;
  appearance: none;
  display: flex;
  align-items: center;
  font-size: var(--switch-label-font-size);
  font-weight: 600;
  order: var(--switch-order, 1);
  user-select: none;
  z-index: 0;
  line-height: 0;
  color: var(--switch-text-color);
}

.m_9307d992:where([data-without-labels]) {
    width: var(--switch-width);
  }

.m_926b4011:focus-visible + .m_9307d992 {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.m_926b4011:checked + .m_9307d992 {
    --switch-bg: var(--switch-color);
    --switch-text-color: var(--mantine-color-white);
  }

.m_926b4011:disabled + .m_9307d992,
  .m_926b4011[data-disabled] + .m_9307d992 {
    --switch-bg: var(--switch-disabled-color);
    --switch-cursor: not-allowed;
  }

[data-mantine-color-scheme='light'] .m_9307d992 {
    --switch-bg: var(--mantine-color-gray-3);
    --switch-text-color: var(--mantine-color-gray-6);
}

[data-mantine-color-scheme='dark'] .m_9307d992 {
    --switch-bg: var(--mantine-color-dark-5);
    --switch-text-color: var(--mantine-color-dark-1);
}

.m_9307d992[data-label-position='left'] {
    --switch-order: 2;
  }

.m_93039a1d {
  position: absolute;
  z-index: 1;
  border-radius: var(--switch-radius);
  display: flex;
  background-color: var(--switch-thumb-bg, var(--mantine-color-white));
  height: var(--switch-thumb-size);
  width: var(--switch-thumb-size);
  inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
  transition: inset-inline-start 150ms ease;
}

.m_93039a1d:where([data-with-thumb-indicator])::before {
    content: '';
    width: 40%;
    height: 40%;
    background-color: var(--switch-bg);
    position: absolute;
    border-radius: var(--switch-radius);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.m_93039a1d > * {
    margin: auto;
  }

.m_926b4011:checked + * > .m_93039a1d {
    --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
  }

.m_926b4011:disabled + * > .m_93039a1d,
  .m_926b4011[data-disabled] + * > .m_93039a1d {
    --switch-thumb-bg: var(--switch-thumb-bg-disabled);
  }

[data-mantine-color-scheme='light'] .m_93039a1d {
    --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
}

[data-mantine-color-scheme='dark'] .m_93039a1d {
    --switch-thumb-bg-disabled: var(--mantine-color-dark-3);
}

.m_8277e082 {
  height: 100%;
  display: grid;
  place-content: center;
  min-width: calc(var(--switch-width) - var(--switch-thumb-size));
  padding-inline: var(--switch-track-label-padding);
  margin-inline-start: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
  transition: margin 150ms ease;
}

.m_926b4011:checked + * > .m_8277e082 {
    margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
    margin-inline-start: 0;
  }

.m_b23fa0ef {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: var(--mantine-line-height);
  font-size: var(--mantine-font-size-sm);
  table-layout: var(--table-layout, auto);
  caption-side: var(--table-caption-side, bottom);
  border: none;
}

  :where([data-mantine-color-scheme='light']) .m_b23fa0ef {
    --table-hover-color: var(--mantine-color-gray-1);
    --table-striped-color: var(--mantine-color-gray-0);
    --table-border-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef {
    --table-hover-color: var(--mantine-color-dark-5);
    --table-striped-color: var(--mantine-color-dark-6);
    --table-border-color: var(--mantine-color-dark-4);
}

  .m_b23fa0ef:where([data-with-table-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

  .m_b23fa0ef:where([data-tabular-nums]) {
    font-variant-numeric: tabular-nums;
  }

  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
    font-weight: 500;
  }

  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
      background-color: var(--mantine-color-gray-0);
}

  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
      background-color: var(--mantine-color-dark-6);
}

.m_4e7aa4f3 {
  text-align: left;
}

:where([dir="rtl"]) .m_4e7aa4f3 {
    text-align: right;
}

.m_4e7aa4fd {
  border-bottom: none;
  background-color: transparent;
}

@media (hover: hover) {
    .m_4e7aa4fd:hover:where([data-hover]) {
      background-color: var(--tr-hover-bg);
    }
}

@media (hover: none) {
    .m_4e7aa4fd:active:where([data-hover]) {
      background-color: var(--tr-hover-bg);
    }
}

.m_4e7aa4fd:where([data-with-row-border]) {
    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_4e7aa4ef,
.m_4e7aa4f3 {
  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
}

.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
    border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
    border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
      border-bottom: none;
    }

.m_b2404537 > :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
      background-color: var(--table-striped-color);
    }

.m_b2404537 > :where(tr):where([data-striped='even']:nth-of-type(even)) {
      background-color: var(--table-striped-color);
    }

.m_b2404537 > :where(tr)[data-hover] {
      --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
    }

.m_b242d975 {
  top: var(--table-sticky-header-offset, 0);
  z-index: 3;
}

.m_b242d975:where([data-sticky]) {
    position: sticky;
  }

.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
      position: sticky;
      top: var(--table-sticky-header-offset, 0);
      background-color: var(--mantine-color-body);
    }

:where([data-with-table-border]) .m_b242d975[data-sticky] {
  position: sticky;
  top: var(--table-sticky-header-offset, 0);
  z-index: 4;
  border-top: none;
}

:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: calc(-0.03125rem * var(--mantine-scale));
  width: 100%;
  height: calc(0.0625rem * var(--mantine-scale));
  background-color: var(--table-border-color);
  z-index: 5;
}

:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
  border-top: none;
}

.m_9e5a3ac7 {
  color: var(--mantine-color-dimmed);
}

.m_9e5a3ac7:where([data-side='top']) {
    margin-bottom: var(--mantine-spacing-xs);
  }

.m_9e5a3ac7:where([data-side='bottom']) {
    margin-top: var(--mantine-spacing-xs);
  }

.m_a100c15 {
  overflow-x: var(--table-overflow);
}

.m_62259741 {
  min-width: var(--table-min-width);
  max-height: var(--table-max-height);
}

.m_bcaa9990 {
  display: flex;
  flex-direction: column;
  --toc-depth-offset: 0.8em;
}

.m_375a65ef {
  display: block;
  padding: 0.3em 0.8em;
  font-size: var(--toc-size, var(--mantine-font-size-md));
  border-radius: var(--toc-radius, var(--mantine-radius-default));
  padding-left: max(calc(var(--depth-offset) * var(--toc-depth-offset)), 0.8em);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
        background-color: var(--mantine-color-gray-1);
  }

      :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
        background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
        background-color: var(--mantine-color-gray-1);
  }

      :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
        background-color: var(--mantine-color-dark-5);
  }
}

.m_375a65ef:where([data-active]) {
    background-color: var(--toc-bg);
    color: var(--toc-color);
  }

[data-mantine-color-scheme='light'] .m_89d60db1 {
    --tab-border-color: var(--mantine-color-gray-3);
}
  [data-mantine-color-scheme='dark'] .m_89d60db1 {
    --tab-border-color: var(--mantine-color-dark-4);
}
  .m_89d60db1 {

  display: var(--tabs-display);
  flex-direction: var(--tabs-flex-direction);

  --tabs-list-direction: row;
  --tabs-panel-grow: unset;
  --tabs-display: block;
  --tabs-flex-direction: row;
  --tabs-list-border-width: 0;
  --tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0;
  --tabs-list-gap: unset;

  --tabs-list-line-bottom: 0;
  --tabs-list-line-top: unset;
  --tabs-list-line-start: 0;
  --tabs-list-line-end: 0;

  --tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
  --tab-border-width: 0 0 var(--tabs-list-border-width) 0;
}

  .m_89d60db1[data-inverted] {
    --tabs-list-line-bottom: unset;
    --tabs-list-line-top: 0;
    --tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
    --tab-border-width: var(--tabs-list-border-width) 0 0 0;
  }

  .m_89d60db1[data-inverted] .m_576c9d4::before {
      top: 0;
      bottom: unset;
    }

  .m_89d60db1[data-orientation='vertical'] {
    --tabs-list-line-start: unset;
    --tabs-list-line-end: 0;
    --tabs-list-line-top: 0;
    --tabs-list-line-bottom: 0;
    --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
    --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
    --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
    --tabs-list-direction: column;
    --tabs-panel-grow: 1;
    --tabs-display: flex;
  }

  [dir="rtl"] .m_89d60db1[data-orientation='vertical'] {
      --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
      --tab-border-width: 0 0 0 var(--tabs-list-border-width);
      --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
}

  .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
      --tabs-flex-direction: row-reverse;
      --tabs-list-line-start: 0;
      --tabs-list-line-end: unset;
      --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
      --tab-border-width: 0 0 0 var(--tabs-list-border-width);
      --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
    }

  [dir="rtl"] .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
        --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
        --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
        --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
}

  .m_89d60db1[data-variant='default'] {
    --tabs-list-border-width: calc(0.125rem * var(--mantine-scale));
  }

  [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='default'] {
      --tab-hover-color: var(--mantine-color-gray-0);
}

  [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='default'] {
      --tab-hover-color: var(--mantine-color-dark-6);
}

  .m_89d60db1[data-variant='outline'] {
    --tabs-list-border-width: calc(0.0625rem * var(--mantine-scale));
  }

  .m_89d60db1[data-variant='pills'] {
    --tabs-list-gap: calc(var(--mantine-spacing-sm) / 2);
  }

  [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='pills'] {
      --tab-hover-color: var(--mantine-color-gray-0);
}

  [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='pills'] {
      --tab-hover-color: var(--mantine-color-dark-6);
}

.m_89d33d6d {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--tabs-justify, flex-start);
  flex-direction: var(--tabs-list-direction);
  gap: var(--tabs-list-gap);
}

.m_89d33d6d:where([data-grow]) .m_4ec4dce6 {
    flex: 1;
  }

.m_b0c91715 {
  flex-grow: var(--tabs-panel-grow);
}

.m_4ec4dce6 {
  position: relative;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  z-index: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  user-select: none;
}

.m_4ec4dce6:where(:disabled, [data-disabled]) {
    opacity: 0.5;
    cursor: not-allowed;
  }

.m_4ec4dce6:focus {
    z-index: 1;
  }

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

.m_fc420b1f:where([data-position='left']:not(:only-child)) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_fc420b1f:where([data-position='right']:not(:only-child)) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_42bbd1ae {
  flex: 1;
  text-align: center;
}

/*************************************** default variant ***************************************/
.m_576c9d4 {
  position: relative;
}
.m_576c9d4::before {
    content: '';
    position: absolute;
    border: 1px solid var(--tab-border-color);
    bottom: var(--tabs-list-line-bottom);
    inset-inline-start: var(--tabs-list-line-start);
    inset-inline-end: var(--tabs-list-line-end);
    top: var(--tabs-list-line-top);
  }

.m_539e827b {
  border-radius: var(--tab-radius);
  border-width: var(--tab-border-width);
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
}

.m_539e827b:where([data-active]) {
    border-color: var(--tabs-color);
  }

@media (hover: hover) {
    .m_539e827b:hover {
    background-color: var(--tab-hover-color);
    }

    .m_539e827b:hover:where(:not([data-active])) {
      border-color: var(--tab-border-color);
    }
}

@media (hover: none) {
    .m_539e827b:active {
    background-color: var(--tab-hover-color);
    }

    .m_539e827b:active:where(:not([data-active])) {
      border-color: var(--tab-border-color);
    }
}

@media (hover: hover) {
    .m_539e827b:disabled:hover, .m_539e827b[data-disabled]:hover {
      background-color: transparent;
    }
}

@media (hover: none) {
    .m_539e827b:disabled:active, .m_539e827b[data-disabled]:active {
      background-color: transparent;
    }
}

/*************************************** outline variant ***************************************/
.m_6772fbd5 {
  position: relative;
}
.m_6772fbd5::before {
    content: '';
    position: absolute;
    border-color: var(--tab-border-color);
    border-width: var(--tabs-list-border-size);
    border-style: solid;
    bottom: var(--tabs-list-line-bottom);
    inset-inline-start: var(--tabs-list-line-start);
    inset-inline-end: var(--tabs-list-line-end);
    top: var(--tabs-list-line-top);
  }

.m_b59ab47c {
  border-top: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-right: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-left: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-top-color: var(--tab-border-top-color);
  border-bottom-color: var(--tab-border-bottom-color);
  border-radius: var(--tab-radius);
  position: relative;

  --tab-border-bottom-color: transparent;
  --tab-border-top-color: transparent;
  --tab-border-inline-end-color: transparent;
  --tab-border-inline-start-color: transparent;
}

.m_b59ab47c:where([data-active])::before {
      content: '';
      position: absolute;
      background-color: var(--tab-border-color);
      bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale)));
      left: var(--tab-before-left, calc(-0.0625rem * var(--mantine-scale)));
      right: var(--tab-before-right, auto);
      top: var(--tab-before-top, auto);
      width: calc(0.0625rem * var(--mantine-scale));
      height: calc(0.0625rem * var(--mantine-scale));
    }

.m_b59ab47c:where([data-active])::after {
      content: '';
      position: absolute;
      background-color: var(--tab-border-color);
      bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale)));
      right: var(--tab-after-right, calc(-0.0625rem * var(--mantine-scale)));
      left: var(--tab-after-left, auto);
      top: var(--tab-after-top, auto);
      width: calc(0.0625rem * var(--mantine-scale));
      height: calc(0.0625rem * var(--mantine-scale));
    }

.m_b59ab47c:where([data-active]) {

    border-top-color: var(--tab-border-top-color);
    border-bottom-color: var(--tab-border-bottom-color);
    border-inline-start-color: var(--tab-border-inline-start-color);
    border-inline-end-color: var(--tab-border-inline-end-color);

    --tab-border-top-color: var(--tab-border-color);
    --tab-border-inline-start-color: var(--tab-border-color);
    --tab-border-inline-end-color: var(--tab-border-color);
    --tab-border-bottom-color: var(--mantine-color-body);
}

.m_b59ab47c:where([data-active])[data-inverted] {
      --tab-border-bottom-color: var(--tab-border-color);
      --tab-border-top-color: var(--mantine-color-body);

      --tab-before-bottom: auto;
      --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
      --tab-after-bottom: auto;
      --tab-after-top: calc(-0.0625rem * var(--mantine-scale));
    }

.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
        --tab-border-inline-end-color: var(--mantine-color-body);
        --tab-border-inline-start-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--tab-border-color);

        --tab-before-right: calc(-0.0625rem * var(--mantine-scale));
        --tab-before-left: auto;
        --tab-before-bottom: auto;
        --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
        --tab-after-left: auto;
        --tab-after-right: calc(-0.0625rem * var(--mantine-scale));
      }

[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
          --tab-before-right: auto;
          --tab-before-left: calc(-0.0625rem * var(--mantine-scale));
          --tab-after-left: calc(-0.0625rem * var(--mantine-scale));
          --tab-after-right: auto;
}

.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
        --tab-border-inline-start-color: var(--mantine-color-body);
        --tab-border-inline-end-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--tab-border-color);

        --tab-before-left: calc(-0.0625rem * var(--mantine-scale));
        --tab-before-right: auto;
        --tab-before-bottom: auto;
        --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
        --tab-after-right: auto;
        --tab-after-left: calc(-0.0625rem * var(--mantine-scale));
      }

[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
          --tab-before-left: auto;
          --tab-before-right: calc(-0.0625rem * var(--mantine-scale));
          --tab-after-right: calc(-0.0625rem * var(--mantine-scale));
          --tab-after-left: auto;
}

/*************************************** pills variant ***************************************/
.m_c3381914 {
  border-radius: var(--tabs-radius);
  background-color: var(--tab-bg);
  color: var(--tab-color);

  --tab-bg: transparent;
  --tab-color: inherit;
}
@media (hover: hover) {
    .m_c3381914:not([data-disabled]):hover {
      --tab-bg: var(--tab-hover-color);
    }
}
@media (hover: none) {
    .m_c3381914:not([data-disabled]):active {
      --tab-bg: var(--tab-hover-color);
    }
}
.m_c3381914[data-active][data-active] {
    --tab-bg: var(--tabs-color);
    --tab-color: var(--tabs-text-color, var(--mantine-color-white));
  }
@media (hover: hover) {
    .m_c3381914[data-active][data-active]:hover {
      --tab-bg: var(--tabs-color);
    }
}
@media (hover: none) {
    .m_c3381914[data-active][data-active]:active {
      --tab-bg: var(--tabs-color);
    }
}

.m_7341320d {
  --ti-size-xs: calc(1.125rem * var(--mantine-scale));
  --ti-size-sm: calc(1.375rem * var(--mantine-scale));
  --ti-size-md: calc(1.75rem * var(--mantine-scale));
  --ti-size-lg: calc(2.125rem * var(--mantine-scale));
  --ti-size-xl: calc(2.75rem * var(--mantine-scale));
  --ti-size: var(--ti-size-md);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;

  width: var(--ti-size);
  height: var(--ti-size);
  min-width: var(--ti-size);
  min-height: var(--ti-size);
  border-radius: var(--ti-radius, var(--mantine-radius-default));
  background: var(--ti-bg, var(--mantine-primary-color-filled));
  color: var(--ti-color, var(--mantine-color-white));
  border: var(--ti-bd, 1px solid transparent);
}

.m_43657ece {
  --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
  --tl-bullet-size: calc(1.25rem * var(--mantine-scale));
  --tl-line-width: calc(0.25rem * var(--mantine-scale));
  --tl-radius: calc(62.5rem * var(--mantine-scale));
  --tl-color: var(--mantine-primary-color-filled);
}

  .m_43657ece:where([data-align='left']) {
    padding-inline-start: var(--offset);
  }

  .m_43657ece:where([data-align='right']) {
    padding-inline-end: var(--offset);
  }

.m_2ebe8099 {
  font-weight: 500;
  line-height: 1;
  margin-bottom: calc(var(--mantine-spacing-xs) / 2);
}

.m_436178ff {
  --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color);

  position: relative;
  color: var(--mantine-color-text);
}

.m_436178ff::before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    left: var(--timeline-line-left, 0);
    right: var(--timeline-line-right, 0);
    bottom: calc(var(--mantine-spacing-xl) * -1);
    border-inline-start: var(--item-border);
    display: var(--timeline-line-display, none);
  }

.m_43657ece[data-align='left'] .m_436178ff::before {
      --timeline-line-left: calc(var(--tl-line-width) * -1);
      --timeline-line-right: auto;
    }

[dir="rtl"] .m_43657ece[data-align='left'] .m_436178ff::before {
        --timeline-line-left: auto;
        --timeline-line-right: calc(var(--tl-line-width) * -1);
}

.m_43657ece[data-align='right'] .m_436178ff::before {
      --timeline-line-left: auto;
      --timeline-line-right: calc(var(--tl-line-width) * -1);
    }

[dir="rtl"] .m_43657ece[data-align='right'] .m_436178ff::before {
        --timeline-line-left: calc(var(--tl-line-width) * -1);
        --timeline-line-right: auto;
}

.m_43657ece:where([data-align='left']) .m_436178ff {
    padding-inline-start: var(--offset);
    text-align: left;
  }

.m_43657ece:where([data-align='right']) .m_436178ff {
    padding-inline-end: var(--offset);
    text-align: right;
  }

:where([data-mantine-color-scheme='light']) .m_436178ff {
    --item-border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_436178ff {
    --item-border-color: var(--mantine-color-dark-4);
}

.m_436178ff:where([data-line-active])::before {
      border-color: var(--tli-color, var(--tl-color));
    }

.m_436178ff:where(:not(:last-of-type)) {
    --timeline-line-display: block;
  }

.m_436178ff:where(:not(:first-of-type)) {
    margin-top: var(--mantine-spacing-xl);
  }

.m_8affcee1 {
  width: var(--tl-bullet-size);
  height: var(--tl-bullet-size);
  border-radius: var(--tli-radius, var(--tl-radius));
  border: var(--tl-line-width) solid;
  background-color: var(--mantine-color-body);
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
}

:where([data-mantine-color-scheme='light']) .m_8affcee1 {
    border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_8affcee1 {
    border-color: var(--mantine-color-dark-4);
}

.m_43657ece:where([data-align='left']) .m_8affcee1 {
    left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
    right: auto;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_8affcee1 {
      left: auto;
      right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
}

.m_43657ece:where([data-align='right']) .m_8affcee1 {
    left: auto;
    right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_8affcee1 {
      left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
      right: auto;
}

.m_8affcee1:where([data-with-child]) {
    border-width: var(--tl-line-width);
  }

:where([data-mantine-color-scheme='light']) .m_8affcee1:where([data-with-child]) {
      background-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_8affcee1:where([data-with-child]) {
      background-color: var(--mantine-color-dark-4);
}

.m_8affcee1:where([data-active]) {
    border-color: var(--tli-color, var(--tl-color));
    background-color: var(--mantine-color-white);
    color: var(--tl-icon-color, var(--mantine-color-white));
  }

.m_8affcee1:where([data-active]):where([data-with-child]) {
      background-color: var(--tli-color, var(--tl-color));
      color: var(--tl-icon-color, var(--mantine-color-white));
    }

.m_43657ece:where([data-align='left']) .m_540e8f41 {
    padding-inline-start: var(--offset);
    text-align: left;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_540e8f41 {
      text-align: right;
}

.m_43657ece:where([data-align='right']) .m_540e8f41 {
    padding-inline-end: var(--offset);
    text-align: right;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_540e8f41 {
      text-align: left;
}

.m_8a5d1357 {
  margin: 0;
  font-weight: var(--title-fw);
  font-size: var(--title-fz);
  line-height: var(--title-lh);
  font-family: var(--mantine-font-family-headings);
  text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap));
}

  .m_8a5d1357:where([data-line-clamp]) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--title-line-clamp);
    -webkit-box-orient: vertical;
  }

.m_f698e191 {
  --level-offset: var(--mantine-spacing-lg);
  margin: 0;
  padding: 0;
  user-select: none;
}

.m_75f3ecf {
  margin: 0;
  padding: 0;
}

.m_f6970eb1 {
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 0;
  outline: 0;
}

.m_f6970eb1:focus-visible > .m_dc283425 {
      outline: 2px solid var(--mantine-primary-color-filled);
      outline-offset: calc(0.125rem * var(--mantine-scale));
    }

.m_dc283425 {
  padding-inline-start: var(--label-offset);
}

:where([data-mantine-color-scheme='light']) .m_dc283425:where([data-selected]) {
      background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='dark']) .m_dc283425:where([data-selected]) {
      background-color: var(--mantine-color-dark-5);
}

.m_d08caa0 :first-child {
    margin-top: 0;
  }
  .m_d08caa0 :last-child {
    margin-bottom: 0;
  }
  .m_d08caa0 :where(h1, h2, h3, h4, h5, h6) {
    margin-bottom: var(--mantine-spacing-xs);
    text-wrap: var(--mantine-heading-text-wrap);
    font-family: var(--mantine-font-family-headings);
  }
  .m_d08caa0 :where(h1) {
    margin-top: calc(1.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h1-font-size);
    line-height: var(--mantine-h1-line-height);
    font-weight: var(--mantine-h1-font-weight);
  }
  .m_d08caa0 :where(h2) {
    margin-top: var(--mantine-spacing-xl);
    font-size: var(--mantine-h2-font-size);
    line-height: var(--mantine-h2-line-height);
    font-weight: var(--mantine-h2-font-weight);
  }
  .m_d08caa0 :where(h3) {
    margin-top: calc(0.8 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h3-font-size);
    line-height: var(--mantine-h3-line-height);
    font-weight: var(--mantine-h3-font-weight);
  }
  .m_d08caa0 :where(h4) {
    margin-top: calc(0.8 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h4-font-size);
    line-height: var(--mantine-h4-line-height);
    font-weight: var(--mantine-h4-font-weight);
  }
  .m_d08caa0 :where(h5) {
    margin-top: calc(0.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h5-font-size);
    line-height: var(--mantine-h5-line-height);
    font-weight: var(--mantine-h5-font-weight);
  }
  .m_d08caa0 :where(h6) {
    margin-top: calc(0.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h6-font-size);
    line-height: var(--mantine-h6-line-height);
    font-weight: var(--mantine-h6-font-weight);
  }
  .m_d08caa0 :where(img) {
    max-width: 100%;
    margin-bottom: var(--mantine-spacing-xs);
  }
  .m_d08caa0 :where(p) {
    margin-top: 0;
    margin-bottom: var(--mantine-spacing-lg);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(mark) {
      background-color: var(--mantine-color-yellow-2);
      color: inherit;
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(mark) {
      background-color: var(--mantine-color-yellow-5);
      color: var(--mantine-color-black);
}
  .m_d08caa0 :where(a) {
    color: var(--mantine-color-anchor);
    text-decoration: none;
  }
  @media (hover: hover) {
    .m_d08caa0 :where(a):hover {
      text-decoration: underline;
    }
}
  @media (hover: none) {
    .m_d08caa0 :where(a):active {
      text-decoration: underline;
    }
}
  .m_d08caa0 :where(hr) {
    margin-top: var(--mantine-spacing-md);
    margin-bottom: var(--mantine-spacing-md);
    border: 0;
    border-top: calc(0.0625rem * var(--mantine-scale)) solid;
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(hr) {
      border-color: var(--mantine-color-gray-3);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(hr) {
      border-color: var(--mantine-color-dark-3);
}
  .m_d08caa0 :where(pre) {
    padding: var(--mantine-spacing-xs);
    line-height: var(--mantine-line-height);
    margin: 0;
    margin-top: var(--mantine-spacing-md);
    margin-bottom: var(--mantine-spacing-md);
    overflow-x: auto;
    font-family: var(--mantine-font-family-monospace);
    font-size: var(--mantine-font-size-xs);
    border-radius: var(--mantine-radius-sm);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(pre) {
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(pre) {
      background-color: var(--mantine-color-dark-8);
}
  .m_d08caa0 :where(pre) :where(code) {
      background-color: transparent;
      padding: 0;
      border-radius: 0;
      color: inherit;
      border: 0;
    }
  .m_d08caa0 :where(kbd) {
    --kbd-fz: calc(0.75rem * var(--mantine-scale));
    --kbd-padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));

    font-family: var(--mantine-font-family-monospace);
    line-height: var(--mantine-line-height);
    font-weight: 700;
    padding: var(--kbd-padding);
    font-size: var(--kbd-fz);
    border-radius: var(--mantine-radius-sm);
    border: calc(0.0625rem * var(--mantine-scale)) solid;
    border-bottom-width: calc(0.1875rem * var(--mantine-scale));
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(kbd) {
      border-color: var(--mantine-color-gray-3);
      color: var(--mantine-color-gray-7);
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(kbd) {
      border-color: var(--mantine-color-dark-3);
      color: var(--mantine-color-dark-0);
      background-color: var(--mantine-color-dark-5);
}
  .m_d08caa0 :where(code) {
    line-height: var(--mantine-line-height);
    padding: calc(0.0625rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
    border-radius: var(--mantine-radius-sm);
    font-family: var(--mantine-font-family-monospace);
    font-size: var(--mantine-font-size-xs);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(code) {
      background-color: var(--mantine-color-gray-0);
      color: var(--mantine-color-black);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(code) {
      background-color: var(--mantine-color-dark-5);
      color: var(--mantine-color-white);
}
  .m_d08caa0 :where(ul, ol):not([data-type='taskList']) {
    margin-bottom: var(--mantine-spacing-md);
    padding-inline-start: var(--mantine-spacing-xl);
    list-style-position: outside;
  }
  .m_d08caa0 :where(table) {
    width: 100%;
    border-collapse: collapse;
    caption-side: bottom;
    margin-bottom: var(--mantine-spacing-md);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(table) {
      --table-border-color: var(--mantine-color-gray-3);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(table) {
      --table-border-color: var(--mantine-color-dark-4);
}
  .m_d08caa0 :where(table) :where(caption) {
      margin-top: var(--mantine-spacing-xs);
      font-size: var(--mantine-font-size-sm);
      color: var(--mantine-color-dimmed);
    }
  .m_d08caa0 :where(table) :where(th) {
      text-align: left;
      font-weight: bold;
      font-size: var(--mantine-font-size-sm);
      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
    }
  .m_d08caa0 :where(table) :where(thead th) {
      border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
      border-color: var(--table-border-color);
    }
  .m_d08caa0 :where(table) :where(tfoot th) {
      border-top: calc(0.0625rem * var(--mantine-scale)) solid;
      border-color: var(--table-border-color);
    }
  .m_d08caa0 :where(table) :where(td) {
      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
      border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
      border-color: var(--table-border-color);
      font-size: var(--mantine-font-size-sm);
    }
  .m_d08caa0 :where(table) :where(tr:last-of-type td) {
      border-bottom: 0;
    }
  .m_d08caa0 :where(blockquote) {
    font-size: var(--mantine-font-size-lg);
    line-height: var(--mantine-line-height);
    margin: var(--mantine-spacing-md) 0;
    border-radius: var(--mantine-radius-sm);
    padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(blockquote) {
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(blockquote) {
      background-color: var(--mantine-color-dark-8);
}
.m_b37d9ac7 {
  width: calc(100% - var(--mantine-spacing-md) * 2);
  position: fixed;
  z-index: var(--notifications-z-index);
  max-width: var(--notifications-container-width);
}

  .m_b37d9ac7:where([data-position='top-center']) {
    top: var(--mantine-spacing-md);
    left: 50%;
    transform: translateX(-50%);
  }

  .m_b37d9ac7:where([data-position='top-left']) {
    top: var(--mantine-spacing-md);
    left: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='top-right']) {
    top: var(--mantine-spacing-md);
    right: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='bottom-center']) {
    bottom: var(--mantine-spacing-md);
    left: 50%;
    transform: translateX(-50%);
  }

  .m_b37d9ac7:where([data-position='bottom-left']) {
    bottom: var(--mantine-spacing-md);
    left: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='bottom-right']) {
    bottom: var(--mantine-spacing-md);
    right: var(--mantine-spacing-md);
  }

.m_5ed0edd0 + .m_5ed0edd0 {
    margin-top: var(--mantine-spacing-md);
  }