/*
 * Generated by tools/ka-theme from @kwantis/frontend-library 2.0.0-alpha.1, palette "id3", dark mode:
 * the --ka-* variables of KaThemeRoot and the page styles of KaGlobalStyles, as on the id3 home page (authn-fe).
 * Do not edit: change tools/ka-theme/palettes.mjs or the library version, then run `npm run generate` there.
 */

:root {
  --ka-font-sans: "Fira Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --ka-font-mono: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --ka-text-xs: 11.5px;
  --ka-text-sm: 12.5px;
  --ka-text-md: 14px;
  --ka-text-lg: 16px;
  --ka-text-xl: 20px;
  --ka-text-xxl: 26px;
  --ka-leading-xs: 16px;
  --ka-leading-sm: 18px;
  --ka-leading-md: 20px;
  --ka-leading-lg: 22px;
  --ka-leading-xl: 26px;
  --ka-leading-xxl: 32px;
  --ka-icon-xs: 12px;
  --ka-icon-sm: 14px;
  --ka-icon-md: 16px;
  --ka-icon-lg: 18px;
  --ka-icon-xl: 22px;
  --ka-icon-xxl: 28px;
  --ka-weight-regular: 400;
  --ka-weight-medium: 500;
  --ka-weight-semibold: 600;
  --ka-weight-bold: 700;
  --ka-tracking-tight: -0.01em;
  --ka-tracking-normal: 0;
  --ka-tracking-wide: 0.06em;
  --ka-tracking-wider: 0.08em;
  --ka-space-0: 0;
  --ka-space-1: 2px;
  --ka-space-2: 4px;
  --ka-space-3: 6px;
  --ka-space-4: 8px;
  --ka-space-5: 12px;
  --ka-space-6: 16px;
  --ka-space-7: 20px;
  --ka-space-8: 24px;
  --ka-space-9: 32px;
  --ka-space-10: 40px;
  --ka-radius-xs: 4px;
  --ka-radius-sm: 8px;
  --ka-radius-md: 12px;
  --ka-radius-lg: 16px;
  --ka-radius-pill: 999px;
  --ka-radius-circle: 50%;
  --ka-line-thin: 1px;
  --ka-line-thick: 2px;
  --ka-offset-focus: 2px;
  --ka-offset-underline: 2px;
  --ka-opacity-disabled: 0.45;
  --ka-opacity-pulse: 0.55;
  --ka-control-height-xxs: 18px;
  --ka-control-height-xs: 22px;
  --ka-control-height-sm: 28px;
  --ka-control-height-md: 36px;
  --ka-control-height-lg: 44px;
  --ka-measure-touch-target: 44px;
  --ka-measure-hit-min: 24px;
  --ka-measure-touch-gap: 16px;
  --ka-measure-tooltip-sm: 200px;
  --ka-measure-tooltip-md: 280px;
  --ka-measure-tooltip-lg: 400px;
  --ka-measure-column: 240px;
  --ka-measure-prose: 72ch;
  --ka-measure-block-sm: 48px;
  --ka-measure-block-md: 120px;
  --ka-measure-block-lg: 240px;
  --ka-measure-field-xs: 96px;
  --ka-measure-field-sm: 160px;
  --ka-measure-field-md: 240px;
  --ka-measure-field-lg: 320px;
  --ka-measure-field-xl: 480px;
  --ka-measure-input-min: 80px;
  --ka-measure-input-narrow: 40px;
  --ka-measure-list-max: 288px;
  --ka-measure-dialog-sm: 400px;
  --ka-measure-dialog-md: 560px;
  --ka-measure-dialog-lg: 800px;
  --ka-measure-dialog-xl: 1000px;
  --ka-measure-expand-width: 1500px;
  --ka-measure-expand-height: 800px;
  --ka-measure-drawer-sm: 360px;
  --ka-measure-drawer-md: 460px;
  --ka-measure-toast: 380px;
  --ka-measure-nav: 248px;
  --ka-measure-nav-collapsed: calc(4 * var(--ka-space-4) + var(--ka-icon-lg));
  --ka-measure-top-bar: 56px;
  --ka-measure-label-min: 120px;
  --ka-measure-scroll-sm: 280px;
  --ka-measure-scroll-md: 440px;
  --ka-measure-scroll-lg: 640px;
  --ka-motion-fast: 120ms;
  --ka-motion-base: 180ms;
  --ka-motion-slow: 280ms;
  --ka-motion-spring: 240ms;
  --ka-motion-morph: 440ms;
  --ka-motion-spin: 900ms;
  --ka-motion-loop: 1800ms;
  --ka-motion-ripple: 2880ms;
  --ka-motion-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ka-motion-emphasized: cubic-bezier(0.32, 0.72, 0, 1);
  --ka-motion-decelerate: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ka-motion-pop: cubic-bezier(0.34, 1.4, 0.64, 1);
  --ka-motion-icon-swap: cubic-bezier(0.32, 1.2, 0.5, 1);
  --ka-motion-hover-scale: 1.08;
  --ka-motion-hover-scale-sm: 1.1;
  --ka-motion-press-scale: 0.92;
  --ka-layer-base: 0;
  --ka-layer-sticky: 10;
  --ka-layer-rail: 20;
  --ka-layer-floating: calc(var(--ka-layer-base) + 50);
  --ka-layer-popover: calc(var(--ka-layer-base) + 60);
  --ka-layer-dialog: calc(var(--ka-layer-base) + 80);
  --ka-layer-toast: calc(var(--ka-layer-base) + 90);
  --ka-layer-tooltip: calc(var(--ka-layer-base) + 95);
  --ka-palette-background-main: #052130;
  --ka-palette-background-radial-gradient: rgba(224, 224, 224, 0.161);
  --ka-palette-primary-main: #30a9e5;
  --ka-palette-primary-variant: #2488c3;
  --ka-palette-primary-contrast: #000000;
  --ka-palette-surface-main: #0b2c3f;
  --ka-palette-surface-variant: #123a51;
  --ka-palette-surface-contrast: #f1f6f9;
  --ka-palette-border-main: #f6f6f6;
  --ka-palette-border-variant: #7e9aaa;
  --ka-palette-tag-default-main: #3d515c;
  --ka-palette-tag-default-text: #ffffff;
  --ka-palette-tag-paper-main: #ffffff;
  --ka-palette-tag-paper-text: #000000;
  --ka-palette-tag-warm-main: #fdd0ab;
  --ka-palette-tag-warm-text: #723503;
  --ka-palette-tag-cold-main: #ccb7eb;
  --ka-palette-tag-cold-text: #4b2584;
  --ka-palette-indicator-main: #30a9e5;
  --ka-palette-indicator-main-fill: #adddf5;
  --ka-palette-indicator-success: #55b86a;
  --ka-palette-indicator-success-fill: #c6e9c5;
  --ka-palette-indicator-warning: #f9d82c;
  --ka-palette-indicator-warning-fill: #fef7d7;
  --ka-palette-indicator-error: #f92c76;
  --ka-palette-indicator-error-fill: #fdabc9;
  --ka-palette-indicator-neutral: #7e7e7e;
  --ka-palette-indicator-neutral-fill: #f2f2f2;
  --ka-palette-success-main: #55b86a;
  --ka-palette-success-variant: #79c58a;
  --ka-palette-success-contrast: #000000;
  --ka-palette-warning-main: #f9d82c;
  --ka-palette-warning-variant: #fadf56;
  --ka-palette-warning-contrast: #000000;
  --ka-palette-error-main: #f92c76;
  --ka-palette-error-variant: #fa5692;
  --ka-palette-error-contrast: #ffffff;
  --ka-color-bg: #052130;
  --ka-color-bg-radial: rgba(224, 224, 224, 0.161);
  --ka-color-surface: #0b2c3f;
  --ka-color-surface-sunken: #0a2a3c;
  --ka-color-surface-raised: #123a51;
  --ka-color-chrome: #062332;
  --ka-color-fg1: #f2f6f8;
  --ka-color-fg2: #ced9de;
  --ka-color-fg3: #bccad2;
  --ka-color-fg-on-primary: #000000;
  --ka-color-fg-on-danger: #ffffff;
  --ka-color-fg-on-neutral: #ffffff;
  --ka-color-fg-on-bright: #0a181f;
  --ka-color-fg-inverse: #f2f6f8;
  --ka-color-primary: #30a9e5;
  --ka-color-primary-hover: #49b3e8;
  --ka-color-primary-ink: #61bdeb;
  --ka-color-primary-tint: rgba(48, 169, 229, 0.14);
  --ka-color-primary-tint-strong: rgba(48, 169, 229, 0.252);
  --ka-color-primary-line: rgba(97, 189, 235, 0.5);
  --ka-color-neutral-solid: #47616f;
  --ka-color-success: #55b86a;
  --ka-color-success-ink: #a5dab0;
  --ka-color-success-tint: rgba(85, 184, 106, 0.3);
  --ka-color-success-mark: #55b86a;
  --ka-color-success-line: rgba(165, 218, 176, 0.5);
  --ka-color-warning: #f9d82c;
  --ka-color-warning-ink: #fae25f;
  --ka-color-warning-tint: rgba(249, 216, 44, 0.3);
  --ka-color-warning-mark: #f9d82c;
  --ka-color-warning-line: rgba(250, 226, 95, 0.5);
  --ka-color-danger: #f92c76;
  --ka-color-danger-solid: #df276a;
  --ka-color-danger-hover: #c4225d;
  --ka-color-danger-ink: #fc8cb4;
  --ka-color-danger-tint: rgba(249, 44, 118, 0.3);
  --ka-color-danger-mark: #f92c76;
  --ka-color-danger-line: rgba(252, 140, 180, 0.5);
  --ka-color-border: rgba(242, 246, 248, 0.2);
  --ka-color-border-strong: rgba(242, 246, 248, 0.32);
  --ka-color-neutral-tint: rgba(242, 246, 248, 0.08);
  --ka-color-hover: rgba(242, 246, 248, 0.06);
  --ka-color-hatch: rgba(242, 246, 248, 0.04);
  --ka-color-pressed: rgba(242, 246, 248, 0.11);
  --ka-color-shimmer: rgba(242, 246, 248, 0.14);
  --ka-color-scrollbar: rgba(242, 246, 248, 0.18);
  --ka-color-scrollbar-hover: rgba(242, 246, 248, 0.32);
  --ka-color-focus: #30a9e5;
  --ka-color-input-bg: rgba(0, 0, 0, 0.22);
  --ka-color-input-changed: rgba(48, 169, 229, 0.12);
  --ka-color-knob: #f2f6f8;
  --ka-color-control-edge: #83959f;
  --ka-color-track-off: #47616f;
  --ka-color-shadow-color: rgba(0, 0, 0, 0.45);
  --ka-tone-neutral-solid: #47616f;
  --ka-tone-neutral-hover: #3e5562;
  --ka-tone-neutral-pressed: #394e59;
  --ka-tone-neutral-disabled: #264455;
  --ka-tone-neutral-on-solid: #ffffff;
  --ka-tone-neutral-tint: rgba(71, 97, 111, 0.24);
  --ka-tone-neutral-ink: #a0aeb5;
  --ka-tone-neutral-on-surface: #92a2aa;
  --ka-tone-neutral-on-inverse: #7f929b;
  --ka-tone-neutral-mark: #6f848e;
  --ka-tone-neutral-line: rgba(160, 174, 181, 0.5);
  --ka-tone-info-solid: #30a9e5;
  --ka-tone-info-hover: #49b3e8;
  --ka-tone-info-pressed: #59baea;
  --ka-tone-info-disabled: #1c648a;
  --ka-tone-info-on-solid: #000000;
  --ka-tone-info-tint: rgba(48, 169, 229, 0.14);
  --ka-tone-info-ink: #61bdeb;
  --ka-tone-info-on-surface: #31aae5;
  --ka-tone-info-on-inverse: #30a9e5;
  --ka-tone-info-mark: #30a9e5;
  --ka-tone-info-line: rgba(97, 189, 235, 0.5);
  --ka-tone-success-solid: #55b86a;
  --ka-tone-success-hover: #69c17c;
  --ka-tone-success-pressed: #77c688;
  --ka-tone-success-disabled: #2c6b52;
  --ka-tone-success-on-solid: #000000;
  --ka-tone-success-tint: rgba(85, 184, 106, 0.3);
  --ka-tone-success-ink: #a5dab0;
  --ka-tone-success-on-surface: #55b86a;
  --ka-tone-success-on-inverse: #55b86a;
  --ka-tone-success-mark: #55b86a;
  --ka-tone-success-line: rgba(165, 218, 176, 0.5);
  --ka-tone-warning-solid: #f9d82c;
  --ka-tone-warning-hover: #dbbe27;
  --ka-tone-warning-pressed: #c7ad23;
  --ka-tone-warning-disabled: #767936;
  --ka-tone-warning-on-solid: #000000;
  --ka-tone-warning-tint: rgba(249, 216, 44, 0.3);
  --ka-tone-warning-ink: #fae25f;
  --ka-tone-warning-on-surface: #f9d82c;
  --ka-tone-warning-on-inverse: #f9d82c;
  --ka-tone-warning-mark: #f9d82c;
  --ka-tone-warning-line: rgba(250, 226, 95, 0.5);
  --ka-tone-danger-solid: #df276a;
  --ka-tone-danger-hover: #c4225d;
  --ka-tone-danger-pressed: #b21f55;
  --ka-tone-danger-disabled: #6a2a52;
  --ka-tone-danger-on-solid: #ffffff;
  --ka-tone-danger-tint: rgba(249, 44, 118, 0.3);
  --ka-tone-danger-ink: #fc8cb4;
  --ka-tone-danger-on-surface: #fb71a2;
  --ka-tone-danger-on-inverse: #fa4b8a;
  --ka-tone-danger-mark: #f92c76;
  --ka-tone-danger-line: rgba(252, 140, 180, 0.5);
  --ka-tone-default-solid: #3d515c;
  --ka-tone-default-hover: #364751;
  --ka-tone-default-pressed: #31414a;
  --ka-tone-default-disabled: #223d4c;
  --ka-tone-default-on-solid: #ffffff;
  --ka-tone-default-tint: rgba(61, 81, 92, 0.24);
  --ka-tone-default-ink: #9ea8ad;
  --ka-tone-default-on-surface: #97a1a7;
  --ka-tone-default-on-inverse: #849197;
  --ka-tone-default-mark: #74838a;
  --ka-tone-default-line: rgba(158, 168, 173, 0.5);
  --ka-tone-warm-solid: #fdd0ab;
  --ka-tone-warm-hover: #dfb796;
  --ka-tone-warm-pressed: #fdd9bc;
  --ka-tone-warm-disabled: #787670;
  --ka-tone-warm-on-solid: #723503;
  --ka-tone-warm-tint: rgba(253, 208, 171, 0.3);
  --ka-tone-warm-ink: #feddc1;
  --ka-tone-warm-on-surface: #fdd0ab;
  --ka-tone-warm-on-inverse: #fdd0ab;
  --ka-tone-warm-mark: #fdd0ab;
  --ka-tone-warm-line: rgba(254, 221, 193, 0.5);
  --ka-tone-cold-solid: #ccb7eb;
  --ka-tone-cold-hover: #d2c0ed;
  --ka-tone-cold-pressed: #d6c5ef;
  --ka-tone-cold-disabled: #626b8c;
  --ka-tone-cold-on-solid: #4b2584;
  --ka-tone-cold-tint: rgba(204, 183, 235, 0.3);
  --ka-tone-cold-ink: #e0d4f3;
  --ka-tone-cold-on-surface: #ccb7eb;
  --ka-tone-cold-on-inverse: #ccb7eb;
  --ka-tone-cold-mark: #ccb7eb;
  --ka-tone-cold-line: rgba(224, 212, 243, 0.5);
  --ka-tone-paper-solid: #ffffff;
  --ka-tone-paper-hover: #e0e0e0;
  --ka-tone-paper-pressed: #cccccc;
  --ka-tone-paper-disabled: #798b95;
  --ka-tone-paper-on-solid: #000000;
  --ka-tone-paper-tint: rgba(255, 255, 255, 0.12);
  --ka-tone-paper-ink: #ffffff;
  --ka-tone-paper-on-surface: #ffffff;
  --ka-tone-paper-on-inverse: #ffffff;
  --ka-tone-paper-mark: #ffffff;
  --ka-tone-paper-line: rgba(255, 255, 255, 0.5);
  --ka-material-canvas-bg: #052130;
  --ka-material-canvas-solid: #052130;
  --ka-material-canvas-filter: none;
  --ka-material-canvas-edge: transparent;
  --ka-material-canvas-ring: 0 0 #0000;
  --ka-material-canvas-highlight: 0 0 #0000;
  --ka-material-canvas-shadow-color: rgba(0, 0, 0, 0.45);
  --ka-material-canvas-fg: #f2f6f8;
  --ka-material-solid-bg: #0b2c3f;
  --ka-material-solid-solid: #0b2c3f;
  --ka-material-solid-filter: none;
  --ka-material-solid-edge: rgba(255, 255, 255, 0.12);
  --ka-material-solid-ring: 0 0 #0000;
  --ka-material-solid-highlight: 0 0 #0000;
  --ka-material-solid-shadow-color: rgba(0, 0, 0, 0.45);
  --ka-material-solid-fg: #f2f6f8;
  --ka-material-raised-bg: #123a51;
  --ka-material-raised-solid: #123a51;
  --ka-material-raised-filter: none;
  --ka-material-raised-edge: rgba(255, 255, 255, 0.12);
  --ka-material-raised-ring: 0 0 #0000;
  --ka-material-raised-highlight: 0 0 #0000;
  --ka-material-raised-shadow-color: rgba(0, 0, 0, 0.45);
  --ka-material-raised-fg: #f2f6f8;
  --ka-material-sunken-bg: #0a2a3c;
  --ka-material-sunken-solid: #0a2a3c;
  --ka-material-sunken-filter: none;
  --ka-material-sunken-edge: transparent;
  --ka-material-sunken-ring: 0 0 #0000;
  --ka-material-sunken-highlight: 0 0 #0000;
  --ka-material-sunken-shadow-color: transparent;
  --ka-material-sunken-fg: #f2f6f8;
  --ka-material-glass-thin-bg: rgba(11, 44, 63, 0.6);
  --ka-material-glass-thin-solid: #0b2c3f;
  --ka-material-glass-thin-filter: blur(7px) saturate(140%);
  --ka-material-glass-thin-edge: transparent;
  --ka-material-glass-thin-ring: 0 0 #0000;
  --ka-material-glass-thin-shadow-color: rgba(0, 0, 0, 0.45);
  --ka-material-glass-thin-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --ka-material-glass-thin-fg: #f2f6f8;
  --ka-material-glass-bg: rgba(11, 44, 63, 0.84);
  --ka-material-glass-solid: #0b2c3f;
  --ka-material-glass-filter: blur(7px) saturate(160%);
  --ka-material-glass-edge: transparent;
  --ka-material-glass-ring: 0 0 #0000;
  --ka-material-glass-shadow-color: rgba(0, 0, 0, 0.45);
  --ka-material-glass-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --ka-material-glass-fg: #f2f6f8;
  --ka-material-glass-thick-bg: rgba(11, 44, 63, 0.94);
  --ka-material-glass-thick-solid: #123a51;
  --ka-material-glass-thick-filter: blur(14px) saturate(180%);
  --ka-material-glass-thick-edge: transparent;
  --ka-material-glass-thick-ring: 0 0 #0000;
  --ka-material-glass-thick-shadow-color: rgba(0, 0, 0, 0.45);
  --ka-material-glass-thick-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --ka-material-glass-thick-fg: #f2f6f8;
  --ka-material-inverse-bg: rgba(7, 17, 22, 0.9);
  --ka-material-inverse-solid: #071116;
  --ka-material-inverse-filter: blur(7px) saturate(140%);
  --ka-material-inverse-edge: transparent;
  --ka-material-inverse-ring: 0 0 #0000;
  --ka-material-inverse-shadow-color: rgba(0, 0, 0, 0.45);
  --ka-material-inverse-highlight: 0 0 #0000;
  --ka-material-inverse-fg: #f2f6f8;
  --ka-material-scrim-bg: rgba(0, 0, 0, 0.55);
  --ka-material-scrim-solid: rgba(0, 0, 0, 0.7);
  --ka-material-scrim-filter: blur(4px);
  --ka-material-scrim-edge: transparent;
  --ka-material-scrim-ring: 0 0 #0000;
  --ka-material-scrim-highlight: 0 0 #0000;
  --ka-material-scrim-shadow-color: transparent;
  --ka-material-scrim-fg: #f2f6f8;
  --ka-elevation-0: 0 0 #0000;
  --ka-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.45);
  --ka-elevation-2: 0 8px 28px rgba(0, 0, 0, 0.45),0 1px 3px rgba(0, 0, 0, 0.45);
  --ka-elevation-3: 0 12px 32px -8px rgba(0, 0, 0, 0.45),0 2px 8px rgba(0, 0, 0, 0.45);
  --ka-elevation-4: 0 20px 50px rgba(0, 0, 0, 0.45);
  -webkit-print-color-scheme: dark;
  color-scheme: dark;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root {
    --ka-material-glass-thin-bg: #0b2c3f;
    --ka-material-glass-thin-filter: none;
    --ka-material-glass-bg: #0b2c3f;
    --ka-material-glass-filter: none;
    --ka-material-glass-thick-bg: #123a51;
    --ka-material-glass-thick-filter: none;
    --ka-material-inverse-bg: #071116;
    --ka-material-inverse-filter: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :root {
    --ka-material-glass-thin-bg: #0b2c3f;
    --ka-material-glass-thin-filter: none;
    --ka-material-glass-bg: #0b2c3f;
    --ka-material-glass-filter: none;
    --ka-material-glass-thick-bg: #123a51;
    --ka-material-glass-thick-filter: none;
    --ka-material-inverse-bg: #071116;
    --ka-material-inverse-filter: none;
    --ka-material-scrim-bg: rgba(0, 0, 0, 0.7);
    --ka-material-scrim-filter: none;
  }
}

@media (prefers-contrast: more) {
  :root {
    --ka-material-glass-thin-bg: #0b2c3f;
    --ka-material-glass-thin-filter: none;
    --ka-material-glass-bg: #0b2c3f;
    --ka-material-glass-filter: none;
    --ka-material-glass-thick-bg: #123a51;
    --ka-material-glass-thick-filter: none;
    --ka-material-inverse-bg: #071116;
    --ka-material-inverse-filter: none;
    --ka-material-glass-thin-edge: rgba(242, 246, 248, 0.4);
    --ka-material-glass-edge: rgba(242, 246, 248, 0.4);
    --ka-material-glass-thick-edge: rgba(242, 246, 248, 0.4);
    --ka-material-inverse-edge: rgba(242, 246, 248, 0.4);
    --ka-material-solid-edge: rgba(242, 246, 248, 0.4);
    --ka-material-raised-edge: rgba(242, 246, 248, 0.4);
  }
}

@media (forced-colors: active) {
  :root {
    --ka-material-canvas-bg: #052130;
    --ka-material-canvas-filter: none;
    --ka-material-solid-bg: #0b2c3f;
    --ka-material-solid-filter: none;
    --ka-material-raised-bg: #123a51;
    --ka-material-raised-filter: none;
    --ka-material-sunken-bg: #0a2a3c;
    --ka-material-sunken-filter: none;
    --ka-material-glass-thin-bg: #0b2c3f;
    --ka-material-glass-thin-filter: none;
    --ka-material-glass-bg: #0b2c3f;
    --ka-material-glass-filter: none;
    --ka-material-glass-thick-bg: #123a51;
    --ka-material-glass-thick-filter: none;
    --ka-material-inverse-bg: #071116;
    --ka-material-inverse-filter: none;
    --ka-material-scrim-bg: rgba(0, 0, 0, 0.7);
    --ka-material-scrim-filter: none;
  }
}

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

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

html,body {
  height: 100%;
}

body {
  margin: 0;
  background: var(--ka-color-bg);
  color: var(--ka-color-fg1);
  font-family: var(--ka-font-sans);
  font-size: var(--ka-text-md);
  line-height: var(--ka-leading-md);
  -webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,p {
  margin: 0;
}

h1,h2,h3 {
  text-wrap: balance;
}

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

:focus-visible {
  outline: var(--ka-line-thick) solid var(--ka-color-focus);
  outline-offset: var(--ka-offset-focus);
}

::selection {
  background: var(--ka-color-primary-tint-strong);
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--ka-color-scrollbar) transparent;
}

*:hover {
  scrollbar-color: var(--ka-color-scrollbar-hover) transparent;
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after {
    -webkit-animation-duration: 0.01ms!important;
    animation-duration: 0.01ms!important;
    -webkit-animation-delay: 0s!important;
    animation-delay: 0s!important;
    transition-duration: 0.01ms!important;
    transition-delay: 0s!important;
  }
}