/* Karsa Idea Web Framework v0.2.0 — Draft */
@layer ki-tokens, ki-base, ki-layout, ki-components, ki-utilities;
/* Generated from tokens.json. Edit the source, then run build.mjs. */
@layer ki-tokens {
:root {
  --ki-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ki-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ki-text-xs: 0.75rem;
  --ki-text-sm: 0.875rem;
  --ki-text-base: 1rem;
  --ki-text-lg: 1.125rem;
  --ki-text-xl: 1.25rem;
  --ki-heading-1-size: clamp(2.5rem, 5vw, 4rem);
  --ki-heading-2-size: clamp(2rem, 3.5vw, 3rem);
  --ki-heading-3-size: clamp(1.5rem, 2.5vw, 2rem);
  --ki-heading-4-size: 1.5rem;
  --ki-heading-5-size: 1.25rem;
  --ki-heading-6-size: 1rem;
  --ki-heading-weight: 600;
  --ki-heading-line-height: 1.15;
  --ki-heading-tracking: -0.035em;
  --ki-body-line-height: 1.6;
  --ki-lead-size: clamp(1.125rem, 2vw, 1.375rem);
  --ki-prose-width: 70ch;
  --ki-radius-sm: 4px;
  --ki-radius: 6px;
  --ki-radius-lg: 12px;
  --ki-radius-pill: 999px;
  --ki-control-sm: 36px;
  --ki-control: 44px;
  --ki-control-lg: 52px;
  --ki-motion-fast: 120ms;
  --ki-motion-normal: 180ms;
  --ki-motion-slow: 240ms;
  --ki-ease: cubic-bezier(0.2, 0, 0, 1);
  --ki-z-dropdown: 100;
  --ki-z-sticky: 200;
  --ki-z-toast: 400;
  --ki-z-tooltip: 500;
  --ki-space-0: 0;
  --ki-space-1: 0.25rem;
  --ki-space-2: 0.5rem;
  --ki-space-3: 0.75rem;
  --ki-space-4: 1rem;
  --ki-space-5: 1.5rem;
  --ki-space-6: 2rem;
  --ki-space-7: 3rem;
  --ki-space-8: 4rem;
  --ki-space-9: 6rem;
  --ki-shadow-sm: 0 1px 3px color-mix(in srgb, var(--ki-color-dark) 10%, transparent);
  --ki-shadow: 0 8px 28px color-mix(in srgb, var(--ki-color-dark) 12%, transparent);
  --ki-shadow-lg: 0 20px 60px color-mix(in srgb, var(--ki-color-dark) 24%, transparent);
}
:root, [data-ki-mode="light"] {
  color-scheme: light;
  --ki-color-background: #f7f6f2;
  --ki-color-surface: #fffefa;
  --ki-color-surface-muted: #edf0e5;
  --ki-color-text: #252720;
  --ki-color-text-muted: #606458;
  --ki-color-border: #d7d9ce;
  --ki-color-border-control: #858b7a;
  --ki-color-dark: #292d25;
  --ki-color-primary: #292d25;
  --ki-color-on-primary: #fffefa;
  --ki-color-primary-hover: #454b3c;
  --ki-color-accent: #bc421d;
  --ki-color-on-accent: #ffffff;
  --ki-color-accent-hover: #a83d1a;
  --ki-color-accent-subtle: #fbe8df;
  --ki-color-focus: #a83d1a;
  --ki-color-info: #24536b;
  --ki-color-info-subtle: #d9e8ec;
  --ki-color-on-info: #ffffff;
  --ki-color-success: #2f6657;
  --ki-color-success-subtle: #daede7;
  --ki-color-on-success: #ffffff;
  --ki-color-warning: #734900;
  --ki-color-warning-subtle: #f4e7c8;
  --ki-color-on-warning: #ffffff;
  --ki-color-danger: #87343d;
  --ki-color-danger-subtle: #f3dde0;
  --ki-color-on-danger: #ffffff;
}
[data-ki-mode="dark"] {
  color-scheme: dark;
  --ki-color-background: #181b16;
  --ki-color-surface: #23271f;
  --ki-color-surface-muted: #30372b;
  --ki-color-text: #f7f6f2;
  --ki-color-text-muted: #b9bfae;
  --ki-color-border: #49503f;
  --ki-color-border-control: #88917b;
  --ki-color-dark: #10130e;
  --ki-color-primary: #f7f6f2;
  --ki-color-on-primary: #252720;
  --ki-color-primary-hover: #dedfd5;
  --ki-color-accent: #f19b73;
  --ki-color-on-accent: #252720;
  --ki-color-accent-hover: #ffc5a5;
  --ki-color-accent-subtle: #40291e;
  --ki-color-focus: #f19b73;
  --ki-color-info: #9cc7db;
  --ki-color-info-subtle: #20333b;
  --ki-color-on-info: #181b16;
  --ki-color-success: #9bd2bb;
  --ki-color-success-subtle: #21372f;
  --ki-color-on-success: #181b16;
  --ki-color-warning: #edc573;
  --ki-color-warning-subtle: #3a3020;
  --ki-color-on-warning: #181b16;
  --ki-color-danger: #efa1aa;
  --ki-color-danger-subtle: #3b2529;
  --ki-color-on-danger: #181b16;
}
}

@layer ki-base {
  .ki, .ki *, .ki *::before, .ki *::after { box-sizing: border-box; }
  body.ki { margin: 0; }
  .ki { font-family: var(--ki-font-sans); font-size: var(--ki-text-base); line-height: var(--ki-body-line-height); color: var(--ki-color-text); background: var(--ki-color-background); -webkit-font-smoothing: antialiased; overflow-wrap: break-word; }
  .ki [data-ki-mode] { color: var(--ki-color-text); }
  .ki :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,pre) { margin: 0 0 var(--ki-space-4); }
  .ki :where(h1,h2,h3,h4,h5,h6), .ki-h1, .ki-h2, .ki-h3, .ki-h4, .ki-h5, .ki-h6 { line-height: var(--ki-heading-line-height); font-weight: var(--ki-heading-weight); letter-spacing: var(--ki-heading-tracking); }
  .ki :where(h1) { font-size: var(--ki-heading-1-size); }
  .ki :where(h2) { font-size: var(--ki-heading-2-size); }
  .ki :where(h3) { font-size: var(--ki-heading-3-size); }
  .ki :where(h4) { font-size: var(--ki-heading-4-size); }
  .ki :where(h5) { font-size: var(--ki-heading-5-size); }
  .ki :where(h6) { font-size: var(--ki-heading-6-size); }
  .ki-h1 { font-size: var(--ki-heading-1-size); }
  .ki-h2 { font-size: var(--ki-heading-2-size); }
  .ki-h3 { font-size: var(--ki-heading-3-size); }
  .ki-h4 { font-size: var(--ki-heading-4-size); }
  .ki-h5 { font-size: var(--ki-heading-5-size); }
  .ki-h6 { font-size: var(--ki-heading-6-size); }
  .ki a { color: var(--ki-color-accent); text-underline-offset: .2em; }
  .ki a:hover { text-decoration-thickness: 2px; }
  .ki :where(button,input,select,textarea) { font: inherit; color: inherit; }
  .ki button, .ki summary { cursor: pointer; }
  .ki :where(button,[role="button"]) { touch-action: manipulation; }
  .ki :where(img,svg,video) { max-width: 100%; vertical-align: middle; }
  .ki :where(img,video) { height: auto; }
  .ki :where(code,kbd,pre,samp) { font-family: var(--ki-font-mono); font-size: .875em; }
  .ki code { color: var(--ki-color-accent); }
  .ki pre { overflow-x: auto; padding: var(--ki-space-5); background: var(--ki-color-surface-muted); border-radius: var(--ki-radius); }
  .ki pre code { color: inherit; }
  .ki kbd { background: var(--ki-color-primary); color: var(--ki-color-on-primary); padding: .15rem .35rem; border-radius: var(--ki-radius-sm); }
  .ki hr { border: 0; border-top: 1px solid var(--ki-color-border); margin-block: var(--ki-space-6); }
  .ki :focus-visible { outline: 3px solid var(--ki-color-focus); outline-offset: 3px; }
  .ki [hidden] { display: none !important; }
  .ki ::selection { background: var(--ki-color-accent-subtle); color: var(--ki-color-text); }
  .ki-display-1 { font-size: clamp(3.5rem, 8vw, 7rem); line-height: .98; letter-spacing: -.065em; font-weight: 500; }
  .ki-display-2 { font-size: clamp(3rem, 6vw, 5.5rem); line-height: 1.05; letter-spacing: -.055em; font-weight: 500; }
  .ki-lead { font-size: var(--ki-lead-size); line-height: var(--ki-body-line-height); font-weight: 400; }
  .ki-eyebrow { font-size: var(--ki-text-xs); font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
  .ki-blockquote { margin-inline: 0; border-inline-start: 3px solid var(--ki-color-accent); padding-inline-start: var(--ki-space-5); font-size: var(--ki-text-xl); }
  .ki-blockquote p:last-child { margin-bottom: 0; }
  .ki-blockquote-footer { color: var(--ki-color-text-muted); font-size: var(--ki-text-sm); margin-top: var(--ki-space-3); }
  .ki-blockquote-footer::before { content: '\2014\00a0'; }
  .ki :where(mark), .ki-mark { color: var(--ki-color-text); background: var(--ki-color-warning-subtle); padding: .1em .2em; }
  .ki :where(small), .ki-small { font-size: .875em; }
  .ki :where(abbr[title]) { text-decoration: underline dotted; text-underline-offset: .2em; cursor: help; }
  .ki-initialism { font-size: .875em; text-transform: uppercase; }
  .ki-list-unstyled { list-style: none; margin: 0; padding: 0; }
  .ki-list-unstyled ul, .ki-list-unstyled ol { padding-inline-start: var(--ki-space-5); }
  .ki-list-inline { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--ki-space-3) var(--ki-space-5); list-style: none; margin: 0; padding: 0; }
  .ki-list-inline-item { display: inline-block; }
  .ki-description-list { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(0, 2fr); gap: var(--ki-space-3) var(--ki-space-5); margin: 0; }
  .ki-description-list dt { font-weight: 600; }
  .ki-description-list dd { margin: 0; }
  @media (max-width: 575.98px) { .ki-description-list { grid-template-columns: minmax(0, 1fr); row-gap: var(--ki-space-2); } .ki-description-list dd { margin-bottom: var(--ki-space-3); } }
  .ki-prose { max-width: var(--ki-prose-width); }
  .ki-prose p, .ki-prose ul, .ki-prose ol { margin-bottom: var(--ki-space-5); }
  .ki-prose :where(h2,h3,h4) { margin-top: var(--ki-space-7); }
  @media (prefers-reduced-motion: reduce) {
    .ki *, .ki *::before, .ki *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: 0s !important; scroll-behavior: auto !important; }
  }
}

@layer ki-layout {
  .ki-container, .ki-container-fluid { width: 100%; margin-inline: auto; padding-inline: var(--ki-space-5); }
  .ki-container-narrow { max-width: 800px; margin-inline: auto; padding-inline: var(--ki-space-5); }
  .ki-row { --ki-gutter-x: var(--ki-space-5); --ki-gutter-y: 0; display: flex; flex-wrap: wrap; margin-inline: calc(var(--ki-gutter-x) / -2); margin-top: calc(var(--ki-gutter-y) * -1); }
  .ki-row > * { width: 100%; max-width: 100%; min-width: 0; flex-shrink: 0; padding-inline: calc(var(--ki-gutter-x) / 2); margin-top: var(--ki-gutter-y); }
  .ki-stack { display: flex; flex-direction: column; gap: var(--ki-space-5); }
  .ki-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ki-space-3); }
  .ki-grid { --ki-grid-min: 16rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ki-grid-min)), 1fr)); gap: var(--ki-space-5); }
  .ki-section { padding-block: clamp(3rem, 7vw, 6rem); }
  .ki-section-sm { padding-block: var(--ki-space-7); }
  .ki-section-heading { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--ki-space-5); margin-bottom: var(--ki-space-7); }
  .ki-section-heading p { max-width: 50ch; }
  .ki-ratio { position: relative; aspect-ratio: var(--ki-ratio, 16 / 9); }
  .ki-ratio > :where(img,video,iframe) { width: 100%; height: 100%; object-fit: cover; border: 0; }
  .ki-ratio-1x1 { --ki-ratio: 1; } .ki-ratio-4x3 { --ki-ratio: 4 / 3; }
}

@layer ki-layout {
.ki-col { flex: 1 0 0%; }
.ki-col-auto { flex: 0 0 auto; width: auto; }
.ki-col-1 { flex: 0 0 auto; width: 8.333333333333332%; }
.ki-offset-1 { margin-inline-start: 8.333333333333332%; }
.ki-col-2 { flex: 0 0 auto; width: 16.666666666666664%; }
.ki-offset-2 { margin-inline-start: 16.666666666666664%; }
.ki-col-3 { flex: 0 0 auto; width: 25%; }
.ki-offset-3 { margin-inline-start: 25%; }
.ki-col-4 { flex: 0 0 auto; width: 33.33333333333333%; }
.ki-offset-4 { margin-inline-start: 33.33333333333333%; }
.ki-col-5 { flex: 0 0 auto; width: 41.66666666666667%; }
.ki-offset-5 { margin-inline-start: 41.66666666666667%; }
.ki-col-6 { flex: 0 0 auto; width: 50%; }
.ki-offset-6 { margin-inline-start: 50%; }
.ki-col-7 { flex: 0 0 auto; width: 58.333333333333336%; }
.ki-offset-7 { margin-inline-start: 58.333333333333336%; }
.ki-col-8 { flex: 0 0 auto; width: 66.66666666666666%; }
.ki-offset-8 { margin-inline-start: 66.66666666666666%; }
.ki-col-9 { flex: 0 0 auto; width: 75%; }
.ki-offset-9 { margin-inline-start: 75%; }
.ki-col-10 { flex: 0 0 auto; width: 83.33333333333334%; }
.ki-offset-10 { margin-inline-start: 83.33333333333334%; }
.ki-col-11 { flex: 0 0 auto; width: 91.66666666666666%; }
.ki-offset-11 { margin-inline-start: 91.66666666666666%; }
.ki-col-12 { flex: 0 0 auto; width: 100%; }
.ki-offset-0 { margin-inline-start: 0; }
.ki-row-cols-1 > * { flex: 0 0 auto; width: 100%; }
.ki-row-cols-2 > * { flex: 0 0 auto; width: 50%; }
.ki-row-cols-3 > * { flex: 0 0 auto; width: 33.333333333333336%; }
.ki-row-cols-4 > * { flex: 0 0 auto; width: 25%; }
.ki-row-cols-5 > * { flex: 0 0 auto; width: 20%; }
.ki-row-cols-6 > * { flex: 0 0 auto; width: 16.666666666666668%; }
.ki-g-0 { --ki-gutter-x: 0; --ki-gutter-y: 0; }
.ki-gx-0 { --ki-gutter-x: 0; }
.ki-gy-0 { --ki-gutter-y: 0; }
.ki-g-1 { --ki-gutter-x: 0.25rem; --ki-gutter-y: 0.25rem; }
.ki-gx-1 { --ki-gutter-x: 0.25rem; }
.ki-gy-1 { --ki-gutter-y: 0.25rem; }
.ki-g-2 { --ki-gutter-x: 0.5rem; --ki-gutter-y: 0.5rem; }
.ki-gx-2 { --ki-gutter-x: 0.5rem; }
.ki-gy-2 { --ki-gutter-y: 0.5rem; }
.ki-g-3 { --ki-gutter-x: 0.75rem; --ki-gutter-y: 0.75rem; }
.ki-gx-3 { --ki-gutter-x: 0.75rem; }
.ki-gy-3 { --ki-gutter-y: 0.75rem; }
.ki-g-4 { --ki-gutter-x: 1rem; --ki-gutter-y: 1rem; }
.ki-gx-4 { --ki-gutter-x: 1rem; }
.ki-gy-4 { --ki-gutter-y: 1rem; }
.ki-g-5 { --ki-gutter-x: 1.5rem; --ki-gutter-y: 1.5rem; }
.ki-gx-5 { --ki-gutter-x: 1.5rem; }
.ki-gy-5 { --ki-gutter-y: 1.5rem; }
.ki-g-6 { --ki-gutter-x: 2rem; --ki-gutter-y: 2rem; }
.ki-gx-6 { --ki-gutter-x: 2rem; }
.ki-gy-6 { --ki-gutter-y: 2rem; }
.ki-g-7 { --ki-gutter-x: 3rem; --ki-gutter-y: 3rem; }
.ki-gx-7 { --ki-gutter-x: 3rem; }
.ki-gy-7 { --ki-gutter-y: 3rem; }
.ki-g-8 { --ki-gutter-x: 4rem; --ki-gutter-y: 4rem; }
.ki-gx-8 { --ki-gutter-x: 4rem; }
.ki-gy-8 { --ki-gutter-y: 4rem; }
.ki-g-9 { --ki-gutter-x: 6rem; --ki-gutter-y: 6rem; }
.ki-gx-9 { --ki-gutter-x: 6rem; }
.ki-gy-9 { --ki-gutter-y: 6rem; }
@media (min-width: 576px) {
.ki-container { max-width: 540px; }
.ki-col-sm { flex: 1 0 0%; }
.ki-col-sm-auto { flex: 0 0 auto; width: auto; }
.ki-col-sm-1 { flex: 0 0 auto; width: 8.333333333333332%; }
.ki-offset-sm-1 { margin-inline-start: 8.333333333333332%; }
.ki-col-sm-2 { flex: 0 0 auto; width: 16.666666666666664%; }
.ki-offset-sm-2 { margin-inline-start: 16.666666666666664%; }
.ki-col-sm-3 { flex: 0 0 auto; width: 25%; }
.ki-offset-sm-3 { margin-inline-start: 25%; }
.ki-col-sm-4 { flex: 0 0 auto; width: 33.33333333333333%; }
.ki-offset-sm-4 { margin-inline-start: 33.33333333333333%; }
.ki-col-sm-5 { flex: 0 0 auto; width: 41.66666666666667%; }
.ki-offset-sm-5 { margin-inline-start: 41.66666666666667%; }
.ki-col-sm-6 { flex: 0 0 auto; width: 50%; }
.ki-offset-sm-6 { margin-inline-start: 50%; }
.ki-col-sm-7 { flex: 0 0 auto; width: 58.333333333333336%; }
.ki-offset-sm-7 { margin-inline-start: 58.333333333333336%; }
.ki-col-sm-8 { flex: 0 0 auto; width: 66.66666666666666%; }
.ki-offset-sm-8 { margin-inline-start: 66.66666666666666%; }
.ki-col-sm-9 { flex: 0 0 auto; width: 75%; }
.ki-offset-sm-9 { margin-inline-start: 75%; }
.ki-col-sm-10 { flex: 0 0 auto; width: 83.33333333333334%; }
.ki-offset-sm-10 { margin-inline-start: 83.33333333333334%; }
.ki-col-sm-11 { flex: 0 0 auto; width: 91.66666666666666%; }
.ki-offset-sm-11 { margin-inline-start: 91.66666666666666%; }
.ki-col-sm-12 { flex: 0 0 auto; width: 100%; }
.ki-offset-sm-0 { margin-inline-start: 0; }
.ki-row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; }
.ki-row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; }
.ki-row-cols-sm-3 > * { flex: 0 0 auto; width: 33.333333333333336%; }
.ki-row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; }
.ki-row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; }
.ki-row-cols-sm-6 > * { flex: 0 0 auto; width: 16.666666666666668%; }
.ki-g-sm-0 { --ki-gutter-x: 0; --ki-gutter-y: 0; }
.ki-gx-sm-0 { --ki-gutter-x: 0; }
.ki-gy-sm-0 { --ki-gutter-y: 0; }
.ki-g-sm-1 { --ki-gutter-x: 0.25rem; --ki-gutter-y: 0.25rem; }
.ki-gx-sm-1 { --ki-gutter-x: 0.25rem; }
.ki-gy-sm-1 { --ki-gutter-y: 0.25rem; }
.ki-g-sm-2 { --ki-gutter-x: 0.5rem; --ki-gutter-y: 0.5rem; }
.ki-gx-sm-2 { --ki-gutter-x: 0.5rem; }
.ki-gy-sm-2 { --ki-gutter-y: 0.5rem; }
.ki-g-sm-3 { --ki-gutter-x: 0.75rem; --ki-gutter-y: 0.75rem; }
.ki-gx-sm-3 { --ki-gutter-x: 0.75rem; }
.ki-gy-sm-3 { --ki-gutter-y: 0.75rem; }
.ki-g-sm-4 { --ki-gutter-x: 1rem; --ki-gutter-y: 1rem; }
.ki-gx-sm-4 { --ki-gutter-x: 1rem; }
.ki-gy-sm-4 { --ki-gutter-y: 1rem; }
.ki-g-sm-5 { --ki-gutter-x: 1.5rem; --ki-gutter-y: 1.5rem; }
.ki-gx-sm-5 { --ki-gutter-x: 1.5rem; }
.ki-gy-sm-5 { --ki-gutter-y: 1.5rem; }
.ki-g-sm-6 { --ki-gutter-x: 2rem; --ki-gutter-y: 2rem; }
.ki-gx-sm-6 { --ki-gutter-x: 2rem; }
.ki-gy-sm-6 { --ki-gutter-y: 2rem; }
.ki-g-sm-7 { --ki-gutter-x: 3rem; --ki-gutter-y: 3rem; }
.ki-gx-sm-7 { --ki-gutter-x: 3rem; }
.ki-gy-sm-7 { --ki-gutter-y: 3rem; }
.ki-g-sm-8 { --ki-gutter-x: 4rem; --ki-gutter-y: 4rem; }
.ki-gx-sm-8 { --ki-gutter-x: 4rem; }
.ki-gy-sm-8 { --ki-gutter-y: 4rem; }
.ki-g-sm-9 { --ki-gutter-x: 6rem; --ki-gutter-y: 6rem; }
.ki-gx-sm-9 { --ki-gutter-x: 6rem; }
.ki-gy-sm-9 { --ki-gutter-y: 6rem; }
}
@media (min-width: 768px) {
.ki-container { max-width: 720px; }
.ki-col-md { flex: 1 0 0%; }
.ki-col-md-auto { flex: 0 0 auto; width: auto; }
.ki-col-md-1 { flex: 0 0 auto; width: 8.333333333333332%; }
.ki-offset-md-1 { margin-inline-start: 8.333333333333332%; }
.ki-col-md-2 { flex: 0 0 auto; width: 16.666666666666664%; }
.ki-offset-md-2 { margin-inline-start: 16.666666666666664%; }
.ki-col-md-3 { flex: 0 0 auto; width: 25%; }
.ki-offset-md-3 { margin-inline-start: 25%; }
.ki-col-md-4 { flex: 0 0 auto; width: 33.33333333333333%; }
.ki-offset-md-4 { margin-inline-start: 33.33333333333333%; }
.ki-col-md-5 { flex: 0 0 auto; width: 41.66666666666667%; }
.ki-offset-md-5 { margin-inline-start: 41.66666666666667%; }
.ki-col-md-6 { flex: 0 0 auto; width: 50%; }
.ki-offset-md-6 { margin-inline-start: 50%; }
.ki-col-md-7 { flex: 0 0 auto; width: 58.333333333333336%; }
.ki-offset-md-7 { margin-inline-start: 58.333333333333336%; }
.ki-col-md-8 { flex: 0 0 auto; width: 66.66666666666666%; }
.ki-offset-md-8 { margin-inline-start: 66.66666666666666%; }
.ki-col-md-9 { flex: 0 0 auto; width: 75%; }
.ki-offset-md-9 { margin-inline-start: 75%; }
.ki-col-md-10 { flex: 0 0 auto; width: 83.33333333333334%; }
.ki-offset-md-10 { margin-inline-start: 83.33333333333334%; }
.ki-col-md-11 { flex: 0 0 auto; width: 91.66666666666666%; }
.ki-offset-md-11 { margin-inline-start: 91.66666666666666%; }
.ki-col-md-12 { flex: 0 0 auto; width: 100%; }
.ki-offset-md-0 { margin-inline-start: 0; }
.ki-row-cols-md-1 > * { flex: 0 0 auto; width: 100%; }
.ki-row-cols-md-2 > * { flex: 0 0 auto; width: 50%; }
.ki-row-cols-md-3 > * { flex: 0 0 auto; width: 33.333333333333336%; }
.ki-row-cols-md-4 > * { flex: 0 0 auto; width: 25%; }
.ki-row-cols-md-5 > * { flex: 0 0 auto; width: 20%; }
.ki-row-cols-md-6 > * { flex: 0 0 auto; width: 16.666666666666668%; }
.ki-g-md-0 { --ki-gutter-x: 0; --ki-gutter-y: 0; }
.ki-gx-md-0 { --ki-gutter-x: 0; }
.ki-gy-md-0 { --ki-gutter-y: 0; }
.ki-g-md-1 { --ki-gutter-x: 0.25rem; --ki-gutter-y: 0.25rem; }
.ki-gx-md-1 { --ki-gutter-x: 0.25rem; }
.ki-gy-md-1 { --ki-gutter-y: 0.25rem; }
.ki-g-md-2 { --ki-gutter-x: 0.5rem; --ki-gutter-y: 0.5rem; }
.ki-gx-md-2 { --ki-gutter-x: 0.5rem; }
.ki-gy-md-2 { --ki-gutter-y: 0.5rem; }
.ki-g-md-3 { --ki-gutter-x: 0.75rem; --ki-gutter-y: 0.75rem; }
.ki-gx-md-3 { --ki-gutter-x: 0.75rem; }
.ki-gy-md-3 { --ki-gutter-y: 0.75rem; }
.ki-g-md-4 { --ki-gutter-x: 1rem; --ki-gutter-y: 1rem; }
.ki-gx-md-4 { --ki-gutter-x: 1rem; }
.ki-gy-md-4 { --ki-gutter-y: 1rem; }
.ki-g-md-5 { --ki-gutter-x: 1.5rem; --ki-gutter-y: 1.5rem; }
.ki-gx-md-5 { --ki-gutter-x: 1.5rem; }
.ki-gy-md-5 { --ki-gutter-y: 1.5rem; }
.ki-g-md-6 { --ki-gutter-x: 2rem; --ki-gutter-y: 2rem; }
.ki-gx-md-6 { --ki-gutter-x: 2rem; }
.ki-gy-md-6 { --ki-gutter-y: 2rem; }
.ki-g-md-7 { --ki-gutter-x: 3rem; --ki-gutter-y: 3rem; }
.ki-gx-md-7 { --ki-gutter-x: 3rem; }
.ki-gy-md-7 { --ki-gutter-y: 3rem; }
.ki-g-md-8 { --ki-gutter-x: 4rem; --ki-gutter-y: 4rem; }
.ki-gx-md-8 { --ki-gutter-x: 4rem; }
.ki-gy-md-8 { --ki-gutter-y: 4rem; }
.ki-g-md-9 { --ki-gutter-x: 6rem; --ki-gutter-y: 6rem; }
.ki-gx-md-9 { --ki-gutter-x: 6rem; }
.ki-gy-md-9 { --ki-gutter-y: 6rem; }
}
@media (min-width: 992px) {
.ki-container { max-width: 960px; }
.ki-col-lg { flex: 1 0 0%; }
.ki-col-lg-auto { flex: 0 0 auto; width: auto; }
.ki-col-lg-1 { flex: 0 0 auto; width: 8.333333333333332%; }
.ki-offset-lg-1 { margin-inline-start: 8.333333333333332%; }
.ki-col-lg-2 { flex: 0 0 auto; width: 16.666666666666664%; }
.ki-offset-lg-2 { margin-inline-start: 16.666666666666664%; }
.ki-col-lg-3 { flex: 0 0 auto; width: 25%; }
.ki-offset-lg-3 { margin-inline-start: 25%; }
.ki-col-lg-4 { flex: 0 0 auto; width: 33.33333333333333%; }
.ki-offset-lg-4 { margin-inline-start: 33.33333333333333%; }
.ki-col-lg-5 { flex: 0 0 auto; width: 41.66666666666667%; }
.ki-offset-lg-5 { margin-inline-start: 41.66666666666667%; }
.ki-col-lg-6 { flex: 0 0 auto; width: 50%; }
.ki-offset-lg-6 { margin-inline-start: 50%; }
.ki-col-lg-7 { flex: 0 0 auto; width: 58.333333333333336%; }
.ki-offset-lg-7 { margin-inline-start: 58.333333333333336%; }
.ki-col-lg-8 { flex: 0 0 auto; width: 66.66666666666666%; }
.ki-offset-lg-8 { margin-inline-start: 66.66666666666666%; }
.ki-col-lg-9 { flex: 0 0 auto; width: 75%; }
.ki-offset-lg-9 { margin-inline-start: 75%; }
.ki-col-lg-10 { flex: 0 0 auto; width: 83.33333333333334%; }
.ki-offset-lg-10 { margin-inline-start: 83.33333333333334%; }
.ki-col-lg-11 { flex: 0 0 auto; width: 91.66666666666666%; }
.ki-offset-lg-11 { margin-inline-start: 91.66666666666666%; }
.ki-col-lg-12 { flex: 0 0 auto; width: 100%; }
.ki-offset-lg-0 { margin-inline-start: 0; }
.ki-row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; }
.ki-row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; }
.ki-row-cols-lg-3 > * { flex: 0 0 auto; width: 33.333333333333336%; }
.ki-row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; }
.ki-row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; }
.ki-row-cols-lg-6 > * { flex: 0 0 auto; width: 16.666666666666668%; }
.ki-g-lg-0 { --ki-gutter-x: 0; --ki-gutter-y: 0; }
.ki-gx-lg-0 { --ki-gutter-x: 0; }
.ki-gy-lg-0 { --ki-gutter-y: 0; }
.ki-g-lg-1 { --ki-gutter-x: 0.25rem; --ki-gutter-y: 0.25rem; }
.ki-gx-lg-1 { --ki-gutter-x: 0.25rem; }
.ki-gy-lg-1 { --ki-gutter-y: 0.25rem; }
.ki-g-lg-2 { --ki-gutter-x: 0.5rem; --ki-gutter-y: 0.5rem; }
.ki-gx-lg-2 { --ki-gutter-x: 0.5rem; }
.ki-gy-lg-2 { --ki-gutter-y: 0.5rem; }
.ki-g-lg-3 { --ki-gutter-x: 0.75rem; --ki-gutter-y: 0.75rem; }
.ki-gx-lg-3 { --ki-gutter-x: 0.75rem; }
.ki-gy-lg-3 { --ki-gutter-y: 0.75rem; }
.ki-g-lg-4 { --ki-gutter-x: 1rem; --ki-gutter-y: 1rem; }
.ki-gx-lg-4 { --ki-gutter-x: 1rem; }
.ki-gy-lg-4 { --ki-gutter-y: 1rem; }
.ki-g-lg-5 { --ki-gutter-x: 1.5rem; --ki-gutter-y: 1.5rem; }
.ki-gx-lg-5 { --ki-gutter-x: 1.5rem; }
.ki-gy-lg-5 { --ki-gutter-y: 1.5rem; }
.ki-g-lg-6 { --ki-gutter-x: 2rem; --ki-gutter-y: 2rem; }
.ki-gx-lg-6 { --ki-gutter-x: 2rem; }
.ki-gy-lg-6 { --ki-gutter-y: 2rem; }
.ki-g-lg-7 { --ki-gutter-x: 3rem; --ki-gutter-y: 3rem; }
.ki-gx-lg-7 { --ki-gutter-x: 3rem; }
.ki-gy-lg-7 { --ki-gutter-y: 3rem; }
.ki-g-lg-8 { --ki-gutter-x: 4rem; --ki-gutter-y: 4rem; }
.ki-gx-lg-8 { --ki-gutter-x: 4rem; }
.ki-gy-lg-8 { --ki-gutter-y: 4rem; }
.ki-g-lg-9 { --ki-gutter-x: 6rem; --ki-gutter-y: 6rem; }
.ki-gx-lg-9 { --ki-gutter-x: 6rem; }
.ki-gy-lg-9 { --ki-gutter-y: 6rem; }
}
@media (min-width: 1200px) {
.ki-container { max-width: 1140px; }
.ki-col-xl { flex: 1 0 0%; }
.ki-col-xl-auto { flex: 0 0 auto; width: auto; }
.ki-col-xl-1 { flex: 0 0 auto; width: 8.333333333333332%; }
.ki-offset-xl-1 { margin-inline-start: 8.333333333333332%; }
.ki-col-xl-2 { flex: 0 0 auto; width: 16.666666666666664%; }
.ki-offset-xl-2 { margin-inline-start: 16.666666666666664%; }
.ki-col-xl-3 { flex: 0 0 auto; width: 25%; }
.ki-offset-xl-3 { margin-inline-start: 25%; }
.ki-col-xl-4 { flex: 0 0 auto; width: 33.33333333333333%; }
.ki-offset-xl-4 { margin-inline-start: 33.33333333333333%; }
.ki-col-xl-5 { flex: 0 0 auto; width: 41.66666666666667%; }
.ki-offset-xl-5 { margin-inline-start: 41.66666666666667%; }
.ki-col-xl-6 { flex: 0 0 auto; width: 50%; }
.ki-offset-xl-6 { margin-inline-start: 50%; }
.ki-col-xl-7 { flex: 0 0 auto; width: 58.333333333333336%; }
.ki-offset-xl-7 { margin-inline-start: 58.333333333333336%; }
.ki-col-xl-8 { flex: 0 0 auto; width: 66.66666666666666%; }
.ki-offset-xl-8 { margin-inline-start: 66.66666666666666%; }
.ki-col-xl-9 { flex: 0 0 auto; width: 75%; }
.ki-offset-xl-9 { margin-inline-start: 75%; }
.ki-col-xl-10 { flex: 0 0 auto; width: 83.33333333333334%; }
.ki-offset-xl-10 { margin-inline-start: 83.33333333333334%; }
.ki-col-xl-11 { flex: 0 0 auto; width: 91.66666666666666%; }
.ki-offset-xl-11 { margin-inline-start: 91.66666666666666%; }
.ki-col-xl-12 { flex: 0 0 auto; width: 100%; }
.ki-offset-xl-0 { margin-inline-start: 0; }
.ki-row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; }
.ki-row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; }
.ki-row-cols-xl-3 > * { flex: 0 0 auto; width: 33.333333333333336%; }
.ki-row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; }
.ki-row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; }
.ki-row-cols-xl-6 > * { flex: 0 0 auto; width: 16.666666666666668%; }
.ki-g-xl-0 { --ki-gutter-x: 0; --ki-gutter-y: 0; }
.ki-gx-xl-0 { --ki-gutter-x: 0; }
.ki-gy-xl-0 { --ki-gutter-y: 0; }
.ki-g-xl-1 { --ki-gutter-x: 0.25rem; --ki-gutter-y: 0.25rem; }
.ki-gx-xl-1 { --ki-gutter-x: 0.25rem; }
.ki-gy-xl-1 { --ki-gutter-y: 0.25rem; }
.ki-g-xl-2 { --ki-gutter-x: 0.5rem; --ki-gutter-y: 0.5rem; }
.ki-gx-xl-2 { --ki-gutter-x: 0.5rem; }
.ki-gy-xl-2 { --ki-gutter-y: 0.5rem; }
.ki-g-xl-3 { --ki-gutter-x: 0.75rem; --ki-gutter-y: 0.75rem; }
.ki-gx-xl-3 { --ki-gutter-x: 0.75rem; }
.ki-gy-xl-3 { --ki-gutter-y: 0.75rem; }
.ki-g-xl-4 { --ki-gutter-x: 1rem; --ki-gutter-y: 1rem; }
.ki-gx-xl-4 { --ki-gutter-x: 1rem; }
.ki-gy-xl-4 { --ki-gutter-y: 1rem; }
.ki-g-xl-5 { --ki-gutter-x: 1.5rem; --ki-gutter-y: 1.5rem; }
.ki-gx-xl-5 { --ki-gutter-x: 1.5rem; }
.ki-gy-xl-5 { --ki-gutter-y: 1.5rem; }
.ki-g-xl-6 { --ki-gutter-x: 2rem; --ki-gutter-y: 2rem; }
.ki-gx-xl-6 { --ki-gutter-x: 2rem; }
.ki-gy-xl-6 { --ki-gutter-y: 2rem; }
.ki-g-xl-7 { --ki-gutter-x: 3rem; --ki-gutter-y: 3rem; }
.ki-gx-xl-7 { --ki-gutter-x: 3rem; }
.ki-gy-xl-7 { --ki-gutter-y: 3rem; }
.ki-g-xl-8 { --ki-gutter-x: 4rem; --ki-gutter-y: 4rem; }
.ki-gx-xl-8 { --ki-gutter-x: 4rem; }
.ki-gy-xl-8 { --ki-gutter-y: 4rem; }
.ki-g-xl-9 { --ki-gutter-x: 6rem; --ki-gutter-y: 6rem; }
.ki-gx-xl-9 { --ki-gutter-x: 6rem; }
.ki-gy-xl-9 { --ki-gutter-y: 6rem; }
}
@media (min-width: 1400px) {
.ki-container { max-width: 1320px; }
.ki-col-xxl { flex: 1 0 0%; }
.ki-col-xxl-auto { flex: 0 0 auto; width: auto; }
.ki-col-xxl-1 { flex: 0 0 auto; width: 8.333333333333332%; }
.ki-offset-xxl-1 { margin-inline-start: 8.333333333333332%; }
.ki-col-xxl-2 { flex: 0 0 auto; width: 16.666666666666664%; }
.ki-offset-xxl-2 { margin-inline-start: 16.666666666666664%; }
.ki-col-xxl-3 { flex: 0 0 auto; width: 25%; }
.ki-offset-xxl-3 { margin-inline-start: 25%; }
.ki-col-xxl-4 { flex: 0 0 auto; width: 33.33333333333333%; }
.ki-offset-xxl-4 { margin-inline-start: 33.33333333333333%; }
.ki-col-xxl-5 { flex: 0 0 auto; width: 41.66666666666667%; }
.ki-offset-xxl-5 { margin-inline-start: 41.66666666666667%; }
.ki-col-xxl-6 { flex: 0 0 auto; width: 50%; }
.ki-offset-xxl-6 { margin-inline-start: 50%; }
.ki-col-xxl-7 { flex: 0 0 auto; width: 58.333333333333336%; }
.ki-offset-xxl-7 { margin-inline-start: 58.333333333333336%; }
.ki-col-xxl-8 { flex: 0 0 auto; width: 66.66666666666666%; }
.ki-offset-xxl-8 { margin-inline-start: 66.66666666666666%; }
.ki-col-xxl-9 { flex: 0 0 auto; width: 75%; }
.ki-offset-xxl-9 { margin-inline-start: 75%; }
.ki-col-xxl-10 { flex: 0 0 auto; width: 83.33333333333334%; }
.ki-offset-xxl-10 { margin-inline-start: 83.33333333333334%; }
.ki-col-xxl-11 { flex: 0 0 auto; width: 91.66666666666666%; }
.ki-offset-xxl-11 { margin-inline-start: 91.66666666666666%; }
.ki-col-xxl-12 { flex: 0 0 auto; width: 100%; }
.ki-offset-xxl-0 { margin-inline-start: 0; }
.ki-row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; }
.ki-row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; }
.ki-row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.333333333333336%; }
.ki-row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; }
.ki-row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; }
.ki-row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.666666666666668%; }
.ki-g-xxl-0 { --ki-gutter-x: 0; --ki-gutter-y: 0; }
.ki-gx-xxl-0 { --ki-gutter-x: 0; }
.ki-gy-xxl-0 { --ki-gutter-y: 0; }
.ki-g-xxl-1 { --ki-gutter-x: 0.25rem; --ki-gutter-y: 0.25rem; }
.ki-gx-xxl-1 { --ki-gutter-x: 0.25rem; }
.ki-gy-xxl-1 { --ki-gutter-y: 0.25rem; }
.ki-g-xxl-2 { --ki-gutter-x: 0.5rem; --ki-gutter-y: 0.5rem; }
.ki-gx-xxl-2 { --ki-gutter-x: 0.5rem; }
.ki-gy-xxl-2 { --ki-gutter-y: 0.5rem; }
.ki-g-xxl-3 { --ki-gutter-x: 0.75rem; --ki-gutter-y: 0.75rem; }
.ki-gx-xxl-3 { --ki-gutter-x: 0.75rem; }
.ki-gy-xxl-3 { --ki-gutter-y: 0.75rem; }
.ki-g-xxl-4 { --ki-gutter-x: 1rem; --ki-gutter-y: 1rem; }
.ki-gx-xxl-4 { --ki-gutter-x: 1rem; }
.ki-gy-xxl-4 { --ki-gutter-y: 1rem; }
.ki-g-xxl-5 { --ki-gutter-x: 1.5rem; --ki-gutter-y: 1.5rem; }
.ki-gx-xxl-5 { --ki-gutter-x: 1.5rem; }
.ki-gy-xxl-5 { --ki-gutter-y: 1.5rem; }
.ki-g-xxl-6 { --ki-gutter-x: 2rem; --ki-gutter-y: 2rem; }
.ki-gx-xxl-6 { --ki-gutter-x: 2rem; }
.ki-gy-xxl-6 { --ki-gutter-y: 2rem; }
.ki-g-xxl-7 { --ki-gutter-x: 3rem; --ki-gutter-y: 3rem; }
.ki-gx-xxl-7 { --ki-gutter-x: 3rem; }
.ki-gy-xxl-7 { --ki-gutter-y: 3rem; }
.ki-g-xxl-8 { --ki-gutter-x: 4rem; --ki-gutter-y: 4rem; }
.ki-gx-xxl-8 { --ki-gutter-x: 4rem; }
.ki-gy-xxl-8 { --ki-gutter-y: 4rem; }
.ki-g-xxl-9 { --ki-gutter-x: 6rem; --ki-gutter-y: 6rem; }
.ki-gx-xxl-9 { --ki-gutter-x: 6rem; }
.ki-gy-xxl-9 { --ki-gutter-y: 6rem; }
}
}

@layer ki-components {
  /* Actions: one variant per button; native disabled, aria-busy, and aria-pressed. */
  .ki-btn { --ki-btn-bg: var(--ki-color-primary); --ki-btn-fg: var(--ki-color-on-primary); --ki-btn-border: var(--ki-btn-bg); display: inline-flex; align-items: center; justify-content: center; gap: var(--ki-space-3); min-height: var(--ki-control); padding: .65rem 1.2rem; border: 1px solid var(--ki-btn-border); border-radius: var(--ki-radius); background: var(--ki-btn-bg); color: var(--ki-btn-fg); text-decoration: none; font-size: var(--ki-text-sm); font-weight: 600; line-height: 1.4; vertical-align: middle; cursor: pointer; transition: background var(--ki-motion-fast), transform var(--ki-motion-fast); }
  .ki-btn:hover { background: var(--ki-color-primary-hover); color: var(--ki-btn-fg); text-decoration: none; }
  .ki-btn:active { transform: translateY(1px); }
  .ki-btn-accent { --ki-btn-bg: var(--ki-color-accent); --ki-btn-fg: var(--ki-color-on-accent); }
  .ki-btn-accent:hover { background: var(--ki-color-accent-hover); }
  .ki-btn-outline { --ki-btn-bg: transparent; --ki-btn-border: var(--ki-color-border-control); --ki-btn-fg: var(--ki-color-text); }
  .ki-btn-outline:hover, .ki-btn-ghost:hover { background: var(--ki-color-surface-muted); }
  .ki-btn-ghost { --ki-btn-bg: transparent; --ki-btn-border: transparent; --ki-btn-fg: var(--ki-color-text); }
  .ki-btn-success { --ki-btn-bg: var(--ki-color-success); --ki-btn-fg: var(--ki-color-on-success); }
  .ki-btn-danger { --ki-btn-bg: var(--ki-color-danger); --ki-btn-fg: var(--ki-color-on-danger); }
  .ki-btn-info { --ki-btn-bg: var(--ki-color-info); --ki-btn-fg: var(--ki-color-on-info); }
  .ki-btn-warning { --ki-btn-bg: var(--ki-color-warning); --ki-btn-fg: var(--ki-color-on-warning); }
  .ki-btn:is(.ki-btn-success,.ki-btn-danger,.ki-btn-info,.ki-btn-warning):hover { background: color-mix(in srgb, var(--ki-btn-bg) 88%, var(--ki-color-text)); }
  .ki-btn-sm { min-height: var(--ki-control-sm); padding: .4rem .8rem; font-size: var(--ki-text-xs); }
  .ki-btn-lg { min-height: var(--ki-control-lg); padding: .85rem 1.5rem; font-size: var(--ki-text-base); }
  .ki-btn-icon { width: var(--ki-control); padding: .6rem; }
  .ki-btn:disabled, .ki-btn[aria-disabled="true"], .ki-btn[aria-busy="true"] { opacity: .55; cursor: not-allowed; transform: none; }
  .ki-btn[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--ki-color-accent); }
  .ki-btn-group { display: inline-flex; flex-wrap: wrap; gap: 0; }
  .ki-btn-group > .ki-btn { border-radius: 0; margin-inline-start: -1px; }
  .ki-btn-group > .ki-btn:first-child { border-start-start-radius: var(--ki-radius); border-end-start-radius: var(--ki-radius); margin-inline-start: 0; }
  .ki-btn-group > .ki-btn:last-child { border-start-end-radius: var(--ki-radius); border-end-end-radius: var(--ki-radius); }
  .ki-close { display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: inherit; min-width: 44px; min-height: 44px; border-radius: var(--ki-radius); font-size: 1.4rem; cursor: pointer; flex-shrink: 0; }
  .ki-close:hover { background: var(--ki-color-surface-muted); }
  .ki-link { display: inline-flex; align-items: center; gap: var(--ki-space-3); font-weight: 600; font-size: var(--ki-text-sm); }

  /* Forms: errors are explicit, associated through aria-describedby. */
  .ki-field { display: flex; flex-direction: column; gap: var(--ki-space-2); }
  .ki-label { font-size: var(--ki-text-sm); font-weight: 600; }
  .ki-form-control, .ki-form-select { display: block; width: 100%; min-height: var(--ki-control); padding: .65rem .85rem; border: 1px solid var(--ki-color-border-control); border-radius: var(--ki-radius); background: var(--ki-color-surface); color: var(--ki-color-text); font-size: var(--ki-text-base); line-height: 1.5; }
  .ki-form-control::placeholder { color: var(--ki-color-text-muted); opacity: 1; }
  .ki-form-control:focus, .ki-form-select:focus { border-color: var(--ki-color-focus); }
  textarea.ki-form-control { min-height: 120px; resize: vertical; }
  .ki-form-control-sm, .ki-form-select-sm { min-height: var(--ki-control-sm); padding: .35rem .6rem; font-size: var(--ki-text-sm); }
  .ki-form-control-lg, .ki-form-select-lg { min-height: var(--ki-control-lg); padding: .85rem 1rem; font-size: var(--ki-text-lg); }
  .ki-form-control:disabled, .ki-form-select:disabled { background: var(--ki-color-surface-muted); cursor: not-allowed; }
  .ki-form-control[readonly] { background: var(--ki-color-surface-muted); }
  .ki-form-control[aria-invalid="true"], .ki-form-select[aria-invalid="true"], .ki-is-invalid { border-color: var(--ki-color-danger); }
  .ki-is-valid { border-color: var(--ki-color-success); }
  .ki-form-text { font-size: var(--ki-text-sm); color: var(--ki-color-text-muted); }
  .ki-invalid-feedback { color: var(--ki-color-danger); font-size: var(--ki-text-sm); }
  .ki-valid-feedback { color: var(--ki-color-success); font-size: var(--ki-text-sm); }
  .ki-form-check { display: flex; align-items: start; gap: var(--ki-space-3); min-height: 44px; padding-block: .5rem; }
  .ki-form-check-input { appearance: auto; accent-color: var(--ki-color-accent); width: 1.15rem; height: 1.15rem; margin: .2rem 0 0; flex-shrink: 0; }
  .ki-form-check label { cursor: pointer; }
  .ki-switch .ki-form-check-input { appearance: none; width: 2.5rem; height: 1.4rem; border: 1px solid var(--ki-color-border-control); border-radius: var(--ki-radius-pill); background: var(--ki-color-surface-muted); position: relative; transition: background var(--ki-motion-fast); }
  .ki-switch .ki-form-check-input::before { content: ''; position: absolute; width: .9rem; height: .9rem; border-radius: 50%; background: var(--ki-color-text-muted); top: .18rem; inset-inline-start: .2rem; transition: inset-inline-start var(--ki-motion-fast); }
  .ki-switch .ki-form-check-input:checked { background: var(--ki-color-accent); border-color: var(--ki-color-accent); }
  .ki-switch .ki-form-check-input:checked::before { inset-inline-start: 1.3rem; background: var(--ki-color-on-accent); }
  .ki-switch .ki-form-check-input:disabled { opacity: .5; cursor: not-allowed; }
  .ki-form-range { width: 100%; min-height: 44px; accent-color: var(--ki-color-accent); }
  .ki-input-group { display: flex; align-items: stretch; }
  .ki-input-group > .ki-form-control { min-width: 0; flex: 1; }
  .ki-input-group > * { border-radius: 0; }
  .ki-input-group > :first-child { border-start-start-radius: var(--ki-radius); border-end-start-radius: var(--ki-radius); }
  .ki-input-group > :last-child { border-start-end-radius: var(--ki-radius); border-end-end-radius: var(--ki-radius); }
  .ki-input-group-text { display: flex; align-items: center; padding: .65rem .85rem; background: var(--ki-color-surface-muted); border: 1px solid var(--ki-color-border-control); font-size: var(--ki-text-sm); }
  .ki-floating { position: relative; }
  .ki-floating > .ki-form-control { padding-top: 1.6rem; padding-bottom: .4rem; min-height: 60px; }
  .ki-floating > label { position: absolute; top: .3rem; inset-inline-start: .85rem; color: var(--ki-color-text-muted); font-size: var(--ki-text-xs); pointer-events: none; }

  /* Content containers. */
  .ki-card { display: flex; flex-direction: column; min-width: 0; background: var(--ki-color-surface); border: 1px solid var(--ki-color-border); border-radius: var(--ki-radius-lg); overflow: clip; }
  .ki-card-body { padding: var(--ki-space-5); flex: 1; }
  .ki-card-header, .ki-card-footer { padding: var(--ki-space-4) var(--ki-space-5); background: var(--ki-color-surface-muted); }
  .ki-card-header { border-bottom: 1px solid var(--ki-color-border); } .ki-card-footer { border-top: 1px solid var(--ki-color-border); }
  .ki-card-title { font-size: 1.375rem; margin-bottom: var(--ki-space-3); }
  .ki-card-text { color: var(--ki-color-text-muted); }
  .ki-card-img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
  .ki-card-interactive { transition: border-color var(--ki-motion-normal), box-shadow var(--ki-motion-normal); }
  .ki-card-interactive:hover, .ki-card-interactive:focus-within { border-color: var(--ki-color-accent); box-shadow: var(--ki-shadow-sm); }
  .ki-card-icon { display: inline-grid; place-items: center; width: 48px; height: 48px; margin-bottom: var(--ki-space-5); border-radius: var(--ki-radius); background: var(--ki-color-surface-muted); color: var(--ki-color-accent); font-size: 1.5rem; }
  .ki-list-group { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; border: 1px solid var(--ki-color-border); border-radius: var(--ki-radius); overflow: clip; }
  .ki-list-group-item { display: block; padding: var(--ki-space-3) var(--ki-space-4); border: 0; border-bottom: 1px solid var(--ki-color-border); background: var(--ki-color-surface); color: var(--ki-color-text); text-align: start; text-decoration: none; }
  .ki-list-group-item:last-child { border-bottom: 0; }
  .ki-list-group-item[aria-current="true"] { background: var(--ki-color-accent-subtle); border-inline-start: 3px solid var(--ki-color-accent); font-weight: 600; }
  a.ki-list-group-item:hover, button.ki-list-group-item:hover { background: var(--ki-color-surface-muted); }
  .ki-table-responsive { overflow-x: auto; border: 1px solid var(--ki-color-border); border-radius: var(--ki-radius); }
  .ki-table { border-collapse: collapse; width: 100%; text-align: start; font-size: var(--ki-text-sm); background: var(--ki-color-surface); }
  .ki-table :where(th,td) { padding: .85rem 1rem; border-bottom: 1px solid var(--ki-color-border); text-align: start; vertical-align: top; }
  .ki-table thead { background: var(--ki-color-surface-muted); }
  .ki-table caption { padding: .8rem 1rem; text-align: start; color: var(--ki-color-text-muted); }
  .ki-table-striped tbody tr:nth-child(odd) { background: color-mix(in srgb, var(--ki-color-surface-muted) 60%, var(--ki-color-surface)); }
  .ki-table-hover tbody tr:hover { background: var(--ki-color-surface-muted); }
  .ki-table-sm :where(th,td) { padding: .5rem .65rem; }
  .ki-table-bordered :where(th,td) { border: 1px solid var(--ki-color-border); }

  /* Feedback: status words are mandatory; colors alone never carry state. */
  .ki-badge { --ki-status: var(--ki-color-text); --ki-status-bg: var(--ki-color-surface-muted); display: inline-flex; align-items: center; gap: .4rem; padding: .25rem .6rem; border-radius: var(--ki-radius-sm); background: var(--ki-status-bg); color: var(--ki-status); font-size: var(--ki-text-xs); font-weight: 600; line-height: 1.5; }
  .ki-alert { --ki-status: var(--ki-color-info); --ki-status-bg: var(--ki-color-info-subtle); display: flex; align-items: start; gap: var(--ki-space-3); padding: var(--ki-space-4) var(--ki-space-5); border: 1px solid color-mix(in srgb, var(--ki-status) 35%, transparent); border-inline-start: 3px solid var(--ki-status); border-radius: var(--ki-radius); background: var(--ki-status-bg); color: var(--ki-status); }
  .ki-alert > :not(.ki-close) { flex: 1; } .ki-alert p { margin: 0; } .ki-alert a { color: inherit; }
  .ki-badge-accent { --ki-status: var(--ki-color-accent); --ki-status-bg: var(--ki-color-accent-subtle); }
  .ki-badge-info, .ki-alert-info { --ki-status: var(--ki-color-info); --ki-status-bg: var(--ki-color-info-subtle); }
  .ki-badge-success, .ki-alert-success { --ki-status: var(--ki-color-success); --ki-status-bg: var(--ki-color-success-subtle); }
  .ki-badge-warning, .ki-alert-warning { --ki-status: var(--ki-color-warning); --ki-status-bg: var(--ki-color-warning-subtle); }
  .ki-badge-danger, .ki-alert-danger { --ki-status: var(--ki-color-danger); --ki-status-bg: var(--ki-color-danger-subtle); }
  .ki-progress { appearance: none; display: block; width: 100%; height: .6rem; overflow: hidden; border: 0; border-radius: var(--ki-radius-pill); background: var(--ki-color-surface-muted); color: var(--ki-color-accent); }
  .ki-progress::-webkit-progress-bar { background: var(--ki-color-surface-muted); border-radius: var(--ki-radius-pill); }
  .ki-progress::-webkit-progress-value { background: var(--ki-color-accent); border-radius: var(--ki-radius-pill); }
  .ki-progress::-moz-progress-bar { background: var(--ki-color-accent); border-radius: var(--ki-radius-pill); }
  .ki-spinner { display: inline-block; width: 1.2rem; height: 1.2rem; border: 2px solid currentColor; border-inline-end-color: transparent; border-radius: 50%; animation: ki-spin .8s linear infinite; flex-shrink: 0; }
  .ki-spinner-lg { width: 2rem; height: 2rem; border-width: 3px; }
  @keyframes ki-spin { to { transform: rotate(360deg); } }
  .ki-placeholder { display: block; height: 1rem; border-radius: var(--ki-radius-sm); background: var(--ki-color-border); }
  .ki-empty { padding: var(--ki-space-7); text-align: center; border: 1px dashed var(--ki-color-border-control); border-radius: var(--ki-radius); }
  .ki-toast-container { position: fixed; inset-block-end: var(--ki-space-5); inset-inline-end: var(--ki-space-5); z-index: var(--ki-z-toast); max-width: min(380px, calc(100vw - 3rem)); }
  .ki-toast { background: var(--ki-color-surface); color: var(--ki-color-text); border: 1px solid var(--ki-color-border); border-radius: var(--ki-radius-lg); box-shadow: var(--ki-shadow); margin-top: var(--ki-space-3); }
  .ki-toast-header { display: flex; align-items: center; justify-content: space-between; padding: .5rem var(--ki-space-4); border-bottom: 1px solid var(--ki-color-border); }
  .ki-toast-body { padding: var(--ki-space-4); font-size: var(--ki-text-sm); }

  /* Navigation: disclosure dropdown, not application menu semantics. */
  .ki-navbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--ki-space-4); padding: var(--ki-space-4) var(--ki-space-5); background: var(--ki-color-surface); border-bottom: 1px solid var(--ki-color-border); }
  .ki-navbar-brand { color: var(--ki-color-text); font-size: 1.5rem; font-weight: 700; letter-spacing: -.06em; text-decoration: none; white-space: nowrap; }
  .ki-navbar-nav { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ki-space-4); }
  .ki-nav-link { display: inline-flex; align-items: center; gap: .4rem; padding: .65rem .5rem; min-height: 44px; text-decoration: none; color: var(--ki-color-text-muted); font-size: var(--ki-text-sm); border: 0; background: transparent; border-radius: var(--ki-radius-sm); }
  .ki-nav-link:hover, .ki-nav-link[aria-current="page"] { color: var(--ki-color-text); background: var(--ki-color-surface-muted); }
  .ki-navbar-toggle { display: none; }
  .ki-nav { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; gap: var(--ki-space-2); }
  .ki-tabs { border-bottom: 1px solid var(--ki-color-border); }
  .ki-tabs .ki-nav-link { border-radius: 0; border-bottom: 2px solid transparent; }
  .ki-tabs .ki-nav-link[aria-selected="true"] { border-color: var(--ki-color-accent); color: var(--ki-color-text); font-weight: 600; }
  .ki-pills .ki-nav-link[aria-selected="true"] { background: var(--ki-color-primary); color: var(--ki-color-on-primary); }
  .ki-tab-pane { padding-block: var(--ki-space-5); }
  .ki-breadcrumb { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; list-style: none; padding: 0; margin: 0; color: var(--ki-color-text-muted); font-size: var(--ki-text-sm); }
  .ki-breadcrumb li + li::before { content: '/'; margin-inline-end: .5rem; color: var(--ki-color-text-muted); }
  .ki-pagination { display: flex; flex-wrap: wrap; gap: .3rem; padding: 0; margin: 0; list-style: none; }
  .ki-page-link { display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; padding: .5rem .8rem; border: 1px solid var(--ki-color-border); border-radius: var(--ki-radius); background: var(--ki-color-surface); color: var(--ki-color-text); text-decoration: none; }
  .ki-page-link[aria-current="page"] { background: var(--ki-color-primary); color: var(--ki-color-on-primary); }
  .ki-page-link:hover { border-color: var(--ki-color-accent); }
  .ki-dropdown { position: relative; display: inline-block; }
  .ki-dropdown-menu { position: absolute; z-index: var(--ki-z-dropdown); inset-inline-start: 0; top: calc(100% + .35rem); min-width: min(15rem, calc(100vw - 3rem)); max-width: calc(100vw - 3rem); padding: .4rem; margin: 0; list-style: none; border: 1px solid var(--ki-color-border); border-radius: var(--ki-radius); background: var(--ki-color-surface); box-shadow: var(--ki-shadow); }
  .ki-dropdown-menu-end { inset-inline-start: auto; inset-inline-end: 0; }
  .ki-dropdown-item { display: block; width: 100%; min-height: 44px; padding: .65rem .75rem; border: 0; border-radius: var(--ki-radius-sm); background: transparent; text-align: start; color: var(--ki-color-text); text-decoration: none; font-size: var(--ki-text-sm); }
  .ki-dropdown-item:hover, .ki-dropdown-item:focus-visible { background: var(--ki-color-surface-muted); }
  .ki-dropdown-header { padding: .4rem .75rem; font-size: var(--ki-text-xs); font-weight: 600; color: var(--ki-color-text-muted); }
  .ki-dropdown-divider { border-top: 1px solid var(--ki-color-border); margin: .4rem; }

  /* Native disclosure/dialog supply browser keyboard and focus containment. */
  .ki-accordion { border: 1px solid var(--ki-color-border); border-radius: var(--ki-radius); background: var(--ki-color-surface); overflow: clip; }
  .ki-accordion-item + .ki-accordion-item { border-top: 1px solid var(--ki-color-border); }
  .ki-accordion-item > summary { padding: var(--ki-space-5); min-height: 44px; font-size: var(--ki-text-base); font-weight: 600; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--ki-space-4); }
  .ki-accordion-item > summary::-webkit-details-marker { display: none; }
  .ki-accordion-item > summary::after { content: '+'; color: var(--ki-color-accent); font-size: 1.4rem; }
  .ki-accordion-item[open] > summary::after { content: '−'; }
  .ki-accordion-body { padding: 0 var(--ki-space-5) var(--ki-space-5); color: var(--ki-color-text-muted); }
  .ki-collapse { padding: var(--ki-space-5); margin-top: var(--ki-space-3); border: 1px solid var(--ki-color-border); border-radius: var(--ki-radius); background: var(--ki-color-surface); }
  .ki-modal, .ki-offcanvas { width: min(560px, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; border: 1px solid var(--ki-color-border); border-radius: var(--ki-radius-lg); background: var(--ki-color-surface); color: var(--ki-color-text); box-shadow: var(--ki-shadow-lg); overflow-y: auto; }
  .ki-modal::backdrop, .ki-offcanvas::backdrop { background: rgb(0 0 0 / .5); }
  .ki-modal-sm { width: min(360px, calc(100vw - 2rem)); } .ki-modal-lg { width: min(800px, calc(100vw - 2rem)); }
  .ki-modal-header, .ki-modal-footer { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ki-space-3); padding: var(--ki-space-4) var(--ki-space-5); }
  .ki-modal-header { justify-content: space-between; border-bottom: 1px solid var(--ki-color-border); }
  .ki-modal-header > :where(h2,h3) { font-size: 1.375rem; margin: 0; }
  .ki-modal-body { padding: var(--ki-space-5); }
  .ki-modal-footer { justify-content: end; border-top: 1px solid var(--ki-color-border); }
  .ki-offcanvas { position: fixed; inset-block: 0; inset-inline-start: auto; inset-inline-end: 0; width: min(400px, calc(100vw - 1rem)); max-height: 100dvh; height: 100dvh; margin: 0; border-radius: 0; }
  .ki-offcanvas-start { inset-inline-start: 0; inset-inline-end: auto; }
  .ki-overlay-open { overflow: hidden; }
  .ki-tooltip { position: fixed; z-index: var(--ki-z-tooltip); max-width: min(260px, calc(100vw - 1rem)); background: var(--ki-color-primary); color: var(--ki-color-on-primary); padding: .45rem .7rem; border-radius: var(--ki-radius-sm); font-size: var(--ki-text-xs); box-shadow: var(--ki-shadow-sm); pointer-events: none; }
  .ki-popover { position: fixed; z-index: var(--ki-z-dropdown); width: min(280px, calc(100vw - 1rem)); padding: var(--ki-space-5); background: var(--ki-color-surface); color: var(--ki-color-text); border: 1px solid var(--ki-color-border); border-radius: var(--ki-radius); box-shadow: var(--ki-shadow); }
  .ki-popover-title { font-size: var(--ki-text-base); margin-bottom: var(--ki-space-2); }
  .ki-carousel { position: relative; border: 1px solid var(--ki-color-border); border-radius: var(--ki-radius-lg); background: var(--ki-color-surface); overflow: clip; }
  .ki-carousel-item { padding: var(--ki-space-7); min-height: 240px; }
  .ki-carousel-controls { display: flex; align-items: center; justify-content: space-between; gap: var(--ki-space-3); padding: var(--ki-space-4) var(--ki-space-5); border-top: 1px solid var(--ki-color-border); }
  .ki-carousel-status { font-size: var(--ki-text-sm); color: var(--ki-color-text-muted); }

  /* Public site patterns; content is supplied by individual pages. */
  .ki-hero { padding-block: clamp(3rem, 8vw, 7rem); }
  .ki-hero p { max-width: 58ch; }
  .ki-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ki-space-4); margin-top: var(--ki-space-6); }
  .ki-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ki-space-6); padding: clamp(1.5rem, 4vw, 3rem); border-radius: var(--ki-radius-lg); background: var(--ki-color-surface-muted); }
  .ki-cta > div { max-width: 60ch; }
  .ki-footer { padding-block: var(--ki-space-7); border-top: 1px solid var(--ki-color-border); }
  @media (max-width: 991.98px) {
    .ki-navbar-nav { width: 100%; flex-direction: column; align-items: stretch; gap: var(--ki-space-2); }
    .ki-navbar[data-ki-ready] .ki-navbar-toggle { display: inline-flex; }
    .ki-navbar[data-ki-ready] .ki-navbar-nav:not(.ki-is-open) { display: none; }
    .ki-navbar .ki-dropdown-menu { position: static; max-width: 100%; }
  }
}

@layer ki-utilities {
  .ki-text-muted { color: var(--ki-color-text-muted) !important; }
  .ki-text-accent { color: var(--ki-color-accent) !important; }
  .ki-text-primary { color: var(--ki-color-primary) !important; }
  .ki-text-success { color: var(--ki-color-success) !important; }
  .ki-text-danger { color: var(--ki-color-danger) !important; }
  .ki-text-warning { color: var(--ki-color-warning) !important; }
  .ki-text-info { color: var(--ki-color-info) !important; }
  .ki-bg-surface { background: var(--ki-color-surface) !important; }
  .ki-bg-muted { background: var(--ki-color-surface-muted) !important; }
  .ki-bg-primary { background: var(--ki-color-primary) !important; color: var(--ki-color-on-primary) !important; }
  .ki-bg-accent { background: var(--ki-color-accent) !important; color: var(--ki-color-on-accent) !important; }
  .ki-bg-success { background: var(--ki-color-success) !important; color: var(--ki-color-on-success) !important; }
  .ki-bg-danger { background: var(--ki-color-danger) !important; color: var(--ki-color-on-danger) !important; }
  .ki-bg-info { background: var(--ki-color-info) !important; color: var(--ki-color-on-info) !important; }
  .ki-bg-warning { background: var(--ki-color-warning) !important; color: var(--ki-color-on-warning) !important; }
  .ki-border { border: 1px solid var(--ki-color-border) !important; }
  .ki-border-0 { border: 0 !important; }
  .ki-border-top { border-top: 1px solid var(--ki-color-border) !important; }
  .ki-border-bottom { border-bottom: 1px solid var(--ki-color-border) !important; }
  .ki-rounded { border-radius: var(--ki-radius) !important; }
  .ki-rounded-lg { border-radius: var(--ki-radius-lg) !important; }
  .ki-rounded-pill { border-radius: var(--ki-radius-pill) !important; }
  .ki-rounded-circle { border-radius: 50% !important; }
  .ki-shadow-sm { box-shadow: var(--ki-shadow-sm) !important; }
  .ki-shadow { box-shadow: var(--ki-shadow) !important; }
  .ki-shadow-lg { box-shadow: var(--ki-shadow-lg) !important; }
  .ki-shadow-none { box-shadow: none !important; }
  .ki-fw-normal { font-weight: 400 !important; } .ki-fw-medium { font-weight: 500 !important; } .ki-fw-semibold { font-weight: 600 !important; } .ki-fw-bold { font-weight: 700 !important; }
  .ki-fw-light { font-weight: 300 !important; } .ki-fw-lighter { font-weight: lighter !important; } .ki-fw-bolder { font-weight: bolder !important; }
  .ki-fst-italic { font-style: italic !important; } .ki-fst-normal { font-style: normal !important; }
  .ki-font-monospace { font-family: var(--ki-font-mono) !important; }
  .ki-fs-1 { font-size: var(--ki-heading-1-size) !important; } .ki-fs-2 { font-size: var(--ki-heading-2-size) !important; } .ki-fs-3 { font-size: var(--ki-heading-3-size) !important; }
  .ki-fs-4 { font-size: var(--ki-heading-4-size) !important; } .ki-fs-5 { font-size: var(--ki-heading-5-size) !important; } .ki-fs-6 { font-size: var(--ki-heading-6-size) !important; }
  .ki-fs-xs { font-size: var(--ki-text-xs) !important; } .ki-fs-sm { font-size: var(--ki-text-sm) !important; } .ki-fs-base { font-size: var(--ki-text-base) !important; } .ki-fs-lg { font-size: var(--ki-text-lg) !important; } .ki-fs-xl { font-size: var(--ki-text-xl) !important; }
  .ki-text-uppercase { text-transform: uppercase !important; } .ki-text-nowrap { white-space: nowrap !important; }
  .ki-text-lowercase { text-transform: lowercase !important; } .ki-text-capitalize { text-transform: capitalize !important; } .ki-text-wrap { white-space: normal !important; }
  .ki-text-decoration-none { text-decoration: none !important; } .ki-text-decoration-underline { text-decoration: underline !important; } .ki-text-decoration-line-through { text-decoration: line-through !important; }
  .ki-text-reset { color: inherit !important; }
  .ki-text-break { overflow-wrap: anywhere !important; } .ki-text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ki-lh-tight { line-height: 1.2 !important; } .ki-lh-relaxed { line-height: 1.8 !important; }
  .ki-lh-1 { line-height: 1 !important; } .ki-lh-sm { line-height: 1.25 !important; } .ki-lh-base { line-height: var(--ki-body-line-height) !important; } .ki-lh-lg { line-height: 1.8 !important; }
  .ki-w-25 { width: 25% !important; } .ki-w-50 { width: 50% !important; } .ki-w-75 { width: 75% !important; } .ki-w-100 { width: 100% !important; } .ki-w-auto { width: auto !important; }
  .ki-h-100 { height: 100% !important; } .ki-mw-100 { max-width: 100% !important; } .ki-min-w-0 { min-width: 0 !important; }
  .ki-position-relative { position: relative !important; } .ki-position-absolute { position: absolute !important; } .ki-position-fixed { position: fixed !important; }
  .ki-sticky-top { position: sticky; top: 0; z-index: var(--ki-z-sticky); }
  .ki-overflow-auto { overflow: auto !important; } .ki-overflow-hidden { overflow: hidden !important; }
  .ki-object-cover { object-fit: cover !important; } .ki-object-contain { object-fit: contain !important; }
  .ki-opacity-50 { opacity: .5 !important; } .ki-visible { visibility: visible !important; } .ki-invisible { visibility: hidden !important; }
  .ki-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
  .ki-skip-link { position: fixed; top: .5rem; left: .5rem; z-index: 1000; padding: .75rem 1rem; background: var(--ki-color-primary); color: var(--ki-color-on-primary); transform: translateY(-180%); }
  .ki-skip-link:focus { transform: none; }
  @media print { .ki-d-print-none { display: none !important; } .ki-d-print-block { display: block !important; } }
}

@layer ki-utilities {
.ki-d-none { display: none !important; }
.ki-d-block { display: block !important; }
.ki-d-inline { display: inline !important; }
.ki-d-inline-block { display: inline-block !important; }
.ki-d-flex { display: flex !important; }
.ki-d-inline-flex { display: inline-flex !important; }
.ki-d-grid { display: grid !important; }
.ki-m-0 { margin: 0 !important; }
.ki-m-1 { margin: 0.25rem !important; }
.ki-m-2 { margin: 0.5rem !important; }
.ki-m-3 { margin: 0.75rem !important; }
.ki-m-4 { margin: 1rem !important; }
.ki-m-5 { margin: 1.5rem !important; }
.ki-m-6 { margin: 2rem !important; }
.ki-m-7 { margin: 3rem !important; }
.ki-m-8 { margin: 4rem !important; }
.ki-m-9 { margin: 6rem !important; }
.ki-m-auto { margin: auto !important; }
.ki-mt-0 { margin-top: 0 !important; }
.ki-mt-1 { margin-top: 0.25rem !important; }
.ki-mt-2 { margin-top: 0.5rem !important; }
.ki-mt-3 { margin-top: 0.75rem !important; }
.ki-mt-4 { margin-top: 1rem !important; }
.ki-mt-5 { margin-top: 1.5rem !important; }
.ki-mt-6 { margin-top: 2rem !important; }
.ki-mt-7 { margin-top: 3rem !important; }
.ki-mt-8 { margin-top: 4rem !important; }
.ki-mt-9 { margin-top: 6rem !important; }
.ki-mt-auto { margin-top: auto !important; }
.ki-mb-0 { margin-bottom: 0 !important; }
.ki-mb-1 { margin-bottom: 0.25rem !important; }
.ki-mb-2 { margin-bottom: 0.5rem !important; }
.ki-mb-3 { margin-bottom: 0.75rem !important; }
.ki-mb-4 { margin-bottom: 1rem !important; }
.ki-mb-5 { margin-bottom: 1.5rem !important; }
.ki-mb-6 { margin-bottom: 2rem !important; }
.ki-mb-7 { margin-bottom: 3rem !important; }
.ki-mb-8 { margin-bottom: 4rem !important; }
.ki-mb-9 { margin-bottom: 6rem !important; }
.ki-mb-auto { margin-bottom: auto !important; }
.ki-ms-0 { margin-inline-start: 0 !important; }
.ki-ms-1 { margin-inline-start: 0.25rem !important; }
.ki-ms-2 { margin-inline-start: 0.5rem !important; }
.ki-ms-3 { margin-inline-start: 0.75rem !important; }
.ki-ms-4 { margin-inline-start: 1rem !important; }
.ki-ms-5 { margin-inline-start: 1.5rem !important; }
.ki-ms-6 { margin-inline-start: 2rem !important; }
.ki-ms-7 { margin-inline-start: 3rem !important; }
.ki-ms-8 { margin-inline-start: 4rem !important; }
.ki-ms-9 { margin-inline-start: 6rem !important; }
.ki-ms-auto { margin-inline-start: auto !important; }
.ki-me-0 { margin-inline-end: 0 !important; }
.ki-me-1 { margin-inline-end: 0.25rem !important; }
.ki-me-2 { margin-inline-end: 0.5rem !important; }
.ki-me-3 { margin-inline-end: 0.75rem !important; }
.ki-me-4 { margin-inline-end: 1rem !important; }
.ki-me-5 { margin-inline-end: 1.5rem !important; }
.ki-me-6 { margin-inline-end: 2rem !important; }
.ki-me-7 { margin-inline-end: 3rem !important; }
.ki-me-8 { margin-inline-end: 4rem !important; }
.ki-me-9 { margin-inline-end: 6rem !important; }
.ki-me-auto { margin-inline-end: auto !important; }
.ki-mx-0 { margin-inline-start: 0 !important; margin-inline-end: 0 !important; }
.ki-mx-1 { margin-inline-start: 0.25rem !important; margin-inline-end: 0.25rem !important; }
.ki-mx-2 { margin-inline-start: 0.5rem !important; margin-inline-end: 0.5rem !important; }
.ki-mx-3 { margin-inline-start: 0.75rem !important; margin-inline-end: 0.75rem !important; }
.ki-mx-4 { margin-inline-start: 1rem !important; margin-inline-end: 1rem !important; }
.ki-mx-5 { margin-inline-start: 1.5rem !important; margin-inline-end: 1.5rem !important; }
.ki-mx-6 { margin-inline-start: 2rem !important; margin-inline-end: 2rem !important; }
.ki-mx-7 { margin-inline-start: 3rem !important; margin-inline-end: 3rem !important; }
.ki-mx-8 { margin-inline-start: 4rem !important; margin-inline-end: 4rem !important; }
.ki-mx-9 { margin-inline-start: 6rem !important; margin-inline-end: 6rem !important; }
.ki-mx-auto { margin-inline-start: auto !important; margin-inline-end: auto !important; }
.ki-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.ki-my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.ki-my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.ki-my-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
.ki-my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.ki-my-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.ki-my-6 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.ki-my-7 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.ki-my-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.ki-my-9 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
.ki-my-auto { margin-top: auto !important; margin-bottom: auto !important; }
.ki-p-0 { padding: 0 !important; }
.ki-p-1 { padding: 0.25rem !important; }
.ki-p-2 { padding: 0.5rem !important; }
.ki-p-3 { padding: 0.75rem !important; }
.ki-p-4 { padding: 1rem !important; }
.ki-p-5 { padding: 1.5rem !important; }
.ki-p-6 { padding: 2rem !important; }
.ki-p-7 { padding: 3rem !important; }
.ki-p-8 { padding: 4rem !important; }
.ki-p-9 { padding: 6rem !important; }
.ki-pt-0 { padding-top: 0 !important; }
.ki-pt-1 { padding-top: 0.25rem !important; }
.ki-pt-2 { padding-top: 0.5rem !important; }
.ki-pt-3 { padding-top: 0.75rem !important; }
.ki-pt-4 { padding-top: 1rem !important; }
.ki-pt-5 { padding-top: 1.5rem !important; }
.ki-pt-6 { padding-top: 2rem !important; }
.ki-pt-7 { padding-top: 3rem !important; }
.ki-pt-8 { padding-top: 4rem !important; }
.ki-pt-9 { padding-top: 6rem !important; }
.ki-pb-0 { padding-bottom: 0 !important; }
.ki-pb-1 { padding-bottom: 0.25rem !important; }
.ki-pb-2 { padding-bottom: 0.5rem !important; }
.ki-pb-3 { padding-bottom: 0.75rem !important; }
.ki-pb-4 { padding-bottom: 1rem !important; }
.ki-pb-5 { padding-bottom: 1.5rem !important; }
.ki-pb-6 { padding-bottom: 2rem !important; }
.ki-pb-7 { padding-bottom: 3rem !important; }
.ki-pb-8 { padding-bottom: 4rem !important; }
.ki-pb-9 { padding-bottom: 6rem !important; }
.ki-ps-0 { padding-inline-start: 0 !important; }
.ki-ps-1 { padding-inline-start: 0.25rem !important; }
.ki-ps-2 { padding-inline-start: 0.5rem !important; }
.ki-ps-3 { padding-inline-start: 0.75rem !important; }
.ki-ps-4 { padding-inline-start: 1rem !important; }
.ki-ps-5 { padding-inline-start: 1.5rem !important; }
.ki-ps-6 { padding-inline-start: 2rem !important; }
.ki-ps-7 { padding-inline-start: 3rem !important; }
.ki-ps-8 { padding-inline-start: 4rem !important; }
.ki-ps-9 { padding-inline-start: 6rem !important; }
.ki-pe-0 { padding-inline-end: 0 !important; }
.ki-pe-1 { padding-inline-end: 0.25rem !important; }
.ki-pe-2 { padding-inline-end: 0.5rem !important; }
.ki-pe-3 { padding-inline-end: 0.75rem !important; }
.ki-pe-4 { padding-inline-end: 1rem !important; }
.ki-pe-5 { padding-inline-end: 1.5rem !important; }
.ki-pe-6 { padding-inline-end: 2rem !important; }
.ki-pe-7 { padding-inline-end: 3rem !important; }
.ki-pe-8 { padding-inline-end: 4rem !important; }
.ki-pe-9 { padding-inline-end: 6rem !important; }
.ki-px-0 { padding-inline-start: 0 !important; padding-inline-end: 0 !important; }
.ki-px-1 { padding-inline-start: 0.25rem !important; padding-inline-end: 0.25rem !important; }
.ki-px-2 { padding-inline-start: 0.5rem !important; padding-inline-end: 0.5rem !important; }
.ki-px-3 { padding-inline-start: 0.75rem !important; padding-inline-end: 0.75rem !important; }
.ki-px-4 { padding-inline-start: 1rem !important; padding-inline-end: 1rem !important; }
.ki-px-5 { padding-inline-start: 1.5rem !important; padding-inline-end: 1.5rem !important; }
.ki-px-6 { padding-inline-start: 2rem !important; padding-inline-end: 2rem !important; }
.ki-px-7 { padding-inline-start: 3rem !important; padding-inline-end: 3rem !important; }
.ki-px-8 { padding-inline-start: 4rem !important; padding-inline-end: 4rem !important; }
.ki-px-9 { padding-inline-start: 6rem !important; padding-inline-end: 6rem !important; }
.ki-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.ki-py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.ki-py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.ki-py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.ki-py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.ki-py-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.ki-py-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.ki-py-7 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.ki-py-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.ki-py-9 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.ki-gap-0 { gap: 0 !important; }
.ki-gap-1 { gap: 0.25rem !important; }
.ki-gap-2 { gap: 0.5rem !important; }
.ki-gap-3 { gap: 0.75rem !important; }
.ki-gap-4 { gap: 1rem !important; }
.ki-gap-5 { gap: 1.5rem !important; }
.ki-gap-6 { gap: 2rem !important; }
.ki-gap-7 { gap: 3rem !important; }
.ki-gap-8 { gap: 4rem !important; }
.ki-gap-9 { gap: 6rem !important; }
.ki-text-start { text-align: start !important; }
.ki-text-center { text-align: center !important; }
.ki-text-end { text-align: end !important; }
.ki-flex-row { flex-direction: row !important; }
.ki-flex-column { flex-direction: column !important; }
.ki-flex-row-reverse { flex-direction: row-reverse !important; }
.ki-flex-column-reverse { flex-direction: column-reverse !important; }
.ki-flex-wrap { flex-wrap: wrap !important; }
.ki-flex-nowrap { flex-wrap: nowrap !important; }
.ki-justify-start { justify-content: flex-start !important; }
.ki-justify-end { justify-content: flex-end !important; }
.ki-justify-center { justify-content: center !important; }
.ki-justify-between { justify-content: space-between !important; }
.ki-justify-around { justify-content: space-around !important; }
.ki-justify-evenly { justify-content: space-evenly !important; }
.ki-items-start { align-items: flex-start !important; }
.ki-items-end { align-items: flex-end !important; }
.ki-items-center { align-items: center !important; }
.ki-items-stretch { align-items: stretch !important; }
.ki-items-baseline { align-items: baseline !important; }
.ki-order-0 { order: 0 !important; }
.ki-order-1 { order: 1 !important; }
.ki-order-2 { order: 2 !important; }
.ki-order-3 { order: 3 !important; }
.ki-order-4 { order: 4 !important; }
.ki-order-5 { order: 5 !important; }
.ki-flex-grow-1 { flex-grow: 1 !important; }
.ki-flex-shrink-0 { flex-shrink: 0 !important; }
@media (min-width: 576px) {
.ki-d-sm-none { display: none !important; }
.ki-d-sm-block { display: block !important; }
.ki-d-sm-inline { display: inline !important; }
.ki-d-sm-inline-block { display: inline-block !important; }
.ki-d-sm-flex { display: flex !important; }
.ki-d-sm-inline-flex { display: inline-flex !important; }
.ki-d-sm-grid { display: grid !important; }
.ki-m-sm-0 { margin: 0 !important; }
.ki-m-sm-1 { margin: 0.25rem !important; }
.ki-m-sm-2 { margin: 0.5rem !important; }
.ki-m-sm-3 { margin: 0.75rem !important; }
.ki-m-sm-4 { margin: 1rem !important; }
.ki-m-sm-5 { margin: 1.5rem !important; }
.ki-m-sm-6 { margin: 2rem !important; }
.ki-m-sm-7 { margin: 3rem !important; }
.ki-m-sm-8 { margin: 4rem !important; }
.ki-m-sm-9 { margin: 6rem !important; }
.ki-m-sm-auto { margin: auto !important; }
.ki-mt-sm-0 { margin-top: 0 !important; }
.ki-mt-sm-1 { margin-top: 0.25rem !important; }
.ki-mt-sm-2 { margin-top: 0.5rem !important; }
.ki-mt-sm-3 { margin-top: 0.75rem !important; }
.ki-mt-sm-4 { margin-top: 1rem !important; }
.ki-mt-sm-5 { margin-top: 1.5rem !important; }
.ki-mt-sm-6 { margin-top: 2rem !important; }
.ki-mt-sm-7 { margin-top: 3rem !important; }
.ki-mt-sm-8 { margin-top: 4rem !important; }
.ki-mt-sm-9 { margin-top: 6rem !important; }
.ki-mt-sm-auto { margin-top: auto !important; }
.ki-mb-sm-0 { margin-bottom: 0 !important; }
.ki-mb-sm-1 { margin-bottom: 0.25rem !important; }
.ki-mb-sm-2 { margin-bottom: 0.5rem !important; }
.ki-mb-sm-3 { margin-bottom: 0.75rem !important; }
.ki-mb-sm-4 { margin-bottom: 1rem !important; }
.ki-mb-sm-5 { margin-bottom: 1.5rem !important; }
.ki-mb-sm-6 { margin-bottom: 2rem !important; }
.ki-mb-sm-7 { margin-bottom: 3rem !important; }
.ki-mb-sm-8 { margin-bottom: 4rem !important; }
.ki-mb-sm-9 { margin-bottom: 6rem !important; }
.ki-mb-sm-auto { margin-bottom: auto !important; }
.ki-ms-sm-0 { margin-inline-start: 0 !important; }
.ki-ms-sm-1 { margin-inline-start: 0.25rem !important; }
.ki-ms-sm-2 { margin-inline-start: 0.5rem !important; }
.ki-ms-sm-3 { margin-inline-start: 0.75rem !important; }
.ki-ms-sm-4 { margin-inline-start: 1rem !important; }
.ki-ms-sm-5 { margin-inline-start: 1.5rem !important; }
.ki-ms-sm-6 { margin-inline-start: 2rem !important; }
.ki-ms-sm-7 { margin-inline-start: 3rem !important; }
.ki-ms-sm-8 { margin-inline-start: 4rem !important; }
.ki-ms-sm-9 { margin-inline-start: 6rem !important; }
.ki-ms-sm-auto { margin-inline-start: auto !important; }
.ki-me-sm-0 { margin-inline-end: 0 !important; }
.ki-me-sm-1 { margin-inline-end: 0.25rem !important; }
.ki-me-sm-2 { margin-inline-end: 0.5rem !important; }
.ki-me-sm-3 { margin-inline-end: 0.75rem !important; }
.ki-me-sm-4 { margin-inline-end: 1rem !important; }
.ki-me-sm-5 { margin-inline-end: 1.5rem !important; }
.ki-me-sm-6 { margin-inline-end: 2rem !important; }
.ki-me-sm-7 { margin-inline-end: 3rem !important; }
.ki-me-sm-8 { margin-inline-end: 4rem !important; }
.ki-me-sm-9 { margin-inline-end: 6rem !important; }
.ki-me-sm-auto { margin-inline-end: auto !important; }
.ki-mx-sm-0 { margin-inline-start: 0 !important; margin-inline-end: 0 !important; }
.ki-mx-sm-1 { margin-inline-start: 0.25rem !important; margin-inline-end: 0.25rem !important; }
.ki-mx-sm-2 { margin-inline-start: 0.5rem !important; margin-inline-end: 0.5rem !important; }
.ki-mx-sm-3 { margin-inline-start: 0.75rem !important; margin-inline-end: 0.75rem !important; }
.ki-mx-sm-4 { margin-inline-start: 1rem !important; margin-inline-end: 1rem !important; }
.ki-mx-sm-5 { margin-inline-start: 1.5rem !important; margin-inline-end: 1.5rem !important; }
.ki-mx-sm-6 { margin-inline-start: 2rem !important; margin-inline-end: 2rem !important; }
.ki-mx-sm-7 { margin-inline-start: 3rem !important; margin-inline-end: 3rem !important; }
.ki-mx-sm-8 { margin-inline-start: 4rem !important; margin-inline-end: 4rem !important; }
.ki-mx-sm-9 { margin-inline-start: 6rem !important; margin-inline-end: 6rem !important; }
.ki-mx-sm-auto { margin-inline-start: auto !important; margin-inline-end: auto !important; }
.ki-my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.ki-my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.ki-my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.ki-my-sm-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
.ki-my-sm-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.ki-my-sm-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.ki-my-sm-6 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.ki-my-sm-7 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.ki-my-sm-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.ki-my-sm-9 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
.ki-my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; }
.ki-p-sm-0 { padding: 0 !important; }
.ki-p-sm-1 { padding: 0.25rem !important; }
.ki-p-sm-2 { padding: 0.5rem !important; }
.ki-p-sm-3 { padding: 0.75rem !important; }
.ki-p-sm-4 { padding: 1rem !important; }
.ki-p-sm-5 { padding: 1.5rem !important; }
.ki-p-sm-6 { padding: 2rem !important; }
.ki-p-sm-7 { padding: 3rem !important; }
.ki-p-sm-8 { padding: 4rem !important; }
.ki-p-sm-9 { padding: 6rem !important; }
.ki-pt-sm-0 { padding-top: 0 !important; }
.ki-pt-sm-1 { padding-top: 0.25rem !important; }
.ki-pt-sm-2 { padding-top: 0.5rem !important; }
.ki-pt-sm-3 { padding-top: 0.75rem !important; }
.ki-pt-sm-4 { padding-top: 1rem !important; }
.ki-pt-sm-5 { padding-top: 1.5rem !important; }
.ki-pt-sm-6 { padding-top: 2rem !important; }
.ki-pt-sm-7 { padding-top: 3rem !important; }
.ki-pt-sm-8 { padding-top: 4rem !important; }
.ki-pt-sm-9 { padding-top: 6rem !important; }
.ki-pb-sm-0 { padding-bottom: 0 !important; }
.ki-pb-sm-1 { padding-bottom: 0.25rem !important; }
.ki-pb-sm-2 { padding-bottom: 0.5rem !important; }
.ki-pb-sm-3 { padding-bottom: 0.75rem !important; }
.ki-pb-sm-4 { padding-bottom: 1rem !important; }
.ki-pb-sm-5 { padding-bottom: 1.5rem !important; }
.ki-pb-sm-6 { padding-bottom: 2rem !important; }
.ki-pb-sm-7 { padding-bottom: 3rem !important; }
.ki-pb-sm-8 { padding-bottom: 4rem !important; }
.ki-pb-sm-9 { padding-bottom: 6rem !important; }
.ki-ps-sm-0 { padding-inline-start: 0 !important; }
.ki-ps-sm-1 { padding-inline-start: 0.25rem !important; }
.ki-ps-sm-2 { padding-inline-start: 0.5rem !important; }
.ki-ps-sm-3 { padding-inline-start: 0.75rem !important; }
.ki-ps-sm-4 { padding-inline-start: 1rem !important; }
.ki-ps-sm-5 { padding-inline-start: 1.5rem !important; }
.ki-ps-sm-6 { padding-inline-start: 2rem !important; }
.ki-ps-sm-7 { padding-inline-start: 3rem !important; }
.ki-ps-sm-8 { padding-inline-start: 4rem !important; }
.ki-ps-sm-9 { padding-inline-start: 6rem !important; }
.ki-pe-sm-0 { padding-inline-end: 0 !important; }
.ki-pe-sm-1 { padding-inline-end: 0.25rem !important; }
.ki-pe-sm-2 { padding-inline-end: 0.5rem !important; }
.ki-pe-sm-3 { padding-inline-end: 0.75rem !important; }
.ki-pe-sm-4 { padding-inline-end: 1rem !important; }
.ki-pe-sm-5 { padding-inline-end: 1.5rem !important; }
.ki-pe-sm-6 { padding-inline-end: 2rem !important; }
.ki-pe-sm-7 { padding-inline-end: 3rem !important; }
.ki-pe-sm-8 { padding-inline-end: 4rem !important; }
.ki-pe-sm-9 { padding-inline-end: 6rem !important; }
.ki-px-sm-0 { padding-inline-start: 0 !important; padding-inline-end: 0 !important; }
.ki-px-sm-1 { padding-inline-start: 0.25rem !important; padding-inline-end: 0.25rem !important; }
.ki-px-sm-2 { padding-inline-start: 0.5rem !important; padding-inline-end: 0.5rem !important; }
.ki-px-sm-3 { padding-inline-start: 0.75rem !important; padding-inline-end: 0.75rem !important; }
.ki-px-sm-4 { padding-inline-start: 1rem !important; padding-inline-end: 1rem !important; }
.ki-px-sm-5 { padding-inline-start: 1.5rem !important; padding-inline-end: 1.5rem !important; }
.ki-px-sm-6 { padding-inline-start: 2rem !important; padding-inline-end: 2rem !important; }
.ki-px-sm-7 { padding-inline-start: 3rem !important; padding-inline-end: 3rem !important; }
.ki-px-sm-8 { padding-inline-start: 4rem !important; padding-inline-end: 4rem !important; }
.ki-px-sm-9 { padding-inline-start: 6rem !important; padding-inline-end: 6rem !important; }
.ki-py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.ki-py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.ki-py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.ki-py-sm-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.ki-py-sm-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.ki-py-sm-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.ki-py-sm-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.ki-py-sm-7 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.ki-py-sm-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.ki-py-sm-9 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.ki-gap-sm-0 { gap: 0 !important; }
.ki-gap-sm-1 { gap: 0.25rem !important; }
.ki-gap-sm-2 { gap: 0.5rem !important; }
.ki-gap-sm-3 { gap: 0.75rem !important; }
.ki-gap-sm-4 { gap: 1rem !important; }
.ki-gap-sm-5 { gap: 1.5rem !important; }
.ki-gap-sm-6 { gap: 2rem !important; }
.ki-gap-sm-7 { gap: 3rem !important; }
.ki-gap-sm-8 { gap: 4rem !important; }
.ki-gap-sm-9 { gap: 6rem !important; }
.ki-text-sm-start { text-align: start !important; }
.ki-text-sm-center { text-align: center !important; }
.ki-text-sm-end { text-align: end !important; }
.ki-flex-sm-row { flex-direction: row !important; }
.ki-flex-sm-column { flex-direction: column !important; }
.ki-flex-sm-row-reverse { flex-direction: row-reverse !important; }
.ki-flex-sm-column-reverse { flex-direction: column-reverse !important; }
.ki-flex-sm-wrap { flex-wrap: wrap !important; }
.ki-flex-sm-nowrap { flex-wrap: nowrap !important; }
.ki-justify-sm-start { justify-content: flex-start !important; }
.ki-justify-sm-end { justify-content: flex-end !important; }
.ki-justify-sm-center { justify-content: center !important; }
.ki-justify-sm-between { justify-content: space-between !important; }
.ki-justify-sm-around { justify-content: space-around !important; }
.ki-justify-sm-evenly { justify-content: space-evenly !important; }
.ki-items-sm-start { align-items: flex-start !important; }
.ki-items-sm-end { align-items: flex-end !important; }
.ki-items-sm-center { align-items: center !important; }
.ki-items-sm-stretch { align-items: stretch !important; }
.ki-items-sm-baseline { align-items: baseline !important; }
.ki-order-sm-0 { order: 0 !important; }
.ki-order-sm-1 { order: 1 !important; }
.ki-order-sm-2 { order: 2 !important; }
.ki-order-sm-3 { order: 3 !important; }
.ki-order-sm-4 { order: 4 !important; }
.ki-order-sm-5 { order: 5 !important; }
.ki-flex-sm-grow-1 { flex-grow: 1 !important; }
.ki-flex-sm-shrink-0 { flex-shrink: 0 !important; }
}
@media (min-width: 768px) {
.ki-d-md-none { display: none !important; }
.ki-d-md-block { display: block !important; }
.ki-d-md-inline { display: inline !important; }
.ki-d-md-inline-block { display: inline-block !important; }
.ki-d-md-flex { display: flex !important; }
.ki-d-md-inline-flex { display: inline-flex !important; }
.ki-d-md-grid { display: grid !important; }
.ki-m-md-0 { margin: 0 !important; }
.ki-m-md-1 { margin: 0.25rem !important; }
.ki-m-md-2 { margin: 0.5rem !important; }
.ki-m-md-3 { margin: 0.75rem !important; }
.ki-m-md-4 { margin: 1rem !important; }
.ki-m-md-5 { margin: 1.5rem !important; }
.ki-m-md-6 { margin: 2rem !important; }
.ki-m-md-7 { margin: 3rem !important; }
.ki-m-md-8 { margin: 4rem !important; }
.ki-m-md-9 { margin: 6rem !important; }
.ki-m-md-auto { margin: auto !important; }
.ki-mt-md-0 { margin-top: 0 !important; }
.ki-mt-md-1 { margin-top: 0.25rem !important; }
.ki-mt-md-2 { margin-top: 0.5rem !important; }
.ki-mt-md-3 { margin-top: 0.75rem !important; }
.ki-mt-md-4 { margin-top: 1rem !important; }
.ki-mt-md-5 { margin-top: 1.5rem !important; }
.ki-mt-md-6 { margin-top: 2rem !important; }
.ki-mt-md-7 { margin-top: 3rem !important; }
.ki-mt-md-8 { margin-top: 4rem !important; }
.ki-mt-md-9 { margin-top: 6rem !important; }
.ki-mt-md-auto { margin-top: auto !important; }
.ki-mb-md-0 { margin-bottom: 0 !important; }
.ki-mb-md-1 { margin-bottom: 0.25rem !important; }
.ki-mb-md-2 { margin-bottom: 0.5rem !important; }
.ki-mb-md-3 { margin-bottom: 0.75rem !important; }
.ki-mb-md-4 { margin-bottom: 1rem !important; }
.ki-mb-md-5 { margin-bottom: 1.5rem !important; }
.ki-mb-md-6 { margin-bottom: 2rem !important; }
.ki-mb-md-7 { margin-bottom: 3rem !important; }
.ki-mb-md-8 { margin-bottom: 4rem !important; }
.ki-mb-md-9 { margin-bottom: 6rem !important; }
.ki-mb-md-auto { margin-bottom: auto !important; }
.ki-ms-md-0 { margin-inline-start: 0 !important; }
.ki-ms-md-1 { margin-inline-start: 0.25rem !important; }
.ki-ms-md-2 { margin-inline-start: 0.5rem !important; }
.ki-ms-md-3 { margin-inline-start: 0.75rem !important; }
.ki-ms-md-4 { margin-inline-start: 1rem !important; }
.ki-ms-md-5 { margin-inline-start: 1.5rem !important; }
.ki-ms-md-6 { margin-inline-start: 2rem !important; }
.ki-ms-md-7 { margin-inline-start: 3rem !important; }
.ki-ms-md-8 { margin-inline-start: 4rem !important; }
.ki-ms-md-9 { margin-inline-start: 6rem !important; }
.ki-ms-md-auto { margin-inline-start: auto !important; }
.ki-me-md-0 { margin-inline-end: 0 !important; }
.ki-me-md-1 { margin-inline-end: 0.25rem !important; }
.ki-me-md-2 { margin-inline-end: 0.5rem !important; }
.ki-me-md-3 { margin-inline-end: 0.75rem !important; }
.ki-me-md-4 { margin-inline-end: 1rem !important; }
.ki-me-md-5 { margin-inline-end: 1.5rem !important; }
.ki-me-md-6 { margin-inline-end: 2rem !important; }
.ki-me-md-7 { margin-inline-end: 3rem !important; }
.ki-me-md-8 { margin-inline-end: 4rem !important; }
.ki-me-md-9 { margin-inline-end: 6rem !important; }
.ki-me-md-auto { margin-inline-end: auto !important; }
.ki-mx-md-0 { margin-inline-start: 0 !important; margin-inline-end: 0 !important; }
.ki-mx-md-1 { margin-inline-start: 0.25rem !important; margin-inline-end: 0.25rem !important; }
.ki-mx-md-2 { margin-inline-start: 0.5rem !important; margin-inline-end: 0.5rem !important; }
.ki-mx-md-3 { margin-inline-start: 0.75rem !important; margin-inline-end: 0.75rem !important; }
.ki-mx-md-4 { margin-inline-start: 1rem !important; margin-inline-end: 1rem !important; }
.ki-mx-md-5 { margin-inline-start: 1.5rem !important; margin-inline-end: 1.5rem !important; }
.ki-mx-md-6 { margin-inline-start: 2rem !important; margin-inline-end: 2rem !important; }
.ki-mx-md-7 { margin-inline-start: 3rem !important; margin-inline-end: 3rem !important; }
.ki-mx-md-8 { margin-inline-start: 4rem !important; margin-inline-end: 4rem !important; }
.ki-mx-md-9 { margin-inline-start: 6rem !important; margin-inline-end: 6rem !important; }
.ki-mx-md-auto { margin-inline-start: auto !important; margin-inline-end: auto !important; }
.ki-my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.ki-my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.ki-my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.ki-my-md-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
.ki-my-md-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.ki-my-md-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.ki-my-md-6 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.ki-my-md-7 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.ki-my-md-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.ki-my-md-9 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
.ki-my-md-auto { margin-top: auto !important; margin-bottom: auto !important; }
.ki-p-md-0 { padding: 0 !important; }
.ki-p-md-1 { padding: 0.25rem !important; }
.ki-p-md-2 { padding: 0.5rem !important; }
.ki-p-md-3 { padding: 0.75rem !important; }
.ki-p-md-4 { padding: 1rem !important; }
.ki-p-md-5 { padding: 1.5rem !important; }
.ki-p-md-6 { padding: 2rem !important; }
.ki-p-md-7 { padding: 3rem !important; }
.ki-p-md-8 { padding: 4rem !important; }
.ki-p-md-9 { padding: 6rem !important; }
.ki-pt-md-0 { padding-top: 0 !important; }
.ki-pt-md-1 { padding-top: 0.25rem !important; }
.ki-pt-md-2 { padding-top: 0.5rem !important; }
.ki-pt-md-3 { padding-top: 0.75rem !important; }
.ki-pt-md-4 { padding-top: 1rem !important; }
.ki-pt-md-5 { padding-top: 1.5rem !important; }
.ki-pt-md-6 { padding-top: 2rem !important; }
.ki-pt-md-7 { padding-top: 3rem !important; }
.ki-pt-md-8 { padding-top: 4rem !important; }
.ki-pt-md-9 { padding-top: 6rem !important; }
.ki-pb-md-0 { padding-bottom: 0 !important; }
.ki-pb-md-1 { padding-bottom: 0.25rem !important; }
.ki-pb-md-2 { padding-bottom: 0.5rem !important; }
.ki-pb-md-3 { padding-bottom: 0.75rem !important; }
.ki-pb-md-4 { padding-bottom: 1rem !important; }
.ki-pb-md-5 { padding-bottom: 1.5rem !important; }
.ki-pb-md-6 { padding-bottom: 2rem !important; }
.ki-pb-md-7 { padding-bottom: 3rem !important; }
.ki-pb-md-8 { padding-bottom: 4rem !important; }
.ki-pb-md-9 { padding-bottom: 6rem !important; }
.ki-ps-md-0 { padding-inline-start: 0 !important; }
.ki-ps-md-1 { padding-inline-start: 0.25rem !important; }
.ki-ps-md-2 { padding-inline-start: 0.5rem !important; }
.ki-ps-md-3 { padding-inline-start: 0.75rem !important; }
.ki-ps-md-4 { padding-inline-start: 1rem !important; }
.ki-ps-md-5 { padding-inline-start: 1.5rem !important; }
.ki-ps-md-6 { padding-inline-start: 2rem !important; }
.ki-ps-md-7 { padding-inline-start: 3rem !important; }
.ki-ps-md-8 { padding-inline-start: 4rem !important; }
.ki-ps-md-9 { padding-inline-start: 6rem !important; }
.ki-pe-md-0 { padding-inline-end: 0 !important; }
.ki-pe-md-1 { padding-inline-end: 0.25rem !important; }
.ki-pe-md-2 { padding-inline-end: 0.5rem !important; }
.ki-pe-md-3 { padding-inline-end: 0.75rem !important; }
.ki-pe-md-4 { padding-inline-end: 1rem !important; }
.ki-pe-md-5 { padding-inline-end: 1.5rem !important; }
.ki-pe-md-6 { padding-inline-end: 2rem !important; }
.ki-pe-md-7 { padding-inline-end: 3rem !important; }
.ki-pe-md-8 { padding-inline-end: 4rem !important; }
.ki-pe-md-9 { padding-inline-end: 6rem !important; }
.ki-px-md-0 { padding-inline-start: 0 !important; padding-inline-end: 0 !important; }
.ki-px-md-1 { padding-inline-start: 0.25rem !important; padding-inline-end: 0.25rem !important; }
.ki-px-md-2 { padding-inline-start: 0.5rem !important; padding-inline-end: 0.5rem !important; }
.ki-px-md-3 { padding-inline-start: 0.75rem !important; padding-inline-end: 0.75rem !important; }
.ki-px-md-4 { padding-inline-start: 1rem !important; padding-inline-end: 1rem !important; }
.ki-px-md-5 { padding-inline-start: 1.5rem !important; padding-inline-end: 1.5rem !important; }
.ki-px-md-6 { padding-inline-start: 2rem !important; padding-inline-end: 2rem !important; }
.ki-px-md-7 { padding-inline-start: 3rem !important; padding-inline-end: 3rem !important; }
.ki-px-md-8 { padding-inline-start: 4rem !important; padding-inline-end: 4rem !important; }
.ki-px-md-9 { padding-inline-start: 6rem !important; padding-inline-end: 6rem !important; }
.ki-py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.ki-py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.ki-py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.ki-py-md-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.ki-py-md-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.ki-py-md-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.ki-py-md-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.ki-py-md-7 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.ki-py-md-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.ki-py-md-9 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.ki-gap-md-0 { gap: 0 !important; }
.ki-gap-md-1 { gap: 0.25rem !important; }
.ki-gap-md-2 { gap: 0.5rem !important; }
.ki-gap-md-3 { gap: 0.75rem !important; }
.ki-gap-md-4 { gap: 1rem !important; }
.ki-gap-md-5 { gap: 1.5rem !important; }
.ki-gap-md-6 { gap: 2rem !important; }
.ki-gap-md-7 { gap: 3rem !important; }
.ki-gap-md-8 { gap: 4rem !important; }
.ki-gap-md-9 { gap: 6rem !important; }
.ki-text-md-start { text-align: start !important; }
.ki-text-md-center { text-align: center !important; }
.ki-text-md-end { text-align: end !important; }
.ki-flex-md-row { flex-direction: row !important; }
.ki-flex-md-column { flex-direction: column !important; }
.ki-flex-md-row-reverse { flex-direction: row-reverse !important; }
.ki-flex-md-column-reverse { flex-direction: column-reverse !important; }
.ki-flex-md-wrap { flex-wrap: wrap !important; }
.ki-flex-md-nowrap { flex-wrap: nowrap !important; }
.ki-justify-md-start { justify-content: flex-start !important; }
.ki-justify-md-end { justify-content: flex-end !important; }
.ki-justify-md-center { justify-content: center !important; }
.ki-justify-md-between { justify-content: space-between !important; }
.ki-justify-md-around { justify-content: space-around !important; }
.ki-justify-md-evenly { justify-content: space-evenly !important; }
.ki-items-md-start { align-items: flex-start !important; }
.ki-items-md-end { align-items: flex-end !important; }
.ki-items-md-center { align-items: center !important; }
.ki-items-md-stretch { align-items: stretch !important; }
.ki-items-md-baseline { align-items: baseline !important; }
.ki-order-md-0 { order: 0 !important; }
.ki-order-md-1 { order: 1 !important; }
.ki-order-md-2 { order: 2 !important; }
.ki-order-md-3 { order: 3 !important; }
.ki-order-md-4 { order: 4 !important; }
.ki-order-md-5 { order: 5 !important; }
.ki-flex-md-grow-1 { flex-grow: 1 !important; }
.ki-flex-md-shrink-0 { flex-shrink: 0 !important; }
}
@media (min-width: 992px) {
.ki-d-lg-none { display: none !important; }
.ki-d-lg-block { display: block !important; }
.ki-d-lg-inline { display: inline !important; }
.ki-d-lg-inline-block { display: inline-block !important; }
.ki-d-lg-flex { display: flex !important; }
.ki-d-lg-inline-flex { display: inline-flex !important; }
.ki-d-lg-grid { display: grid !important; }
.ki-m-lg-0 { margin: 0 !important; }
.ki-m-lg-1 { margin: 0.25rem !important; }
.ki-m-lg-2 { margin: 0.5rem !important; }
.ki-m-lg-3 { margin: 0.75rem !important; }
.ki-m-lg-4 { margin: 1rem !important; }
.ki-m-lg-5 { margin: 1.5rem !important; }
.ki-m-lg-6 { margin: 2rem !important; }
.ki-m-lg-7 { margin: 3rem !important; }
.ki-m-lg-8 { margin: 4rem !important; }
.ki-m-lg-9 { margin: 6rem !important; }
.ki-m-lg-auto { margin: auto !important; }
.ki-mt-lg-0 { margin-top: 0 !important; }
.ki-mt-lg-1 { margin-top: 0.25rem !important; }
.ki-mt-lg-2 { margin-top: 0.5rem !important; }
.ki-mt-lg-3 { margin-top: 0.75rem !important; }
.ki-mt-lg-4 { margin-top: 1rem !important; }
.ki-mt-lg-5 { margin-top: 1.5rem !important; }
.ki-mt-lg-6 { margin-top: 2rem !important; }
.ki-mt-lg-7 { margin-top: 3rem !important; }
.ki-mt-lg-8 { margin-top: 4rem !important; }
.ki-mt-lg-9 { margin-top: 6rem !important; }
.ki-mt-lg-auto { margin-top: auto !important; }
.ki-mb-lg-0 { margin-bottom: 0 !important; }
.ki-mb-lg-1 { margin-bottom: 0.25rem !important; }
.ki-mb-lg-2 { margin-bottom: 0.5rem !important; }
.ki-mb-lg-3 { margin-bottom: 0.75rem !important; }
.ki-mb-lg-4 { margin-bottom: 1rem !important; }
.ki-mb-lg-5 { margin-bottom: 1.5rem !important; }
.ki-mb-lg-6 { margin-bottom: 2rem !important; }
.ki-mb-lg-7 { margin-bottom: 3rem !important; }
.ki-mb-lg-8 { margin-bottom: 4rem !important; }
.ki-mb-lg-9 { margin-bottom: 6rem !important; }
.ki-mb-lg-auto { margin-bottom: auto !important; }
.ki-ms-lg-0 { margin-inline-start: 0 !important; }
.ki-ms-lg-1 { margin-inline-start: 0.25rem !important; }
.ki-ms-lg-2 { margin-inline-start: 0.5rem !important; }
.ki-ms-lg-3 { margin-inline-start: 0.75rem !important; }
.ki-ms-lg-4 { margin-inline-start: 1rem !important; }
.ki-ms-lg-5 { margin-inline-start: 1.5rem !important; }
.ki-ms-lg-6 { margin-inline-start: 2rem !important; }
.ki-ms-lg-7 { margin-inline-start: 3rem !important; }
.ki-ms-lg-8 { margin-inline-start: 4rem !important; }
.ki-ms-lg-9 { margin-inline-start: 6rem !important; }
.ki-ms-lg-auto { margin-inline-start: auto !important; }
.ki-me-lg-0 { margin-inline-end: 0 !important; }
.ki-me-lg-1 { margin-inline-end: 0.25rem !important; }
.ki-me-lg-2 { margin-inline-end: 0.5rem !important; }
.ki-me-lg-3 { margin-inline-end: 0.75rem !important; }
.ki-me-lg-4 { margin-inline-end: 1rem !important; }
.ki-me-lg-5 { margin-inline-end: 1.5rem !important; }
.ki-me-lg-6 { margin-inline-end: 2rem !important; }
.ki-me-lg-7 { margin-inline-end: 3rem !important; }
.ki-me-lg-8 { margin-inline-end: 4rem !important; }
.ki-me-lg-9 { margin-inline-end: 6rem !important; }
.ki-me-lg-auto { margin-inline-end: auto !important; }
.ki-mx-lg-0 { margin-inline-start: 0 !important; margin-inline-end: 0 !important; }
.ki-mx-lg-1 { margin-inline-start: 0.25rem !important; margin-inline-end: 0.25rem !important; }
.ki-mx-lg-2 { margin-inline-start: 0.5rem !important; margin-inline-end: 0.5rem !important; }
.ki-mx-lg-3 { margin-inline-start: 0.75rem !important; margin-inline-end: 0.75rem !important; }
.ki-mx-lg-4 { margin-inline-start: 1rem !important; margin-inline-end: 1rem !important; }
.ki-mx-lg-5 { margin-inline-start: 1.5rem !important; margin-inline-end: 1.5rem !important; }
.ki-mx-lg-6 { margin-inline-start: 2rem !important; margin-inline-end: 2rem !important; }
.ki-mx-lg-7 { margin-inline-start: 3rem !important; margin-inline-end: 3rem !important; }
.ki-mx-lg-8 { margin-inline-start: 4rem !important; margin-inline-end: 4rem !important; }
.ki-mx-lg-9 { margin-inline-start: 6rem !important; margin-inline-end: 6rem !important; }
.ki-mx-lg-auto { margin-inline-start: auto !important; margin-inline-end: auto !important; }
.ki-my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.ki-my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.ki-my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.ki-my-lg-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
.ki-my-lg-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.ki-my-lg-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.ki-my-lg-6 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.ki-my-lg-7 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.ki-my-lg-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.ki-my-lg-9 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
.ki-my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; }
.ki-p-lg-0 { padding: 0 !important; }
.ki-p-lg-1 { padding: 0.25rem !important; }
.ki-p-lg-2 { padding: 0.5rem !important; }
.ki-p-lg-3 { padding: 0.75rem !important; }
.ki-p-lg-4 { padding: 1rem !important; }
.ki-p-lg-5 { padding: 1.5rem !important; }
.ki-p-lg-6 { padding: 2rem !important; }
.ki-p-lg-7 { padding: 3rem !important; }
.ki-p-lg-8 { padding: 4rem !important; }
.ki-p-lg-9 { padding: 6rem !important; }
.ki-pt-lg-0 { padding-top: 0 !important; }
.ki-pt-lg-1 { padding-top: 0.25rem !important; }
.ki-pt-lg-2 { padding-top: 0.5rem !important; }
.ki-pt-lg-3 { padding-top: 0.75rem !important; }
.ki-pt-lg-4 { padding-top: 1rem !important; }
.ki-pt-lg-5 { padding-top: 1.5rem !important; }
.ki-pt-lg-6 { padding-top: 2rem !important; }
.ki-pt-lg-7 { padding-top: 3rem !important; }
.ki-pt-lg-8 { padding-top: 4rem !important; }
.ki-pt-lg-9 { padding-top: 6rem !important; }
.ki-pb-lg-0 { padding-bottom: 0 !important; }
.ki-pb-lg-1 { padding-bottom: 0.25rem !important; }
.ki-pb-lg-2 { padding-bottom: 0.5rem !important; }
.ki-pb-lg-3 { padding-bottom: 0.75rem !important; }
.ki-pb-lg-4 { padding-bottom: 1rem !important; }
.ki-pb-lg-5 { padding-bottom: 1.5rem !important; }
.ki-pb-lg-6 { padding-bottom: 2rem !important; }
.ki-pb-lg-7 { padding-bottom: 3rem !important; }
.ki-pb-lg-8 { padding-bottom: 4rem !important; }
.ki-pb-lg-9 { padding-bottom: 6rem !important; }
.ki-ps-lg-0 { padding-inline-start: 0 !important; }
.ki-ps-lg-1 { padding-inline-start: 0.25rem !important; }
.ki-ps-lg-2 { padding-inline-start: 0.5rem !important; }
.ki-ps-lg-3 { padding-inline-start: 0.75rem !important; }
.ki-ps-lg-4 { padding-inline-start: 1rem !important; }
.ki-ps-lg-5 { padding-inline-start: 1.5rem !important; }
.ki-ps-lg-6 { padding-inline-start: 2rem !important; }
.ki-ps-lg-7 { padding-inline-start: 3rem !important; }
.ki-ps-lg-8 { padding-inline-start: 4rem !important; }
.ki-ps-lg-9 { padding-inline-start: 6rem !important; }
.ki-pe-lg-0 { padding-inline-end: 0 !important; }
.ki-pe-lg-1 { padding-inline-end: 0.25rem !important; }
.ki-pe-lg-2 { padding-inline-end: 0.5rem !important; }
.ki-pe-lg-3 { padding-inline-end: 0.75rem !important; }
.ki-pe-lg-4 { padding-inline-end: 1rem !important; }
.ki-pe-lg-5 { padding-inline-end: 1.5rem !important; }
.ki-pe-lg-6 { padding-inline-end: 2rem !important; }
.ki-pe-lg-7 { padding-inline-end: 3rem !important; }
.ki-pe-lg-8 { padding-inline-end: 4rem !important; }
.ki-pe-lg-9 { padding-inline-end: 6rem !important; }
.ki-px-lg-0 { padding-inline-start: 0 !important; padding-inline-end: 0 !important; }
.ki-px-lg-1 { padding-inline-start: 0.25rem !important; padding-inline-end: 0.25rem !important; }
.ki-px-lg-2 { padding-inline-start: 0.5rem !important; padding-inline-end: 0.5rem !important; }
.ki-px-lg-3 { padding-inline-start: 0.75rem !important; padding-inline-end: 0.75rem !important; }
.ki-px-lg-4 { padding-inline-start: 1rem !important; padding-inline-end: 1rem !important; }
.ki-px-lg-5 { padding-inline-start: 1.5rem !important; padding-inline-end: 1.5rem !important; }
.ki-px-lg-6 { padding-inline-start: 2rem !important; padding-inline-end: 2rem !important; }
.ki-px-lg-7 { padding-inline-start: 3rem !important; padding-inline-end: 3rem !important; }
.ki-px-lg-8 { padding-inline-start: 4rem !important; padding-inline-end: 4rem !important; }
.ki-px-lg-9 { padding-inline-start: 6rem !important; padding-inline-end: 6rem !important; }
.ki-py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.ki-py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.ki-py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.ki-py-lg-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.ki-py-lg-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.ki-py-lg-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.ki-py-lg-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.ki-py-lg-7 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.ki-py-lg-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.ki-py-lg-9 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.ki-gap-lg-0 { gap: 0 !important; }
.ki-gap-lg-1 { gap: 0.25rem !important; }
.ki-gap-lg-2 { gap: 0.5rem !important; }
.ki-gap-lg-3 { gap: 0.75rem !important; }
.ki-gap-lg-4 { gap: 1rem !important; }
.ki-gap-lg-5 { gap: 1.5rem !important; }
.ki-gap-lg-6 { gap: 2rem !important; }
.ki-gap-lg-7 { gap: 3rem !important; }
.ki-gap-lg-8 { gap: 4rem !important; }
.ki-gap-lg-9 { gap: 6rem !important; }
.ki-text-lg-start { text-align: start !important; }
.ki-text-lg-center { text-align: center !important; }
.ki-text-lg-end { text-align: end !important; }
.ki-flex-lg-row { flex-direction: row !important; }
.ki-flex-lg-column { flex-direction: column !important; }
.ki-flex-lg-row-reverse { flex-direction: row-reverse !important; }
.ki-flex-lg-column-reverse { flex-direction: column-reverse !important; }
.ki-flex-lg-wrap { flex-wrap: wrap !important; }
.ki-flex-lg-nowrap { flex-wrap: nowrap !important; }
.ki-justify-lg-start { justify-content: flex-start !important; }
.ki-justify-lg-end { justify-content: flex-end !important; }
.ki-justify-lg-center { justify-content: center !important; }
.ki-justify-lg-between { justify-content: space-between !important; }
.ki-justify-lg-around { justify-content: space-around !important; }
.ki-justify-lg-evenly { justify-content: space-evenly !important; }
.ki-items-lg-start { align-items: flex-start !important; }
.ki-items-lg-end { align-items: flex-end !important; }
.ki-items-lg-center { align-items: center !important; }
.ki-items-lg-stretch { align-items: stretch !important; }
.ki-items-lg-baseline { align-items: baseline !important; }
.ki-order-lg-0 { order: 0 !important; }
.ki-order-lg-1 { order: 1 !important; }
.ki-order-lg-2 { order: 2 !important; }
.ki-order-lg-3 { order: 3 !important; }
.ki-order-lg-4 { order: 4 !important; }
.ki-order-lg-5 { order: 5 !important; }
.ki-flex-lg-grow-1 { flex-grow: 1 !important; }
.ki-flex-lg-shrink-0 { flex-shrink: 0 !important; }
}
@media (min-width: 1200px) {
.ki-d-xl-none { display: none !important; }
.ki-d-xl-block { display: block !important; }
.ki-d-xl-inline { display: inline !important; }
.ki-d-xl-inline-block { display: inline-block !important; }
.ki-d-xl-flex { display: flex !important; }
.ki-d-xl-inline-flex { display: inline-flex !important; }
.ki-d-xl-grid { display: grid !important; }
.ki-m-xl-0 { margin: 0 !important; }
.ki-m-xl-1 { margin: 0.25rem !important; }
.ki-m-xl-2 { margin: 0.5rem !important; }
.ki-m-xl-3 { margin: 0.75rem !important; }
.ki-m-xl-4 { margin: 1rem !important; }
.ki-m-xl-5 { margin: 1.5rem !important; }
.ki-m-xl-6 { margin: 2rem !important; }
.ki-m-xl-7 { margin: 3rem !important; }
.ki-m-xl-8 { margin: 4rem !important; }
.ki-m-xl-9 { margin: 6rem !important; }
.ki-m-xl-auto { margin: auto !important; }
.ki-mt-xl-0 { margin-top: 0 !important; }
.ki-mt-xl-1 { margin-top: 0.25rem !important; }
.ki-mt-xl-2 { margin-top: 0.5rem !important; }
.ki-mt-xl-3 { margin-top: 0.75rem !important; }
.ki-mt-xl-4 { margin-top: 1rem !important; }
.ki-mt-xl-5 { margin-top: 1.5rem !important; }
.ki-mt-xl-6 { margin-top: 2rem !important; }
.ki-mt-xl-7 { margin-top: 3rem !important; }
.ki-mt-xl-8 { margin-top: 4rem !important; }
.ki-mt-xl-9 { margin-top: 6rem !important; }
.ki-mt-xl-auto { margin-top: auto !important; }
.ki-mb-xl-0 { margin-bottom: 0 !important; }
.ki-mb-xl-1 { margin-bottom: 0.25rem !important; }
.ki-mb-xl-2 { margin-bottom: 0.5rem !important; }
.ki-mb-xl-3 { margin-bottom: 0.75rem !important; }
.ki-mb-xl-4 { margin-bottom: 1rem !important; }
.ki-mb-xl-5 { margin-bottom: 1.5rem !important; }
.ki-mb-xl-6 { margin-bottom: 2rem !important; }
.ki-mb-xl-7 { margin-bottom: 3rem !important; }
.ki-mb-xl-8 { margin-bottom: 4rem !important; }
.ki-mb-xl-9 { margin-bottom: 6rem !important; }
.ki-mb-xl-auto { margin-bottom: auto !important; }
.ki-ms-xl-0 { margin-inline-start: 0 !important; }
.ki-ms-xl-1 { margin-inline-start: 0.25rem !important; }
.ki-ms-xl-2 { margin-inline-start: 0.5rem !important; }
.ki-ms-xl-3 { margin-inline-start: 0.75rem !important; }
.ki-ms-xl-4 { margin-inline-start: 1rem !important; }
.ki-ms-xl-5 { margin-inline-start: 1.5rem !important; }
.ki-ms-xl-6 { margin-inline-start: 2rem !important; }
.ki-ms-xl-7 { margin-inline-start: 3rem !important; }
.ki-ms-xl-8 { margin-inline-start: 4rem !important; }
.ki-ms-xl-9 { margin-inline-start: 6rem !important; }
.ki-ms-xl-auto { margin-inline-start: auto !important; }
.ki-me-xl-0 { margin-inline-end: 0 !important; }
.ki-me-xl-1 { margin-inline-end: 0.25rem !important; }
.ki-me-xl-2 { margin-inline-end: 0.5rem !important; }
.ki-me-xl-3 { margin-inline-end: 0.75rem !important; }
.ki-me-xl-4 { margin-inline-end: 1rem !important; }
.ki-me-xl-5 { margin-inline-end: 1.5rem !important; }
.ki-me-xl-6 { margin-inline-end: 2rem !important; }
.ki-me-xl-7 { margin-inline-end: 3rem !important; }
.ki-me-xl-8 { margin-inline-end: 4rem !important; }
.ki-me-xl-9 { margin-inline-end: 6rem !important; }
.ki-me-xl-auto { margin-inline-end: auto !important; }
.ki-mx-xl-0 { margin-inline-start: 0 !important; margin-inline-end: 0 !important; }
.ki-mx-xl-1 { margin-inline-start: 0.25rem !important; margin-inline-end: 0.25rem !important; }
.ki-mx-xl-2 { margin-inline-start: 0.5rem !important; margin-inline-end: 0.5rem !important; }
.ki-mx-xl-3 { margin-inline-start: 0.75rem !important; margin-inline-end: 0.75rem !important; }
.ki-mx-xl-4 { margin-inline-start: 1rem !important; margin-inline-end: 1rem !important; }
.ki-mx-xl-5 { margin-inline-start: 1.5rem !important; margin-inline-end: 1.5rem !important; }
.ki-mx-xl-6 { margin-inline-start: 2rem !important; margin-inline-end: 2rem !important; }
.ki-mx-xl-7 { margin-inline-start: 3rem !important; margin-inline-end: 3rem !important; }
.ki-mx-xl-8 { margin-inline-start: 4rem !important; margin-inline-end: 4rem !important; }
.ki-mx-xl-9 { margin-inline-start: 6rem !important; margin-inline-end: 6rem !important; }
.ki-mx-xl-auto { margin-inline-start: auto !important; margin-inline-end: auto !important; }
.ki-my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.ki-my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.ki-my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.ki-my-xl-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
.ki-my-xl-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.ki-my-xl-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.ki-my-xl-6 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.ki-my-xl-7 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.ki-my-xl-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.ki-my-xl-9 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
.ki-my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; }
.ki-p-xl-0 { padding: 0 !important; }
.ki-p-xl-1 { padding: 0.25rem !important; }
.ki-p-xl-2 { padding: 0.5rem !important; }
.ki-p-xl-3 { padding: 0.75rem !important; }
.ki-p-xl-4 { padding: 1rem !important; }
.ki-p-xl-5 { padding: 1.5rem !important; }
.ki-p-xl-6 { padding: 2rem !important; }
.ki-p-xl-7 { padding: 3rem !important; }
.ki-p-xl-8 { padding: 4rem !important; }
.ki-p-xl-9 { padding: 6rem !important; }
.ki-pt-xl-0 { padding-top: 0 !important; }
.ki-pt-xl-1 { padding-top: 0.25rem !important; }
.ki-pt-xl-2 { padding-top: 0.5rem !important; }
.ki-pt-xl-3 { padding-top: 0.75rem !important; }
.ki-pt-xl-4 { padding-top: 1rem !important; }
.ki-pt-xl-5 { padding-top: 1.5rem !important; }
.ki-pt-xl-6 { padding-top: 2rem !important; }
.ki-pt-xl-7 { padding-top: 3rem !important; }
.ki-pt-xl-8 { padding-top: 4rem !important; }
.ki-pt-xl-9 { padding-top: 6rem !important; }
.ki-pb-xl-0 { padding-bottom: 0 !important; }
.ki-pb-xl-1 { padding-bottom: 0.25rem !important; }
.ki-pb-xl-2 { padding-bottom: 0.5rem !important; }
.ki-pb-xl-3 { padding-bottom: 0.75rem !important; }
.ki-pb-xl-4 { padding-bottom: 1rem !important; }
.ki-pb-xl-5 { padding-bottom: 1.5rem !important; }
.ki-pb-xl-6 { padding-bottom: 2rem !important; }
.ki-pb-xl-7 { padding-bottom: 3rem !important; }
.ki-pb-xl-8 { padding-bottom: 4rem !important; }
.ki-pb-xl-9 { padding-bottom: 6rem !important; }
.ki-ps-xl-0 { padding-inline-start: 0 !important; }
.ki-ps-xl-1 { padding-inline-start: 0.25rem !important; }
.ki-ps-xl-2 { padding-inline-start: 0.5rem !important; }
.ki-ps-xl-3 { padding-inline-start: 0.75rem !important; }
.ki-ps-xl-4 { padding-inline-start: 1rem !important; }
.ki-ps-xl-5 { padding-inline-start: 1.5rem !important; }
.ki-ps-xl-6 { padding-inline-start: 2rem !important; }
.ki-ps-xl-7 { padding-inline-start: 3rem !important; }
.ki-ps-xl-8 { padding-inline-start: 4rem !important; }
.ki-ps-xl-9 { padding-inline-start: 6rem !important; }
.ki-pe-xl-0 { padding-inline-end: 0 !important; }
.ki-pe-xl-1 { padding-inline-end: 0.25rem !important; }
.ki-pe-xl-2 { padding-inline-end: 0.5rem !important; }
.ki-pe-xl-3 { padding-inline-end: 0.75rem !important; }
.ki-pe-xl-4 { padding-inline-end: 1rem !important; }
.ki-pe-xl-5 { padding-inline-end: 1.5rem !important; }
.ki-pe-xl-6 { padding-inline-end: 2rem !important; }
.ki-pe-xl-7 { padding-inline-end: 3rem !important; }
.ki-pe-xl-8 { padding-inline-end: 4rem !important; }
.ki-pe-xl-9 { padding-inline-end: 6rem !important; }
.ki-px-xl-0 { padding-inline-start: 0 !important; padding-inline-end: 0 !important; }
.ki-px-xl-1 { padding-inline-start: 0.25rem !important; padding-inline-end: 0.25rem !important; }
.ki-px-xl-2 { padding-inline-start: 0.5rem !important; padding-inline-end: 0.5rem !important; }
.ki-px-xl-3 { padding-inline-start: 0.75rem !important; padding-inline-end: 0.75rem !important; }
.ki-px-xl-4 { padding-inline-start: 1rem !important; padding-inline-end: 1rem !important; }
.ki-px-xl-5 { padding-inline-start: 1.5rem !important; padding-inline-end: 1.5rem !important; }
.ki-px-xl-6 { padding-inline-start: 2rem !important; padding-inline-end: 2rem !important; }
.ki-px-xl-7 { padding-inline-start: 3rem !important; padding-inline-end: 3rem !important; }
.ki-px-xl-8 { padding-inline-start: 4rem !important; padding-inline-end: 4rem !important; }
.ki-px-xl-9 { padding-inline-start: 6rem !important; padding-inline-end: 6rem !important; }
.ki-py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.ki-py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.ki-py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.ki-py-xl-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.ki-py-xl-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.ki-py-xl-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.ki-py-xl-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.ki-py-xl-7 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.ki-py-xl-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.ki-py-xl-9 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.ki-gap-xl-0 { gap: 0 !important; }
.ki-gap-xl-1 { gap: 0.25rem !important; }
.ki-gap-xl-2 { gap: 0.5rem !important; }
.ki-gap-xl-3 { gap: 0.75rem !important; }
.ki-gap-xl-4 { gap: 1rem !important; }
.ki-gap-xl-5 { gap: 1.5rem !important; }
.ki-gap-xl-6 { gap: 2rem !important; }
.ki-gap-xl-7 { gap: 3rem !important; }
.ki-gap-xl-8 { gap: 4rem !important; }
.ki-gap-xl-9 { gap: 6rem !important; }
.ki-text-xl-start { text-align: start !important; }
.ki-text-xl-center { text-align: center !important; }
.ki-text-xl-end { text-align: end !important; }
.ki-flex-xl-row { flex-direction: row !important; }
.ki-flex-xl-column { flex-direction: column !important; }
.ki-flex-xl-row-reverse { flex-direction: row-reverse !important; }
.ki-flex-xl-column-reverse { flex-direction: column-reverse !important; }
.ki-flex-xl-wrap { flex-wrap: wrap !important; }
.ki-flex-xl-nowrap { flex-wrap: nowrap !important; }
.ki-justify-xl-start { justify-content: flex-start !important; }
.ki-justify-xl-end { justify-content: flex-end !important; }
.ki-justify-xl-center { justify-content: center !important; }
.ki-justify-xl-between { justify-content: space-between !important; }
.ki-justify-xl-around { justify-content: space-around !important; }
.ki-justify-xl-evenly { justify-content: space-evenly !important; }
.ki-items-xl-start { align-items: flex-start !important; }
.ki-items-xl-end { align-items: flex-end !important; }
.ki-items-xl-center { align-items: center !important; }
.ki-items-xl-stretch { align-items: stretch !important; }
.ki-items-xl-baseline { align-items: baseline !important; }
.ki-order-xl-0 { order: 0 !important; }
.ki-order-xl-1 { order: 1 !important; }
.ki-order-xl-2 { order: 2 !important; }
.ki-order-xl-3 { order: 3 !important; }
.ki-order-xl-4 { order: 4 !important; }
.ki-order-xl-5 { order: 5 !important; }
.ki-flex-xl-grow-1 { flex-grow: 1 !important; }
.ki-flex-xl-shrink-0 { flex-shrink: 0 !important; }
}
@media (min-width: 1400px) {
.ki-d-xxl-none { display: none !important; }
.ki-d-xxl-block { display: block !important; }
.ki-d-xxl-inline { display: inline !important; }
.ki-d-xxl-inline-block { display: inline-block !important; }
.ki-d-xxl-flex { display: flex !important; }
.ki-d-xxl-inline-flex { display: inline-flex !important; }
.ki-d-xxl-grid { display: grid !important; }
.ki-m-xxl-0 { margin: 0 !important; }
.ki-m-xxl-1 { margin: 0.25rem !important; }
.ki-m-xxl-2 { margin: 0.5rem !important; }
.ki-m-xxl-3 { margin: 0.75rem !important; }
.ki-m-xxl-4 { margin: 1rem !important; }
.ki-m-xxl-5 { margin: 1.5rem !important; }
.ki-m-xxl-6 { margin: 2rem !important; }
.ki-m-xxl-7 { margin: 3rem !important; }
.ki-m-xxl-8 { margin: 4rem !important; }
.ki-m-xxl-9 { margin: 6rem !important; }
.ki-m-xxl-auto { margin: auto !important; }
.ki-mt-xxl-0 { margin-top: 0 !important; }
.ki-mt-xxl-1 { margin-top: 0.25rem !important; }
.ki-mt-xxl-2 { margin-top: 0.5rem !important; }
.ki-mt-xxl-3 { margin-top: 0.75rem !important; }
.ki-mt-xxl-4 { margin-top: 1rem !important; }
.ki-mt-xxl-5 { margin-top: 1.5rem !important; }
.ki-mt-xxl-6 { margin-top: 2rem !important; }
.ki-mt-xxl-7 { margin-top: 3rem !important; }
.ki-mt-xxl-8 { margin-top: 4rem !important; }
.ki-mt-xxl-9 { margin-top: 6rem !important; }
.ki-mt-xxl-auto { margin-top: auto !important; }
.ki-mb-xxl-0 { margin-bottom: 0 !important; }
.ki-mb-xxl-1 { margin-bottom: 0.25rem !important; }
.ki-mb-xxl-2 { margin-bottom: 0.5rem !important; }
.ki-mb-xxl-3 { margin-bottom: 0.75rem !important; }
.ki-mb-xxl-4 { margin-bottom: 1rem !important; }
.ki-mb-xxl-5 { margin-bottom: 1.5rem !important; }
.ki-mb-xxl-6 { margin-bottom: 2rem !important; }
.ki-mb-xxl-7 { margin-bottom: 3rem !important; }
.ki-mb-xxl-8 { margin-bottom: 4rem !important; }
.ki-mb-xxl-9 { margin-bottom: 6rem !important; }
.ki-mb-xxl-auto { margin-bottom: auto !important; }
.ki-ms-xxl-0 { margin-inline-start: 0 !important; }
.ki-ms-xxl-1 { margin-inline-start: 0.25rem !important; }
.ki-ms-xxl-2 { margin-inline-start: 0.5rem !important; }
.ki-ms-xxl-3 { margin-inline-start: 0.75rem !important; }
.ki-ms-xxl-4 { margin-inline-start: 1rem !important; }
.ki-ms-xxl-5 { margin-inline-start: 1.5rem !important; }
.ki-ms-xxl-6 { margin-inline-start: 2rem !important; }
.ki-ms-xxl-7 { margin-inline-start: 3rem !important; }
.ki-ms-xxl-8 { margin-inline-start: 4rem !important; }
.ki-ms-xxl-9 { margin-inline-start: 6rem !important; }
.ki-ms-xxl-auto { margin-inline-start: auto !important; }
.ki-me-xxl-0 { margin-inline-end: 0 !important; }
.ki-me-xxl-1 { margin-inline-end: 0.25rem !important; }
.ki-me-xxl-2 { margin-inline-end: 0.5rem !important; }
.ki-me-xxl-3 { margin-inline-end: 0.75rem !important; }
.ki-me-xxl-4 { margin-inline-end: 1rem !important; }
.ki-me-xxl-5 { margin-inline-end: 1.5rem !important; }
.ki-me-xxl-6 { margin-inline-end: 2rem !important; }
.ki-me-xxl-7 { margin-inline-end: 3rem !important; }
.ki-me-xxl-8 { margin-inline-end: 4rem !important; }
.ki-me-xxl-9 { margin-inline-end: 6rem !important; }
.ki-me-xxl-auto { margin-inline-end: auto !important; }
.ki-mx-xxl-0 { margin-inline-start: 0 !important; margin-inline-end: 0 !important; }
.ki-mx-xxl-1 { margin-inline-start: 0.25rem !important; margin-inline-end: 0.25rem !important; }
.ki-mx-xxl-2 { margin-inline-start: 0.5rem !important; margin-inline-end: 0.5rem !important; }
.ki-mx-xxl-3 { margin-inline-start: 0.75rem !important; margin-inline-end: 0.75rem !important; }
.ki-mx-xxl-4 { margin-inline-start: 1rem !important; margin-inline-end: 1rem !important; }
.ki-mx-xxl-5 { margin-inline-start: 1.5rem !important; margin-inline-end: 1.5rem !important; }
.ki-mx-xxl-6 { margin-inline-start: 2rem !important; margin-inline-end: 2rem !important; }
.ki-mx-xxl-7 { margin-inline-start: 3rem !important; margin-inline-end: 3rem !important; }
.ki-mx-xxl-8 { margin-inline-start: 4rem !important; margin-inline-end: 4rem !important; }
.ki-mx-xxl-9 { margin-inline-start: 6rem !important; margin-inline-end: 6rem !important; }
.ki-mx-xxl-auto { margin-inline-start: auto !important; margin-inline-end: auto !important; }
.ki-my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.ki-my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.ki-my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.ki-my-xxl-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
.ki-my-xxl-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.ki-my-xxl-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.ki-my-xxl-6 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.ki-my-xxl-7 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.ki-my-xxl-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.ki-my-xxl-9 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
.ki-my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; }
.ki-p-xxl-0 { padding: 0 !important; }
.ki-p-xxl-1 { padding: 0.25rem !important; }
.ki-p-xxl-2 { padding: 0.5rem !important; }
.ki-p-xxl-3 { padding: 0.75rem !important; }
.ki-p-xxl-4 { padding: 1rem !important; }
.ki-p-xxl-5 { padding: 1.5rem !important; }
.ki-p-xxl-6 { padding: 2rem !important; }
.ki-p-xxl-7 { padding: 3rem !important; }
.ki-p-xxl-8 { padding: 4rem !important; }
.ki-p-xxl-9 { padding: 6rem !important; }
.ki-pt-xxl-0 { padding-top: 0 !important; }
.ki-pt-xxl-1 { padding-top: 0.25rem !important; }
.ki-pt-xxl-2 { padding-top: 0.5rem !important; }
.ki-pt-xxl-3 { padding-top: 0.75rem !important; }
.ki-pt-xxl-4 { padding-top: 1rem !important; }
.ki-pt-xxl-5 { padding-top: 1.5rem !important; }
.ki-pt-xxl-6 { padding-top: 2rem !important; }
.ki-pt-xxl-7 { padding-top: 3rem !important; }
.ki-pt-xxl-8 { padding-top: 4rem !important; }
.ki-pt-xxl-9 { padding-top: 6rem !important; }
.ki-pb-xxl-0 { padding-bottom: 0 !important; }
.ki-pb-xxl-1 { padding-bottom: 0.25rem !important; }
.ki-pb-xxl-2 { padding-bottom: 0.5rem !important; }
.ki-pb-xxl-3 { padding-bottom: 0.75rem !important; }
.ki-pb-xxl-4 { padding-bottom: 1rem !important; }
.ki-pb-xxl-5 { padding-bottom: 1.5rem !important; }
.ki-pb-xxl-6 { padding-bottom: 2rem !important; }
.ki-pb-xxl-7 { padding-bottom: 3rem !important; }
.ki-pb-xxl-8 { padding-bottom: 4rem !important; }
.ki-pb-xxl-9 { padding-bottom: 6rem !important; }
.ki-ps-xxl-0 { padding-inline-start: 0 !important; }
.ki-ps-xxl-1 { padding-inline-start: 0.25rem !important; }
.ki-ps-xxl-2 { padding-inline-start: 0.5rem !important; }
.ki-ps-xxl-3 { padding-inline-start: 0.75rem !important; }
.ki-ps-xxl-4 { padding-inline-start: 1rem !important; }
.ki-ps-xxl-5 { padding-inline-start: 1.5rem !important; }
.ki-ps-xxl-6 { padding-inline-start: 2rem !important; }
.ki-ps-xxl-7 { padding-inline-start: 3rem !important; }
.ki-ps-xxl-8 { padding-inline-start: 4rem !important; }
.ki-ps-xxl-9 { padding-inline-start: 6rem !important; }
.ki-pe-xxl-0 { padding-inline-end: 0 !important; }
.ki-pe-xxl-1 { padding-inline-end: 0.25rem !important; }
.ki-pe-xxl-2 { padding-inline-end: 0.5rem !important; }
.ki-pe-xxl-3 { padding-inline-end: 0.75rem !important; }
.ki-pe-xxl-4 { padding-inline-end: 1rem !important; }
.ki-pe-xxl-5 { padding-inline-end: 1.5rem !important; }
.ki-pe-xxl-6 { padding-inline-end: 2rem !important; }
.ki-pe-xxl-7 { padding-inline-end: 3rem !important; }
.ki-pe-xxl-8 { padding-inline-end: 4rem !important; }
.ki-pe-xxl-9 { padding-inline-end: 6rem !important; }
.ki-px-xxl-0 { padding-inline-start: 0 !important; padding-inline-end: 0 !important; }
.ki-px-xxl-1 { padding-inline-start: 0.25rem !important; padding-inline-end: 0.25rem !important; }
.ki-px-xxl-2 { padding-inline-start: 0.5rem !important; padding-inline-end: 0.5rem !important; }
.ki-px-xxl-3 { padding-inline-start: 0.75rem !important; padding-inline-end: 0.75rem !important; }
.ki-px-xxl-4 { padding-inline-start: 1rem !important; padding-inline-end: 1rem !important; }
.ki-px-xxl-5 { padding-inline-start: 1.5rem !important; padding-inline-end: 1.5rem !important; }
.ki-px-xxl-6 { padding-inline-start: 2rem !important; padding-inline-end: 2rem !important; }
.ki-px-xxl-7 { padding-inline-start: 3rem !important; padding-inline-end: 3rem !important; }
.ki-px-xxl-8 { padding-inline-start: 4rem !important; padding-inline-end: 4rem !important; }
.ki-px-xxl-9 { padding-inline-start: 6rem !important; padding-inline-end: 6rem !important; }
.ki-py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.ki-py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.ki-py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.ki-py-xxl-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.ki-py-xxl-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.ki-py-xxl-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.ki-py-xxl-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.ki-py-xxl-7 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.ki-py-xxl-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.ki-py-xxl-9 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.ki-gap-xxl-0 { gap: 0 !important; }
.ki-gap-xxl-1 { gap: 0.25rem !important; }
.ki-gap-xxl-2 { gap: 0.5rem !important; }
.ki-gap-xxl-3 { gap: 0.75rem !important; }
.ki-gap-xxl-4 { gap: 1rem !important; }
.ki-gap-xxl-5 { gap: 1.5rem !important; }
.ki-gap-xxl-6 { gap: 2rem !important; }
.ki-gap-xxl-7 { gap: 3rem !important; }
.ki-gap-xxl-8 { gap: 4rem !important; }
.ki-gap-xxl-9 { gap: 6rem !important; }
.ki-text-xxl-start { text-align: start !important; }
.ki-text-xxl-center { text-align: center !important; }
.ki-text-xxl-end { text-align: end !important; }
.ki-flex-xxl-row { flex-direction: row !important; }
.ki-flex-xxl-column { flex-direction: column !important; }
.ki-flex-xxl-row-reverse { flex-direction: row-reverse !important; }
.ki-flex-xxl-column-reverse { flex-direction: column-reverse !important; }
.ki-flex-xxl-wrap { flex-wrap: wrap !important; }
.ki-flex-xxl-nowrap { flex-wrap: nowrap !important; }
.ki-justify-xxl-start { justify-content: flex-start !important; }
.ki-justify-xxl-end { justify-content: flex-end !important; }
.ki-justify-xxl-center { justify-content: center !important; }
.ki-justify-xxl-between { justify-content: space-between !important; }
.ki-justify-xxl-around { justify-content: space-around !important; }
.ki-justify-xxl-evenly { justify-content: space-evenly !important; }
.ki-items-xxl-start { align-items: flex-start !important; }
.ki-items-xxl-end { align-items: flex-end !important; }
.ki-items-xxl-center { align-items: center !important; }
.ki-items-xxl-stretch { align-items: stretch !important; }
.ki-items-xxl-baseline { align-items: baseline !important; }
.ki-order-xxl-0 { order: 0 !important; }
.ki-order-xxl-1 { order: 1 !important; }
.ki-order-xxl-2 { order: 2 !important; }
.ki-order-xxl-3 { order: 3 !important; }
.ki-order-xxl-4 { order: 4 !important; }
.ki-order-xxl-5 { order: 5 !important; }
.ki-flex-xxl-grow-1 { flex-grow: 1 !important; }
.ki-flex-xxl-shrink-0 { flex-shrink: 0 !important; }
}
}