/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/index.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
:root {
  /*
   * Colours for pages not yet moved to Aurtmix Essentials. These were set at
   * runtime by the old theme picker (now removed); these are the values of its
   * default "Pure Black" theme, so those pages look as they did by default.
   */
  --app-bg: #000000;
  --app-bg-secondary: #141417;
  --app-bg-sidebar: #050505;
  --app-bg-card: #0c0c0e;
  --app-bg-card-hover: #141417;
  --app-bg-hover: #141417;
  --app-accent: #ceb260;
  --app-accent-hover: #d5be78;
  --app-accent-rgb: 206, 178, 96;
  --app-accent-gradient: linear-gradient(135deg, #f5d77f 0%, #ceb260 100%);
  --app-text-primary: #ffffff;
  --app-text-secondary: #949ba4;
  --app-text-muted: #80848e;
  --app-border-color: var(--ax-wash-08);
  --app-overlay-gradient: none;
}

@font-face {
  font-family: 'Plateia';
  src: url(/_next/static/media/plateia.96604cce.ttf) format('truetype');
}

html,
body {
  background-color: var(--app-bg, #121212);
  color: var(--app-text-primary, white);
  margin: 0;

  font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-y: overlay;
  overflow-x: hidden;
  position: relative;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: var(--app-overlay-gradient, none);
  pointer-events: none;
  z-index: 0;
}

button,
input,
optgroup,
select,
textarea {
  font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

*,
*::before,
*::after,
*:hover,
*:focus,
*:focus-visible,
*:active {
  box-shadow: none !important;
}

*::-webkit-scrollbar {
  display: none;
}

a {
  text-decoration: none;
  color: white;
}
@media (prefers-reduced-motion: reduce) {
  /* Toast progress bars keep their timing: the bar's animation is the auto-close timer. */
  *:not(.Toastify__progress-bar),
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

:root {
  --app-bg: #000000;
  --app-bg-secondary: #0c0c0e;
  --app-bg-sidebar: #050505;
  --app-bg-card: #0c0c0e;
  --app-bg-card-hover: #141417;
  --app-accent: #ceb260;
  --app-accent-hover: #f5d77f;
  --app-accent-rgb: 206, 178, 96;
  --app-accent-gradient: linear-gradient(135deg, #f5d77f 0%, #ceb260 100%);
  --app-text-primary: #ffffff;
  --app-text-secondary: #94949e;
  --app-text-muted: #6b7280;
  --app-border-color: var(--ax-wash-08);
  --app-overlay-gradient: none;

  --font-cairo: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-inter: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-roboto: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-lexend: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-poppins: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-size-2xs: 11px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-base: 16px;
  --color-gray-100: var(--app-text-secondary, #828282);
  --color-gray-200: var(--app-bg-secondary, #262626);
  --color-gray-300: var(--app-bg-card, #181818);
  --color-gray-400: var(--app-bg-secondary, #1e1f22);
  --color-gray-500: var(--app-bg-card, #141418);
  --color-gray-800: var(--app-bg-secondary, #1e1f22);
  --app-accent-contrast: #ffffff;
  --color-darkslategray-100: var(--app-text-muted, #434343);
  --color-darkslategray-200: var(--app-bg-card-hover, #3e3e3e);
  --color-darkslategray-300: #2e2e2e;
  --color-gainsboro: var(--app-text-primary, #dcdcdc);
  --gap-xl: 20px;
  --gap-5xs: 8px;
  --gap-3xs: 10px;
  --padding-xl: 20px;
  --padding-55xl: 74px;
  --padding-10xl: 29px;
  --padding-6xl: 25px;
  --padding-3xl: 22px;
  --padding-43xl: 62px;
  --padding-12xl: 31px;
  --padding-xs-2: 11.2px;
  --padding-2xl: 21px;
  --padding-9xs-1: 3.1px;
  --padding-12xs: 1px;
  --padding-7xl: 26px;
  --padding-10xs: 3px;
  --br-2xl: 21px;
  --br-42xl: 61px;
  --br-3xl: 22px;
}

:root[data-ax-theme='light'] {
  --app-bg: #f2f3f5;
  --app-bg-secondary: #ffffff;
  --app-bg-sidebar: #ebedef;
  --app-bg-card: #ffffff;
  --app-bg-card-hover: #f8f9fa;
  --app-text-primary: #1e1f22;
  --app-text-secondary: #4e5058;
  --app-text-muted: #80848e;
  --app-border-color: rgba(0, 0, 0, 0.08);
  --app-overlay-gradient: none;

  --color-gray-100: #4e5058;
  --color-gray-200: #e2e8f0;
  --color-gray-300: #ffffff;
  --color-darkslategray-100: #64748b;
  --color-darkslategray-200: #f1f5f9;
  --color-darkslategray-300: #ffffff;
  --color-gainsboro: #1e1f22;
}

/* Light theme: the bare link color above, in ink. :where keeps it as weak as
   `a`, so Aurtmix Essentials links still inherit their color. */
:where(:root[data-ax-theme='light']) a {
  color: var(--app-text-primary, #1e1f22);
}

/* Dashboard Leaderboards & General Keyframe Animations */
@keyframes ui-top-coins-rotateConic { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes ui-top-coins-pulseGlow { 0%, 100% { opacity: 0.5; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.2); } }
@keyframes ui-top-coins-moveLines { 0% { transform: translateX(-50%) translateY(-50%) rotate(0deg); } 100% { transform: translateX(-50%) translateY(-50%) rotate(360deg); } }
@keyframes ui-top-coins-waveExpand { 0% { transform: scale(0); opacity: 0.5; } 100% { transform: scale(2); opacity: 0; } }
@keyframes ui-top-coins-coinFloat { 0% { opacity: 0; transform: translateY(100px) rotateY(0deg); } 20% { opacity: 1; transform: translateY(50px) rotateY(180deg); } 80% { opacity: 1; transform: translateY(-50px) rotateY(360deg); } 100% { opacity: 0; transform: translateY(-100px) rotateY(540deg); } }
@keyframes ui-top-coins-coinShine { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes ui-top-coins-pulseSecondContained { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.01); } }
@keyframes ui-top-coins-pulseThirdContained { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.01); } }
@keyframes ui-top-coins-shimmerSecond { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
@keyframes ui-top-coins-glowThird { 0%, 100% { opacity: 0; } 50% { opacity: 0.3; } }
@keyframes ui-top-coins-rankGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes ui-top-coins-avatarRotate { 0%, 100% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } }
@keyframes ui-top-coins-textFloat { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-5px) scale(1.02); } }

@keyframes ui-top-rep-rotateConic { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes ui-top-rep-pulseGlow { 0%, 100% { opacity: 0.5; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.2); } }
@keyframes ui-top-rep-moveLines { 0% { transform: translateX(-50%) translateY(-50%) rotate(0deg); } 100% { transform: translateX(-50%) translateY(-50%) rotate(360deg); } }
@keyframes ui-top-rep-waveExpand { 0% { transform: scale(0); opacity: 0.5; } 100% { transform: scale(2); opacity: 0; } }
@keyframes ui-top-rep-pulseSecondContained { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.01); } }
@keyframes ui-top-rep-pulseThirdContained { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.01); } }
@keyframes ui-top-rep-shimmerSecond { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
@keyframes ui-top-rep-glowThird { 0%, 100% { opacity: 0; } 50% { opacity: 0.3; } }
@keyframes ui-top-rep-rankGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes ui-top-rep-avatarRotate { 0%, 100% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } }
@keyframes ui-top-rep-textFloat { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-5px) scale(1.02); } }

@keyframes ui-top-level-rotateConic { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes ui-top-level-pulseGlow { 0%, 100% { opacity: 0.5; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.2); } }
@keyframes ui-top-level-moveLines { 0% { transform: translateX(-50%) translateY(-50%) rotate(0deg); } 100% { transform: translateX(-50%) translateY(-50%) rotate(360deg); } }
@keyframes ui-top-level-waveExpand { 0% { transform: scale(0); opacity: 0.5; } 100% { transform: scale(2); opacity: 0; } }
@keyframes ui-top-level-pulseSecondContained { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.01); } }
@keyframes ui-top-level-pulseThirdContained { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.01); } }
@keyframes ui-top-level-shimmerSecond { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
@keyframes ui-top-level-glowThird { 0%, 100% { opacity: 0; } 50% { opacity: 0.3; } }
@keyframes ui-top-level-rankGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes ui-top-level-avatarRotate { 0%, 100% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } }
@keyframes ui-top-level-textFloat { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-5px) scale(1.02); } }
@keyframes ui-top-level-arrowFloat { 0%, 100% { transform: translate(-50%, -50%) rotateX(-20deg) rotateY(45deg) translateZ(0); filter: brightness(1); } 50% { transform: translate(-50%, -60%) rotateX(-25deg) rotateY(60deg) translateZ(30px); filter: brightness(1.3); } }
@keyframes ui-top-level-arrowMoveUp { 0% { transform: translateY(0) scale(0.8); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 0.8; transform: translateY(-300px) scale(1.2); } 100% { transform: translateY(-400px) scale(0.8); opacity: 0; } }

@keyframes ui-general-skeleton-loading { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
@keyframes ui-general-float { 0%, 100% { transform: translateY(0) rotate(var(--rotation, 0deg)); } 50% { transform: translateY(-3px) rotate(var(--rotation, 0deg)); } }
@keyframes ui-general-spin { to { transform: rotate(360deg); } }
@keyframes ui-general-scaleSuccess { 0% { transform: scale(0); opacity: 0; } 50% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } }

/* Dashboard layout & global animations */
@keyframes ui-addbot-fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes ui-addbot-slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ui-addbot-bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 0.9; transform: scale(1.1); } 80% { opacity: 1; transform: scale(0.89); } 100% { opacity: 1; transform: scale(1); } }
@keyframes dashboardSkeletonShimmer { 0% { background-position: 120% 0; } 100% { background-position: -120% 0; } }
@keyframes gradientFlow { 0% { background-position: 0% 0; } 100% { background-position: 300% 0; } }
@keyframes lightBeam { 0%, 100% { background-position: 300% 0; filter: brightness(0.85) blur(3px); } 50% { background-position: 0% 0; filter: brightness(1.15) blur(5px); } }
@keyframes languageDropdownShow { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes userDropdownShow { from { opacity: 0; transform: translateY(-8px) scale(0.96); } to { opacity: 1; transform: translateY(0) scale(1); } }

.logo-text {
  color: #a5a5a8;
  -webkit-text-fill-color: transparent;
  position: relative;
  font-weight: 700;
  letter-spacing: 0.02em;
  background: linear-gradient(90deg, #a5a5a8 0%, #d4d4d7 20%, #a5a5a8 40%, #858589 60%, #a5a5a8 80%, #d4d4d7 100%);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: gradientFlow 8s linear infinite;
  display: inline-block;
  width: auto;
}
.logo-text::before {
  content: 'AurtMix';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: 700;
  letter-spacing: 0.02em;
  filter: blur(3px);
  opacity: 0.35;
  background: linear-gradient(90deg, #a5a5a8 0%, transparent 45%, #d4d4d7 50%, transparent 55%, #a5a5a8 100%);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: lightBeam 3s ease-in-out infinite;
}
.logo-text::after {
  content: 'AurtMix';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: 700;
  letter-spacing: 0.02em;
  filter: blur(5px);
  opacity: 0.15;
  background: linear-gradient(90deg, transparent 0%, #858589 45%, #a5a5a8 50%, #858589 55%, transparent 100%);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: lightBeam 3s ease-in-out infinite reverse;
  animation-delay: -1.5s;
}
[dir="rtl"] .logo-text::before,
[dir="rtl"] .logo-text::after {
  content: 'أرتمكس';
}
.dashboard-skeleton {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #151515 0%, #252525 45%, #151515 90%);
  background-size: 220% 100%;
  animation: dashboardSkeletonShimmer 1.15s ease-in-out infinite;
}
.sidebar-overlay {
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out !important;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.sidebar {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out !important;
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateX(0);
  opacity: 1;
  scrollbar-width: none;
  overflow-y: visible !important;
  overflow-x: visible !important;
}
.sidebar.closed {
  transform: translateX(-100%);
  opacity: 0;
}
[dir="rtl"] .sidebar.closed {
  transform: translateX(100%);
}
@media screen and (min-width: 1026px) {
  .sidebar { transform: none !important; opacity: 1 !important; }
}
.sidebarContent {
  --dashboard-sidebar-gap: 7px;
  width: calc(320px + var(--dashboard-sidebar-gap));
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch;
  gap: var(--dashboard-sidebar-gap);
  overflow: hidden;
  height: 100%;
}
[dir="rtl"] .sidebarContent {
  flex-direction: row-reverse !important;
}
.sidebarContent.guildadd {
  --dashboard-sidebar-gap: 0px;
  width: 70px;
}
@media screen and (max-width: 1025px) {
  .sidebarContent {
    --dashboard-sidebar-gap: 0px;
    width: 320px;
    gap: 0;
  }
}

@keyframes ui-reaction-roles-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes ui-reaction-roles-overlayFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes ui-reaction-roles-modalSlideIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ui-auto-reply-page-view-fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes ui-auto-reply-page-view-slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes ui-logs-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes ui-edit-log-embed-slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes ui-edit-log-embed-overlayFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes ui-edit-log-embed-modalSlideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes ui-edit-log-embed-overlayFadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes ui-edit-log-embed-modalSlideOut { from { transform: translateY(0); opacity: 1; } to { transform: translateY(20px); opacity: 0; } }

.sketch-picker { background: var(--app-bg-card, #141414) !important; border: none !important; border-radius: 12px !important; box-shadow: none !important; max-height: 320px !important; overflow: visible !important; }
.sketch-picker input { background: var(--app-bg-secondary, var(--color-gray-300)) !important; color: var(--app-text-primary, var(--color-gainsboro)) !important; border: none !important; box-shadow: none !important; font-family: 'Cairo', sans-serif !important; }
.sketch-picker label { color: var(--app-text-secondary, var(--color-gainsboro)) !important; font-family: 'Cairo', sans-serif !important; }
#color-picker-portal { position: relative; z-index: 999999; }
.sketch-picker > div { position: relative !important; z-index: 9999999 !important; }

.react-responsive-modal-modal { background: var(--app-bg-card, rgba(25, 25, 25, 0.95)) !important; border-radius: 21px !important; padding: 30px !important; max-width: 500px !important; width: 100% !important; margin: 0 !important; border: none !important; box-shadow: none !important; font-family: 'Cairo', sans-serif !important; }
.react-responsive-modal-overlay { background: rgba(0, 0, 0, 0.75) !important; animation: ui-logs-fadeIn 0.3s ease !important; z-index: 1000 !important; }
.react-responsive-modal-closeButton { position: absolute !important; top: 20px !important; right: 20px !important; background: var(--ax-wash-10) !important; border: none !important; border-radius: 50% !important; width: 32px !important; height: 32px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all 0.3s ease !important; z-index: 3 !important; }
.react-responsive-modal-closeButton:hover { background: var(--ax-wash-20) !important; transform: rotate(90deg) !important; }
.react-responsive-modal-closeButton svg { width: 16px !important; height: 16px !important; color: var(--app-text-primary, #fff) !important; }

.css-1dc8fjr-control { position: relative; z-index: 2; border: none !important; box-shadow: none !important; background-color: var(--app-bg-secondary, #0a0a0a) !important; }
.css-1dc8fjr-control:focus-within { z-index: 3 !important; }
.css-26l3qy-menu, .css-1nmdiq5-menu { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; margin: 8px 0 0 0 !important; padding: 8px !important; z-index: 100 !important; background-color: var(--app-bg-card, #141414) !important; border-radius: 8px !important; border: none !important; box-shadow: none !important; }

/* Dynamic Server Sticky Headers & Themed Controls */
.ui-logs-Logshead,
.ui-auto-reply-page-view-Replyhead,
.ui-reaction-roles-Reactionhead,
.ui-command-page-primitives-commandsHead {
  background: linear-gradient(to bottom, var(--app-bg, #000000) 80%, transparent 100%) !important;
}

:root[data-ax-theme='light'] .ui-logs-Logshead,
:root[data-ax-theme='light'] .ui-auto-reply-page-view-Replyhead,
:root[data-ax-theme='light'] .ui-reaction-roles-Reactionhead,
:root[data-ax-theme='light'] .ui-command-page-primitives-commandsHead {
  background: linear-gradient(to bottom, var(--app-bg, #f5f6f8) 80%, rgba(245, 246, 248, 0.7) 90%, rgba(245, 246, 248, 0) 100%) !important;
}

:root[data-ax-theme='light'] .ui-logs-title,
:root[data-ax-theme='light'] .ui-auto-reply-page-view-title,
:root[data-ax-theme='light'] .ui-reaction-roles-title,
:root[data-ax-theme='light'] .ui-command-page-primitives-title,
:root[data-ax-theme='light'] .ui-general-settings-title {
  color: var(--app-text-primary, #111827) !important;
}

:root[data-ax-theme='light'] .ui-logs-headerToggle,
:root[data-ax-theme='light'] .ui-auto-reply-page-view-headerToggle,
:root[data-ax-theme='light'] .ui-reaction-roles-headerToggle {
  background-color: var(--app-bg-secondary, #e5e7eb) !important;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {

  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {

  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {

  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}
.pointer-events-none {
  pointer-events: none;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.right-0 {
  right: 0px;
}
.isolate {
  isolation: isolate;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[9999\] {
  z-index: 9999;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-3\.5 {
  margin-bottom: 0.875rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-1 {
  height: 0.25rem;
}
.h-1\/5 {
  height: 20%;
}
.h-\[42px\] {
  height: 42px;
}
.h-screen {
  height: 100vh;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[50px\] {
  min-height: 50px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-\[10px\] {
  width: 10px;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[171px\] {
  min-width: 171px;
}
.flex-1 {
  flex: 1 1 0%;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes ui-modal-modalOverlayFade {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate-ui-modal-modalOverlayFade {
  animation: ui-modal-modalOverlayFade 0.2s ease;
}
@keyframes ui-modal-modalSlideUp {

  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-ui-modal-modalSlideUp {
  animation: ui-modal-modalSlideUp 0.22s ease;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-y {
  resize: vertical;
}
.resize {
  resize: both;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.overflow-hidden {
  overflow: hidden;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[15px\] {
  border-radius: 15px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-\[3px\] {
  border-width: 3px;
}
.border-solid {
  border-style: solid;
}
.border-transparent {
  border-color: transparent;
}
.bg-\[\#3a3a3a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 58 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(174\2c 174\2c 174\2c 0\.22\)\] {
  background-color: rgba(174,174,174,0.22);
}
.bg-\[rgba\(255\2c 232\2c 180\2c 0\.16\)\] {
  background-color: rgba(255,232,180,0.16);
}
.bg-\[var\(--app-bg-secondary\2c \#1e1f22\)\] {
  background-color: var(--app-bg-secondary,#1e1f22);
}
.bg-\[radial-gradient\(circle_at_top\2c rgba\(255\2c 220\2c 140\2c 0\.18\)\2c transparent_52\%\)\2c linear-gradient\(180deg\2c rgba\(69\2c 50\2c 18\2c 0\.96\)\2c rgba\(28\2c 20\2c 7\2c 0\.98\)\)\] {
  background-image: radial-gradient(circle at top,rgba(255,220,140,0.18),transparent 52%),linear-gradient(180deg,rgba(69,50,18,0.96),rgba(28,20,7,0.98));
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.from-\[\#f7d76b\] {
  --tw-gradient-from: #f7d76b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 215 107 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f8df96\] {
  --tw-gradient-from: #f8df96 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 223 150 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#9a6a1d\] {
  --tw-gradient-to: #9a6a1d var(--tw-gradient-to-position);
}
.to-\[\#c79a33\] {
  --tw-gradient-to: #c79a33 var(--tw-gradient-to-position);
}
.bg-clip-padding {
  background-clip: padding-box;
}
.p-0 {
  padding: 0px;
}
.p-6 {
  padding: 1.5rem;
}
.p-\[5px\] {
  padding: 5px;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.text-center {
  text-align: center;
}
.font-cairo {
  font-family: 'Cairo', sans-serif;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.uppercase {
  text-transform: uppercase;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-\[\#111214\] {
  --tw-text-opacity: 1 !important;
  color: rgb(17 18 20 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#120d03\] {
  --tw-text-opacity: 1;
  color: rgb(18 13 3 / var(--tw-text-opacity, 1));
}
.text-\[\#241503\] {
  --tw-text-opacity: 1;
  color: rgb(36 21 3 / var(--tw-text-opacity, 1));
}
.text-\[\#ffe1a3\] {
  --tw-text-opacity: 1;
  color: rgb(255 225 163 / var(--tw-text-opacity, 1));
}
.text-\[var\(--app-text-primary\2c \#ffffff\)\] {
  color: var(--app-text-primary,#ffffff);
}
.text-\[var\(--app-text-secondary\2c \#949ba4\)\] {
  color: var(--app-text-secondary,#949ba4);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-80 {
  opacity: 0.8;
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-1 {
  outline-width: 1px;
}
.outline-\[rgba\(255\2c 107\2c 107\2c 0\.65\)\] {
  outline-color: rgba(255,107,107,0.65);
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\[-moz-appearance\:textfield\] {
  -moz-appearance: textfield;
}
.\[-webkit-appearance\:none\] {
  -webkit-appearance: none;
}
.\[-webkit-backdrop-filter\:blur\(8px\)\] {
  -webkit-backdrop-filter: blur(8px);
}
.\[-webkit-overflow-scrolling\:touch\] {
  -webkit-overflow-scrolling: touch;
}
.\[-webkit-text-size-adjust\:100\%\] {
  -webkit-text-size-adjust: 100%;
}
.\[-webkit-user-select\:none\] {
  -webkit-user-select: none;
}
.\[align-items\:center\] {
  align-items: center;
}
.\[align-items\:flex-start\] {
  align-items: flex-start;
}
.\[align-self\:stretch\] {
  align-self: stretch;
}
.\!\[animation\:none\] {
  animation: none !important;
}
.\[appearance\:none\] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.\[appearance\:textfield\] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.\[backdrop-filter\:blur\(8px\)\] {
  backdrop-filter: blur(8px);
}
.\[background-color\:\#4e5058\] {
  background-color: #4e5058;
}
.\[background-color\:\#737373\] {
  background-color: #737373;
}
.\[background-color\:\#80848e\] {
  background-color: #80848e;
}
.\[background-color\:\#ffffff\] {
  background-color: #ffffff;
}
.\[background-color\:var\(--app-accent\2c \#5865f2\)\] {
  background-color: var(--app-accent,#5865f2);
}
.\[background-color\:var\(--app-bg-card\2c \#2b2d31\)\] {
  background-color: var(--app-bg-card,#2b2d31);
}
.\[background-color\:var\(--app-bg-secondary\2c \#1e1f22\)\] {
  background-color: var(--app-bg-secondary,#1e1f22);
}
.\[background\:\#ff5f68\] {
  background: #ff5f68;
}
.\[background\:linear-gradient\(135deg\2c _\#e6c875_0\%\2c _\#b88a28_100\%\)\] {
  background: linear-gradient(135deg, #e6c875 0%, #b88a28 100%);
}
.\[background\:radial-gradient\(ellipse_at_50\%_0\%\2c _rgba\(206\2c _178\2c _96\2c _0\.09\)_0\%\2c _transparent_55\%\)\2c radial-gradient\(ellipse_at_80\%_85\%\2c _rgba\(206\2c _178\2c _96\2c _0\.04\)_0\%\2c _transparent_40\%\)\2c linear-gradient\(180deg\2c _\#090909_0\%\2c _\#050505_100\%\)\] {
  background: radial-gradient(ellipse at 50% 0%, rgba(206, 178, 96, 0.09) 0%, transparent 55%),radial-gradient(ellipse at 80% 85%, rgba(206, 178, 96, 0.04) 0%, transparent 40%),linear-gradient(180deg, #090909 0%, #050505 100%);
}
.\[background\:rgba\(0\2c _0\2c _0\2c _0\.8\)\] {
  background: rgba(0, 0, 0, 0.8);
}
.\[background\:rgba\(206\2c _178\2c _96\2c _0\.07\)\] {
  background: rgba(206, 178, 96, 0.07);
}
.\[background\:rgba\(206\2c _178\2c _96\2c _0\.09\)\] {
  background: rgba(206, 178, 96, 0.09);
}
.\[background\:rgba\(206\2c _178\2c _96\2c _0\.12\)\] {
  background: rgba(206, 178, 96, 0.12);
}
.\[background\:rgba\(206\2c _178\2c _96\2c _0\.18\)\] {
  background: rgba(206, 178, 96, 0.18);
}
.\[background\:rgba\(255\2c _255\2c _255\2c _0\.025\)\] {
  background: rgba(255, 255, 255, 0.025);
}
.\[background\:rgba\(255\2c _255\2c _255\2c _0\.03\)\] {
  background: rgba(255, 255, 255, 0.03);
}
.\[background\:rgba\(255\2c _255\2c _255\2c _0\.05\)\] {
  background: rgba(255, 255, 255, 0.05);
}
.\[background\:rgba\(255\2c _255\2c _255\2c _0\.075\)\] {
  background: rgba(255, 255, 255, 0.075);
}
.\[background\:transparent\] {
  background: transparent;
}
.\[background\:var\(--app-bg-card\2c \#292929\)\] {
  background: var(--app-bg-card,#292929);
}
.\[background\:var\(--app-bg-card\2c \#2b2d31\)\] {
  background: var(--app-bg-card,#2b2d31);
}
.\[background\:var\(--app-bg-secondary\2c \#101010\)\] {
  background: var(--app-bg-secondary,#101010);
}
.\[background\:var\(--app-bg-secondary\2c \#292929\)\] {
  background: var(--app-bg-secondary,#292929);
}
.\[border-radius\:0_0_16px_16px\] {
  border-radius: 0 0 16px 16px;
}
.\[border-radius\:10px\] {
  border-radius: 10px;
}
.\[border-radius\:12px\] {
  border-radius: 12px;
}
.\[border-radius\:16px\] {
  border-radius: 16px;
}
.\[border-radius\:18px\] {
  border-radius: 18px;
}
.\[border-radius\:20px\] {
  border-radius: 20px;
}
.\[border-radius\:22px\] {
  border-radius: 22px;
}
.\[border-radius\:28px\] {
  border-radius: 28px;
}
.\[border-radius\:30px\] {
  border-radius: 30px;
}
.\[border-radius\:50\%\] {
  border-radius: 50%;
}
.\[border-radius\:999px\] {
  border-radius: 999px;
}
.\[border-radius\:9px\] {
  border-radius: 9px;
}
.\[border-radius\:var\(--br-2xl\2c _21px\)\] {
  border-radius: var(--br-2xl, 21px);
}
.\[border-radius\:var\(--br-42xl\2c _61px\)\] {
  border-radius: var(--br-42xl, 61px);
}
.\[border\:0\] {
  border: 0;
}
.\[border\:none\] {
  border: none;
}
.\[box-shadow\:none\] {
  box-shadow: none;
}
.\[box-sizing\:border-box\] {
  box-sizing: border-box;
}
.\[color\:\#111\] {
  color: #111;
}
.\[color\:\#171101\] {
  color: #171101;
}
.\[color\:\#b5b5b5\] {
  color: #b5b5b5;
}
.\[color\:\#ceb260\] {
  color: #ceb260;
}
.\[color\:\#e6c875\] {
  color: #e6c875;
}
.\[color\:\#f5efe2\] {
  color: #f5efe2;
}
.\[color\:\#f7ebce\] {
  color: #f7ebce;
}
.\[color\:\#fff\] {
  color: #fff;
}
.\[color\:\#ffffff\] {
  color: #ffffff;
}
.\[color\:rgba\(255\2c _255\2c _255\2c _0\.6\)\] {
  color: rgba(255, 255, 255, 0.6);
}
.\[color\:rgba\(255\2c _255\2c _255\2c _0\.72\)\] {
  color: rgba(255, 255, 255, 0.72);
}
.\[color\:var\(--app-accent\2c \#5865f2\)\] {
  color: var(--app-accent,#5865f2);
}
.\[color\:var\(--app-bg-secondary\2c \#1e1f22\)\] {
  color: var(--app-bg-secondary,#1e1f22);
}
.\[color\:var\(--app-text-primary\2c \#bfbfbf\)\] {
  color: var(--app-text-primary,#bfbfbf);
}
.\[color\:var\(--app-text-primary\2c \#dcdcdc\)\] {
  color: var(--app-text-primary,#dcdcdc);
}
.\[color\:var\(--app-text-primary\2c \#fff\)\] {
  color: var(--app-text-primary,#fff);
}
.\[color\:var\(--app-text-primary\2c \#ffffff\)\] {
  color: var(--app-text-primary,#ffffff);
}
.\[color\:var\(--app-text-primary\2c _\#ffffff\)\] {
  color: var(--app-text-primary, #ffffff);
}
.\[color\:var\(--app-text-secondary\2c \#949ba4\)\] {
  color: var(--app-text-secondary,#949ba4);
}
.\[color\:var\(--app-text-secondary\2c \#b6b6b9\)\] {
  color: var(--app-text-secondary,#b6b6b9);
}
.\[color\:var\(--app-text-secondary\2c \#bfbfbf\)\] {
  color: var(--app-text-secondary,#bfbfbf);
}
.\[color\:var\(--app-text-secondary\2c _\#949ba4\)\] {
  color: var(--app-text-secondary, #949ba4);
}
.\!\[cursor\:not-allowed\] {
  cursor: not-allowed !important;
}
.\[cursor\:not-allowed\] {
  cursor: not-allowed;
}
.\[cursor\:pointer\] {
  cursor: pointer;
}
.\[display\:flex\] {
  display: flex;
}
.\[display\:grid\] {
  display: grid;
}
.\[display\:inline-flex\] {
  display: inline-flex;
}
.\[filter\:brightness\(0\)_saturate\(100\%\)_invert\(51\%\)_sepia\(0\%\)_saturate\(0\%\)_hue-rotate\(143deg\)_brightness\(94\%\)_contrast\(93\%\)\] {
  filter: brightness(0) saturate(100%) invert(51%) sepia(0%) saturate(0%) hue-rotate(143deg) brightness(94%) contrast(93%);
}
.\[filter\:brightness\(0\)_saturate\(100\%\)_invert\(52\%\)_sepia\(0\%\)_saturate\(0\%\)_hue-rotate\(251deg\)_brightness\(94\%\)_contrast\(93\%\)\] {
  filter: brightness(0) saturate(100%) invert(52%) sepia(0%) saturate(0%) hue-rotate(251deg) brightness(94%) contrast(93%);
}
.\[flex-direction\:column\] {
  flex-direction: column;
}
.\[flex-direction\:row\] {
  flex-direction: row;
}
.\[flex-shrink\:0\] {
  flex-shrink: 0;
}
.\[flex-wrap\:wrap\] {
  flex-wrap: wrap;
}
.\[flex\:0_0_48px\] {
  flex: 0 0 48px;
}
.\[flex\:0_0_auto\] {
  flex: 0 0 auto;
}
.\[flex\:1\] {
  flex: 1;
}
.\[font-family\:\'Cairo\'\2c _inherit\] {
  font-family: 'Cairo', inherit;
}
.\[font-family\:\'Cairo\'\2c _sans-serif\] {
  font-family: 'Cairo', sans-serif;
}
.\[font-family\:\'Cairo\'\] {
  font-family: 'Cairo';
}
.\[font-size\:0\.82rem\] {
  font-size: 0.82rem;
}
.\[font-size\:0\.88rem\] {
  font-size: 0.88rem;
}
.\[font-size\:0\.95rem\] {
  font-size: 0.95rem;
}
.\[font-size\:0\.96rem\] {
  font-size: 0.96rem;
}
.\[font-size\:0\.98rem\] {
  font-size: 0.98rem;
}
.\[font-size\:1\.15rem\] {
  font-size: 1.15rem;
}
.\[font-size\:1\.1rem\] {
  font-size: 1.1rem;
}
.\[font-size\:1\.25rem\] {
  font-size: 1.25rem;
}
.\[font-size\:12px\] {
  font-size: 12px;
}
.\!\[font-size\:13px\] {
  font-size: 13px !important;
}
.\[font-size\:13px\] {
  font-size: 13px;
}
.\[font-size\:14px\] {
  font-size: 14px;
}
.\[font-size\:16px\] {
  font-size: 16px;
}
.\!\[font-size\:18px\] {
  font-size: 18px !important;
}
.\[font-size\:1rem\] {
  font-size: 1rem;
}
.\[font-size\:20px\] {
  font-size: 20px;
}
.\[font-size\:30px\] {
  font-size: 30px;
}
.\[font-size\:32px\] {
  font-size: 32px;
}
.\[font-size\:clamp\(2\.2rem\2c _5\.5vw\2c _4\.2rem\)\] {
  font-size: clamp(2.2rem, 5.5vw, 4.2rem);
}
.\[font-size\:var\(--font-size-lg\2c _18px\)\] {
  font-size: var(--font-size-lg, 18px);
}
.\[font-weight\:500\] {
  font-weight: 500;
}
.\[font-weight\:700\] {
  font-weight: 700;
}
.\[font-weight\:800\] {
  font-weight: 800;
}
.\[font-weight\:900\] {
  font-weight: 900;
}
.\[font\:inherit\] {
  font: inherit;
}
.\[gap\:10px\] {
  gap: 10px;
}
.\[gap\:12px\] {
  gap: 12px;
}
.\[gap\:14px\] {
  gap: 14px;
}
.\[gap\:16px\] {
  gap: 16px;
}
.\[gap\:18px\] {
  gap: 18px;
}
.\[gap\:1px\] {
  gap: 1px;
}
.\[gap\:20px\] {
  gap: 20px;
}
.\[gap\:24px\] {
  gap: 24px;
}
.\[gap\:28px\] {
  gap: 28px;
}
.\[gap\:2px\] {
  gap: 2px;
}
.\[gap\:4px\] {
  gap: 4px;
}
.\[gap\:64px\] {
  gap: 64px;
}
.\[gap\:8px\] {
  gap: 8px;
}
.\[grid-template-columns\:1\.4fr_1fr_1fr\] {
  grid-template-columns: 1.4fr 1fr 1fr;
}
.\[grid-template-columns\:repeat\(3\2c _minmax\(0\2c _1fr\)\)\] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.\[grid-template-columns\:repeat\(auto-fit\2c _minmax\(320px\2c _1fr\)\)\] {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.\[height\:100\%\] {
  height: 100%;
}
.\[height\:16px\] {
  height: 16px;
}
.\[height\:24px\] {
  height: 24px;
}
.\[height\:26px\] {
  height: 26px;
}
.\[height\:30px\] {
  height: 30px;
}
.\[height\:32px\] {
  height: 32px;
}
.\[height\:37px\] {
  height: 37px;
}
.\[height\:38px\] {
  height: 38px;
}
.\[height\:40px\] {
  height: 40px;
}
.\[height\:45px\] {
  height: 45px;
}
.\[height\:48px\] {
  height: 48px;
}
.\[height\:52px\] {
  height: 52px;
}
.\[inset\:0\] {
  inset: 0;
}
.\[justify-content\:center\] {
  justify-content: center;
}
.\[justify-content\:flex-end\] {
  justify-content: flex-end;
}
.\[justify-content\:flex-start\] {
  justify-content: flex-start;
}
.\[justify-content\:space-between\] {
  justify-content: space-between;
}
.\[left\:2px\] {
  left: 2px;
}
.\[left\:3px\] {
  left: 3px;
}
.\[left\:4px\] {
  left: 4px;
}
.\[letter-spacing\:0\.02em\] {
  letter-spacing: 0.02em;
}
.\[letter-spacing\:0\.04em\] {
  letter-spacing: 0.04em;
}
.\[line-height\:1\.15\] {
  line-height: 1.15;
}
.\[line-height\:1\.2\] {
  line-height: 1.2;
}
.\[line-height\:1\.4\] {
  line-height: 1.4;
}
.\[line-height\:1\.5\] {
  line-height: 1.5;
}
.\[line-height\:1\.75\] {
  line-height: 1.75;
}
.\[line-height\:1\] {
  line-height: 1;
}
.\[margin-bottom\:15px\] {
  margin-bottom: 15px;
}
.\[margin-bottom\:24px\] {
  margin-bottom: 24px;
}
.\[margin-bottom\:4px\] {
  margin-bottom: 4px;
}
.\[margin-top\:12px\] {
  margin-top: 12px;
}
.\[margin-top\:32px\] {
  margin-top: 32px;
}
.\[margin-top\:36px\] {
  margin-top: 36px;
}
.\[margin-top\:4px\] {
  margin-top: 4px;
}
.\[margin\:0\] {
  margin: 0;
}
.\[margin\:0_auto_20px\] {
  margin: 0 auto 20px;
}
.\[margin\:20px_auto_0\] {
  margin: 20px auto 0;
}
.\[margin\:auto\] {
  margin: auto;
}
.\[max-height\:calc\(var\(--vh\2c _1vh\)_\*_80\)\] {
  max-height: calc(var(--vh, 1vh) * 80);
}
.\[max-width\:100\%\] {
  max-width: 100%;
}
.\[max-width\:1100px\] {
  max-width: 1100px;
}
.\[max-width\:24ch\] {
  max-width: 24ch;
}
.\[max-width\:780px\] {
  max-width: 780px;
}
.\[min-height\:100vh\] {
  min-height: 100vh;
}
.\[min-height\:48px\] {
  min-height: 48px;
}
.\[min-height\:auto\] {
  min-height: auto;
}
.\[min-height\:calc\(var\(--vh\2c _1vh\)_\*_100\)\] {
  min-height: calc(var(--vh, 1vh) * 100);
}
.\[min-width\:0\] {
  min-width: 0;
}
.\[min-width\:120px\] {
  min-width: 120px;
}
.\[min-width\:74px\] {
  min-width: 74px;
}
.\[min-width\:96px\] {
  min-width: 96px;
}
.\[object-fit\:contain\] {
  -o-object-fit: contain;
     object-fit: contain;
}
.\[opacity\:0\.5\] {
  opacity: 0.5;
}
.\[opacity\:0\.6\] {
  opacity: 0.6;
}
.\[outline\:none\] {
  outline: none;
}
.\[overflow-y\:auto\] {
  overflow-y: auto;
}
.\[overflow\:hidden\] {
  overflow: hidden;
}
.\[overflow\:visible\] {
  overflow: visible;
}
.\[padding\:0\] {
  padding: 0;
}
.\[padding\:0_40px_16px_40px\] {
  padding: 0 40px 16px 40px;
}
.\[padding\:10px_18px\] {
  padding: 10px 18px;
}
.\[padding\:120px_30px\] {
  padding: 120px 30px;
}
.\[padding\:12px_24px\] {
  padding: 12px 24px;
}
.\[padding\:14px_30px\] {
  padding: 14px 30px;
}
.\[padding\:16px_0\] {
  padding: 16px 0;
}
.\[padding\:16px_28px\] {
  padding: 16px 28px;
}
.\[padding\:16px_34px\] {
  padding: 16px 34px;
}
.\[padding\:18px_24px\] {
  padding: 18px 24px;
}
.\[padding\:20px_24px\] {
  padding: 20px 24px;
}
.\[padding\:20px_30px\] {
  padding: 20px 30px;
}
.\[padding\:22px_34px_20px\] {
  padding: 22px 34px 20px;
}
.\[padding\:22px_62px\] {
  padding: 22px 62px;
}
.\[padding\:24px\] {
  padding: 24px;
}
.\[padding\:25px_40px\] {
  padding: 25px 40px;
}
.\[padding\:28px_24px\] {
  padding: 28px 24px;
}
.\[padding\:2px\] {
  padding: 2px;
}
.\[padding\:3px\] {
  padding: 3px;
}
.\[padding\:47px\] {
  padding: 47px;
}
.\[padding\:48px_36px\] {
  padding: 48px 36px;
}
.\[padding\:4px\] {
  padding: 4px;
}
.\[padding\:6px_14px\] {
  padding: 6px 14px;
}
.\[padding\:8px_18px\] {
  padding: 8px 18px;
}
.\[place-items\:center\] {
  place-items: center;
}
.\[pointer-events\:auto\] {
  pointer-events: auto;
}
.\[position\:absolute\] {
  position: absolute;
}
.\[position\:fixed\] {
  position: fixed;
}
.\[position\:relative\] {
  position: relative;
}
.\[text-align\:center\] {
  text-align: center;
}
.\[text-transform\:none\] {
  text-transform: none;
}
.\[text-wrap\:balance\] {
  text-wrap: balance;
}
.\[top\:2px\] {
  top: 2px;
}
.\[top\:3px\] {
  top: 3px;
}
.\[top\:4px\] {
  top: 4px;
}
.\[transform\:rotate\(180deg\)\] {
  transform: rotate(180deg);
}
.\[transform\:translateX\(30px\)\] {
  transform: translateX(30px);
}
.\[transform\:translateX\(38px\)\] {
  transform: translateX(38px);
}
.\[transform\:translateX\(45px\)\] {
  transform: translateX(45px);
}
.\[transform\:translateZ\(0\)\] {
  transform: translateZ(0);
}
.\[transition\:all_0\.2s_ease\] {
  transition: all 0.2s ease;
}
.\[transition\:all_0\.3s_ease\] {
  transition: all 0.3s ease;
}
.\[transition\:background-color_0\.2s\] {
  transition: background-color 0.2s;
}
.\[transition\:background-color_0\.2s_ease\] {
  transition: background-color 0.2s ease;
}
.\[transition\:background_0\.15s_ease\] {
  transition: background 0.15s ease;
}
.\[transition\:background_0\.2s_ease\2c _color_0\.2s_ease\2c _opacity_0\.2s_ease\] {
  transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.\[transition\:background_0\.2s_ease\2c _transform_0\.2s_ease\] {
  transition: background 0.2s ease, transform 0.2s ease;
}
.\[transition\:color_0\.2s_ease\] {
  transition: color 0.2s ease;
}
.\[transition\:filter_0\.2s_ease\] {
  transition: filter 0.2s ease;
}
.\!\[transition\:none\] {
  transition: none !important;
}
.\[transition\:none\] {
  transition: none;
}
.\[transition\:opacity_0\.3s_ease\] {
  transition: opacity 0.3s ease;
}
.\[transition\:transform_0\.2s_ease\2c _filter_0\.2s_ease\2c _background_0\.2s_ease\] {
  transition: transform 0.2s ease, filter 0.2s ease, background 0.2s ease;
}
.\[transition\:transform_0\.2s_ease-in-out\2c _background-color_0\.2s_ease\] {
  transition: transform 0.2s ease-in-out, background-color 0.2s ease;
}
.\[transition\:transform_0\.2s_ease\] {
  transition: transform 0.2s ease;
}
.\[user-select\:none\] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.\[white-space\:nowrap\] {
  white-space: nowrap;
}
.\[width\:100\%\] {
  width: 100%;
}
.\[width\:16px\] {
  width: 16px;
}
.\[width\:24px\] {
  width: 24px;
}
.\[width\:26px\] {
  width: 26px;
}
.\[width\:32px\] {
  width: 32px;
}
.\[width\:37px\] {
  width: 37px;
}
.\[width\:38px\] {
  width: 38px;
}
.\[width\:40px\] {
  width: 40px;
}
.\[width\:45px\] {
  width: 45px;
}
.\[width\:48px\] {
  width: 48px;
}
.\[width\:52px\] {
  width: 52px;
}
.\[width\:60px\] {
  width: 60px;
}
.\[width\:6px\] {
  width: 6px;
}
.\[width\:76px\] {
  width: 76px;
}
.\[width\:90px\] {
  width: 90px;
}
.\[width\:fit-content\] {
  width: -moz-fit-content;
  width: fit-content;
}
.\[width\:min\(100\%\2c _430px\)\] {
  width: min(100%, 430px);
}
.\[width\:min\(100\%\2c _560px\)\] {
  width: min(100%, 560px);
}
.\[width\:min\(100\%\2c _720px\)\] {
  width: min(100%, 720px);
}
.\[width\:min\(100\%\2c _820px\)\] {
  width: min(100%, 820px);
}
.\[width\:min\(90\%\2c _900px\)\] {
  width: min(90%, 900px);
}
.\[will-change\:transform\] {
  will-change: transform;
}
.\[z-index\:999999\] {
  z-index: 999999;
}
.placeholder\:text-\[var\(--app-text-muted\2c \#80848e\)\]::-moz-placeholder {
  color: var(--app-text-muted,#80848e);
}
.placeholder\:text-\[var\(--app-text-muted\2c \#80848e\)\]::placeholder {
  color: var(--app-text-muted,#80848e);
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:left-\[5px\]::after {
  content: var(--tw-content);
  left: 5px;
}
.after\:top-\[3px\]::after {
  content: var(--tw-content);
  top: 3px;
}
.after\:h-\[calc\(100\%-6px\)\]::after {
  content: var(--tw-content);
  height: calc(100% - 6px);
}
.after\:w-\[calc\(50\%-6px\)\]::after {
  content: var(--tw-content);
  width: calc(50% - 6px);
}
.after\:translate-x-\[calc\(100\%\+3px\)\]::after {
  content: var(--tw-content);
  --tw-translate-x: calc(100% + 3px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:bg-\[var\(--app-text-primary\2c \#ffffff\)\]::after {
  content: var(--tw-content);
  background-color: var(--app-text-primary,#ffffff);
}
.after\:transition-transform::after {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}
.last\:mb-0:last-child {
  margin-bottom: 0px;
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:bg-\[rgba\(174\2c 174\2c 174\2c 0\.4\)\]:hover {
  background-color: rgba(174,174,174,0.4);
}
.hover\:bg-\[var\(--app-bg-card-hover\2c \#383a40\)\]:hover {
  background-color: var(--app-bg-card-hover,#383a40);
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:brightness-105:hover {
  --tw-brightness: brightness(1.05);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:\!\[background-color\:var\(--app-bg-card\2c \#2b2d31\)\]:hover {
  background-color: var(--app-bg-card,#2b2d31) !important;
}
.hover\:\[background-color\:var\(--app-bg-card-hover\2c \#383a40\)\]:hover {
  background-color: var(--app-bg-card-hover,#383a40);
}
.hover\:\!\[background-color\:var\(--app-bg-secondary\2c \#1e1f22\)\]:hover {
  background-color: var(--app-bg-secondary,#1e1f22) !important;
}
.hover\:\[background\:var\(--app-bg-card-hover\2c \#383a40\)\]:hover {
  background: var(--app-bg-card-hover,#383a40);
}
.hover\:\[color\:\#fff\]:hover {
  color: #fff;
}
.hover\:\[color\:var\(--app-text-primary\2c _\#ffffff\)\]:hover {
  color: var(--app-text-primary, #ffffff);
}
.hover\:\[opacity\:0\.9\]:hover {
  opacity: 0.9;
}
.hover\:\[transform\:scale\(1\.1\)\]:hover {
  transform: scale(1.1);
}
.focus\:bg-\[var\(--app-bg-card-hover\2c \#383a40\)\]:focus {
  background-color: var(--app-bg-card-hover,#383a40);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:\[outline\:none\]:focus {
  outline: none;
}
.focus-visible\:\[outline-offset\:3px\]:focus-visible {
  outline-offset: 3px;
}
.focus-visible\:\[outline\:2px_solid_\#ceb260\]:focus-visible {
  outline: 2px solid #ceb260;
}
.group\/switch:hover .group-hover\/switch\:\[background-color\:\#949ba4\] {
  background-color: #949ba4;
}
.group\/switch:hover .group-hover\/switch\:\[background-color\:\#ffffff\] {
  background-color: #ffffff;
}
.group\/header:hover .group-hover\/header\:\[color\:var\(--app-text-primary\2c \#ffffff\)\] {
  color: var(--app-text-primary,#ffffff);
}
.group\/disabled-header:hover .group-hover\/disabled-header\:\[color\:var\(--app-text-secondary\2c \#666666\)\] {
  color: var(--app-text-secondary,#666666);
}
.group\/disabled-header:hover .group-hover\/disabled-header\:\[color\:var\(--app-text-secondary\2c \#949ba4\)\] {
  color: var(--app-text-secondary,#949ba4);
}
.group\/card:hover .group-hover\/card\:\!\[filter\:brightness\(0\)_saturate\(100\%\)_invert\(100\%\)_sepia\(0\%\)_saturate\(0\%\)_hue-rotate\(93deg\)_brightness\(103\%\)_contrast\(103\%\)\] {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%) !important;
}
.group\/disabled-header:hover .group-hover\/disabled-header\:\!\[filter\:brightness\(0\)_saturate\(100\%\)_invert\(52\%\)_sepia\(0\%\)_saturate\(0\%\)_hue-rotate\(251deg\)_brightness\(94\%\)_contrast\(93\%\)\] {
  filter: brightness(0) saturate(100%) invert(52%) sepia(0%) saturate(0%) hue-rotate(251deg) brightness(94%) contrast(93%) !important;
}
.group\/header:hover .group-hover\/header\:\[filter\:brightness\(0\)_saturate\(100\%\)_invert\(62\%\)_sepia\(3\%\)_saturate\(12\%\)_hue-rotate\(178deg\)_brightness\(94\%\)_contrast\(92\%\)\] {
  filter: brightness(0) saturate(100%) invert(62%) sepia(3%) saturate(12%) hue-rotate(178deg) brightness(94%) contrast(92%);
}
@media (max-width: 1025px) {

  .max-\[1025px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .max-\[1025px\]\:\[height\:24px\] {
    height: 24px;
  }

  .max-\[1025px\]\:\[height\:28px\] {
    height: 28px;
  }

  .max-\[1025px\]\:\[height\:29px\] {
    height: 29px;
  }

  .max-\[1025px\]\:\[height\:32px\] {
    height: 32px;
  }

  .max-\[1025px\]\:\[height\:35px\] {
    height: 35px;
  }

  .max-\[1025px\]\:\[height\:40px\] {
    height: 40px;
  }

  .max-\[1025px\]\:\[transform\:translateX\(27px\)\] {
    transform: translateX(27px);
  }

  .max-\[1025px\]\:\[transform\:translateX\(35px\)\] {
    transform: translateX(35px);
  }

  .max-\[1025px\]\:\[transform\:translateX\(40px\)\] {
    transform: translateX(40px);
  }

  .max-\[1025px\]\:\[width\:24px\] {
    width: 24px;
  }

  .max-\[1025px\]\:\[width\:29px\] {
    width: 29px;
  }

  .max-\[1025px\]\:\[width\:32px\] {
    width: 32px;
  }

  .max-\[1025px\]\:\[width\:55px\] {
    width: 55px;
  }

  .max-\[1025px\]\:\[width\:70px\] {
    width: 70px;
  }

  .max-\[1025px\]\:\[width\:80px\] {
    width: 80px;
  }
}
@media (max-width: 768px) {

  .max-\[768px\]\:\!hidden {
    display: none !important;
  }

  .max-\[768px\]\:\[height\:21px\] {
    height: 21px;
  }

  .max-\[768px\]\:\[height\:25px\] {
    height: 25px;
  }

  .max-\[768px\]\:\[height\:26px\] {
    height: 26px;
  }

  .max-\[768px\]\:\[height\:29px\] {
    height: 29px;
  }

  .max-\[768px\]\:\[height\:32px\] {
    height: 32px;
  }

  .max-\[768px\]\:\[height\:37px\] {
    height: 37px;
  }

  .max-\[768px\]\:\[padding\:0_16px_14px_16px\] {
    padding: 0 16px 14px 16px;
  }

  .max-\[768px\]\:\[padding\:14px_16px\] {
    padding: 14px 16px;
  }

  .max-\[768px\]\:\[transform\:translateX\(25px\)\] {
    transform: translateX(25px);
  }

  .max-\[768px\]\:\[transform\:translateX\(33px\)\] {
    transform: translateX(33px);
  }

  .max-\[768px\]\:\[transform\:translateX\(38px\)\] {
    transform: translateX(38px);
  }

  .max-\[768px\]\:\[width\:21px\] {
    width: 21px;
  }

  .max-\[768px\]\:\[width\:26px\] {
    width: 26px;
  }

  .max-\[768px\]\:\[width\:29px\] {
    width: 29px;
  }

  .max-\[768px\]\:\[width\:50px\] {
    width: 50px;
  }

  .max-\[768px\]\:\[width\:65px\] {
    width: 65px;
  }

  .max-\[768px\]\:\[width\:75px\] {
    width: 75px;
  }
}
@media (max-width: 640px) {

  .max-\[640px\]\:w-auto {
    width: auto;
  }

  .max-\[640px\]\:w-full {
    width: 100%;
  }

  .max-\[640px\]\:min-w-\[60px\] {
    min-width: 60px;
  }

  .max-\[640px\]\:min-w-\[85px\] {
    min-width: 85px;
  }

  .max-\[640px\]\:max-w-\[145px\] {
    max-width: 145px;
  }

  .max-\[640px\]\:shrink-0 {
    flex-shrink: 0;
  }

  .max-\[640px\]\:flex-col {
    flex-direction: column;
  }

  .max-\[640px\]\:items-stretch {
    align-items: stretch;
  }

  .max-\[640px\]\:gap-2\.5 {
    gap: 0.625rem;
  }

  .max-\[640px\]\:gap-3 {
    gap: 0.75rem;
  }

  .max-\[640px\]\:p-3 {
    padding: 0.75rem;
  }
}
@media (max-width: 624px) {

  .max-\[624px\]\:\[height\:18px\] {
    height: 18px;
  }

  .max-\[624px\]\:\[height\:22px\] {
    height: 22px;
  }

  .max-\[624px\]\:\[height\:24px\] {
    height: 24px;
  }

  .max-\[624px\]\:\[height\:27px\] {
    height: 27px;
  }

  .max-\[624px\]\:\[height\:30px\] {
    height: 30px;
  }

  .max-\[624px\]\:\[height\:35px\] {
    height: 35px;
  }

  .max-\[624px\]\:\[transform\:translateX\(23px\)\] {
    transform: translateX(23px);
  }

  .max-\[624px\]\:\[transform\:translateX\(30px\)\] {
    transform: translateX(30px);
  }

  .max-\[624px\]\:\[transform\:translateX\(35px\)\] {
    transform: translateX(35px);
  }

  .max-\[624px\]\:\[width\:18px\] {
    width: 18px;
  }

  .max-\[624px\]\:\[width\:24px\] {
    width: 24px;
  }

  .max-\[624px\]\:\[width\:27px\] {
    width: 27px;
  }

  .max-\[624px\]\:\[width\:45px\] {
    width: 45px;
  }

  .max-\[624px\]\:\[width\:60px\] {
    width: 60px;
  }

  .max-\[624px\]\:\[width\:70px\] {
    width: 70px;
  }
}
@media (max-width: 560px) {

  .max-\[560px\]\:\[align-items\:stretch\] {
    align-items: stretch;
  }

  .max-\[560px\]\:\[border-radius\:0\] {
    border-radius: 0;
  }

  .max-\[560px\]\:\[flex-wrap\:wrap\] {
    flex-wrap: wrap;
  }

  .max-\[560px\]\:\[flex\:1\] {
    flex: 1;
  }

  .max-\[560px\]\:\[max-height\:none\] {
    max-height: none;
  }

  .max-\[560px\]\:\[min-height\:100\%\] {
    min-height: 100%;
  }

  .max-\[560px\]\:\[padding\:0\] {
    padding: 0;
  }

  .max-\[560px\]\:\[padding\:16px\] {
    padding: 16px;
  }

  .max-\[560px\]\:\[padding\:20px\] {
    padding: 20px;
  }

  .max-\[560px\]\:\[padding\:24px\] {
    padding: 24px;
  }

  .max-\[560px\]\:\[width\:100\%\] {
    width: 100%;
  }
}
@media (max-width: 530px) {

  .max-\[530px\]\:min-h-\[80px\] {
    min-height: 80px;
  }

  .max-\[530px\]\:p-3 {
    padding: 0.75rem;
  }

  .max-\[530px\]\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .max-\[530px\]\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .max-\[530px\]\:text-\[13px\] {
    font-size: 13px;
  }

  .max-\[530px\]\:\!\[font-size\:12px\] {
    font-size: 12px !important;
  }

  .max-\[530px\]\:\[font-size\:12px\] {
    font-size: 12px;
  }

  .max-\[530px\]\:\!\[font-size\:15px\] {
    font-size: 15px !important;
  }

  .max-\[530px\]\:\[font-size\:16px\] {
    font-size: 16px;
  }

  .max-\[530px\]\:\!\[padding\:0_12px_12px\] {
    padding: 0 12px 12px !important;
  }
}
@media (max-width: 480px) {

  .max-\[480px\]\:h-9 {
    height: 2.25rem;
  }

  .max-\[480px\]\:min-w-\[110px\] {
    min-width: 110px;
  }

  .max-\[480px\]\:p-\[3px\] {
    padding: 3px;
  }

  .max-\[480px\]\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .max-\[480px\]\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .max-\[480px\]\:text-\[13px\] {
    font-size: 13px;
  }

  .max-\[480px\]\:\[align-items\:flex-start\] {
    align-items: flex-start;
  }

  .max-\[480px\]\:\[flex-direction\:column\] {
    flex-direction: column;
  }

  .max-\[480px\]\:\[font-size\:12px\] {
    font-size: 12px;
  }

  .max-\[480px\]\:\[font-size\:14px\] {
    font-size: 14px;
  }

  .max-\[480px\]\:\[font-size\:16px\] {
    font-size: 16px;
  }

  .max-\[480px\]\:\[gap\:10px\] {
    gap: 10px;
  }

  .max-\[480px\]\:\[gap\:12px\] {
    gap: 12px;
  }

  .max-\[480px\]\:\[gap\:16px\] {
    gap: 16px;
  }

  .max-\[480px\]\:\[gap\:8px\] {
    gap: 8px;
  }

  .max-\[480px\]\:\[height\:22px\] {
    height: 22px;
  }

  .max-\[480px\]\:\[height\:32px\] {
    height: 32px;
  }

  .max-\[480px\]\:\[height\:36px\] {
    height: 36px;
  }

  .max-\[480px\]\:\[justify-content\:flex-end\] {
    justify-content: flex-end;
  }

  .max-\[480px\]\:\[padding\:12px_14px\] {
    padding: 12px 14px;
  }

  .max-\[480px\]\:\[padding\:16px\] {
    padding: 16px;
  }

  .max-\[480px\]\:\[white-space\:normal\] {
    white-space: normal;
  }

  .max-\[480px\]\:\[width\:100\%\] {
    width: 100%;
  }

  .max-\[480px\]\:\[width\:22px\] {
    width: 22px;
  }

  .max-\[480px\]\:\[width\:32px\] {
    width: 32px;
  }

  .max-\[480px\]\:\[width\:36px\] {
    width: 36px;
  }
}
@media (max-width: 450px) {

  .max-\[450px\]\:min-w-\[110px\] {
    min-width: 110px;
  }

  .max-\[450px\]\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .max-\[450px\]\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .max-\[450px\]\:text-\[16px\] {
    font-size: 16px;
  }

  .max-\[450px\]\:\!\[font-size\:11px\] {
    font-size: 11px !important;
  }

  .max-\[450px\]\:\[font-size\:11px\] {
    font-size: 11px;
  }

  .max-\[450px\]\:\!\[font-size\:14px\] {
    font-size: 14px !important;
  }

  .max-\[450px\]\:\[font-size\:15px\] {
    font-size: 15px;
  }
}
@media (min-width: 481px) {

  @media (max-width: 777px) {

    .min-\[481px\]\:max-\[777px\]\:\[align-items\:flex-start\] {
      align-items: flex-start;
    }

    .min-\[481px\]\:max-\[777px\]\:\[flex-direction\:column\] {
      flex-direction: column;
    }

    .min-\[481px\]\:max-\[777px\]\:\[gap\:10px\] {
      gap: 10px;
    }

    .min-\[481px\]\:max-\[777px\]\:\[gap\:16px\] {
      gap: 16px;
    }

    .min-\[481px\]\:max-\[777px\]\:\[justify-content\:flex-end\] {
      justify-content: flex-end;
    }

    .min-\[481px\]\:max-\[777px\]\:\[padding\:20px\] {
      padding: 20px;
    }

    .min-\[481px\]\:max-\[777px\]\:\[width\:100\%\] {
      width: 100%;
    }
  }
}
.rtl\:left-0:where([dir="rtl"], [dir="rtl"] *) {
  left: 0px;
}
.rtl\:right-auto:where([dir="rtl"], [dir="rtl"] *) {
  right: auto;
}
.rtl\:text-\[16px\]:where([dir="rtl"], [dir="rtl"] *) {
  font-size: 16px;
}
.\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb {
  height: 1rem;
}
.\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb {
  width: 1rem;
}
.\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb {
  cursor: pointer;
}
.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
  border-radius: 9999px;
}
.\[\&\:\:-moz-range-thumb\]\:bg-\[\#404040\]::-moz-range-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
}
.\[\&\:\:-moz-range-thumb\]\:transition::-moz-range-thumb {
  -moz-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\[\&\:\:-moz-range-thumb\]\:hover\:scale-110:hover::-moz-range-thumb {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\:\:-moz-range-thumb\]\:hover\:bg-\[\#505050\]:hover::-moz-range-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(80 80 80 / var(--tw-bg-opacity, 1));
}
.\[\&\:\:-webkit-inner-spin-button\]\:\[-webkit-appearance\:none\]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.\[\&\:\:-webkit-inner-spin-button\]\:\[appearance\:none\]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:\:-webkit-inner-spin-button\]\:\[margin\:0\]::-webkit-inner-spin-button {
  margin: 0;
}
.\[\&\:\:-webkit-outer-spin-button\]\:\[-webkit-appearance\:none\]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:\[appearance\:none\]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:\[margin\:0\]::-webkit-outer-spin-button {
  margin: 0;
}
.\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
  height: 1rem;
}
.\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
  width: 1rem;
}
.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb {
  cursor: pointer;
}
.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
  border-radius: 9999px;
}
.\[\&\:\:-webkit-slider-thumb\]\:bg-\[\#404040\]::-webkit-slider-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
}
.\[\&\:\:-webkit-slider-thumb\]\:transition::-webkit-slider-thumb {
  -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\[\&\:\:-webkit-slider-thumb\]\:hover\:scale-110:hover::-webkit-slider-thumb {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\:\:-webkit-slider-thumb\]\:hover\:bg-\[\#505050\]:hover::-webkit-slider-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(80 80 80 / var(--tw-bg-opacity, 1));
}
.\[\&\:disabled\]\:\[cursor\:not-allowed\]:disabled {
  cursor: not-allowed;
}
.\[\&\:disabled\]\:\[opacity\:0\.55\]:disabled {
  opacity: 0.55;
}
.\[\&\:disabled\]\:\[opacity\:0\.5\]:disabled {
  opacity: 0.5;
}
.\[\&\:disabled\]\:\[transform\:none\]:disabled {
  transform: none;
}
.\[\&\:focus-visible\]\:\[box-shadow\:none\]:focus-visible {
  box-shadow: none;
}
.\[\&\:focus-visible\]\:\[outline-offset\:3px\]:focus-visible {
  outline-offset: 3px;
}
.\[\&\:focus-visible\]\:\[outline\:2px_solid_\#ceb260\]:focus-visible {
  outline: 2px solid #ceb260;
}
.\[\&\:focus-within\]\:\[background\:rgba\(255\2c _255\2c _255\2c _0\.11\)\]:focus-within {
  background: rgba(255, 255, 255, 0.11);
}
.\[\&\:focus\:not\(\:focus-visible\)\]\:\[box-shadow\:none\]:focus:not(:focus-visible) {
  box-shadow: none;
}
.\[\&\:focus\:not\(\:focus-visible\)\]\:\[outline\:none\]:focus:not(:focus-visible) {
  outline: none;
}
.\[\&\:focus\]\:\[background\:rgba\(255\2c _255\2c _255\2c _0\.03\)\]:focus {
  background: rgba(255, 255, 255, 0.03);
}
.\[\&\:focus\]\:\[outline\:none\]:focus {
  outline: none;
}
.\[\&\:hover\:not\(\:disabled\)\]\:\[background\:\#ff737b\]:hover:not(:disabled) {
  background: #ff737b;
}
.\[\&\:hover\:not\(\:disabled\)\]\:\[background\:var\(--app-bg-card-hover\2c \#747474\)\]:hover:not(:disabled) {
  background: var(--app-bg-card-hover,#747474);
}
.\[\&\:hover\:not\(\:disabled\)\]\:\[background\:var\(--app-bg-card-hover\2c rgba\(255\2c 255\2c 255\2c 0\.06\)\)\]:hover:not(:disabled) {
  background: var(--app-bg-card-hover,rgba(255,255,255,0.06));
}
.\[\&\:hover\:not\(\:disabled\)\]\:\[color\:\#ffffff\]:hover:not(:disabled) {
  color: #ffffff;
}
.\[\&\:hover\:not\(\:disabled\)\]\:\[color\:var\(--app-text-primary\2c \#fff\)\]:hover:not(:disabled) {
  color: var(--app-text-primary,#fff);
}
.\[\&\:hover\:not\(\:disabled\)\]\:\[opacity\:0\.95\]:hover:not(:disabled) {
  opacity: 0.95;
}
.\[\&\:hover\:not\(\:disabled\)\]\:\[transform\:none\]:hover:not(:disabled) {
  transform: none;
}
.\[\&\:hover\]\:\[background\:rgba\(206\2c _178\2c _96\2c _0\.04\)\]:hover {
  background: rgba(206, 178, 96, 0.04);
}
.\[\&\:hover\]\:\[background\:rgba\(206\2c _178\2c _96\2c _0\.13\)\]:hover {
  background: rgba(206, 178, 96, 0.13);
}
.\[\&\:hover\]\:\[background\:rgba\(255\2c _255\2c _255\2c _0\.05\)\]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.\[\&\:hover\]\:\[background\:rgba\(255\2c _255\2c _255\2c _0\.055\)\]:hover {
  background: rgba(255, 255, 255, 0.055);
}
.\[\&\:hover\]\:\[background\:rgba\(255\2c _255\2c _255\2c _0\.09\)\]:hover {
  background: rgba(255, 255, 255, 0.09);
}
.\[\&\:hover\]\:\[background\:rgba\(255\2c _255\2c _255\2c _0\.11\)\]:hover {
  background: rgba(255, 255, 255, 0.11);
}
.\[\&\:hover\]\:\[filter\:brightness\(1\.08\)\]:hover {
  filter: brightness(1.08);
}
.\[\&\:hover\]\:\[transform\:translateY\(-2px\)\]:hover {
  transform: translateY(-2px);
}
.\[\&\>input\]\:w-\[100px\]>input {
  width: 100px;
}
.\[\&\>input\]\:min-w-\[70px\]>input {
  min-width: 70px;
}
.\[\&\>input\]\:flex-1>input {
  flex: 1 1 0%;
}
.\[\&\>input\]\:border-0>input {
  border-width: 0px;
}
.\[\&\>input\]\:bg-\[var\(--app-bg-secondary\2c \#1e1f22\)\]>input {
  background-color: var(--app-bg-secondary,#1e1f22);
}
.\[\&\>input\]\:px-\[14px\]>input {
  padding-left: 14px;
  padding-right: 14px;
}
.\[\&\>input\]\:font-cairo>input {
  font-family: 'Cairo', sans-serif;
}
.\[\&\>input\]\:text-\[14px\]>input {
  font-size: 14px;
}
.\[\&\>input\]\:font-bold>input {
  font-weight: 700;
}
.\[\&\>input\]\:text-\[var\(--app-text-primary\2c \#ffffff\)\]>input {
  color: var(--app-text-primary,#ffffff);
}
.\[\&\>input\]\:focus\:bg-\[var\(--app-bg-card-hover\2c \#383a40\)\]:focus>input {
  background-color: var(--app-bg-card-hover,#383a40);
}
.\[\&\>input\]\:focus\:outline-none:focus>input {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (max-width: 640px) {

  .max-\[640px\]\:\[\&\>input\]\:w-11>input {
    width: 2.75rem;
  }

  .max-\[640px\]\:\[\&\>input\]\:min-w-\[32px\]>input {
    min-width: 32px;
  }

  .max-\[640px\]\:\[\&\>input\]\:px-1\.5>input {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .max-\[640px\]\:\[\&\>input\]\:text-center>input {
    text-align: center;
  }
}
.\[\&\>span\]\:flex>span {
  display: flex;
}
.\[\&\>span\]\:min-w-\[80px\]>span {
  min-width: 80px;
}
.\[\&\>span\]\:items-center>span {
  align-items: center;
}
.\[\&\>span\]\:justify-center>span {
  justify-content: center;
}
.\[\&\>span\]\:px-\[10px\]>span {
  padding-left: 10px;
  padding-right: 10px;
}
.\[\&\>span\]\:pl-\[5px\]>span {
  padding-left: 5px;
}
.\[\&\>span\]\:font-cairo>span {
  font-family: 'Cairo', sans-serif;
}
.\[\&\>span\]\:text-\[14px\]>span {
  font-size: 14px;
}
.\[\&\>span\]\:text-\[15px\]>span {
  font-size: 15px;
}
.\[\&\>span\]\:font-bold>span {
  font-weight: 700;
}
.\[\&\>span\]\:text-\[var\(--app-text-primary\2c \#ffffff\)\]>span {
  color: var(--app-text-primary,#ffffff);
}
.\[\&\>span\]\:text-\[var\(--app-text-secondary\2c \#949ba4\)\]>span {
  color: var(--app-text-secondary,#949ba4);
}
@media (max-width: 640px) {

  .max-\[640px\]\:\[\&\>span\]\:min-w-0>span {
    min-width: 0px;
  }

  .max-\[640px\]\:\[\&\>span\]\:whitespace-nowrap>span {
    white-space: nowrap;
  }

  .max-\[640px\]\:\[\&\>span\]\:px-2>span {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .max-\[640px\]\:\[\&\>span\]\:text-\[13px\]>span {
    font-size: 13px;
  }
}
@media (max-width: 530px) {

  .max-\[530px\]\:\[\&\>span\]\:text-\[13px\]>span {
    font-size: 13px;
  }
}
.\[\&\]\:\[font-size\:15px\] {
  font-size: 15px;
}
.\[\&\]\:\[font-size\:18px\] {
  font-size: 18px;
}
.\[\&\]\:\[font-size\:20px\] {
  font-size: 20px;
}
.\[\&\]\:\[font-weight\:400\] {
  font-weight: 400;
}
.\[\&\]\:\[font-weight\:700\] {
  font-weight: 700;
}
.\[\&_\*\]\:\!\[animation\:none\] * {
  animation: none !important;
}
.\[\&_\*\]\:\!\[transition\:none\] * {
  transition: none !important;
}
.\[\&_h3\]\:mb-1\.5 h3 {
  margin-bottom: 0.375rem;
}
.\[\&_h3\]\:font-cairo h3 {
  font-family: 'Cairo', sans-serif;
}
.\[\&_h3\]\:text-\[18px\] h3 {
  font-size: 18px;
}
.\[\&_h3\]\:font-bold h3 {
  font-weight: 700;
}
.\[\&_h3\]\:tracking-\[0\.3px\] h3 {
  letter-spacing: 0.3px;
}
.\[\&_h3\]\:text-\[\#dcdcdc\] h3 {
  --tw-text-opacity: 1;
  color: rgb(220 220 220 / var(--tw-text-opacity, 1));
}
.\[\&_h3\]\:\[color\:\#fff\] h3 {
  color: #fff;
}
.\[\&_h3\]\:\[font-size\:24px\] h3 {
  font-size: 24px;
}
.\[\&_h3\]\:\[font-weight\:800\] h3 {
  font-weight: 800;
}
.\[\&_h3\]\:\[margin\:0\] h3 {
  margin: 0;
}
.\[\&_h3\]\:\[overflow-wrap\:anywhere\] h3 {
  overflow-wrap: anywhere;
}
@media (max-width: 560px) {

  .max-\[560px\]\:\[\&_h3\]\:\[font-size\:20px\] h3 {
    font-size: 20px;
  }
}
.\[\&_h5\]\:mb-3 h5 {
  margin-bottom: 0.75rem;
}
.\[\&_h5\]\:font-cairo h5 {
  font-family: 'Cairo', sans-serif;
}
.\[\&_h5\]\:text-\[21px\] h5 {
  font-size: 21px;
}
.\[\&_h5\]\:font-bold h5 {
  font-weight: 700;
}
.\[\&_h5\]\:text-\[\#7d7d7d\] h5 {
  --tw-text-opacity: 1;
  color: rgb(125 125 125 / var(--tw-text-opacity, 1));
}
@media (max-width: 530px) {

  .max-\[530px\]\:\[\&_h5\]\:text-\[18px\] h5 {
    font-size: 18px;
  }
}
.rtl\:\[\&_h5\]\:text-\[19px\] h5:where([dir="rtl"], [dir="rtl"] *) {
  font-size: 19px;
}
@media (max-width: 530px) {

  .rtl\:max-\[530px\]\:\[\&_h5\]\:text-\[16px\] h5:where([dir="rtl"], [dir="rtl"] *) {
    font-size: 16px;
  }
}
.\[\&_h6\]\:m-0 h6 {
  margin: 0px;
}
.\[\&_h6\]\:font-cairo h6 {
  font-family: 'Cairo', sans-serif;
}
.\[\&_h6\]\:text-\[20px\] h6 {
  font-size: 20px;
}
.\[\&_h6\]\:font-extrabold h6 {
  font-weight: 800;
}
.\[\&_h6\]\:leading-snug h6 {
  line-height: 1.375;
}
.\[\&_h6\]\:text-\[\#fff4cf\] h6 {
  --tw-text-opacity: 1;
  color: rgb(255 244 207 / var(--tw-text-opacity, 1));
}
.\[\&_img\]\:\[height\:100\%\] img {
  height: 100%;
}
.\[\&_img\]\:\[object-fit\:contain\] img {
  -o-object-fit: contain;
     object-fit: contain;
}
.\[\&_img\]\:\[width\:100\%\] img {
  width: 100%;
}
.\[\&_p\]\:m-0 p {
  margin: 0px;
}
.\[\&_p\]\:max-w-\[680px\] p {
  max-width: 680px;
}
.\[\&_p\]\:font-cairo p {
  font-family: 'Cairo', sans-serif;
}
.\[\&_p\]\:text-\[13px\] p {
  font-size: 13px;
}
.\[\&_p\]\:font-semibold p {
  font-weight: 600;
}
.\[\&_p\]\:leading-relaxed p {
  line-height: 1.625;
}
.\[\&_p\]\:text-\[\#ffefcd\]\/85 p {
  color: rgb(255 239 205 / 0.85);
}
.\[\&_p\]\:\[color\:var\(--app-text-secondary\2c \#949ba4\)\] p {
  color: var(--app-text-secondary,#949ba4);
}
.\[\&_p\]\:\[font-size\:14px\] p {
  font-size: 14px;
}
.\[\&_p\]\:\[font-weight\:600\] p {
  font-weight: 600;
}
.\[\&_p\]\:\[margin\:8px_0_0\] p {
  margin: 8px 0 0;
}
.\[\&_p\]\:\[overflow-wrap\:anywhere\] p {
  overflow-wrap: anywhere;
}
@media(hover:none) and (pointer:coarse) {

  .\[\@media\(hover\:none\)_and_\(pointer\:coarse\)\]\:\!hidden {
    display: none !important;
  }
}
[dir=rtl] .\[\[dir\=rtl\]_\&\]\:\[align-items\:flex-end\] {
  align-items: flex-end;
}
[dir=rtl] .\[\[dir\=rtl\]_\&\]\:\[direction\:rtl\] {
  direction: rtl;
}
[dir=rtl] .\[\[dir\=rtl\]_\&\]\:\[justify-content\:flex-start\] {
  justify-content: flex-start;
}
[dir=rtl] .\[\[dir\=rtl\]_\&\]\:\[left\:auto\] {
  left: auto;
}
[dir=rtl] .\[\[dir\=rtl\]_\&\]\:\[right\:2px\] {
  right: 2px;
}
[dir=rtl] .\[\[dir\=rtl\]_\&\]\:\[right\:3px\] {
  right: 3px;
}
[dir=rtl] .\[\[dir\=rtl\]_\&\]\:\[right\:4px\] {
  right: 4px;
}
[dir=rtl] .\[\[dir\=rtl\]_\&\]\:\[text-align\:right\] {
  text-align: right;
}
[dir=rtl] .\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(-30px\)\] {
  transform: translateX(-30px);
}
[dir=rtl] .\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(-38px\)\] {
  transform: translateX(-38px);
}
[dir=rtl] .\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(-45px\)\] {
  transform: translateX(-45px);
}
[dir=rtl] .\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(0\)\] {
  transform: translateX(0);
}
@media (max-width: 1025px) {

  [dir=rtl] .max-\[1025px\]\:\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(-27px\)\] {
    transform: translateX(-27px);
  }

  [dir=rtl] .max-\[1025px\]\:\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(-35px\)\] {
    transform: translateX(-35px);
  }

  [dir=rtl] .max-\[1025px\]\:\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(-40px\)\] {
    transform: translateX(-40px);
  }

  [dir=rtl] .max-\[1025px\]\:\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(0\)\] {
    transform: translateX(0);
  }
}
@media (max-width: 768px) {

  [dir=rtl] .max-\[768px\]\:\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(-25px\)\] {
    transform: translateX(-25px);
  }

  [dir=rtl] .max-\[768px\]\:\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(-33px\)\] {
    transform: translateX(-33px);
  }

  [dir=rtl] .max-\[768px\]\:\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(-38px\)\] {
    transform: translateX(-38px);
  }

  [dir=rtl] .max-\[768px\]\:\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(0\)\] {
    transform: translateX(0);
  }
}
@media (max-width: 624px) {

  [dir=rtl] .max-\[624px\]\:\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(-23px\)\] {
    transform: translateX(-23px);
  }

  [dir=rtl] .max-\[624px\]\:\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(-30px\)\] {
    transform: translateX(-30px);
  }

  [dir=rtl] .max-\[624px\]\:\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(-35px\)\] {
    transform: translateX(-35px);
  }

  [dir=rtl] .max-\[624px\]\:\[\[dir\=rtl\]_\&\]\:\[transform\:translateX\(0\)\] {
    transform: translateX(0);
  }
}




/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/shared/design/aurtmix-tokens.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Aurtmix Essentials — design tokens.
 * Source of truth: Figma "Aurtmix Essentials — Start here" (node 2042:166).
 * Variable names mirror the Figma variables so Dev Mode output maps 1:1.
 * Black & Gold, with a light theme below.
 *
 * The color tokens are also applied to .ax-force-dark: previews of things that
 * look the same in any site theme (Discord messages, the bot's profile card)
 * stay dark inside a light page.
 */
:root,
:root[data-ax-theme='light'] .ax-force-dark {
  /* 01 · Colors */
  --background-page: #050505;
  --background-card: #1c1c1c;
  --background-inside-card: #141414;
  --background-button: #262626;
  --text-main: #ffffff;
  --text-muted: #aeaeae;
  /* The "AurtMix" wordmark in the navbar and the dashboard sidebar. */
  --ax-wordmark-text: #c7c7c7;
  --brand-gold: #ceb260;
  --text-on-gold: #1e1f24;
  --brand-light-gold: #e7d4a0;
  --border-default: rgba(174, 174, 174, 0.45);
  --border-soft: rgba(174, 174, 174, 0.2);
  --gradients-hero-glow: #0a0a0a;

  /* Fill styles */
  --ax-gradient-hero: linear-gradient(180deg, var(--background-page) 0%, var(--gradients-hero-glow) 30.846%, var(--background-inside-card) 83.549%);
  --ax-gradient-card: linear-gradient(180deg, var(--background-card) 0%, var(--background-inside-card) 64.904%);
  --ax-gradient-button: linear-gradient(180deg, var(--background-card) 0%, var(--background-button) 64.904%);
  --ax-gradient-gold: radial-gradient(171.08% 67.67% at 112.5% 0%, #e7d4a0 0%, #dbc380 38.221%, #ceb260 76.442%);
  --ax-gradient-gold-text: radial-gradient(171.08% 67.67% at 112.5% 0%, #ffffff 0%, #f3ecd7 19.111%, #e7d9b0 38.221%, #dac588 57.332%, #ceb260 76.442%);
  --ax-gradient-edge-fade: linear-gradient(to left, var(--background-page) 0%, rgba(30, 31, 36, 0) 100%);

  /* Effects (Card texture and Inner highlight share one value) */
  --ax-effect-highlight: inset 0 1.11024px 1.11024px 0 rgba(255, 255, 255, 0.09);

  /* Theme helpers. Their dark values are the colors these parts always used;
     the light theme below swaps them. */
  color-scheme: dark;
  --ax-field: rgba(5, 5, 5, 0.6);
  --ax-field-soft: rgba(5, 5, 5, 0.45);
  --ax-wash-03: rgba(255, 255, 255, 0.03);
  --ax-wash-04: rgba(255, 255, 255, 0.04);
  --ax-wash-05: rgba(255, 255, 255, 0.05);
  --ax-wash-06: rgba(255, 255, 255, 0.06);
  --ax-wash-08: rgba(255, 255, 255, 0.08);
  --ax-wash-10: rgba(255, 255, 255, 0.1);
  --ax-wash-12: rgba(255, 255, 255, 0.12);
  --ax-wash-15: rgba(255, 255, 255, 0.15);
  --ax-wash-20: rgba(255, 255, 255, 0.2);
  --ax-wash-30: rgba(255, 255, 255, 0.3);
  --ax-placeholder: rgba(174, 174, 174, 0.55);
  --ax-scrim: rgba(0, 0, 0, 0.7);
  --ax-shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.45);
  --ax-shadow-pop-lg: 0 16px 40px rgba(0, 0, 0, 0.5);
  --ax-scrollbar: rgba(174, 174, 174, 0.22);
  --ax-scrollbar-hover: rgba(174, 174, 174, 0.4);
  --ax-danger: #ef6b64;
  --ax-warning: #f0954a;
  --ax-success: #5fcb8b;
  --ax-gold-wash: rgba(206, 178, 96, 0.14);
  --ax-gold-wash-soft: rgba(206, 178, 96, 0.06);
  --ax-icon-gold-start: #e7d4a0;
  --ax-icon-gold-end: #ceb260;
  /* Disabled controls dim in dark and fade in light (darkening looks muddy on white). */
  --ax-disabled-filter: grayscale(0.6) brightness(0.7);
  --ax-disabled-filter-soft: saturate(0.6) brightness(0.85);
  --ax-field-faint: rgba(5, 5, 5, 0.3);
  --ax-shadow-drag: 0 10px 28px rgba(0, 0, 0, 0.5);
  /* Grey and white tints at any strength: rgba(var(--ax-grey-rgb), calc(a * var(--ax-grey-k))).
     Dark keeps the original colors (k = 1); light turns them into ink, a little softer. */
  --ax-grey-rgb: 174, 174, 174;
  --ax-grey-k: 1;
  --ax-wash-rgb: 255, 255, 255;
  --ax-wash-k: 1;
  /* Hover: brighten in dark (the system rule). In light, brightening clips the faint
     tints inside white cards to white, so hover darkens a touch instead. */
  --ax-hover-08: brightness(1.08);
  --ax-hover-10: brightness(1.1);
  --ax-hover-12: brightness(1.12);
  --ax-hover-15: brightness(1.15);
  --ax-hover-20: brightness(1.2);
  --ax-hover-35: brightness(1.35);
}

:root[data-ax-theme='light'] .ax-force-dark {
  color: var(--text-main);
}

:root {
  /* 03 · Spacing — 8/12/16/24/32 for new work, 4 for small details */
  --aurtmix-spacing-4: 4px;
  --aurtmix-spacing-8: 8px;
  --aurtmix-spacing-10: 10px;
  --aurtmix-spacing-12: 12px;
  --aurtmix-spacing-14: 14px;
  --aurtmix-spacing-15: 15px;
  --aurtmix-spacing-16: 16px;
  --aurtmix-spacing-20: 20px;
  --aurtmix-spacing-24: 24px;
  --aurtmix-spacing-30: 30px;
  --aurtmix-spacing-32: 32px;

  /* 03 · Corners */
  --aurtmix-corners-icon: 14px;
  --aurtmix-corners-media: 16px;
  --aurtmix-corners-faq: 18px;
  --aurtmix-corners-card: 24px;
  --aurtmix-corners-pill-and-hero: 128px;

  /* Motion — one vocabulary for every interaction */
  --ax-ease-out: cubic-bezier(0.22, 1, 0.36, 1);       /* settles: hovers, reveals, menus */
  --ax-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);    /* symmetric: expand/collapse */
  --ax-dur-press: 90ms;
  --ax-dur-fast: 180ms;
  --ax-dur: 280ms;

  /* Layout */
  --ax-content-width: 1168px;
  --ax-page-gutter: 16px;
  --ax-font: 'AurtMix Arabic', 'Mozilla Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ax-font-heading: 'AurtMix Arabic', 'Syne', var(--ax-font);
  /* Descriptions, navbar and logo text. */
  --ax-font-outfit: 'AurtMix Arabic', 'Outfit', var(--ax-font);
}

/*
 * Light theme, toggled by the navbar theme button (useAxTheme sets data-ax-theme;
 * public/ax-theme-init.js sets it before first paint). Warm off-white pages,
 * white cards, near-black text and a deeper gold that stays readable on white.
 */
:root[data-ax-theme='light'] {
  color-scheme: light;
  --background-page: #f6f5f1;
  --background-card: #ffffff;
  --background-inside-card: #f2f0eb;
  --background-button: #ebe9e3;
  --text-main: #161512;
  --text-muted: #64615a;
  --ax-wordmark-text: var(--text-main);
  --brand-gold: #8f6e1f;
  --text-on-gold: #1e1f24;
  --brand-light-gold: #b08a2e;
  --border-default: rgba(22, 21, 18, 0.2);
  --border-soft: rgba(22, 21, 18, 0.1);
  --gradients-hero-glow: #fbfaf7;

  --ax-gradient-card: linear-gradient(180deg, #ffffff 0%, #fbfaf7 64.904%);
  --ax-gradient-button: linear-gradient(180deg, #ffffff 0%, #f1efea 64.904%);
  --ax-gradient-gold-text: radial-gradient(171.08% 67.67% at 112.5% 0%, #c29b3c 0%, #a8852c 38.221%, #8f6e1f 76.442%);
  --ax-gradient-edge-fade: linear-gradient(to left, var(--background-page) 0%, rgba(246, 245, 241, 0) 100%);
  /* On white the top light is invisible, so cards get a hairline edge instead. */
  --ax-effect-highlight: inset 0 0 0 1px rgba(22, 21, 18, 0.08);

  --ax-field: rgba(40, 34, 20, 0.05);
  --ax-field-soft: rgba(40, 34, 20, 0.035);
  --ax-wash-03: rgba(22, 21, 18, 0.03);
  --ax-wash-04: rgba(22, 21, 18, 0.04);
  --ax-wash-05: rgba(22, 21, 18, 0.045);
  --ax-wash-06: rgba(22, 21, 18, 0.055);
  --ax-wash-08: rgba(22, 21, 18, 0.07);
  --ax-wash-10: rgba(22, 21, 18, 0.085);
  --ax-wash-12: rgba(22, 21, 18, 0.1);
  --ax-wash-15: rgba(22, 21, 18, 0.12);
  --ax-wash-20: rgba(22, 21, 18, 0.16);
  --ax-wash-30: rgba(22, 21, 18, 0.24);
  --ax-placeholder: rgba(22, 21, 18, 0.4);
  --ax-scrim: rgba(28, 24, 16, 0.38);
  --ax-shadow-pop: 0 12px 32px rgba(28, 24, 16, 0.14);
  --ax-shadow-pop-lg: 0 16px 40px rgba(28, 24, 16, 0.16);
  --ax-scrollbar: rgba(22, 21, 18, 0.18);
  --ax-scrollbar-hover: rgba(22, 21, 18, 0.3);
  --ax-danger: #c43d36;
  --ax-warning: #b25d14;
  --ax-success: #1d8048;
  --ax-gold-wash: rgba(176, 138, 46, 0.14);
  --ax-gold-wash-soft: rgba(176, 138, 46, 0.07);
  --ax-icon-gold-start: #c29b3c;
  --ax-icon-gold-end: #8f6e1f;
  --ax-disabled-filter: grayscale(0.5) opacity(0.5);
  --ax-disabled-filter-soft: saturate(0.6) opacity(0.6);
  --ax-field-faint: rgba(40, 34, 20, 0.03);
  --ax-shadow-drag: 0 10px 28px rgba(28, 24, 16, 0.16);
  --ax-grey-rgb: 22, 21, 18;
  --ax-grey-k: 0.6;
  --ax-wash-rgb: 22, 21, 18;
  --ax-wash-k: 0.9;
  --ax-hover-08: brightness(0.985);
  --ax-hover-10: brightness(0.98);
  --ax-hover-12: brightness(0.975);
  --ax-hover-15: brightness(0.97);
  --ax-hover-20: brightness(0.96);
  --ax-hover-35: brightness(0.94);

  /* Colors of pages and widgets older than Aurtmix Essentials (index.css). */
  /* Old widgets use --app-bg-secondary for inputs on a card, so it is a recessed
     tone; --app-accent is mostly a fill under dark text, so it keeps the gold. */
  --app-bg: var(--background-page);
  --app-bg-secondary: #f2f0eb;
  --app-bg-sidebar: #f2f0eb;
  --app-bg-card: #ffffff;
  --app-bg-card-hover: #ebe8e1;
  --app-bg-hover: #ebe8e1;
  --app-accent: #ceb260;
  --app-accent-hover: #d5be78;
  --app-text-primary: #161512;
  --app-text-secondary: #64615a;
  --app-text-muted: #85827a;
  --app-border-color: rgba(22, 21, 18, 0.1);
  --app-accent-contrast: #1e1f24;
}

/* Page root: opt a page into the design system. Preflight is off globally. */
.ax-root {
  background: var(--background-page);
  color: var(--text-main);
  font-family: var(--ax-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  overflow-x: clip;
}

.ax-root *,
.ax-root *::before,
.ax-root *::after {
  box-sizing: border-box;
}

/* Text selection in brand gold (also covers gradient-clipped text, whose fill is transparent). */
.ax-root ::-moz-selection {
  background: var(--brand-gold);
  color: var(--text-on-gold);
  -webkit-text-fill-color: var(--text-on-gold);
}
.ax-root ::selection {
  background: var(--brand-gold);
  color: var(--text-on-gold);
  -webkit-text-fill-color: var(--text-on-gold);
}

.ax-root :where(h1, h2, h3, h4, h5, h6, p, ul, ol, figure) {
  margin: 0;
  padding: 0;
}

.ax-root :where(ul, ol) {
  list-style: none;
}

.ax-root :where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--ax-font-heading);
  font-weight: 700;
}

.ax-root :where(button) {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ax-root :where(a) {
  color: inherit;
  text-decoration: none;
}

.ax-root :where(img) {
  display: block;
  max-width: none;
}

/* 02 · Typography: headings use Syne Bold (its wide cut); descriptions, navbar and
   logo text use Outfit; everything else Mozilla Text.
   Arabic and digits use Cairo (aurtmix-arabic.css). */
.ax-type-hero { font-family: var(--ax-font-heading); font-weight: 700; font-size: 60px; line-height: 63.6px; letter-spacing: -2px; }
.ax-type-hero-emphasis { font-family: var(--ax-font-heading); font-weight: 700; font-size: 60px; line-height: 63.6px; letter-spacing: -2px; }
.ax-type-section { font-family: var(--ax-font-heading); font-weight: 700; font-size: 36px; line-height: 40px; letter-spacing: -0.9px; }
.ax-type-brand { font-family: var(--ax-font-heading); font-weight: 700; font-size: 32px; line-height: 38.4px; letter-spacing: -0.01px; }
.ax-type-card-heading { font-family: var(--ax-font-heading); font-weight: 700; font-size: 24px; line-height: 28px; letter-spacing: -0.45px; }
.ax-type-body-intro { font-family: var(--ax-font-outfit); font-weight: 500; font-size: 16px; line-height: 22.4px; letter-spacing: 0; }
.ax-type-body-card { font-family: var(--ax-font-outfit); font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; }
.ax-type-faq-answer { font-family: var(--ax-font-outfit); font-weight: 500; font-size: 14px; line-height: 22.5px; letter-spacing: 0; }
.ax-type-faq-question { font-family: var(--ax-font); font-weight: 500; font-size: 15px; line-height: 22.5px; letter-spacing: 0; }
.ax-type-announcement { font-family: var(--ax-font); font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0; }
.ax-type-button { font-family: var(--ax-font); font-weight: 600; font-size: 16px; line-height: 16px; letter-spacing: 0; }
.ax-type-nav-link { font-family: var(--ax-font-outfit); font-weight: 600; font-size: 16px; line-height: 19.2px; letter-spacing: 0; }
.ax-type-link-small { font-family: var(--ax-font); font-weight: 500; font-size: 13.3px; line-height: 20px; letter-spacing: 0; }
.ax-type-legal { font-family: var(--ax-font); font-weight: 600; font-size: 12px; line-height: 16.8px; letter-spacing: 0.005px; }
.ax-type-badge { font-family: var(--ax-font); font-weight: 700; font-size: 10px; line-height: 14.29px; letter-spacing: 0.5px; }
.ax-type-community-name { font-family: var(--ax-font); font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; }
/* Logo text: Outfit SemiBold. */
.ax-type-wordmark { font-family: var(--ax-font-outfit); font-weight: 600; font-size: 26px; line-height: 30px; letter-spacing: -0.45px; }

/* Text colors */
.ax-text-main { color: var(--text-main); }
.ax-text-muted { color: var(--text-muted); }
.ax-text-gold { color: var(--brand-gold); }
/* Page title kept for screen readers where the design shows none. */
.ax-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.ax-text-gold-gradient {
  background-image: var(--ax-gradient-gold-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Surfaces. The highlight is painted above children, as in Figma. */
.ax-surface-card { background: var(--ax-gradient-card); }
.ax-surface-button { background: var(--ax-gradient-button); }
.ax-surface-hero { background: var(--ax-gradient-hero); }

.ax-highlight {
  position: relative;
}

/* !important: index.css strips box-shadow from every element for the dashboard;
   the inner highlight is a Figma effect of this system, so it opts back in. */
.ax-highlight::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: var(--ax-effect-highlight) !important;
  pointer-events: none;
}

/* Shared content column */
.ax-container {
  width: min(var(--ax-content-width), calc(100% - (var(--ax-page-gutter) * 2)));
  margin-inline: auto;
}

/*
 * Scroll reveal (useAxReveal): sections fade in with a small rise, once.
 * Hidden only after the script has opted the page in (.ax-reveal-on), so content
 * never stays invisible without JS.
 */
.ax-reveal-on [data-ax-reveal]:not(.is-revealed) {
  opacity: 0;
}

.ax-reveal-on [data-ax-reveal].is-revealed {
  animation: ax-reveal 600ms var(--ax-ease-out) backwards;
}

@keyframes ax-reveal {
  from { opacity: 0; transform: translate3d(0, 10px, 0); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ax-reveal-on [data-ax-reveal]:not(.is-revealed) { opacity: 1; }
  .ax-reveal-on [data-ax-reveal].is-revealed { animation: none; }
}

/*
 * Page entrance: every design-system page fades in when you land on it (first
 * load and client-side navigation), instead of cutting in.
 */
.ax-root {
  animation: ax-page-in 450ms var(--ax-ease-out) both;
}

@keyframes ax-page-in {
  from { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .ax-root { animation: none; }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/shared/ui/aurtmix/aurtmix-ui.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Aurtmix Essentials — component styles.
 * Mirrors Figma "04 / Components" (node 2051:376). Tokens: shared/design/aurtmix-tokens.css.
 * Figma defines only default states; hover/focus here are minimal additions.
 */

/* Buttons — Aurtmix/Buttons/Button */
.ax-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 14px 26px;
  border-radius: var(--aurtmix-corners-pill-and-hero);
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition:
    transform var(--ax-dur-fast) var(--ax-ease-out),
    filter var(--ax-dur-fast) var(--ax-ease-out),
    color var(--ax-dur-fast) var(--ax-ease-out);
  -webkit-tap-highlight-color: transparent;
}

.ax-btn--primary {
  background: var(--ax-gradient-gold);
  color: var(--text-on-gold);
}

.ax-btn--secondary {
  background: var(--ax-gradient-button);
  color: var(--text-main);
}

.ax-btn--primary:hover,
.ax-btn--secondary:hover {
  filter: var(--ax-hover-12);
}

/* Press: a small, quick squeeze. */
.ax-btn:active,
.ax-icon-btn:active {
  transform: scale(0.97);
  transition-duration: var(--ax-dur-press);
}

.ax-btn--nav {
  padding: 0 9.61px 0 var(--aurtmix-spacing-8);
  border-radius: 0;
  color: var(--text-main);
}

.ax-btn--nav:hover {
  color: var(--brand-gold);
}



.ax-btn:disabled,
.ax-btn[aria-disabled='true'] {
  cursor: default;
  filter: var(--ax-disabled-filter-soft);
}

.ax-btn:focus-visible,
.ax-icon-btn:focus-visible,
.ax-faq__header:focus-visible,
.ax-focusable:focus-visible {
  outline: 2px solid var(--brand-light-gold);
  outline-offset: 2px;
}

/* Icon button — Aurtmix/Buttons/Icon button */
.ax-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  padding: var(--aurtmix-spacing-4);
  border-radius: var(--aurtmix-corners-pill-and-hero);
  background: var(--ax-gradient-button);
  cursor: pointer;
  transition:
    transform var(--ax-dur-fast) var(--ax-ease-out),
    filter var(--ax-dur-fast) var(--ax-ease-out);
  -webkit-tap-highlight-color: transparent;
}

.ax-icon-btn:hover,
.ax-icon-btn[aria-expanded='true'] {
  filter: var(--ax-hover-15);
}

/* Section heading — two-tone, centered */
.ax-section-heading {
  color: var(--text-main);
  text-align: center;
}

.ax-section-heading__accent {
  color: var(--brand-gold);
}

.ax-section-heading--stacked .ax-section-heading__lead,
.ax-section-heading--stacked .ax-section-heading__accent {
  display: block;
}

/* Wordmark — logo + AurtMix */
.ax-wordmark {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 45px;
}

.ax-wordmark__logo {
  position: relative;
  flex-shrink: 0;
  width: 51px;
  height: 44px;
}

.ax-wordmark__logo img {
  position: absolute;
  top: -6px;
  left: 0;
  width: 51px;
  height: 46px;
}

.ax-wordmark__text {
  color: var(--text-main);
  white-space: nowrap;
}

/* Cards aren't clickable; they just brighten on hover, like the buttons. */
.ax-feature-card,
.ax-bento,
.ax-community-card {
  cursor: default;
  transition: filter var(--ax-dur) var(--ax-ease-out);
}

.ax-feature-card:hover,
.ax-bento:hover,
.ax-community-card:hover {
  filter: var(--ax-hover-12);
}

/* Feature card — Aurtmix/Cards/Feature */
.ax-feature-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--aurtmix-spacing-24);
  padding: var(--aurtmix-spacing-32);
  border-radius: var(--aurtmix-corners-card);
  align-self: start;
}

.ax-icon-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--aurtmix-corners-icon);
  background: var(--ax-gradient-button);
}

.ax-icon-tile svg {
  flex-shrink: 0;
}

/* Holds shared SVG gradients; must stay rendered (not display:none) for url(#…) to resolve. */
.ax-icon-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

.ax-card-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--aurtmix-spacing-8);
  width: 100%;
}

.ax-card-text__title {
  width: 100%;
  color: var(--text-main);
}

.ax-card-text__body {
  color: var(--text-muted);
  white-space: pre-line;
}

.ax-feature-card .ax-card-text__body {
  max-width: 309px;
}

/* Bento card — Aurtmix/Cards/Bento */
.ax-bento {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--aurtmix-spacing-32);
  border-radius: var(--aurtmix-corners-card);
  overflow: hidden;
}

.ax-bento--tall { height: 610px; }
.ax-bento--compact { height: 293px; }

.ax-bento__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--aurtmix-spacing-16);
  width: 100%;
}

.ax-bento__media {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  border-radius: var(--aurtmix-corners-media);
  background: var(--background-button);
  overflow: hidden;
}

.ax-bento--tall .ax-bento__media { height: 446px; }
.ax-bento--compact .ax-bento__media { height: 129px; }

/* FAQ item — Aurtmix/FAQ/Item */
.ax-faq {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  border-radius: var(--aurtmix-corners-faq);
  overflow: hidden;
}

/*
 * Expand/collapse: the panel animates grid rows 0fr → 1fr, so the real content
 * height is used in both directions without measuring. Height and fade share one
 * ease-in-out curve so the motion reads as a single gesture; the text itself is
 * never blurred or transformed (that forced a re-raster snap at the end).
 * Open height stays 125px (54 header + 54 answer + 17).
 */
.ax-faq {
  --ax-faq-ease: cubic-bezier(0.65, 0, 0.35, 1);
  --ax-faq-duration: 440ms;
  transition: filter var(--ax-dur-fast) var(--ax-ease-out);
}

.ax-faq:hover {
  filter: var(--ax-hover-08);
}

.ax-faq__header {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--aurtmix-spacing-16);
  width: 100%;
  min-height: 54px;
  padding: var(--aurtmix-spacing-15) var(--aurtmix-spacing-20);
  color: var(--text-main);
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.ax-faq__question {
  flex: 1 1 0;
  min-width: 0;
}

.ax-faq__caret {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--brand-gold);
  transition: transform var(--ax-faq-duration) var(--ax-faq-ease);
}

.ax-faq.is-open .ax-faq__caret {
  transform: rotate(-180deg);
}

.ax-faq__panel {
  display: grid;
  grid-template-rows: 0fr;
  width: 100%;
  transition: grid-template-rows var(--ax-faq-duration) var(--ax-faq-ease);
}

.ax-faq.is-open .ax-faq__panel {
  grid-template-rows: 1fr;
}

.ax-faq__panel-inner {
  min-height: 0;
  overflow: hidden;
}

.ax-faq__answer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--aurtmix-spacing-16);
  min-height: 54px;
  margin-bottom: 17px;
  padding: 0 20.5px;
  opacity: 0;
  /* Closing: fade out over the first half while the height eases shut. */
  transition: opacity calc(var(--ax-faq-duration) * 0.5) var(--ax-faq-ease);
}

.ax-faq.is-open .ax-faq__answer {
  opacity: 1;
  /* Opening: fade in alongside the growth, finishing with it. */
  transition: opacity calc(var(--ax-faq-duration) * 0.8) var(--ax-faq-ease) calc(var(--ax-faq-duration) * 0.2);
}

.ax-faq__answer p {
  flex: 1 1 0;
  min-width: 0;
  color: var(--text-muted);
}

@media (prefers-reduced-motion: reduce) {
  .ax-faq__panel,
  .ax-faq__caret,
  .ax-faq__answer,
  .ax-faq.is-open .ax-faq__answer {
    transition: none !important;
  }
}

/* Community card — Aurtmix/Cards/Community (288 × 68) */
.ax-community-card {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-12);
  flex-shrink: 0;
  width: 288px;
  height: 68px;
  padding: var(--aurtmix-spacing-12);
  border-radius: var(--aurtmix-corners-media);
}

.ax-community-card__avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--aurtmix-corners-icon);
  background: var(--ax-gradient-button);
  overflow: hidden;
}

.ax-community-card__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* A server without an icon: its initials, as Discord shows them. */
.ax-community-card__initials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--text-main);
  font: 600 14px/1 var(--ax-font);
}

/* Servers with an invite open it; the rest stay plain cards. */
a.ax-community-card {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

/* Inset: the strip's viewport clips anything drawn outside the card. */
.ax-community-card:focus-visible {
  outline: 2px solid var(--brand-light-gold);
  outline-offset: -2px;
}

.ax-community-card__text {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  height: 44px;
}

.ax-community-card__name-row {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-4);
}

.ax-community-card__verified,
.ax-community-card__boost {
  flex-shrink: 0;
}

.ax-community-card__boost {
  display: flex;
  width: 16px;
  height: 16px;
}

.ax-community-card__boost img {
  width: 100%;
  height: 100%;
}

.ax-community-card__boost-light,
:root[data-ax-theme='light'] .ax-community-card__boost-dark:not(:only-child) {
  display: none;
}

:root[data-ax-theme='light'] .ax-community-card__boost-light {
  display: block;
}

.ax-community-card__name {
  min-width: 0;
  overflow: hidden;
  color: var(--text-main);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-community-card__meta {
  color: var(--text-muted);
  white-space: nowrap;
}

/* Community strip — Aurtmix/Sections/Community strip */
.ax-community-strip {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--aurtmix-spacing-32);
}

.ax-community-strip__heading {
  max-width: 672px;
}

.ax-community-strip__viewport {
  position: relative;
  width: 100%;
  height: 68px;
  overflow: hidden;
}

/*
 * Infinite loop (driven by useMarquee): the track holds two identical rows and
 * wraps after one row. Each row carries a trailing 12px gap so the seam matches
 * the spacing. Kept LTR so the loop direction is the same in RTL languages.
 */
.ax-community-strip__viewport {
  direction: ltr;
}

/* Only the loop is LTR: each card still reads in the page's direction. */
[dir='rtl'] .ax-community-card {
  direction: rtl;
}

.ax-community-strip__track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: 68px;
  will-change: transform;
}

.ax-community-strip__row {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  gap: var(--aurtmix-spacing-12);
  height: 68px;
  padding-right: var(--aurtmix-spacing-12);
}


.ax-community-strip__fade {
  position: absolute;
  top: 0;
  width: 32px;
  height: 68px;
  pointer-events: none;
}

.ax-community-strip__fade--right {
  right: 0;
  background: var(--ax-gradient-edge-fade);
}

.ax-community-strip__fade--left {
  left: 0;
  background: var(--ax-gradient-edge-fade);
  transform: scaleX(-1);
}

/* Add to Discord CTA — Aurtmix/Sections/Add to Discord */
.ax-cta {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(1166px, calc(100% - (var(--ax-page-gutter) * 2)));
  height: 279.53px;
  margin-inline: auto;
  padding: 47px 0;
  border-radius: var(--aurtmix-corners-card);
  background: var(--ax-gradient-hero);
  overflow: hidden;
}

/* Border (Background/Card) + inner highlight, both above the decoration. */
.ax-cta::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--background-card), var(--ax-effect-highlight) !important;
  pointer-events: none;
}

.ax-cta__arc {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.ax-cta__arc--1 { left: 574.5px; top: -110.43px; width: 1177.273px; height: 1385.226px; }
.ax-cta__arc--2 { left: -672px; top: -131px; width: 1177.273px; height: 1385.226px; }
.ax-cta__arc--3 { left: 431px; top: -245px; width: 1194.941px; height: 1398.806px; }
.ax-cta__arc--4 { left: -546px; top: -265px; width: 1194.941px; height: 1398.806px; }

.ax-cta__arc--1 .ax-cta__arc-turn { transform: rotate(-6.56deg); }
.ax-cta__arc--2 .ax-cta__arc-turn { transform: rotate(-173.44deg) scaleY(-1); }
.ax-cta__arc--3 .ax-cta__arc-turn { transform: rotate(7.44deg); }
.ax-cta__arc--4 .ax-cta__arc-turn { transform: rotate(172.56deg) scaleY(-1); }

.ax-cta__arc-turn {
  flex: none;
}

.ax-cta__arc-box {
  position: relative;
  width: 1038.5px;
  height: 1275px;
}

.ax-cta__arc-box img {
  position: absolute;
  /* inset 5.9% 2.39% -0.24% 5.86% → 952.833 × 1202.9, the asset's own size */
  top: 5.9%;
  left: 5.86%;
  width: 91.75%;
  height: 94.34%;
}

.ax-cta__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--aurtmix-spacing-24);
  padding: 0 var(--aurtmix-spacing-32);
}

.ax-cta__logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10.271px;
  width: 100%;
  height: 54.53px;
  overflow: hidden;
}

.ax-cta__logo-tile {
  position: relative;
  flex-shrink: 0;
  width: 55px;
  height: 55px;
  border-radius: 18px;
  background: var(--ax-gradient-hero);
  overflow: hidden;
}

.ax-cta__logo-tile img {
  position: absolute;
  left: calc(50% + 0.25px);
  top: calc(50% - 3.27px);
  width: 41px;
  height: 38px;
  transform: translate(-50%, -50%);
}

/*
 * Connection animation: the bright dot from the artwork (0.75 vs 0.32) steps
 * left to right, like a quiet "connecting" indicator. Opacity only.
 */
.ax-cta__dots {
  display: flex;
  flex-shrink: 0;
  gap: 4px;
  width: 19.685px;
  height: 3.895px;
}

/* Same geometry as the Dots artwork: 3.895px dots, 4px apart. */
.ax-cta__dot {
  flex-shrink: 0;
  width: 3.895px;
  height: 3.895px;
  border-radius: 50%;
  background: var(--text-main);
  opacity: 0.32;
  animation: ax-cta-dot 1.8s ease-in-out infinite;
}

.ax-cta__dot--1 { animation-delay: -0.6s; }
.ax-cta__dot--2 { animation-delay: 0s; }
.ax-cta__dot--3 { animation-delay: 0.6s; background: linear-gradient(180deg, #ffffff 0%, #999999 100%); }

@keyframes ax-cta-dot {
  0%, 66%, 100% { opacity: 0.32; }
  33% { opacity: 0.75; }
}

.ax-cta__discord {
  flex-shrink: 0;
  width: 55px;
  height: 55px;
}

@media (prefers-reduced-motion: reduce) {
  .ax-cta__dot {
    animation: none !important;
  }

  .ax-cta__dot--2 {
    opacity: 0.75;
  }
}

.ax-cta__heading {
  max-width: 672px;
  color: var(--text-main);
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .ax-cta {
    height: auto;
  }

  .ax-cta__heading {
    white-space: normal;
  }

  .ax-section-heading.ax-type-section {
    font-size: 28px;
    line-height: 32px;
  }
}

/*
 * Slim scrollbar for scroll areas inside cards, menus and dialogs. Chromium and
 * Safari use the ::-webkit-scrollbar rules; setting scrollbar-width or
 * scrollbar-color there would switch those off, so the standard properties are
 * only applied where ::-webkit-scrollbar is unsupported (Firefox).
 */
.ax-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.ax-scroll::-webkit-scrollbar-track,
.ax-scroll::-webkit-scrollbar-corner {
  background: transparent;
}

.ax-scroll::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 999px;
  background: var(--ax-scrollbar) padding-box;
}

.ax-scroll::-webkit-scrollbar-thumb:hover {
  background-color: var(--ax-scrollbar-hover);
}

@supports not selector(::-webkit-scrollbar) {
  .ax-scroll {
    scrollbar-width: thin;
    scrollbar-color: var(--ax-scrollbar-hover) transparent;
  }
}

/* Light theme: the CTA arcs are drawn in Background/Card (#1C1C1C); inverted they
   become the light card tone. The third dot keeps its fade, in ink instead of white. */
:root[data-ax-theme='light'] .ax-cta__arc-box img {
  filter: invert(1);
}

:root[data-ax-theme='light'] .ax-cta__dot--3 {
  background: linear-gradient(180deg, var(--text-main) 0%, #8a8780 100%);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/layouts/dashboard/UserDashboardShell.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * User dashboard shell. Sidebar 256px on the page background; the main column
 * is a separate rounded panel (8px from the window edges) holding a 72px top
 * bar and the scrolling page. Below 1024px the sidebar is a drawer over a
 * scrim and the panel fills the window.
 */

/*
 * The shell fills the visible viewport (100dvh) and scrolls inside itself.
 * index.css gives html/body min-height: 100vh, and on phones 100vh is taller
 * than the visible area (it ignores the address bar), so the document could
 * scroll by the difference: the shell lifted, the top bar went off screen and
 * the theme background showed below. With the shell on screen, the document
 * keeps to the viewport and does not scroll.
 */
html:has(.ax-dash),
html:has(.ax-dash) body {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.ax-dash {
  --ax-dash-sidebar: 256px;
  --ax-dash-topbar: 72px;
  /* Panel outline and top bar rule: quieter than --border-soft (20%). */
  --ax-dash-line: rgba(174, 174, 174, 0.08);
  display: grid;
  grid-template-columns: var(--ax-dash-sidebar) minmax(0, 1fr);
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  padding: var(--aurtmix-spacing-8) var(--aurtmix-spacing-8) var(--aurtmix-spacing-8) 0;
  overflow: hidden;
}

[dir='rtl'] .ax-dash {
  padding: var(--aurtmix-spacing-8) 0 var(--aurtmix-spacing-8) var(--aurtmix-spacing-8);
}

/* Sidebar ----------------------------------------------------------------- */

.ax-dash-sidebar {
  position: relative;
  z-index: 40;
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-20);
  min-height: 0;
  /* 8px sides: the same frame the panel has on its other edges. */
  padding: var(--aurtmix-spacing-12) var(--aurtmix-spacing-8) var(--aurtmix-spacing-8);
  background: var(--background-page);
}

.ax-dash-sidebar__top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding-inline: var(--aurtmix-spacing-4);
}

.ax-dash-sidebar__brand {
  display: inline-flex;
  border-radius: var(--aurtmix-corners-icon);
}

.ax-dash-sidebar__brand .ax-wordmark__text {
  color: var(--ax-wordmark-text);
  font-family: 'Syne', var(--ax-font-outfit);
}


/* Scoped to .ax-dash so it outranks .ax-icon-btn's display whatever order the
   stylesheets load in (it depends on the page you came from). */
.ax-dash .ax-dash-sidebar__close {
  display: none;
}

/*
 * Docked sidebar: its edges line up with the page panel (both start inside the
 * shell's 8px frame). The account card ends on the panel's bottom edge and, in
 * server mode, the banner starts on its top edge.
 */
@media (min-width: 1025px) {
  .ax-dash-sidebar {
    padding-bottom: 0;
  }

  .ax-dash-sidebar.is-guild {
    padding-top: 0;
  }
}

/* Server mode header: banner, the server icon over its lower edge, the name. */
.ax-dash-sidebar__top.is-guild {
  position: relative;
  display: block;
  height: auto;
  padding: 0;
}

.ax-dash-sidebar__top.is-guild .ax-dash-sidebar__close {
  position: absolute;
  top: var(--aurtmix-spacing-8);
  inset-inline-end: var(--aurtmix-spacing-8);
  z-index: 2;
}

.ax-dash-guild {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/*
 * The banner is the flat top of the sidebar, not a card: it bleeds past the
 * sidebar padding to the window edges (the --bleed values match that padding).
 */
.ax-dash-guild__banner {
  --bleed-top: var(--aurtmix-spacing-8);
  --bleed-x: var(--aurtmix-spacing-8);
  position: relative;
  width: calc(100% + var(--bleed-x) * 2);
  height: calc(104px + var(--bleed-top));
  margin: calc(var(--bleed-top) * -1) calc(var(--bleed-x) * -1) 0;
  overflow: hidden;
  background:
    radial-gradient(120% 90% at 80% 0%, rgba(206, 178, 96, 0.26), transparent 60%),
    var(--background-card);
}

/* The banner fades into the sidebar on every side, most of all under the icon. */
.ax-dash-guild__banner {
  -webkit-mask-image: radial-gradient(ellipse 60% 66% at 50% 48%, #000 28%, transparent 100%);
  mask-image: radial-gradient(ellipse 60% 66% at 50% 48%, #000 28%, transparent 100%);
}

.ax-dash-guild__banner-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* No banner: the icon, blurred and enlarged, as a colour wash. */
.ax-dash-guild__wash {
  position: absolute;
  inset: -30%;
  width: 160%;
  height: 160%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.55;
  filter: blur(28px) saturate(1.3);
}

.ax-dash-guild__icon {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px;
  margin-top: -44px;
  border: 4px solid var(--background-page);
  border-radius: 20px;
  background: var(--background-card);
  -o-object-fit: cover;
     object-fit: cover;
}

.ax-dash-guild__icon--text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-main);
  font: 700 20px/1 var(--ax-font-heading);
}

.ax-dash-guild__name {
  max-width: 100%;
  margin: var(--aurtmix-spacing-8) 0 0;
  padding-inline: var(--aurtmix-spacing-8);
  overflow: hidden;
  color: var(--text-main);
  font-family: var(--ax-font-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-dash-guild__name-skeleton {
  width: 120px;
  height: 14px;
  margin-top: var(--aurtmix-spacing-12);
  border-radius: 7px;
}

/* Server picker */
.ax-dash-server {
  position: relative;
}

/* Server mode: a back button beside the picker; the menu spans the whole row. */
.ax-dash-server-row {
  position: relative;
  display: flex;
  gap: var(--aurtmix-spacing-8);
}

.ax-dash-server-row .ax-dash-server {
  position: static;
  flex: 1 1 auto;
  min-width: 0;
}

.ax-dash-server__back {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--aurtmix-corners-icon);
  color: var(--text-muted);
  transition: color var(--ax-dur-fast) var(--ax-ease-out), filter var(--ax-dur-fast) var(--ax-ease-out);
}

.ax-dash-server__back:hover {
  color: var(--text-main);
  filter: var(--ax-hover-12);
}

[dir='rtl'] .ax-dash-flip {
  transform: scaleX(-1);
}

.ax-dash-server__trigger {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-12);
  width: 100%;
  height: 48px;
  padding: 0 var(--aurtmix-spacing-14);
  border-radius: var(--aurtmix-corners-icon);
  color: var(--text-muted);
  text-align: start;
  cursor: pointer;
  transition: filter var(--ax-dur-fast) var(--ax-ease-out);
}

.ax-dash-server__trigger .ax-dash-server__icon {
  width: 24px;
  height: 24px;
  border-radius: 8px;
}

.ax-dash-server__trigger:hover {
  filter: var(--ax-hover-12);
}

.ax-dash-server__placeholder {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: var(--background-button);
}

.ax-dash-server__label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: var(--text-main);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-dash-server__menu {
  position: absolute;
  top: calc(100% + var(--aurtmix-spacing-8));
  right: 0;
  left: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-8);
  max-height: min(520px, calc(100dvh - 140px));
  padding: var(--aurtmix-spacing-12) 6px 6px;
  border-radius: var(--aurtmix-corners-media);
  animation: ax-dash-pop var(--ax-dur) var(--ax-ease-out);
}

@keyframes ax-dash-pop {
  from { opacity: 0; transform: translateY(-4px); }
}

.ax-dash-server__title {
  padding: 0 var(--aurtmix-spacing-8);
  color: var(--text-main);
}

.ax-dash-server__search {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--aurtmix-spacing-8);
  height: 38px;
  padding: 0 var(--aurtmix-spacing-12);
  border-radius: 10px;
  background: var(--ax-field);
  color: var(--text-muted);
}

.ax-dash-server__search input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text-main);
  font: 500 14px/20px var(--ax-font);
}

.ax-dash-server__search input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.ax-dash-server__scroll {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-12);
  min-height: 0;
  overflow-y: auto;
}

.ax-dash-server__group {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-4);
}

.ax-dash-server__group-label {
  padding: 0 var(--aurtmix-spacing-8);
  color: var(--text-muted);
  text-transform: uppercase;
}

.ax-dash-server__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ax-dash-server__item {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-12);
  width: 100%;
  min-height: 44px;
  padding: 0 var(--aurtmix-spacing-8);
  border-radius: 10px;
  color: var(--text-main);
  text-decoration: none;
  text-align: start;
  cursor: pointer;
  transition: background-color var(--ax-dur-fast) var(--ax-ease-out), color var(--ax-dur-fast) var(--ax-ease-out);
  -webkit-tap-highlight-color: transparent;
}

.ax-dash-server__item:hover,
.ax-dash-server__item.is-current {
  background-color: var(--background-button);
}

.ax-dash-server__icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}

.ax-dash-server__icon--text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--background-button);
  color: var(--text-muted);
  font: 600 11px/1 var(--ax-font);
}

.ax-dash-server__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Servers without the bot read quieter until hovered. */
.ax-dash-server__item--invite {
  color: var(--text-muted);
}

.ax-dash-server__item--invite .ax-dash-server__icon {
  opacity: 0.55;
  transition: opacity var(--ax-dur-fast) var(--ax-ease-out);
}

.ax-dash-server__item--invite:hover {
  color: var(--text-main);
}

.ax-dash-server__item--invite:hover .ax-dash-server__icon {
  opacity: 1;
}

.ax-dash-server__plus {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--background-button);
  color: var(--text-main);
  transition: background var(--ax-dur-fast) var(--ax-ease-out), color var(--ax-dur-fast) var(--ax-ease-out);
}

/* The row under the pointer gets the gold invite button. */
.ax-dash-server__item--invite:hover .ax-dash-server__plus,
.ax-dash-server__item--invite[aria-busy='true'] .ax-dash-server__plus {
  background: var(--ax-gradient-gold);
  color: var(--text-on-gold);
}

.ax-dash-spin {
  animation: ax-dash-spin 900ms linear infinite;
}

@keyframes ax-dash-spin {
  to { rotate: 360deg; }
}

.ax-dash-server__empty {
  padding: var(--aurtmix-spacing-12);
  color: var(--text-muted);
  text-align: center;
}

/* Navigation */
.ax-dash-nav {
  --ax-nav-fade-top: 0px;
  --ax-nav-fade-bottom: 0px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--aurtmix-spacing-20);
  min-height: 0;
  margin-inline: calc(var(--aurtmix-spacing-4) * -1);
  padding-inline: var(--aurtmix-spacing-4);
  overflow-y: auto;
  scrollbar-width: none;
  transition: --ax-nav-fade-top var(--ax-dur) var(--ax-ease-out), --ax-nav-fade-bottom var(--ax-dur) var(--ax-ease-out);
}

/* Registered so the fades ease in and out as the nav scrolls. */
@property --ax-nav-fade-top {
  syntax: '<length>';
  inherits: false;
  initial-value: 0px;
}

@property --ax-nav-fade-bottom {
  syntax: '<length>';
  inherits: false;
  initial-value: 0px;
}

/*
 * An edge with items hidden past it fades out (classes set from the nav's
 * scroll position). The mask stays on at 0px so the fades ease both ways.
 */
.ax-dash-nav {
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 var(--ax-nav-fade-top),
    #000 calc(100% - var(--ax-nav-fade-bottom)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 var(--ax-nav-fade-top),
    #000 calc(100% - var(--ax-nav-fade-bottom)),
    transparent 100%
  );
}

.ax-dash-nav.is-fade-top {
  --ax-nav-fade-top: 40px;
}

.ax-dash-nav.is-fade-bottom {
  --ax-nav-fade-bottom: 40px;
}

.ax-dash-nav__group {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-8);
}

.ax-dash-nav__label {
  padding-inline: var(--aurtmix-spacing-12);
  color: var(--text-muted);
  text-transform: uppercase;
}

.ax-dash-nav__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ax-dash-nav__item {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-12);
  height: 42px;
  padding: 0 var(--aurtmix-spacing-12);
  border-radius: var(--aurtmix-corners-icon);
  color: var(--text-muted);
  text-decoration: none;
  transition: color var(--ax-dur-fast) var(--ax-ease-out), background-color var(--ax-dur-fast) var(--ax-ease-out);
  -webkit-tap-highlight-color: transparent;
}

.ax-dash-nav__item:hover {
  color: var(--text-main);
  background-color: var(--ax-wash-03);
}

.ax-dash-nav__item.is-active {
  background-color: var(--background-card);
  color: var(--text-main);
}

.ax-dash-nav__icon {
  flex-shrink: 0;
}

.ax-dash-nav__text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* A Premium feature: a small outlined gold tag after its name. */
.ax-dash-nav__premium {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 3px;
  height: 18px;
  padding: 0 5px;
  border: 1px solid rgba(206, 178, 96, 0.45);
  border-radius: 6px;
  color: var(--brand-gold);
  font: 700 10px/1 var(--ax-font);
  letter-spacing: 0.4px;
}

/* The active page's icon swaps to its filled glyph with a short settle. */
.ax-dash-nav__icon--filled {
  animation: ax-dash-icon-in 240ms var(--ax-ease-out);
}

@keyframes ax-dash-icon-in {
  from {
    opacity: 0.4;
    transform: scale(0.82);
  }
}

/* Account card */
.ax-dash-account {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-12);
  padding: var(--aurtmix-spacing-10) var(--aurtmix-spacing-10) var(--aurtmix-spacing-10) var(--aurtmix-spacing-12);
  border-radius: var(--aurtmix-corners-media);
}

.ax-dash-account__avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--background-button);
  -o-object-fit: cover;
     object-fit: cover;
}

.ax-dash-account__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
}

.ax-dash-account__name {
  max-width: 100%;
  overflow: hidden;
  color: var(--text-main);
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* The ID shows as 1234…5678; the full value is in the title and on the clipboard. */
.ax-dash-account__id {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-inline-start: -6px;
  padding: 2px 6px;
  border-radius: 6px;
  color: var(--text-muted);
  font: 500 12px/16px var(--ax-font);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: color var(--ax-dur-fast) var(--ax-ease-out), background-color var(--ax-dur-fast) var(--ax-ease-out);
}

.ax-dash-account__id:hover {
  background-color: var(--background-button);
  color: var(--text-main);
}

.ax-dash-account__id.is-copied {
  color: var(--brand-gold);
}

/* Logout: a quiet square that only lights up on hover. */
.ax-dash-account__logout {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  color: var(--text-muted);
  cursor: pointer;
  transition: color var(--ax-dur-fast) var(--ax-ease-out), background-color var(--ax-dur-fast) var(--ax-ease-out), transform var(--ax-dur-press) var(--ax-ease-out);
}

.ax-dash-account__logout:hover {
  background-color: var(--background-button);
  color: var(--text-main);
}

.ax-dash-account__logout:active {
  transform: scale(0.97);
}

/* Skeletons */
.ax-dash-skeleton {
  display: block;
  background: var(--background-card);
  animation: ax-dash-pulse 1.4s ease-in-out infinite;
}

.ax-dash-skeleton--line {
  width: 70%;
  height: 12px;
  border-radius: 6px;
}

@keyframes ax-dash-pulse {
  50% { opacity: 0.5; }
}

/* Images still loading pulse like the other placeholders (ShellImage). */
.ax-dash img.is-loading {
  background: var(--background-card);
  animation: ax-dash-pulse 1.4s ease-in-out infinite;
}

/* Entry layer (DashboardHandoff): the dashboard over a public page until its route lands. */
.ax-dash-entry {
  position: fixed;
  inset: 0;
  z-index: 2147482000;
  animation: ax-dash-entry-in 120ms var(--ax-ease-out);
}

@keyframes ax-dash-entry-in {
  from { opacity: 0; }
}

/* Main column ------------------------------------------------------------- */

/* The page panel: a rounded, softly outlined surface set apart from the sidebar. */
.ax-dash-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  /* clip, not hidden: a hidden box can still be scrolled by focus, which shifted
     the whole page sideways when a menu near its edge took focus. */
  overflow: clip;
  border: 1px solid var(--ax-dash-line);
  border-radius: 20px;
  background: var(--ax-dash-main-bg, #0a0a0a);
}

.ax-dash-topbar {
  position: relative;
  z-index: 30;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--aurtmix-spacing-12);
  height: var(--ax-dash-topbar);
  padding: 0 var(--aurtmix-spacing-32);
  border-bottom: 1px solid var(--ax-dash-line);
}

.ax-dash .ax-dash-topbar__menu {
  display: none;
}

.ax-dash-crumbs {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--aurtmix-spacing-10);
  min-width: 0;
  color: var(--text-muted);
  white-space: nowrap;
}

.ax-dash-crumbs__sep {
  color: var(--border-default);
}

.ax-dash-crumbs__current {
  display: inline-flex;
  align-items: center;
  gap: var(--aurtmix-spacing-8);
  min-width: 0;
  overflow: hidden;
  color: var(--text-main);
  text-overflow: ellipsis;
}

.ax-dash-topbar__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--aurtmix-spacing-8);
}

.ax-dash-lang {
  position: relative;
}

/* The shared coin balance button, restyled as a design-system pill. */
/* !important: DashboardLayout.css shrinks this button below 640px with !important. */
.ax-dash-coins .ui-coin-balance-coinBalanceButton {
  height: 44px;
  gap: var(--aurtmix-spacing-8) !important;
  padding: 0 var(--aurtmix-spacing-16) !important;
  border-radius: var(--aurtmix-corners-pill-and-hero) !important;
  font-size: 15px !important;
  background: var(--ax-gradient-button);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: var(--text-main);
  font-family: var(--ax-font);
  box-shadow: var(--ax-effect-highlight) !important;
  transition: filter var(--ax-dur-fast) var(--ax-ease-out), transform var(--ax-dur-press) var(--ax-ease-out);
}

.ax-dash-coins .ui-coin-balance-coinBalanceButton:hover {
  background: var(--ax-gradient-button);
  filter: var(--ax-hover-12);
}

.ax-dash-coins .ui-coin-balance-coinBalanceButton:active {
  transform: scale(0.97);
}

.ax-dash-coins .ui-coin-balance-coinBalanceButton:focus-visible {
  outline: 2px solid var(--brand-light-gold);
  outline-offset: 2px;
}

.ax-dash-coins .ui-coin-balance-coinAmount {
  color: var(--text-main);
  font-family: var(--ax-font);
  font-size: 15px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

/*
 * The page area scrolls. Old pages bring their own fixed .menu-pages-container
 * scroller; pin it to this area instead of the old navbar geometry.
 */
.ax-dash-content {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
}

/* !important: the classic layout sets these with !important below 1025px. */
.ax-dash-content .menu-pages-container,
[dir='rtl'] .ax-dash-content .menu-pages-container,
.ax-dash-content .server-page-shell,
[dir='rtl'] .ax-dash-content .server-page-shell {
  position: absolute;
  inset: 0 !important;
  width: auto !important;
  margin: 0 !important;
  overflow-y: auto;
  scroll-behavior: auto;
}

.ax-dash-nav__item:focus-visible,
.ax-dash-server__back:focus-visible,
.ax-dash-server__trigger:focus-visible,
.ax-dash-server__item:focus-visible,
.ax-dash-account__id:focus-visible,
.ax-dash-account__logout:focus-visible {
  outline: 2px solid var(--brand-light-gold);
  outline-offset: 2px;
}

.ax-dash-scrim {
  display: none;
}

/* Drawer ------------------------------------------------------------------ */

@media (max-width: 1024px) {
  .ax-dash,
  [dir='rtl'] .ax-dash {
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
  }

  .ax-dash-main {
    border: 0;
    border-radius: 0;
  }

  .ax-dash-sidebar {
    padding: var(--aurtmix-spacing-20) var(--aurtmix-spacing-16) var(--aurtmix-spacing-16);
  }

  .ax-dash-guild__banner {
    --bleed-top: var(--aurtmix-spacing-20);
    --bleed-x: var(--aurtmix-spacing-16);
  }

  .ax-dash-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    width: min(var(--ax-dash-sidebar), 86vw);
    border-inline-end: 1px solid var(--border-soft);
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform var(--ax-dur) var(--ax-ease-out), visibility 0s linear var(--ax-dur);
  }

  [dir='rtl'] .ax-dash-sidebar {
    transform: translateX(100%);
  }

  .ax-dash.is-drawer-open .ax-dash-sidebar {
    transform: none;
    visibility: visible;
    transition: transform var(--ax-dur) var(--ax-ease-out), visibility 0s;
  }

  /* The narrow drawer has no room to centre the wordmark beside the close button. */
  .ax-dash-sidebar__top {
    justify-content: space-between;
  }

  .ax-dash .ax-dash-sidebar__close {
    display: inline-flex;
    width: 36px;
    height: 36px;
  }

  .ax-dash-scrim {
    position: fixed;
    inset: 0;
    z-index: 35;
    display: block;
    border: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--ax-dur) var(--ax-ease-out);
  }

  .ax-dash.is-drawer-open .ax-dash-scrim {
    opacity: 1;
    pointer-events: auto;
  }

  .ax-dash .ax-dash-topbar__menu {
    display: inline-flex;
  }

  .ax-dash-topbar {
    padding: 0 var(--aurtmix-spacing-16);
  }
}

@media (max-width: 560px) {
  .ax-dash-crumbs__root,
  .ax-dash-crumbs__sep {
    display: none;
  }

  .ax-dash-lang .ax-lang-menu {
    top: 76px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-dash-sidebar,
  .ax-dash-scrim,
  .ax-dash-server__menu,
  .ax-dash-spin,
  .ax-dash-skeleton,
  .ax-dash-nav__icon--filled {
    animation: none !important;
    transition: none !important;
  }
}

/* Light theme: hairlines in ink, the main panel just lighter than the page. */
:root[data-ax-theme='light'] .ax-dash {
  --ax-dash-line: rgba(22, 21, 18, 0.08);
  --ax-dash-main-bg: #faf9f6;
}

:root[data-ax-theme='light'] .ax-dash-scrim {
  background: var(--ax-scrim);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/react-toastify/dist/ReactToastify.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}
.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/shared/ui/aurtmix/AxToast.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Toasts (react-toastify) in the Aurtmix Essentials style, for every page: our
 * card gradient with the highlight ring, our font, gold for success and info,
 * the warm orange for warnings and the soft red for errors. Loaded once from
 * the root layout. The layer sits above dialogs and dropdown menus, since a
 * failed save inside a dialog reports here while the dialog is still open.
 */

.Toastify {
  --toastify-z-index: 2147483400;
  --toastify-font-family: var(--ax-font);
  --toastify-toast-min-height: 56px;
  --toastify-color-dark: #161616;
  --toastify-text-color-dark: var(--text-main);
  --toastify-color-info: var(--brand-gold);
  --toastify-color-success: var(--brand-gold);
  --toastify-color-warning: var(--ax-warning);
  --toastify-color-error: var(--ax-danger);
  --toastify-icon-color-info: var(--brand-gold);
  --toastify-icon-color-success: var(--brand-gold);
  --toastify-icon-color-warning: var(--ax-warning);
  --toastify-icon-color-error: var(--ax-danger);
  --toastify-color-progress-dark: var(--brand-gold);
  --toastify-color-progress-light: var(--brand-gold);
  --toastify-color-progress-info: var(--brand-gold);
  --toastify-color-progress-success: var(--brand-gold);
  --toastify-color-progress-warning: var(--ax-warning);
  --toastify-color-progress-error: var(--ax-danger);
}

.Toastify .Toastify__toast-container {
  z-index: var(--toastify-z-index);
}

.Toastify .Toastify__toast {
  min-height: 56px;
  margin-bottom: var(--aurtmix-spacing-8);
  padding: var(--aurtmix-spacing-12) var(--aurtmix-spacing-12) var(--aurtmix-spacing-12) var(--aurtmix-spacing-16);
  border: 0;
  border-radius: var(--aurtmix-corners-media);
  background: var(--ax-gradient-card);
  color: var(--text-main);
  font: 500 14px/20px var(--ax-font);
  box-shadow: var(--ax-effect-highlight), var(--ax-shadow-pop) !important;
}

.Toastify .Toastify__toast-body {
  align-items: center;
  margin: 0;
  padding: 0;
}

.Toastify .Toastify__toast-icon {
  width: 20px;
  margin-inline-end: var(--aurtmix-spacing-12);
}

/* The x: a 28px round button with the icon centred (as a block, so no line gap). */
.Toastify .Toastify__close-button {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 28px;
  height: 28px;
  margin-inline-start: var(--aurtmix-spacing-8);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-muted);
  line-height: 0;
  opacity: 1;
  cursor: pointer;
  transition: color var(--ax-dur-fast) var(--ax-ease-out), background-color var(--ax-dur-fast) var(--ax-ease-out);
}

.Toastify .Toastify__close-button:hover,
.Toastify .Toastify__close-button:focus-visible {
  background: var(--ax-wash-06);
  color: var(--text-main);
}

.Toastify .Toastify__close-button:focus-visible {
  outline: 2px solid var(--brand-light-gold);
  outline-offset: 2px;
}

.Toastify .Toastify__close-button > svg {
  display: block;
  width: 12px;
  height: 14px;
}

/* A slim timer line along the foot, inside the rounded corners. */
.Toastify .Toastify__progress-bar {
  height: 3px;
  opacity: 0.9;
}

@media (max-width: 480px) {
  .Toastify .Toastify__toast-container {
    padding: var(--aurtmix-spacing-12);
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/views/public/NotFoundPage.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
/* 404 — Aurtmix Essentials. Full-screen, also used inside the dashboard layout. */
.ax-not-found {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--ax-page-gutter);
  overflow-y: auto;
  background: var(--ax-gradient-hero);
}

.ax-not-found__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 672px;
  text-align: center;
  animation: ax-reveal 600ms var(--ax-ease-out) backwards;
}

/* Same treatment as the hero wordmark: Medium, tight tracking, Card → Button gradient. */
.ax-not-found__code {
  font-family: var(--ax-font);
  font-size: clamp(120px, 20vw, 220px);
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.02em;
  background-image: linear-gradient(180deg, var(--background-card) 0%, var(--background-button) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ax-not-found__title {
  margin-top: var(--aurtmix-spacing-8);
  color: var(--text-main);
}

/* Keeps the copy's own line break; otherwise balances lines so no word is left alone. */
.ax-not-found__description {
  margin-top: var(--aurtmix-spacing-12);
  color: var(--text-muted);
  white-space: pre-line;
  text-wrap: balance;
}

.ax-not-found__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--aurtmix-spacing-12);
  margin-top: var(--aurtmix-spacing-32);
}

@media (prefers-reduced-motion: reduce) {
  .ax-not-found__content {
    animation: none;
  }
}

@media (max-width: 640px) {
  .ax-not-found__title {
    font-size: 28px;
    line-height: 32px;
  }
}

/* Light theme: like the home wordmark, the digits sit just darker than the page. */
:root[data-ax-theme='light'] .ax-not-found__code {
  background-image: linear-gradient(180deg, #ebe9e2 0%, #dedad1 100%);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/layouts/site/site.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/* Site chrome — navbar (Figma 2191:336) and footer (Figma 2191:252). */

/* Navbar: 1402 × 68 at 22px from the top, overlaid on the page's first section. */
.ax-site-nav {
  font-family: var(--ax-font-outfit);
  position: absolute;
  top: 22px;
  left: 50%;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(1402px, calc(100% - (var(--ax-page-gutter) * 2)));
  height: 68px;
  transform: translateX(-50%);
}

/* Brand and actions share the free space so the links stay centered (199 / 199 in Figma). */
.ax-site-nav__brand {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  height: 56px;
  min-width: 0;
}

.ax-site-nav__brand .ax-wordmark {
  border-radius: 8px;
}

.ax-site-nav__brand .ax-wordmark__text {
  color: var(--ax-wordmark-text);
  font-family: 'Syne', var(--ax-font-outfit);
}

.ax-site-nav__links {
  display: flex;
  align-items: flex-start;
  gap: var(--aurtmix-spacing-32);
  height: 100%;
}

.ax-site-nav__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  min-height: 67px;
  padding: var(--aurtmix-spacing-24) 0;
}

.ax-site-nav__actions {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: flex-end;
  gap: var(--aurtmix-spacing-8);
}

.ax-site-nav__lang,
.ax-site-nav__menu {
  position: relative;
}

.ax-site-nav__popover {
  position: absolute;
  top: calc(100% + var(--aurtmix-spacing-8));
  inset-inline-end: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 208px;
  max-height: 320px;
  padding: var(--aurtmix-spacing-8);
  border-radius: var(--aurtmix-corners-media);
  overflow-y: auto;
}

/* Language menu. Pinned to the button's end side, so in RTL it opens toward the
   page instead of past the panel edge. */
.ax-lang-menu {
  position: absolute;
  top: calc(100% + 10px);
  inset-inline-end: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  width: 288px;
  padding: 6px;
  border-radius: var(--aurtmix-corners-media);
  transform-origin: top right;
  animation: ax-lang-menu-in var(--ax-dur) var(--ax-ease-out);
}

[dir='rtl'] .ax-lang-menu {
  transform-origin: top left;
}

/* Exit: SiteNavbar keeps the menu mounted for this long before removing it. */
.ax-lang-menu.is-closing {
  animation: ax-lang-menu-out 150ms var(--ax-ease-out) forwards;
  pointer-events: none;
}

@keyframes ax-lang-menu-in {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: none; }
}

@keyframes ax-lang-menu-out {
  to { opacity: 0; transform: translateY(-4px); }
}

/* Scrolls inside; edges fade so it's clear there is more. */
/* The list holds keyboard focus; the highlighted row shows position, so no outline. */
.ax-lang-menu__list:focus {
  outline: none;
}

.ax-lang-menu__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  /* 7.5 rows (46px each): the half row at the bottom shows there is more. */
  max-height: 347px;
  /* Chrome ignores ::-webkit-scrollbar styling when these are set, so reset them. */
  scrollbar-width: auto;
  scrollbar-color: auto;
  margin: 0;
  padding: 2px 0 10px;
  overflow-y: auto;
  overscroll-behavior: contain;
  list-style: none;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 8px, #000 calc(100% - 22px), transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0, #000 8px, #000 calc(100% - 22px), transparent 100%);
}

/*
 * Scrollbars are hidden site-wide (index.css); this list shows a minimal one:
 * a 3px rounded thumb, no track, no arrows, kept clear of the rounded corners.
 */
.ax-lang-menu__list::-webkit-scrollbar {
  display: block;
  width: 3px;
}

.ax-lang-menu__list::-webkit-scrollbar-track {
  margin: 10px 0;
  background: transparent;
}

.ax-lang-menu__list::-webkit-scrollbar-button {
  display: none;
}

.ax-lang-menu__list::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: var(--ax-scrollbar);
}

.ax-lang-menu__list:hover::-webkit-scrollbar-thumb {
  background: rgba(206, 178, 96, 0.7);
}

/* Firefox has no ::-webkit-scrollbar; use its thin native style instead. */
@supports not selector(::-webkit-scrollbar) {
  .ax-lang-menu__list {
    scrollbar-width: thin;
    scrollbar-color: var(--ax-scrollbar) transparent;
  }
}

.ax-lang-menu__option {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-12);
  min-height: 44px;
  padding: 0 var(--aurtmix-spacing-12);
  border-radius: 10px;
  color: var(--text-main);
  cursor: pointer;
  transition: background-color var(--ax-dur-fast) var(--ax-ease-out);
}

.ax-lang-menu__native {
  transition: color var(--ax-dur-fast) var(--ax-ease-out);
}

.ax-lang-menu__option.is-active {
  background: var(--background-button);
}

.ax-lang-menu__flag {
  display: flex;
  flex-shrink: 0;
  width: 20px;
  justify-content: center;
}

/* Sized to its text so right-to-left names stay next to their flag. */
.ax-lang-menu__native {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-lang-menu__option.is-selected .ax-lang-menu__native {
  color: var(--brand-gold);
}

.ax-lang-menu__check {
  flex-shrink: 0;
  margin-inline-start: auto;
  color: var(--brand-gold);
}

@media (prefers-reduced-motion: reduce) {
  .ax-lang-menu,
  .ax-site-nav__menu-list {
    animation: none !important;
  }
}

@media (max-width: 440px) {
  .ax-lang-menu {
    position: fixed;
    top: 84px;
    right: var(--ax-page-gutter);
    left: var(--ax-page-gutter);
    width: auto;
  }
}

/* Theme toggle: moon and sun share one spot and cross-fade with a quarter turn. */
.ax-theme-icon {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
}

.ax-theme-icon svg {
  position: absolute;
  inset: 0;
  transition:
    opacity 320ms cubic-bezier(0.65, 0, 0.35, 1),
    transform 320ms cubic-bezier(0.65, 0, 0.35, 1);
}

.ax-theme-icon[data-theme='dark'] .ax-theme-icon__sun,
.ax-theme-icon[data-theme='light'] .ax-theme-icon__moon {
  opacity: 0;
}

.ax-theme-icon[data-theme='dark'] .ax-theme-icon__sun {
  transform: rotate(90deg) scale(0.6);
}

.ax-theme-icon[data-theme='light'] .ax-theme-icon__moon {
  transform: rotate(-90deg) scale(0.6);
}

@media (prefers-reduced-motion: reduce) {
  .ax-theme-icon svg {
    transition: none !important;
  }
}

.ax-site-nav__menu {
  display: none;
}

.ax-site-nav__actions .ax-icon-btn {
  color: var(--text-main);
}

.ax-site-nav__avatar-btn {
  padding: var(--aurtmix-spacing-4);
  overflow: hidden;
  text-decoration: none;
}

.ax-site-nav__avatar-img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.ax-site-nav__menu-list .ax-site-nav__item {
  height: auto;
  min-height: 0;
  padding: var(--aurtmix-spacing-12) var(--aurtmix-spacing-4);
}

@media (max-width: 960px) {
  .ax-site-nav__links {
    display: none;
  }

  .ax-site-nav__menu {
    display: block;
  }
}

@media (max-width: 440px) {
  .ax-site-nav .ax-wordmark__text {
    display: none;
  }

  .ax-site-nav .ax-wordmark {
    width: auto;
  }
}

/* Footer: 388px tall, Hero and footer surface, 1168px column. */
.ax-site-footer {
  width: 100%;
  min-height: 388px;
  padding-top: 51px;
}

.ax-site-footer__container {
  position: relative;
  left: -1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 42px;
  min-height: 337px;
  padding: var(--aurtmix-spacing-30) 0;
}

.ax-site-footer__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--aurtmix-spacing-24);
  width: 343px;
  max-width: 100%;
}

.ax-site-footer__brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--aurtmix-spacing-14);
  width: 100%;
}

.ax-site-footer__socials {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-24);
  height: 18px;
}

/* Each icon is a mask of its Figma path, so it can take the hover color. */
.ax-site-footer__social {
  display: block;
  border-radius: 4px;
  color: var(--text-muted);
  transition: color 0.2s ease, transform 0.2s ease;
}

.ax-site-footer__social span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask: var(--ax-social-icon) center / contain no-repeat;
  mask: var(--ax-social-icon) center / contain no-repeat;
}

.ax-site-footer__social:hover {
  color: var(--brand-gold);
  transform: translateY(-1px);
}

.ax-site-footer__separator {
  width: 100%;
  height: 1px;
  background: var(--border-soft);
}

.ax-site-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--aurtmix-spacing-16);
}

.ax-site-footer__legal {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--aurtmix-spacing-14);
}

.ax-site-footer__legal-link {
  color: var(--text-muted);
  text-align: center;
  white-space: nowrap;
  transition: color 0.15s ease;
}

.ax-site-footer__legal-link:hover {
  color: var(--brand-gold);
}

.ax-site-footer__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0;
  height: 10px;
}

.ax-site-footer__divider img {
  flex: none;
  width: 10px;
  height: 1px;
  transform: rotate(90deg);
}

@media (max-width: 640px) {
  .ax-site-footer__container {
    left: 0;
  }

  .ax-site-footer__bottom {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/views/public/HomePage.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Home Page — Figma node 2191:251 (1920 × 4512).
 * Vertical rhythm from the source: hero 1112 → 70 → community 180 → 160 → features 561
 * → 160 → more features 682 → 160 → FAQ 449 → 160 → CTA 279.53 → 150.47 → footer 388.
 */

.ax-home {
  /* Hero geometry; brand box height is 171/247 of the brand font size. */
  --ax-hero-brand-size: 247px;
  --ax-hero-brand-top: 287px;
  --ax-hero-stage-h: 572px;
  --ax-hero-brand-h: calc(var(--ax-hero-brand-size) * 0.69231);
  --ax-hero-stage-top: calc(var(--ax-hero-brand-top) + var(--ax-hero-brand-h));
}

/* Hero — Section - Hero */
/*
 * The hero is a 1920px artboard. Above 1920px wide it scales up with the window
 * (--ax-hero-scale, set by HomePage; no upper limit) so the composition — lines, card,
 * wordmark, glow — never shows its edges. At 1920px and below the scale is 1.
 */
.ax-home-hero {
  position: relative;
  height: calc(var(--ax-hero-stage-top) + var(--ax-hero-stage-h) + 82px);
  overflow: hidden;
  zoom: var(--ax-hero-scale, 1);
}

.ax-home-hero__shapes {
  position: absolute;
  top: 80.46px;
  left: calc(50% - 1396.55px);
  width: 2934.392px;
  height: 1607.619px;
  pointer-events: none;
}

/* Gold flow along the background lines (HeroLineFlow); same box as the shapes, under the card. */
.ax-home-hero__flow {
  position: absolute;
  top: 80.46px;
  left: calc(50% - 1396.55px);
  width: 2934.392px;
  height: 1607.619px;
  overflow: visible;
  pointer-events: none;
}

.ax-home-hero__brand {
  position: absolute;
  top: var(--ax-hero-brand-top);
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(946px, calc(100% - (var(--ax-page-gutter) * 2)));
  height: var(--ax-hero-brand-h);
  transform: translateX(-50%);
}

/*
 * 247px Medium, 63.6px leading, -2px tracking, in a 172px text box. The box is
 * padded so glyph overshoot stays inside the hover light's clip.
 */
.ax-home-hero__brand-text {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* Grows past the 946px box if needed so no glyph falls outside the clipped gradient. */
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  height: calc(var(--ax-hero-brand-size) * 0.69636);
  margin: calc(var(--ax-hero-brand-size) * -0.16194) 0;
  padding: calc(var(--ax-hero-brand-size) * 0.16194) 0;
  box-sizing: content-box;
  /* Hero wordmark: Syne Bold (the navbar and footer logo text use Outfit). */
  font-family: 'Syne', var(--ax-font);
  font-size: var(--ax-hero-brand-size);
  font-weight: 700;
  line-height: 0;
  letter-spacing: calc(var(--ax-hero-brand-size) * -0.0081);
  text-align: center;
  white-space: nowrap;
  /*
   * Solid fill, between Background/Card and Background/Button. A gradient
   * clipped to transparent text rendered invisible in Chrome.
   */
  color: #212121;
}

/* The wordmark is decorative display type: not selectable. */
.ax-home-hero__brand {
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/*
 * Hover: an identical copy of the word on top carries a soft neutral light at the
 * cursor (--mx/--my, set by useBrandHover; pure white, no gold), clipped to the letters, so the faces
 * brighten where the cursor is. The word itself does not move.
 */
.ax-home-hero__brand-light {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  background-image: radial-gradient(
    circle 300px at var(--mx, 50%) var(--my, 50%),
    var(--ax-wash-12) 0%,
    var(--ax-wash-05) 40%,
    rgba(255, 255, 255, 0) 75%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.ax-home-hero__brand-light.is-lit {
  opacity: 1;
}

@media (hover: none) {
  .ax-home-hero__brand-light {
    display: none;
  }
}

.ax-home-hero__brand-text span {
  /*
   * Syne's baseline left a 6px gap above the card; sit the letters on its edge.
   * The span is centered, so a 0.052em top margin moves it down 0.026em. Not
   * position:relative: Chrome leaves positioned text out of background-clip:text,
   * which made the hover light invisible.
   */
  margin-top: 0.052em;
  line-height: calc(var(--ax-hero-brand-size) * 0.25749);
}

/* Hero Content: 1342 × 572, 36px top corners, Background/Card under 20% black. */
.ax-home-hero__stage {
  position: absolute;
  top: var(--ax-hero-stage-top);
  left: 50%;
  width: min(1342px, calc(100% - (var(--ax-page-gutter) * 2)));
  height: var(--ax-hero-stage-h);
  border-radius: 36px 36px 0 0;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--background-card);
  transform: translateX(-50%);
}

/* Ellipse 286: 2092 × 483 at (-375, 425) in the 1342-wide stage. */
.ax-home-hero__glow {
  position: absolute;
  top: calc(var(--ax-hero-stage-h) - 147px);
  left: calc(50% - 1046px);
  width: 2092px;
  height: 483px;
  pointer-events: none;
}

.ax-home-hero__glow img {
  position: absolute;
  top: -45.3%;
  left: -10.46%;
  width: 120.92%;
  height: 190.6%;
}

.ax-home-hero__actions {
  position: absolute;
  /* 48px above the source position (411 → 363 in the 572px stage). */
  top: calc(var(--ax-hero-stage-h) - 209px);
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 314px;
  transform: translateX(-50%);
}

.ax-home-hero__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--aurtmix-spacing-12);
  width: 314px;
}

.ax-home-hero__tagline {
  color: var(--text-main);
  text-align: center;
  white-space: nowrap;
}

/* Community strip — 70px under the hero. */
.ax-home-community {
  margin-top: 70px;
}

/* Features grid — Section - Features Grid (561px tall, content centered). */
.ax-home-features {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--aurtmix-spacing-32);
  min-height: 561px;
  margin-top: 160px;
}

.ax-home-features__heading {
  width: 672px;
  max-width: 100%;
}

.ax-home-features__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}

/* More features — Section - More Features (539 | 24 | 605). */
.ax-home-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--aurtmix-spacing-32);
  margin-top: 160px;
}

.ax-home-more__grid {
  display: grid;
  grid-template-columns: minmax(0, 539fr) minmax(0, 605fr);
  gap: 24px;
  width: 100%;
}

.ax-home-more__stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* FAQ — Section - Faq (672px column, 9px between items). */
.ax-home-faq {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-32);
  width: min(672px, calc(100% - (var(--ax-page-gutter) * 2)));
  margin: 160px auto 0;
}

.ax-home-faq__list {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

/* CTA, then the footer 150.47px below it. */
.ax-home-cta {
  margin-top: 160px;
  margin-bottom: 150.47px;
}

/* Responsive — the source is desktop-only; these keep the same system below 1440px. */
@media (max-width: 1100px) {
  .ax-home {
    --ax-hero-brand-top: 220px;
  }

  .ax-home-features__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ax-home-more__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1000px) {
  .ax-home {
    /* Syne Bold "AurtMix" is ~4.34× its font size wide; fit it to the viewport. */
    --ax-hero-brand-size: calc((100vw - 32px) * 0.23);
  }
}

@media (max-width: 768px) {
  .ax-home {
    --ax-hero-brand-top: 150px;
    --ax-hero-stage-h: 420px;
  }

  .ax-home-community,
  .ax-home-features,
  .ax-home-more,
  .ax-home-faq,
  .ax-home-cta {
    margin-top: 96px;
  }

  .ax-home-cta {
    margin-bottom: 96px;
  }
}

@media (max-width: 700px) {
  .ax-home-features__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ax-home-features {
    min-height: 0;
  }

  /* Titles can wrap here, so cards size to content; media keeps a fixed height. */
  .ax-bento--tall,
  .ax-bento--compact {
    height: auto;
  }

  .ax-bento--tall .ax-bento__media {
    height: 316px;
  }
}

@media (max-width: 400px) {
  .ax-home-hero__buttons,
  .ax-home-hero__actions {
    width: calc(100vw - 32px);
  }

  .ax-home-hero__buttons {
    flex-wrap: wrap;
  }
}

/*
 * Landing: the wordmark and card rise 12px as the page fades in. Uses the
 * `translate` property so it composes with their centering transforms.
 */
.ax-home-hero__brand,
.ax-home-hero__stage {
  animation: ax-hero-land 800ms var(--ax-ease-out) both;
}

@keyframes ax-hero-land {
  from { opacity: 0; translate: 0 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .ax-home-hero__brand,
  .ax-home-hero__stage {
    animation: none;
  }
}

/*
 * Hero bottom edge: the hero gradient ends on #141414 and the page is #050505,
 * which left a visible cut line (and the background lines stopped sharply).
 * Fade the bottom 180px into the page color, above the lines, below the actions.
 */
.ax-home-hero::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 180px;
  background: linear-gradient(180deg, rgba(5, 5, 5, 0) 0%, var(--background-page) 100%);
  pointer-events: none;
}

/*
 * Light theme. The background lines and the stage glow are dark artwork
 * (#1C1C1C lines, a #050505 grain fade); inverted they turn into the light card
 * tone and a fade into the light page. The wordmark sits just darker than the
 * page, as it sits just lighter in dark, and the hover light darkens instead.
 */
:root[data-ax-theme='light'] .ax-home-hero__shapes,
:root[data-ax-theme='light'] .ax-home-hero__glow img {
  filter: invert(1);
}

:root[data-ax-theme='light'] .ax-home-hero__brand-text {
  color: #e9e7e0;
}

:root[data-ax-theme='light'] .ax-home-hero__brand-light {
  background-image: radial-gradient(
    circle 300px at var(--mx, 50%) var(--my, 50%),
    rgba(22, 21, 18, 0.09) 0%,
    rgba(22, 21, 18, 0.035) 40%,
    rgba(22, 21, 18, 0) 75%
  );
}

:root[data-ax-theme='light'] .ax-home-hero__stage {
  background: var(--background-card);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/views/public/CommandsPage.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Commands — hero with search, then a sticky rail (audience + categories) beside
 * category sections of command cards. Desktop rail 264px; below 960px the rail
 * becomes a sticky chip bar above the results.
 */

.ax-commands {
  --ax-commands-rail: 264px;
}

/*
 * index.css gives body overflow-x:hidden, which makes body its own scroll
 * container; the window scrolls instead, so position:sticky never engages.
 * .ax-root already clips horizontal overflow, so lift it on this page.
 */
body:has(.ax-commands) {
  overflow: visible;
}

/* Hero: clears the 22 + 68px navbar and fades into the page like the home hero. */
.ax-commands-hero {
  position: relative;
  padding: 196px 0 72px;
}

.ax-commands-hero::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 180px;
  background: linear-gradient(180deg, rgba(5, 5, 5, 0) 0%, var(--background-page) 100%);
  pointer-events: none;
}

.ax-commands-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--aurtmix-spacing-16);
  text-align: center;
  animation: ax-commands-land 800ms var(--ax-ease-out) both;
}

@keyframes ax-commands-land {
  from { opacity: 0; translate: 0 12px; }
}

.ax-commands-hero__title {
  color: var(--text-main);
  text-wrap: balance;
}

.ax-commands-hero__subtitle {
  max-width: 560px;
  color: var(--text-muted);
  text-wrap: balance;
}

/* Search: the page's main control, so it is large and centered under the title. */
.ax-commands-search {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-12);
  width: min(560px, 100%);
  height: 56px;
  margin-top: var(--aurtmix-spacing-16);
  padding: 0 var(--aurtmix-spacing-12) 0 var(--aurtmix-spacing-20);
  border-radius: var(--aurtmix-corners-pill-and-hero);
  cursor: text;
}

.ax-commands-search:focus-within {
  outline: 2px solid var(--brand-light-gold);
  outline-offset: 2px;
}

.ax-commands-search__icon {
  flex-shrink: 0;
  color: var(--text-muted);
}

.ax-commands-search__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text-main);
  font-family: inherit;
}

.ax-commands-search__input::-moz-placeholder {
  color: var(--text-muted);
}

.ax-commands-search__input::placeholder {
  color: var(--text-muted);
}

.ax-commands-search__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.ax-commands-search__kbd,
.ax-commands-search__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: var(--background-button);
  color: var(--text-muted);
}

.ax-commands-search__kbd {
  font-family: var(--ax-font);
  font-size: 14px;
  font-weight: 600;
}

.ax-commands-search__clear {
  padding: 0;
  cursor: pointer;
  transition:
    color var(--ax-dur-fast) var(--ax-ease-out),
    transform var(--ax-dur-press) var(--ax-ease-out);
}

.ax-commands-search__clear:hover {
  color: var(--text-main);
}

.ax-commands-search__clear:active {
  transform: scale(0.94);
}

/* Body: rail + results. align-items:start lets the rail stick. */
.ax-commands-body {
  display: grid;
  grid-template-columns: var(--ax-commands-rail) minmax(0, 1fr);
  align-items: start;
  gap: 40px;
}

.ax-commands-rail {
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-16);
  /* Short windows: the rail scrolls inside itself instead of running off screen. */
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  scrollbar-width: none;
}

/* Audience switch: three equal segments. */
.ax-commands-audience {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--aurtmix-spacing-4);
  padding: var(--aurtmix-spacing-4);
  border-radius: var(--aurtmix-corners-pill-and-hero);
}

.ax-commands-audience__option {
  height: 36px;
  padding: 0 var(--aurtmix-spacing-8);
  border-radius: var(--aurtmix-corners-pill-and-hero);
  color: var(--text-muted);
  white-space: nowrap;
  transition:
    color var(--ax-dur-fast) var(--ax-ease-out),
    background-color var(--ax-dur-fast) var(--ax-ease-out);
  -webkit-tap-highlight-color: transparent;
}

.ax-commands-audience__option:hover {
  color: var(--text-main);
}

.ax-commands-audience__option.is-active {
  background-color: var(--background-button);
  color: var(--text-main);
}

/* Category list. */
.ax-commands-cats {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ax-commands-cat {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-12);
  width: 100%;
  height: 44px;
  padding: 0 var(--aurtmix-spacing-14);
  border-radius: var(--aurtmix-corners-icon);
  color: var(--text-muted);
  text-align: start;
  transition:
    color var(--ax-dur-fast) var(--ax-ease-out),
    background-color var(--ax-dur-fast) var(--ax-ease-out);
  -webkit-tap-highlight-color: transparent;
}

.ax-commands-cat:hover:not(:disabled) {
  color: var(--text-main);
  background-color: var(--ax-wash-03);
}

.ax-commands-cat.is-active {
  background-color: var(--background-card);
  color: var(--text-main);
}

.ax-commands-cat.is-active .ax-commands-cat__icon {
  color: var(--brand-gold);
}

.ax-commands-cat:disabled {
  cursor: default;
  opacity: 0.4;
}

.ax-commands-cat__icon {
  flex-shrink: 0;
  transition: color var(--ax-dur-fast) var(--ax-ease-out);
}

.ax-commands-cat__label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-commands-cat__count {
  font-family: var(--ax-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--text-muted);
}

.ax-commands-audience__option:focus-visible,
.ax-commands-cat:focus-visible,
.ax-commands-search__clear:focus-visible,
.ax-cmd-chip:focus-visible {
  outline: 2px solid var(--brand-light-gold);
  outline-offset: 2px;
}

/* Results. */
.ax-commands-results {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-16);
  min-width: 0;
}

.ax-commands-results__summary {
  color: var(--text-muted);
}

.ax-commands-sections {
  display: flex;
  flex-direction: column;
  gap: 56px;
}

.ax-commands-section {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-20);
  scroll-margin-top: 24px;
}

.ax-commands-section__head {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-16);
}

.ax-commands-section__text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ax-commands-section__title {
  color: var(--text-main);
}

.ax-commands-section__blurb {
  color: var(--text-muted);
}

.ax-commands-section__count {
  flex-shrink: 0;
  min-width: 32px;
  padding: 4px 10px;
  border-radius: var(--aurtmix-corners-pill-and-hero);
  background: var(--background-card);
  color: var(--text-muted);
  font-family: var(--ax-font);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.ax-commands-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--aurtmix-spacing-16);
}

/* Command card. Not clickable itself; its usage chips are. */
.ax-cmd-card {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-8);
  padding: var(--aurtmix-spacing-20);
  border-radius: 20px;
  transition: filter var(--ax-dur-fast) var(--ax-ease-out);
}

/* Design system card hover: brighten only, default cursor. */
.ax-cmd-card:hover {
  filter: var(--ax-hover-12);
}

.ax-cmd-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--aurtmix-spacing-12);
}

.ax-cmd-card__name {
  color: var(--text-main);
  font-family: var(--ax-font-outfit);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.ax-cmd-card__prefix {
  color: var(--brand-gold);
}

.ax-cmd-card__badge {
  flex-shrink: 0;
  padding: 3px 8px;
  border-radius: var(--aurtmix-corners-pill-and-hero);
  background: rgba(206, 178, 96, 0.12);
  color: var(--brand-light-gold);
  text-transform: uppercase;
}

.ax-cmd-card__desc {
  flex: 1 1 auto;
  color: var(--text-muted);
}

.ax-cmd-card__usage {
  display: flex;
  flex-wrap: wrap;
  gap: var(--aurtmix-spacing-8);
  margin-top: var(--aurtmix-spacing-8);
}

/* Usage chip: click to copy. */
.ax-cmd-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--aurtmix-spacing-8);
  max-width: 100%;
  min-height: 34px;
  padding: 6px 10px 6px 12px;
  border-radius: 10px;
  background: var(--background-inside-card);
  color: var(--text-main);
  text-align: start;
  cursor: pointer;
  transition:
    filter var(--ax-dur-fast) var(--ax-ease-out),
    transform var(--ax-dur-press) var(--ax-ease-out);
  -webkit-tap-highlight-color: transparent;
}

.ax-cmd-chip:hover {
  filter: var(--ax-hover-35);
}

.ax-cmd-chip:active {
  transform: scale(0.97);
}

.ax-cmd-chip__text {
  min-width: 0;
  font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 20px;
  overflow-wrap: anywhere;
}

.ax-cmd-chip__text .discordmention {
  padding: 0 4px;
  border-radius: 4px;
  background: rgba(206, 178, 96, 0.16);
  color: var(--brand-light-gold);
  font-size: inherit;
}

.ax-cmd-chip__icon {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--text-muted);
  transition: color var(--ax-dur-fast) var(--ax-ease-out);
}

.ax-cmd-chip:hover .ax-cmd-chip__icon {
  color: var(--text-main);
}

.ax-cmd-chip.is-copied .ax-cmd-chip__icon {
  color: var(--brand-gold);
}

/* Nothing matches. */
.ax-commands-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--aurtmix-spacing-16);
  padding: 48px var(--aurtmix-spacing-24);
  border-radius: var(--aurtmix-corners-card);
  color: var(--text-muted);
  text-align: center;
}

.ax-commands-cta {
  margin-top: 160px;
  margin-bottom: 150.47px;
}

@media (max-width: 1100px) {
  .ax-commands-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ax-commands-cta {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}

/* Below 960px the rail becomes a sticky bar of chips above the results. */
@media (max-width: 960px) {
  .ax-commands-body {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--aurtmix-spacing-24);
  }

  .ax-commands-rail {
    top: 0;
    z-index: 5;
    max-height: none;
    overflow: visible;
    margin: 0 calc(var(--ax-page-gutter) * -1);
    padding: var(--aurtmix-spacing-12) var(--ax-page-gutter);
    background: var(--background-page);
  }

  .ax-commands-audience {
    width: min(360px, 100%);
  }

  .ax-commands-cats {
    flex-direction: row;
    gap: var(--aurtmix-spacing-8);
    overflow-x: auto;
    scrollbar-width: none;
  }

  .ax-commands-cat {
    flex-shrink: 0;
    width: auto;
    height: 38px;
    border-radius: var(--aurtmix-corners-pill-and-hero);
    background-color: var(--background-card);
  }

  .ax-commands-cat.is-active {
    background-color: var(--background-button);
  }

  .ax-commands-cat__label {
    overflow: visible;
  }

  .ax-commands-section {
    scroll-margin-top: 136px;
  }
}

@media (max-width: 768px) {
  .ax-commands-hero {
    padding: 150px 0 48px;
  }

  .ax-commands-hero__title {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -1px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-commands-hero__content {
    animation: none;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/views/public/LegalDocument.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Legal documents — hero with the Terms/Privacy switch, then a sticky contents
 * rail beside the document cards. Desktop rail 264px; below 960px the rail
 * becomes a sticky chip bar above the document.
 */

.ax-legal {
  --ax-legal-rail: 264px;
}

/*
 * index.css gives body overflow-x:hidden, which makes body its own scroll
 * container; the window scrolls instead, so position:sticky never engages.
 * .ax-root already clips horizontal overflow, so lift it on this page.
 */
body:has(.ax-legal) {
  overflow: visible;
}

/* Hero: clears the 22 + 68px navbar and fades into the page like the home hero. */
.ax-legal-hero {
  position: relative;
  padding: 196px 0 72px;
}

.ax-legal-hero::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 180px;
  background: linear-gradient(180deg, rgba(5, 5, 5, 0) 0%, var(--background-page) 100%);
  pointer-events: none;
}

.ax-legal-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--aurtmix-spacing-16);
  text-align: center;
  animation: ax-legal-land 800ms var(--ax-ease-out) both;
}

@keyframes ax-legal-land {
  from { opacity: 0; translate: 0 12px; }
}

.ax-legal-hero__title {
  color: var(--text-main);
  text-wrap: balance;
}

.ax-legal-hero__subtitle {
  max-width: 560px;
  color: var(--text-muted);
  text-wrap: balance;
}

/* Document switch: two equal segments, the current one raised. */
.ax-legal-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--aurtmix-spacing-4);
  margin-bottom: var(--aurtmix-spacing-8);
  padding: var(--aurtmix-spacing-4);
  border-radius: var(--aurtmix-corners-pill-and-hero);
}

.ax-legal-switch__option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 var(--aurtmix-spacing-16);
  border-radius: var(--aurtmix-corners-pill-and-hero);
  color: var(--text-muted);
  text-decoration: none;
  white-space: nowrap;
  transition:
    color var(--ax-dur-fast) var(--ax-ease-out),
    background-color var(--ax-dur-fast) var(--ax-ease-out);
  -webkit-tap-highlight-color: transparent;
}

.ax-legal-switch__option:hover {
  color: var(--text-main);
}

.ax-legal-switch__option.is-active {
  background-color: var(--background-button);
  color: var(--text-main);
}

/* Body: rail + document. align-items:start lets the rail stick. */
.ax-legal-body {
  display: grid;
  grid-template-columns: var(--ax-legal-rail) minmax(0, 1fr);
  align-items: start;
  gap: 40px;
  margin-bottom: 160px;
}

.ax-legal-rail {
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-12);
  /* Short windows: the rail scrolls inside itself instead of running off screen. */
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  scrollbar-width: none;
}

.ax-legal-rail__label {
  padding: 0 var(--aurtmix-spacing-14);
  color: var(--text-muted);
  text-transform: uppercase;
}

.ax-legal-toc {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ax-legal-toc__item {
  display: flex;
  align-items: flex-start;
  gap: var(--aurtmix-spacing-12);
  width: 100%;
  padding: 10px var(--aurtmix-spacing-14);
  border-radius: var(--aurtmix-corners-icon);
  color: var(--text-muted);
  text-align: start;
  cursor: pointer;
  transition:
    color var(--ax-dur-fast) var(--ax-ease-out),
    background-color var(--ax-dur-fast) var(--ax-ease-out);
  -webkit-tap-highlight-color: transparent;
}

.ax-legal-toc__item:hover {
  color: var(--text-main);
  background-color: var(--ax-wash-03);
}

.ax-legal-toc__item.is-active {
  background-color: var(--background-card);
  color: var(--text-main);
}

.ax-legal-toc__num {
  flex-shrink: 0;
  min-width: 18px;
  font-family: var(--ax-font);
  font-size: 13px;
  font-weight: 600;
  line-height: 22.5px;
  font-variant-numeric: tabular-nums;
  transition: color var(--ax-dur-fast) var(--ax-ease-out);
}

.ax-legal-toc__item.is-active .ax-legal-toc__num {
  color: var(--brand-gold);
}

.ax-legal-toc__label {
  flex: 1 1 auto;
  min-width: 0;
}

.ax-legal-switch__option:focus-visible,
.ax-legal-toc__item:focus-visible,
.ax-legal-link:focus-visible {
  outline: 2px solid var(--brand-light-gold);
  outline-offset: 2px;
}

/* Document. */
.ax-legal-doc {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-16);
  min-width: 0;
}

.ax-legal-intro,
.ax-legal-section {
  padding: var(--aurtmix-spacing-32);
  border-radius: var(--aurtmix-corners-card);
}

.ax-legal-section {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-16);
  scroll-margin-top: 24px;
}

.ax-legal-section__head {
  display: flex;
  align-items: baseline;
  gap: var(--aurtmix-spacing-12);
}

.ax-legal-section__num {
  flex-shrink: 0;
  color: var(--brand-gold);
  font-family: var(--ax-font);
  font-size: 15px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.ax-legal-section__title {
  color: var(--text-main);
  text-wrap: balance;
}

.ax-legal-text {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-12);
  color: var(--text-muted);
  overflow-wrap: break-word;
}

.ax-legal-list {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-8);
}

.ax-legal-list li {
  position: relative;
  padding-inline-start: 20px;
}

.ax-legal-list li::before {
  content: '';
  position: absolute;
  top: 10px;
  inset-inline-start: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--text-muted);
}

/* Legal link hover: color fades to gold, nothing else. */
.ax-legal-link {
  color: var(--text-main);
  text-decoration: underline;
  text-decoration-color: var(--border-default);
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
  transition:
    color var(--ax-dur-fast) var(--ax-ease-out),
    text-decoration-color var(--ax-dur-fast) var(--ax-ease-out);
}

.ax-legal-link:hover {
  color: var(--brand-gold);
  text-decoration-color: currentColor;
}

/* Below 960px the rail becomes a sticky bar of chips above the document. */
@media (max-width: 960px) {
  .ax-legal-body {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--aurtmix-spacing-24);
  }

  .ax-legal-rail {
    top: 0;
    z-index: 5;
    max-height: none;
    overflow: visible;
    margin: 0 calc(var(--ax-page-gutter) * -1);
    padding: var(--aurtmix-spacing-12) var(--ax-page-gutter);
    background: var(--background-page);
  }

  .ax-legal-rail__label {
    display: none;
  }

  .ax-legal-toc {
    flex-direction: row;
    gap: var(--aurtmix-spacing-8);
    overflow-x: auto;
    scrollbar-width: none;
  }

  .ax-legal-toc__item {
    flex-shrink: 0;
    align-items: center;
    width: auto;
    height: 38px;
    padding: 0 var(--aurtmix-spacing-14);
    border-radius: var(--aurtmix-corners-pill-and-hero);
    background-color: var(--background-card);
    white-space: nowrap;
  }

  .ax-legal-toc__item.is-active {
    background-color: var(--background-button);
  }

  .ax-legal-section {
    scroll-margin-top: 80px;
  }
}

@media (max-width: 768px) {
  .ax-legal-hero {
    padding: 150px 0 48px;
  }

  .ax-legal-hero__title {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -1px;
  }

  .ax-legal-body {
    margin-bottom: 96px;
  }

  .ax-legal-intro,
  .ax-legal-section {
    padding: var(--aurtmix-spacing-24) var(--aurtmix-spacing-20);
  }

  .ax-legal-section__title {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-legal-hero__content {
    animation: none;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/views/public/StatusPage.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Status — hero with the overall state, a row of four stats, then worker cards
 * holding shard tiles. Health colors are the page's only non-system colors and
 * stay small: a dot and a value, never a fill.
 */

.ax-status {
  --ax-status-up: var(--ax-success);
  --ax-status-down: var(--ax-danger);
  --ax-status-warn: var(--brand-gold);
}

/* Hero: clears the 22 + 68px navbar and fades into the page like the home hero. */
.ax-status-hero {
  position: relative;
  padding: 196px 0 72px;
}

.ax-status-hero::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 180px;
  background: linear-gradient(180deg, rgba(5, 5, 5, 0) 0%, var(--background-page) 100%);
  pointer-events: none;
}

.ax-status-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--aurtmix-spacing-16);
  text-align: center;
  animation: ax-status-land 800ms var(--ax-ease-out) both;
}

@keyframes ax-status-land {
  from { opacity: 0; translate: 0 12px; }
}

.ax-status-hero__title {
  color: var(--text-main);
  text-wrap: balance;
}

.ax-status-hero__subtitle {
  max-width: 560px;
  color: var(--text-muted);
  text-wrap: balance;
}

/* Overall state pill. */
.ax-status-overall {
  display: inline-flex;
  align-items: center;
  gap: var(--aurtmix-spacing-8);
  height: 36px;
  margin-bottom: var(--aurtmix-spacing-8);
  padding: 0 var(--aurtmix-spacing-16);
  border-radius: var(--aurtmix-corners-pill-and-hero);
  color: var(--text-main);
}

.ax-status-dot {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--text-muted);
}

.ax-status-overall.is-operational .ax-status-dot,
.is-up > .ax-status-dot {
  background: var(--ax-status-up);
}

.ax-status-overall.is-degraded .ax-status-dot,
.is-degraded > .ax-status-dot {
  background: var(--ax-status-warn);
}

.ax-status-overall.is-down .ax-status-dot,
.is-down > .ax-status-dot {
  background: var(--ax-status-down);
}

/* Body. */
.ax-status-body {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-24);
  margin-bottom: 160px;
}

.ax-status-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--aurtmix-spacing-16);
}

.ax-status-stat {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-4);
  padding: var(--aurtmix-spacing-20);
  border-radius: 20px;
  transition: filter var(--ax-dur-fast) var(--ax-ease-out);
}

/* Design system card hover: brighten only, default cursor. */
.ax-status-stat:hover {
  filter: var(--ax-hover-12);
}

.ax-status-stat__head {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-12);
  margin-bottom: var(--aurtmix-spacing-12);
}

.ax-status-stat__icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
}

.ax-status-stat__label,
.ax-status-stat__meta {
  color: var(--text-muted);
}

.ax-status-stat__value {
  color: var(--text-main);
  font-family: var(--ax-font-heading);
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Toolbar: last update on one side, refresh on the other. */
.ax-status-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--aurtmix-spacing-16);
}

.ax-status-toolbar__updated {
  display: inline-flex;
  align-items: center;
  gap: var(--aurtmix-spacing-8);
  color: var(--text-muted);
}

.ax-status-refresh {
  display: inline-flex;
  align-items: center;
  gap: var(--aurtmix-spacing-8);
}

.ax-status-refresh:disabled {
  cursor: wait;
  opacity: 0.72;
}

.ax-status-refresh .is-spinning {
  animation: ax-status-spin 900ms linear infinite;
}

@keyframes ax-status-spin {
  to { rotate: 360deg; }
}

/* Workers. */
.ax-status-workers {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-16);
}

.ax-status-notice {
  padding: var(--aurtmix-spacing-24);
  border-radius: var(--aurtmix-corners-card);
  color: var(--text-muted);
  text-align: center;
}

.ax-status-notice.is-error {
  color: var(--text-main);
}

.ax-status-worker {
  display: flex;
  flex-direction: column;
  gap: var(--aurtmix-spacing-20);
  padding: var(--aurtmix-spacing-24);
  border-radius: var(--aurtmix-corners-card);
}

.ax-status-worker__head {
  display: flex;
  align-items: center;
  gap: var(--aurtmix-spacing-16);
}

.ax-status-worker__text {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.ax-status-worker__title {
  color: var(--text-main);
}

.ax-status-worker__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--aurtmix-spacing-8);
  color: var(--text-muted);
}

.ax-status-worker__host {
  overflow-wrap: anywhere;
}

/* Worker facts: plain label/value pairs on the right of the header. */
.ax-status-facts {
  flex-shrink: 0;
  display: flex;
  gap: var(--aurtmix-spacing-24);
  margin: 0;
}

.ax-status-fact {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.ax-status-fact dt {
  color: var(--text-muted);
  text-transform: uppercase;
}

.ax-status-fact dd {
  margin: 0;
  color: var(--text-main);
  white-space: nowrap;
}

.ax-status-state {
  display: inline-flex;
  align-items: center;
  gap: var(--aurtmix-spacing-8);
}

/* Shard table: one header, one row per shard. */
.ax-status-table {
  --ax-status-cols: minmax(0, 1.2fr) repeat(4, minmax(0, 1fr));
  display: flex;
  flex-direction: column;
}

.ax-status-table__head,
.ax-status-shard {
  display: grid;
  grid-template-columns: var(--ax-status-cols);
  align-items: center;
  gap: var(--aurtmix-spacing-16);
  padding: 0 var(--aurtmix-spacing-16);
}

.ax-status-table__head {
  padding-bottom: var(--aurtmix-spacing-12);
  color: var(--text-muted);
  text-transform: uppercase;
}

/* Rows are split by soft rules: a fill would fade into the card's gradient. */
.ax-status-shard {
  min-height: 48px;
  border-top: 1px solid var(--border-soft);
}

.ax-status-shard__name {
  color: var(--text-main);
}

.ax-status-shard__id {
  color: var(--text-muted);
}

.ax-status-shard__cell {
  color: var(--text-main);
  font-family: var(--ax-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  font-variant-numeric: tabular-nums;
}

.ax-status-shard__cell .ax-status-state {
  color: var(--text-muted);
  font-weight: 500;
}

.ax-status-latency.is-good { color: var(--ax-status-up); }
.ax-status-latency.is-warn { color: var(--ax-status-warn); }
.ax-status-latency.is-bad { color: var(--ax-status-down); }

.ax-status-note {
  color: var(--text-muted);
  text-align: center;
}

.ax-status-refresh:focus-visible {
  outline: 2px solid var(--brand-light-gold);
  outline-offset: 2px;
}

@media (max-width: 1100px) {
  .ax-status-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .ax-status-hero {
    padding: 150px 0 48px;
  }

  .ax-status-hero__title {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -1px;
  }

  .ax-status-body {
    margin-bottom: 96px;
  }

  .ax-status-worker {
    padding: var(--aurtmix-spacing-20);
  }

  .ax-status-worker__head {
    flex-wrap: wrap;
  }

  /* Facts drop under the title, aligned with its text. */
  .ax-status-facts {
    flex-basis: 100%;
    padding-inline-start: 56px;
  }

  .ax-status-fact {
    align-items: flex-start;
  }
}

/* Phones: shard rows stack into labelled pairs, and the header row goes. */
@media (max-width: 700px) {
  .ax-status-stat {
    padding: var(--aurtmix-spacing-16);
  }

  /* Two narrow columns: the icon sits above the label so values line up. */
  .ax-status-stat__head {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--aurtmix-spacing-8);
    margin-bottom: var(--aurtmix-spacing-4);
  }

  .ax-status-stat__label {
    white-space: nowrap;
  }

  .ax-status-stat__value {
    font-size: 24px;
    line-height: 28px;
  }

  .ax-status-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .ax-status-refresh {
    justify-content: center;
  }

  .ax-status-facts {
    padding-inline-start: 0;
  }

  .ax-status-table__head {
    display: none;
  }

  .ax-status-shard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--aurtmix-spacing-12) var(--aurtmix-spacing-16);
    padding: var(--aurtmix-spacing-16) 0;
  }

  .ax-status-shard:last-child {
    padding-bottom: 0;
  }

  .ax-status-shard__name {
    grid-column: 1 / -1;
  }

  .ax-status-shard__cell {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .ax-status-shard__cell::before {
    content: attr(data-label);
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 700;
    line-height: 14.29px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-status-hero__content,
  .ax-status-refresh .is-spinning {
    animation: none;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/views/public/PremiumMarketingPage.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
/* Premium marketing page overrides migrated from encoded utilities. */

.ui-PremiumMarketingPrimitives-bottomCopy h2 { margin: 0; color: #ffffff; font-size: clamp(1.45rem, 3.2vw, 2.1rem); font-weight: 800; line-height: 1.25; }

.ui-PremiumMarketingPrimitives-bottomCopy p { margin: 0; color: rgba(255, 255, 255, 0.65); font-size: 0.98rem; line-height: 1.6; }

@media (max-width: 768px) { .ui-PremiumMarketingPrimitives-bottomPanel { padding: 36px 20px; border-radius: 22px; } .ui-PremiumMarketingPrimitives-compareFeature { padding: 0; font-size: 1.05rem; margin-bottom: 4px; } .ui-PremiumMarketingPrimitives-compareFree { padding: 0; } .ui-PremiumMarketingPrimitives-compareFree::before { content: "مجاني: "; font-weight: 700; opacity: 0.8; } [dir="ltr"] .ui-PremiumMarketingPrimitives-compareFree::before { content: "Free: "; } .ui-PremiumMarketingPrimitives-compareHead { display: none; } .ui-PremiumMarketingPrimitives-comparePremium { padding: 0; } .ui-PremiumMarketingPrimitives-comparePremium::before { content: "بريميم: "; font-weight: 800; } [dir="ltr"] .ui-PremiumMarketingPrimitives-comparePremium::before { content: "Premium: "; } }

.ui-PremiumMarketingPrimitives-compareRow:nth-child(even) { background: rgba(255, 255, 255, 0.015); }

@media (max-width: 768px) { .ui-PremiumMarketingPrimitives-compareRow { display: flex; flex-direction: column; align-items: flex-start; padding: 18px 20px; gap: 6px; } [dir="rtl"] .ui-PremiumMarketingPrimitives-compareRow { align-items: flex-start; text-align: right; } .ui-PremiumMarketingPrimitives-compareTable { border-radius: 10px; } .ui-PremiumMarketingPrimitives-container { padding: 100px 20px 64px; gap: 48px; } }

.ui-PremiumMarketingPrimitives-featureCard h3 { margin: 0; font-size: 1.15rem; font-weight: 800; color: #ffffff; line-height: 1.35; }

.ui-PremiumMarketingPrimitives-featureCard p { margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 0.96rem; line-height: 1.65; }

[dir="rtl"] .ui-PremiumMarketingPrimitives-featureCard { text-align: right; }

@media (max-width: 768px) { .ui-PremiumMarketingPrimitives-featureCard { padding: 22px 20px; border-radius: 18px; } }

@media (max-width: 1024px) { .ui-PremiumMarketingPrimitives-featureGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 768px) { .ui-PremiumMarketingPrimitives-featureGrid { grid-template-columns: 1fr; gap: 14px; } }

[dir="rtl"] .ui-PremiumMarketingPrimitives-heroActions { direction: rtl; }

@media (max-width: 768px) { .ui-PremiumMarketingPrimitives-heroPoints { grid-template-columns: 1fr; gap: 12px; } }

.ui-PremiumMarketingPrimitives-marketBlock p { margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 0.96rem; line-height: 1.65; }

.ui-PremiumMarketingPrimitives-marketBlock span { display: inline-block; color: #ceb260; font-size: 0.85rem; font-weight: 700; margin-bottom: 4px; }

.ui-PremiumMarketingPrimitives-marketCard h3 { margin: 0; font-size: 1.15rem; font-weight: 800; color: #ffffff; line-height: 1.35; }

[dir="rtl"] .ui-PremiumMarketingPrimitives-marketCard { text-align: right; }

@media (max-width: 768px) { .ui-PremiumMarketingPrimitives-marketCard { padding: 22px 20px; border-radius: 18px; } }

@media (max-width: 1024px) { .ui-PremiumMarketingPrimitives-marketGrid { grid-template-columns: 1fr; } }

.ui-PremiumMarketingPrimitives-marketTop h3 { margin: 0; font-size: 1.2rem; font-weight: 800; color: #ffffff; }

[dir="rtl"] .ui-PremiumMarketingPrimitives-marketTop { direction: rtl; }

@media (max-width: 768px) { .ui-PremiumMarketingPrimitives-primaryButton { width: 100%; max-width: 320px; padding: 14px 24px; font-size: 0.95rem; } .ui-PremiumMarketingPrimitives-secondaryButton { width: 100%; max-width: 320px; padding: 14px 24px; font-size: 0.95rem; } }

[dir="rtl"] .ui-PremiumMarketingPrimitives-sectionCopy { text-align: right; }

.ui-PremiumMarketingPrimitives-sectionHeader h2 { margin: 0; color: #ffffff; font-size: clamp(1.45rem, 3.2vw, 2.1rem); font-weight: 800; line-height: 1.25; }

.ui-PremiumMarketingPrimitives-sectionHeader p { margin: 0; color: rgba(255, 255, 255, 0.65); font-size: 0.98rem; line-height: 1.6; }

[dir="rtl"] .ui-PremiumMarketingPrimitives-sectionHeader { direction: rtl; text-align: right; }

@media (max-width: 768px) { .ui-PremiumMarketingPrimitives-subtitle { font-size: 0.98rem; } .ui-PremiumMarketingPrimitives-title { font-size: 2rem; } }

:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-page {
  background: radial-gradient(ellipse at 50% 0%, rgba(206, 178, 96, 0.15) 0%, transparent 55%), radial-gradient(ellipse at 80% 85%, rgba(206, 178, 96, 0.08) 0%, transparent 40%), linear-gradient(180deg, #f8f9fa 0%, #f0f2f5 100%) !important;
  color: #1e1f22 !important;
}

:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-title,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-sectionHeader h2,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-bottomCopy h2,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-featureCard h3,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-marketCard h3,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-marketTop h3,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-compareFeature {
  color: #1e1f22 !important;
}

:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-subtitle,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-sectionHeader p,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-bottomCopy p,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-featureCard p,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-marketBlock p,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-compareFree {
  color: #4e5058 !important;
}

:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-featureCard,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-marketCard,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-compareTable {
  background: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-featureCard:hover,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-marketCard:hover {
  background: #fafafa !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
}

:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-secondaryButton {
  background: #ffffff !important;
  color: #1e1f22 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* Light theme: the gold labels use the deeper gold, which stays readable on white. */
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-eyebrow,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-compareHeadCell,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-comparePremium,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-bestBadge,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-featureCardIcon,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-bottomIcon,
:root[data-ax-theme='light'] .ui-PremiumMarketingPrimitives-marketBlock span {
  color: var(--brand-gold) !important;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/allison/400.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
/* allison-vietnamese-400-normal */
@font-face {
  font-family: 'Allison';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/allison-vietnamese-400-normal.97f27bcb.woff2) format('woff2'), url(/_next/static/media/allison-vietnamese-400-normal.c716400d.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* allison-latin-ext-400-normal */
@font-face {
  font-family: 'Allison';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/allison-latin-ext-400-normal.b4746127.woff2) format('woff2'), url(/_next/static/media/allison-latin-ext-400-normal.d30f6269.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* allison-latin-400-normal */
@font-face {
  font-family: 'Allison';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/allison-latin-400-normal.cc3e084f.woff2) format('woff2'), url(/_next/static/media/allison-latin-400-normal.50c2f7d3.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/cairo/300.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* cairo-arabic-300-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/_next/static/media/cairo-arabic-300-normal.795e69ba.woff2) format('woff2'), url(/_next/static/media/cairo-arabic-300-normal.796aa029.woff) format('woff');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* cairo-latin-ext-300-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/_next/static/media/cairo-latin-ext-300-normal.32bac563.woff2) format('woff2'), url(/_next/static/media/cairo-latin-ext-300-normal.cc46784b.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* cairo-latin-300-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/_next/static/media/cairo-latin-300-normal.be92dda4.woff2) format('woff2'), url(/_next/static/media/cairo-latin-300-normal.e1991559.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/cairo/400.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* cairo-arabic-400-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/cairo-arabic-400-normal.bdb3e8f1.woff2) format('woff2'), url(/_next/static/media/cairo-arabic-400-normal.5b6c5853.woff) format('woff');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* cairo-latin-ext-400-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/cairo-latin-ext-400-normal.c2556185.woff2) format('woff2'), url(/_next/static/media/cairo-latin-ext-400-normal.bbae51e2.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* cairo-latin-400-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/cairo-latin-400-normal.21e47acc.woff2) format('woff2'), url(/_next/static/media/cairo-latin-400-normal.0d52679f.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/cairo/500.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* cairo-arabic-500-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/cairo-arabic-500-normal.ac59b487.woff2) format('woff2'), url(/_next/static/media/cairo-arabic-500-normal.3d963eed.woff) format('woff');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* cairo-latin-ext-500-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/cairo-latin-ext-500-normal.1cbeba1d.woff2) format('woff2'), url(/_next/static/media/cairo-latin-ext-500-normal.9ec3900a.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* cairo-latin-500-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/cairo-latin-500-normal.bb3c5444.woff2) format('woff2'), url(/_next/static/media/cairo-latin-500-normal.9c53e06c.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/cairo/600.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* cairo-arabic-600-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/cairo-arabic-600-normal.f0d0406b.woff2) format('woff2'), url(/_next/static/media/cairo-arabic-600-normal.787b34c8.woff) format('woff');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* cairo-latin-ext-600-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/cairo-latin-ext-600-normal.dfaff630.woff2) format('woff2'), url(/_next/static/media/cairo-latin-ext-600-normal.b72743b1.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* cairo-latin-600-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/cairo-latin-600-normal.afc3403b.woff2) format('woff2'), url(/_next/static/media/cairo-latin-600-normal.793b9980.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/cairo/700.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* cairo-arabic-700-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/cairo-arabic-700-normal.051e538e.woff2) format('woff2'), url(/_next/static/media/cairo-arabic-700-normal.2dbfd9fe.woff) format('woff');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* cairo-latin-ext-700-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/cairo-latin-ext-700-normal.30b90317.woff2) format('woff2'), url(/_next/static/media/cairo-latin-ext-700-normal.ced81e67.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* cairo-latin-700-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/cairo-latin-700-normal.a4cd8812.woff2) format('woff2'), url(/_next/static/media/cairo-latin-700-normal.b9ae7023.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/cairo/800.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* cairo-arabic-800-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/_next/static/media/cairo-arabic-800-normal.0fa58365.woff2) format('woff2'), url(/_next/static/media/cairo-arabic-800-normal.e95e3111.woff) format('woff');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* cairo-latin-ext-800-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/_next/static/media/cairo-latin-ext-800-normal.a52edd47.woff2) format('woff2'), url(/_next/static/media/cairo-latin-ext-800-normal.16efbfd1.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* cairo-latin-800-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/_next/static/media/cairo-latin-800-normal.b6e1e418.woff2) format('woff2'), url(/_next/static/media/cairo-latin-800-normal.b491c41f.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/cairo/900.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* cairo-arabic-900-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/_next/static/media/cairo-arabic-900-normal.18d7c0bf.woff2) format('woff2'), url(/_next/static/media/cairo-arabic-900-normal.1b0c9268.woff) format('woff');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* cairo-latin-ext-900-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/_next/static/media/cairo-latin-ext-900-normal.8deef03e.woff2) format('woff2'), url(/_next/static/media/cairo-latin-ext-900-normal.2ac62185.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* cairo-latin-900-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/_next/static/media/cairo-latin-900-normal.c03b13a6.woff2) format('woff2'), url(/_next/static/media/cairo-latin-900-normal.2a00ffc3.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/inter/400.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* inter-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/inter-cyrillic-ext-400-normal.f572b170.woff2) format('woff2'), url(/_next/static/media/inter-cyrillic-ext-400-normal.2a31c04b.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/inter-cyrillic-400-normal.372704ff.woff2) format('woff2'), url(/_next/static/media/inter-cyrillic-400-normal.a6b6ef6f.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/inter-greek-ext-400-normal.4ce1df5d.woff2) format('woff2'), url(/_next/static/media/inter-greek-ext-400-normal.88ede1ea.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/inter-greek-400-normal.d7020e3c.woff2) format('woff2'), url(/_next/static/media/inter-greek-400-normal.cc58c11b.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/inter-vietnamese-400-normal.de4fc44f.woff2) format('woff2'), url(/_next/static/media/inter-vietnamese-400-normal.a9dd2faf.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/inter-latin-ext-400-normal.32a25442.woff2) format('woff2'), url(/_next/static/media/inter-latin-ext-400-normal.4edcaace.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/inter-latin-400-normal.ef6d3f52.woff2) format('woff2'), url(/_next/static/media/inter-latin-400-normal.2c7a775c.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/inter/500.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* inter-cyrillic-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/inter-cyrillic-ext-500-normal.fe0d9b14.woff2) format('woff2'), url(/_next/static/media/inter-cyrillic-ext-500-normal.5a6bb1da.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/inter-cyrillic-500-normal.7c15bba8.woff2) format('woff2'), url(/_next/static/media/inter-cyrillic-500-normal.b9f8c929.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/inter-greek-ext-500-normal.cbd51e2d.woff2) format('woff2'), url(/_next/static/media/inter-greek-ext-500-normal.7a4aa726.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/inter-greek-500-normal.f41f43db.woff2) format('woff2'), url(/_next/static/media/inter-greek-500-normal.d9a33207.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/inter-vietnamese-500-normal.7c0a695f.woff2) format('woff2'), url(/_next/static/media/inter-vietnamese-500-normal.a3a73b95.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/inter-latin-ext-500-normal.d9b491de.woff2) format('woff2'), url(/_next/static/media/inter-latin-ext-500-normal.a19a84a6.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/inter-latin-500-normal.b7b43ace.woff2) format('woff2'), url(/_next/static/media/inter-latin-500-normal.cb4c8ceb.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/inter/600.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* inter-cyrillic-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/inter-cyrillic-ext-600-normal.f7b3c15b.woff2) format('woff2'), url(/_next/static/media/inter-cyrillic-ext-600-normal.ecbdecad.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/inter-cyrillic-600-normal.2f42892a.woff2) format('woff2'), url(/_next/static/media/inter-cyrillic-600-normal.c3987adc.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/inter-greek-ext-600-normal.1f33d317.woff2) format('woff2'), url(/_next/static/media/inter-greek-ext-600-normal.089a95ee.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/inter-greek-600-normal.cc532937.woff2) format('woff2'), url(/_next/static/media/inter-greek-600-normal.4ec0c1c1.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/inter-vietnamese-600-normal.9d518599.woff2) format('woff2'), url(/_next/static/media/inter-vietnamese-600-normal.c5ce3fcb.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/inter-latin-ext-600-normal.38b075d8.woff2) format('woff2'), url(/_next/static/media/inter-latin-ext-600-normal.49faa47a.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/inter-latin-600-normal.8fb1a964.woff2) format('woff2'), url(/_next/static/media/inter-latin-600-normal.ce0f5f43.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/inter/700.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* inter-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/inter-cyrillic-ext-700-normal.74b516d2.woff2) format('woff2'), url(/_next/static/media/inter-cyrillic-ext-700-normal.4b4022a6.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/inter-cyrillic-700-normal.e9e5b2dc.woff2) format('woff2'), url(/_next/static/media/inter-cyrillic-700-normal.93eba3c3.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/inter-greek-ext-700-normal.827cd618.woff2) format('woff2'), url(/_next/static/media/inter-greek-ext-700-normal.31f1075d.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/inter-greek-700-normal.97f0eeeb.woff2) format('woff2'), url(/_next/static/media/inter-greek-700-normal.5ec6c758.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/inter-vietnamese-700-normal.faf12809.woff2) format('woff2'), url(/_next/static/media/inter-vietnamese-700-normal.bc68b199.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/inter-latin-ext-700-normal.b63daa1a.woff2) format('woff2'), url(/_next/static/media/inter-latin-ext-700-normal.93534b50.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/inter-latin-700-normal.953b7aa5.woff2) format('woff2'), url(/_next/static/media/inter-latin-700-normal.9c21d4dc.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/mozilla-text/400.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
/* mozilla-text-latin-ext-400-normal */
@font-face {
  font-family: 'Mozilla Text';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/mozilla-text-latin-ext-400-normal.41ca7b6a.woff2) format('woff2'), url(/_next/static/media/mozilla-text-latin-ext-400-normal.c3bab832.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* mozilla-text-latin-400-normal */
@font-face {
  font-family: 'Mozilla Text';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/mozilla-text-latin-400-normal.2aa307df.woff2) format('woff2'), url(/_next/static/media/mozilla-text-latin-400-normal.ac400bb7.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/mozilla-text/500.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
/* mozilla-text-latin-ext-500-normal */
@font-face {
  font-family: 'Mozilla Text';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/mozilla-text-latin-ext-500-normal.8280033b.woff2) format('woff2'), url(/_next/static/media/mozilla-text-latin-ext-500-normal.2a5a1395.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* mozilla-text-latin-500-normal */
@font-face {
  font-family: 'Mozilla Text';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/mozilla-text-latin-500-normal.455ed630.woff2) format('woff2'), url(/_next/static/media/mozilla-text-latin-500-normal.9eba019c.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/mozilla-text/600.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
/* mozilla-text-latin-ext-600-normal */
@font-face {
  font-family: 'Mozilla Text';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/mozilla-text-latin-ext-600-normal.2184b72a.woff2) format('woff2'), url(/_next/static/media/mozilla-text-latin-ext-600-normal.9f35ae7b.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* mozilla-text-latin-600-normal */
@font-face {
  font-family: 'Mozilla Text';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/mozilla-text-latin-600-normal.bb76afee.woff2) format('woff2'), url(/_next/static/media/mozilla-text-latin-600-normal.5f120d25.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/mozilla-text/700.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
/* mozilla-text-latin-ext-700-normal */
@font-face {
  font-family: 'Mozilla Text';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/mozilla-text-latin-ext-700-normal.a29af681.woff2) format('woff2'), url(/_next/static/media/mozilla-text-latin-ext-700-normal.2130e368.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* mozilla-text-latin-700-normal */
@font-face {
  font-family: 'Mozilla Text';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/mozilla-text-latin-700-normal.52364208.woff2) format('woff2'), url(/_next/static/media/mozilla-text-latin-700-normal.970d01a6.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/syne/700.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* syne-greek-700-normal */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/syne-greek-700-normal.eba7af58.woff2) format('woff2'), url(/_next/static/media/syne-greek-700-normal.90eaac08.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* syne-latin-ext-700-normal */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/syne-latin-ext-700-normal.1160599b.woff2) format('woff2'), url(/_next/static/media/syne-latin-ext-700-normal.89581ad7.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* syne-latin-700-normal */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/syne-latin-700-normal.c3efe5c9.woff2) format('woff2'), url(/_next/static/media/syne-latin-700-normal.02a0060b.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/outfit/400.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* outfit-latin-ext-400-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/outfit-latin-ext-400-normal.ca4377f5.woff2) format('woff2'), url(/_next/static/media/outfit-latin-ext-400-normal.6dd0e160.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* outfit-latin-400-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/outfit-latin-400-normal.b3f2787f.woff2) format('woff2'), url(/_next/static/media/outfit-latin-400-normal.626fedf8.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/outfit/500.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* outfit-latin-ext-500-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/outfit-latin-ext-500-normal.5d2e873c.woff2) format('woff2'), url(/_next/static/media/outfit-latin-ext-500-normal.f097869b.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* outfit-latin-500-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/outfit-latin-500-normal.7de3b7ca.woff2) format('woff2'), url(/_next/static/media/outfit-latin-500-normal.eb408065.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/outfit/600.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* outfit-latin-ext-600-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/outfit-latin-ext-600-normal.f2a69d90.woff2) format('woff2'), url(/_next/static/media/outfit-latin-ext-600-normal.c40d416c.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* outfit-latin-600-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/outfit-latin-600-normal.fa38e35b.woff2) format('woff2'), url(/_next/static/media/outfit-latin-600-normal.902a1111.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/outfit/700.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* outfit-latin-ext-700-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/outfit-latin-ext-700-normal.97136648.woff2) format('woff2'), url(/_next/static/media/outfit-latin-ext-700-normal.28157b20.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* outfit-latin-700-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/outfit-latin-700-normal.c4465cab.woff2) format('woff2'), url(/_next/static/media/outfit-latin-700-normal.a1389fd9.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/sora/300.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* sora-latin-ext-300-normal */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/_next/static/media/sora-latin-ext-300-normal.2017f2aa.woff2) format('woff2'), url(/_next/static/media/sora-latin-ext-300-normal.993d8c27.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* sora-latin-300-normal */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/_next/static/media/sora-latin-300-normal.77d18b30.woff2) format('woff2'), url(/_next/static/media/sora-latin-300-normal.77ebe8e0.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/sora/400.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* sora-latin-ext-400-normal */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/sora-latin-ext-400-normal.3eaf008d.woff2) format('woff2'), url(/_next/static/media/sora-latin-ext-400-normal.9529ec9f.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* sora-latin-400-normal */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/sora-latin-400-normal.2ec516d7.woff2) format('woff2'), url(/_next/static/media/sora-latin-400-normal.a2caea6b.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/sora/500.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* sora-latin-ext-500-normal */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/sora-latin-ext-500-normal.516a2b6c.woff2) format('woff2'), url(/_next/static/media/sora-latin-ext-500-normal.ce3e672c.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* sora-latin-500-normal */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/sora-latin-500-normal.1f51a157.woff2) format('woff2'), url(/_next/static/media/sora-latin-500-normal.9dd3ec7c.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/sora/600.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* sora-latin-ext-600-normal */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/sora-latin-ext-600-normal.9d95f760.woff2) format('woff2'), url(/_next/static/media/sora-latin-ext-600-normal.5af66179.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* sora-latin-600-normal */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/sora-latin-600-normal.8bdc1840.woff2) format('woff2'), url(/_next/static/media/sora-latin-600-normal.2c889c61.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@fontsource/sora/700.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* sora-latin-ext-700-normal */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/sora-latin-ext-700-normal.abb10ace.woff2) format('woff2'), url(/_next/static/media/sora-latin-ext-700-normal.6eb04684.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* sora-latin-700-normal */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/sora-latin-700-normal.a85c9c35.woff2) format('woff2'), url(/_next/static/media/sora-latin-700-normal.7d270064.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/shared/design/aurtmix-arabic.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Cairo for Arabic script and for digits in every language.
 *
 * 'AurtMix Arabic' covers only Arabic and 0-9, so it sits first in a font
 * stack and the next family (Mozilla Text, Syne) renders everything else.
 * Dashboard text already uses Cairo throughout.
 */
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/_next/static/media/cairo-arabic-300-normal.795e69ba.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/cairo-arabic-400-normal.bdb3e8f1.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/cairo-arabic-500-normal.ac59b487.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/cairo-arabic-600-normal.f0d0406b.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/cairo-arabic-700-normal.051e538e.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/_next/static/media/cairo-arabic-800-normal.0fa58365.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/_next/static/media/cairo-arabic-900-normal.18d7c0bf.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/_next/static/media/cairo-latin-300-normal.be92dda4.woff2) format('woff2');
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/cairo-latin-400-normal.21e47acc.woff2) format('woff2');
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/cairo-latin-500-normal.bb3c5444.woff2) format('woff2');
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/cairo-latin-600-normal.afc3403b.woff2) format('woff2');
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/cairo-latin-700-normal.a4cd8812.woff2) format('woff2');
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/_next/static/media/cairo-latin-800-normal.b6e1e418.woff2) format('woff2');
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: 'AurtMix Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/_next/static/media/cairo-latin-900-normal.c03b13a6.woff2) format('woff2');
  unicode-range: U+0030-0039;
}