/* Build-time snapshot from https://cdn.volqan.com/domains/www.disqober.com/design-system.css. Do not edit by hand. */
/* Generated by Volqan. Source of truth: platform.design_system_json. */
@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/bebas-neue/BebasNeue-Regular.ttf") format("truetype");
}

:root {
  --color-primary: #d8b400;
  --color-primary-hover: #c49f00;
  --color-secondary: #d8b400;
  --color-background: #fbfbfa;
  --color-surface: #ffffff;
  --color-surface-hover: #eeeeea;
  --color-text: #1d1d1f;
  --color-text-muted: #303030;
  --color-text-inverse: #ffffff;
  --color-text-on-primary: #111111;
  --color-border: #deded8;
  --color-success: #16a34a;
  --color-warning: #f59e0b;
  --color-danger: #dc2626;
  --color-line-default: #deded8;
  --color-line-strong: #b8b8ae;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 64px;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Bebas Neue", Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: "Bebas Neue", Inter, ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-body-family: var(--font-body);
  --font-heading-family: var(--font-heading);
  --font-display-family: var(--font-display);
  --font-mono-family: var(--font-mono);
  --font-size-body: 15px;
  --font-size-heading: 40px;
  --font-size-display: 72px;
  --font-size-h1: 40px;
  --font-size-h2: 44px;
  --font-size-h3: 28px;
  --font-size-label: 13px;
  --font-size-caption: 12px;
  --font-size-mono: 13px;
  --font-weight-body: 400;
  --font-weight-heading: 400;
  --font-weight-display: 400;
  --font-weight-h1: 400;
  --font-weight-h2: 400;
  --font-weight-h3: 400;
  --font-weight-label: 500;
  --font-weight-caption: 400;
  --font-weight-mono: 400;
  --font-body-letter-spacing: 0;
  --font-heading-letter-spacing: 0;
  --font-display-letter-spacing: var(--font-heading-letter-spacing);
  --font-h1-letter-spacing: var(--font-heading-letter-spacing);
  --font-h2-letter-spacing: var(--font-heading-letter-spacing);
  --font-h3-letter-spacing: var(--font-heading-letter-spacing);
  --line-height-body: 1.45;
  --line-height-heading: 1;
  --line-height-display: 0.96;
  --line-height-h1: 1;
  --line-height-h2: 0.98;
  --line-height-h3: 1.05;
  --line-height-label: 1.25;
  --line-height-caption: 1.35;
  --line-height-mono: 1.4;
  --font-body-size: var(--font-size-body);
  --font-heading-size: var(--font-size-heading);
  --font-body-weight: var(--font-weight-body);
  --font-heading-weight: var(--font-weight-heading);
  --font-body-line-height: var(--line-height-body);
  --font-heading-line-height: var(--line-height-heading);
  --touch-font-base: var(--font-body);
  --touch-font-heading: var(--font-heading);
  --touch-font-size-base: var(--font-size-body);
  --touch-font-weight-base: var(--font-weight-body);
  --touch-line-height-base: var(--line-height-body);
  --dq-font-body-family: var(--font-body);
  --dq-font-heading-family: var(--font-heading);
  --duration-snap: 80ms;
  --duration-fast: 160ms;
  --duration-normal: 240ms;
  --duration-slow: 360ms;
  --duration-slower: 600ms;
  --easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --easing-decelerated: cubic-bezier(0, 0, 0.2, 1);
  --easing-bouncy: cubic-bezier(0.5, -0.4, 0.5, 1.4);
  --opacity-subtle: 0.08;
  --opacity-muted: 0.48;
  --opacity-disabled: 0.48;
  --opacity-overlay: 0.7;
  --shadow-sm: 0px 1px 3px 0px #00000014;
  --shadow-md: 0px 8px 18px -10px #0000001f;
  --shadow-lg: 0px 18px 42px -18px #00000026;
  --shadow-popover: 0px 20px 54px -18px #0000002e;
  --shadow-card: 0px 10px 24px -16px #00000024;
  --border-subtle: 1px solid #deded8;
  --border-default: 1px solid #deded8;
  --border-strong: 1px solid #b8b8ae;
  --border-focus: 2px solid #d8b400;
}

html {
  background: var(--color-background);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
}

body {
  background: var(--color-background);
  color: var(--color-text);
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
  color: inherit;
  font-family: var(--font-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}

button, input, optgroup, select, textarea {
  font: inherit;
}