@font-face {
  font-family: 'Unbounded';
  src: url('fonts/Unbounded-SemiBold.woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded';
  src: url('fonts/Unbounded-Bold.woff2');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Regular.woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-SemiBold.woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Bold.woff2');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Fallback';
  src: local('Arial'), local('Liberation Sans');
  ascent-override: 90.76%;
  descent-override: 22.60%;
  size-adjust: 106.74%;
}
@font-face {
  font-family: 'Unbounded Fallback';
  src: local('Segoe UI');
  ascent-override: 70.13%;
  descent-override: 17.27%;
  size-adjust: 141.87%;
}

:root {
  --pp-color-surface-canvas: #EEEEEA;
  --pp-color-surface-card: #FFFFFF;
  --pp-color-surface-raised: #F7F7F3;
  --pp-color-surface-muted: #EEEEEA;
  --pp-color-border-default: #D9D9D2;
  --pp-color-border-field: #111111;
  --pp-color-text-ink: #111111;
  --pp-color-text-secondary: #333333;
  --pp-color-text-tertiary: #4A4A4A;
  --pp-color-action-primary: #111111;
  --pp-color-action-on-primary: #FFD400;
  --pp-color-action-primary-pressed: #2E2E2E;
  --pp-color-action-primary-soft: #FFF6BF;
  --pp-color-action-primary-soft-text: #111111;
  --pp-color-accent-urgent: #D7261E;
  --pp-color-accent-urgent-soft: #D7261E;
  --pp-color-accent-urgent-text: #FFFFFF;
  --pp-color-money: #111111;
  --pp-color-semantic-success: #1A7F37;
  --pp-color-semantic-success-soft: #EDF7F0;
  --pp-color-semantic-success-text: #1A7F37;
  --pp-color-semantic-warning: #111111;
  --pp-color-semantic-warning-soft: #FFF6BF;
  --pp-color-semantic-danger: #B42318;
  --pp-color-semantic-danger-soft: #FDECEA;
  --pp-color-semantic-danger-text: #B42318;
  --pp-color-semantic-neutral: #333333;
  --pp-color-semantic-neutral-soft: #EEEEEA;
  --pp-color-brand-vk: #0077FF;
  --pp-color-brand-vk-text: #001122;
  --pp-color-signal: #FFD400;
  --pp-color-signal-hover: #FFE55C;
  --pp-color-ink: #111111;
  --pp-color-ink-hover: #2E2E2E;
  --pp-color-ink-raised: #222222;
  --pp-color-on-ink: #FFFFFF;
  --pp-color-on-ink-muted: #BDBDB5;
  --pp-color-ink-hairline: #3A3A3A;
  --pp-color-skeleton: #E2E2DC;
  --pp-color-scrim: rgba(17, 17, 17, 0.56);
  --pp-color-on-hero: #111111;
  --pp-color-tab-bar: #FFFFFF;
  --pp-color-tab-bar-border: #111111;
  --pp-color-link: #111111;
  --pp-color-focus-ring: #111111;
  --pp-color-focus-gap: #FFD400;
  --pp-color-night-canvas: #111111;
  --pp-color-night-text: #FFFFFF;
  --pp-radius-sm: 6px;
  --pp-radius-md: 10px;
  --pp-radius-lg: 12px;
  --pp-radius-xl: 16px;
  --pp-radius-pill: 999px;
  --pp-radius-sheet: 24px;
  --pp-space-xs: 4px;
  --pp-space-sm: 6px;
  --pp-space-md: 8px;
  --pp-space-lg: 12px;
  --pp-space-xl: 16px;
  --pp-space-xxl: 24px;
  --pp-space-xxxl: 32px;
  --pp-font-display: 'Unbounded', 'Unbounded Fallback', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --pp-font-display-medium: 'Unbounded', 'Unbounded Fallback', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --pp-font-body: 'Inter', 'Inter Fallback', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --pp-font-body-semi-bold: 'Inter', 'Inter Fallback', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --pp-font-body-bold: 'Inter', 'Inter Fallback', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --pp-type-display-size: 28px;
  --pp-type-display-line: 32px;
  --pp-type-display-weight: 700;
  --pp-type-display-family: var(--pp-font-display);
  --pp-type-h1-size: 22px;
  --pp-type-h1-line: 26px;
  --pp-type-h1-weight: 700;
  --pp-type-h1-family: var(--pp-font-display);
  --pp-type-h2-size: 19px;
  --pp-type-h2-line: 23px;
  --pp-type-h2-weight: 700;
  --pp-type-h2-family: var(--pp-font-display);
  --pp-type-h3-size: 16px;
  --pp-type-h3-line: 20px;
  --pp-type-h3-weight: 600;
  --pp-type-h3-family: var(--pp-font-display-medium);
  --pp-type-body-large-size: 17px;
  --pp-type-body-large-line: 24px;
  --pp-type-body-large-weight: 400;
  --pp-type-body-large-family: var(--pp-font-body);
  --pp-type-body-size: 16px;
  --pp-type-body-line: 24px;
  --pp-type-body-weight: 400;
  --pp-type-body-family: var(--pp-font-body);
  --pp-type-body-small-size: 14px;
  --pp-type-body-small-line: 20px;
  --pp-type-body-small-weight: 400;
  --pp-type-body-small-family: var(--pp-font-body);
  --pp-type-caption-size: 13px;
  --pp-type-caption-line: 18px;
  --pp-type-caption-weight: 400;
  --pp-type-caption-family: var(--pp-font-body);
  --pp-type-label-size: 12px;
  --pp-type-label-line: 16px;
  --pp-type-label-weight: 700;
  --pp-type-label-family: var(--pp-font-body-bold);
  --pp-type-button-size: 15px;
  --pp-type-button-line: 20px;
  --pp-type-button-weight: 600;
  --pp-type-button-family: var(--pp-font-display-medium);
  --pp-type-tab-size: 12px;
  --pp-type-tab-line: 16px;
  --pp-type-tab-weight: 600;
  --pp-type-tab-family: var(--pp-font-body-semi-bold);
  --pp-type-money-size: 18px;
  --pp-type-money-line: 22px;
  --pp-type-money-weight: 700;
  --pp-type-money-family: var(--pp-font-display);
  --pp-type-counter-size: 44px;
  --pp-type-counter-line: 48px;
  --pp-type-counter-weight: 700;
  --pp-type-counter-family: var(--pp-font-display);
  --pp-type-tablo-time-size: 17px;
  --pp-type-tablo-time-line: 20px;
  --pp-type-tablo-time-weight: 700;
  --pp-type-tablo-time-family: var(--pp-font-display);
  --pp-type-overline-size: 11px;
  --pp-type-overline-line: 14px;
  --pp-type-overline-weight: 600;
  --pp-type-overline-family: var(--pp-font-body-semi-bold);
  --pp-text-xs: 12px;
  --pp-text-sm: 13px;
  --pp-text-md: 15px;
  --pp-text-lg: 17px;
  --pp-text-xl: 20px;
  --pp-text-xxl: 26px;
  --pp-text-xxxl: 32px;
  --pp-text-body-line: 1.45;
  --pp-shadow-sm: 0 0 0 rgba(17, 17, 17, 0);
  --pp-shadow-lg: 4px 4px 0 rgba(17, 17, 17, 1);
  --pp-motion-fast: 150ms;
  --pp-motion-base: 200ms;
  --pp-motion-slow: 280ms;
  --pp-motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --pp-size-button-min-height: 48px;
  --pp-size-control-min-height: 44px;
  --pp-size-input-min-height: 48px;
  --pp-size-chip-min-height: 36px;
  --pp-size-chip-padding-horizontal: 10px;
  --pp-size-tab-bar-content-height: 56px;
  --pp-size-tab-bar-inset: 8px;
  --pp-size-tab-icon: 22px;
  --pp-size-inline-icon: 14px;
  --pp-size-button-icon: 18px;
  --pp-size-empty-illustration: 80px;
  --pp-size-max-content-width: 720px;
  --pp-size-focus-ring: 3px;
  --pp-size-row-stripe: 8px;
  --pp-size-tab-indicator: 3px;
  --pp-size-row-min-height: 72px;
}

[data-theme="dark"] {
  --pp-color-surface-canvas: #0E0E0E;
  --pp-color-surface-card: #1A1A1A;
  --pp-color-surface-raised: #232323;
  --pp-color-surface-muted: #0E0E0E;
  --pp-color-border-default: #2E2E2E;
  --pp-color-border-field: #767670;
  --pp-color-text-ink: #F2F2EE;
  --pp-color-text-secondary: #D6D6CF;
  --pp-color-text-tertiary: #BDBDB5;
  --pp-color-action-primary: #FFD400;
  --pp-color-action-on-primary: #111111;
  --pp-color-action-primary-pressed: #FFE55C;
  --pp-color-action-primary-soft: #3A3205;
  --pp-color-action-primary-soft-text: #F2F2EE;
  --pp-color-accent-urgent: #D7261E;
  --pp-color-accent-urgent-soft: #D7261E;
  --pp-color-accent-urgent-text: #FFFFFF;
  --pp-color-money: #F2F2EE;
  --pp-color-semantic-success: #4CC27A;
  --pp-color-semantic-success-soft: #12301E;
  --pp-color-semantic-success-text: #4CC27A;
  --pp-color-semantic-warning: #F2F2EE;
  --pp-color-semantic-warning-soft: #3A3205;
  --pp-color-semantic-danger: #FF7A6E;
  --pp-color-semantic-danger-soft: #3A1513;
  --pp-color-semantic-danger-text: #FF7A6E;
  --pp-color-semantic-neutral: #D6D6CF;
  --pp-color-semantic-neutral-soft: #232323;
  --pp-color-brand-vk: #0077FF;
  --pp-color-brand-vk-text: #001122;
  --pp-color-signal: #FFD400;
  --pp-color-signal-hover: #FFE55C;
  --pp-color-ink: #111111;
  --pp-color-ink-hover: #2E2E2E;
  --pp-color-ink-raised: #222222;
  --pp-color-on-ink: #FFFFFF;
  --pp-color-on-ink-muted: #BDBDB5;
  --pp-color-ink-hairline: #3A3A3A;
  --pp-color-skeleton: #2A2A2A;
  --pp-color-scrim: rgba(0, 0, 0, 0.7);
  --pp-color-on-hero: #FFFFFF;
  --pp-color-tab-bar: #141414;
  --pp-color-tab-bar-border: #2E2E2E;
  --pp-color-link: #F2F2EE;
  --pp-color-focus-ring: #FFD400;
  --pp-color-focus-gap: #111111;
  --pp-shadow-sm: 0 0 0 rgba(0, 0, 0, 0);
  --pp-shadow-lg: 0 0 0 rgba(0, 0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --pp-motion-fast: 0ms;
    --pp-motion-base: 0ms;
    --pp-motion-slow: 0ms;
  }
}