/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
  ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
  .ddi-kea-page *,
  .ddi-kea-page :before,
  .ddi-kea-page :after,
  .ddi-kea-page ::backdrop {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    --tw-rotate-x: initial;
    --tw-rotate-y: initial;
    --tw-rotate-z: initial;
    --tw-skew-x: initial;
    --tw-skew-y: initial;
    --tw-space-y-reverse: 0;
    --tw-space-x-reverse: 0;
    --tw-divide-y-reverse: 0;
    --tw-border-style: solid;
    --tw-leading: initial;
    --tw-font-weight: initial;
    --tw-tracking: initial;
    --tw-ordinal: initial;
    --tw-slashed-zero: initial;
    --tw-numeric-figure: initial;
    --tw-numeric-spacing: initial;
    --tw-numeric-fraction: initial;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-color: initial;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 #0000;
    --tw-inset-shadow-color: initial;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-color: initial;
    --tw-ring-shadow: 0 0 #0000;
    --tw-inset-ring-color: initial;
    --tw-inset-ring-shadow: 0 0 #0000;
    --tw-ring-inset: initial;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-outline-style: solid;
    --tw-blur: initial;
    --tw-brightness: initial;
    --tw-contrast: initial;
    --tw-grayscale: initial;
    --tw-hue-rotate: initial;
    --tw-invert: initial;
    --tw-opacity: initial;
    --tw-saturate: initial;
    --tw-sepia: initial;
    --tw-drop-shadow: initial;
    --tw-drop-shadow-color: initial;
    --tw-drop-shadow-alpha: 100%;
    --tw-drop-shadow-size: initial;
    --tw-backdrop-blur: initial;
    --tw-backdrop-brightness: initial;
    --tw-backdrop-contrast: initial;
    --tw-backdrop-grayscale: initial;
    --tw-backdrop-hue-rotate: initial;
    --tw-backdrop-invert: initial;
    --tw-backdrop-opacity: initial;
    --tw-backdrop-saturate: initial;
    --tw-backdrop-sepia: initial;
    --tw-duration: initial;
    --tw-ease: initial;
    --tw-content: "";
    --tw-animation-delay: 0s;
    --tw-animation-direction: normal;
    --tw-animation-duration: initial;
    --tw-animation-fill-mode: none;
    --tw-animation-iteration-count: 1;
    --tw-enter-blur: 0;
    --tw-enter-opacity: 1;
    --tw-enter-rotate: 0;
    --tw-enter-scale: 1;
    --tw-enter-translate-x: 0;
    --tw-enter-translate-y: 0;
    --tw-exit-blur: 0;
    --tw-exit-opacity: 1;
    --tw-exit-rotate: 0;
    --tw-exit-scale: 1;
    --tw-exit-translate-x: 0;
    --tw-exit-translate-y: 0;
  }
}
.ddi-kea-page,
.ddi-kea-page {
  --font-sans: "IBM Plex Sans", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-orange-400: oklch(75% 0.183 55.934);
  --color-orange-500: oklch(70.5% 0.213 47.604);
  --color-green-500: oklch(72.3% 0.219 149.579);
  --color-green-600: oklch(62.7% 0.194 149.214);
  --color-cyan-400: oklch(78.9% 0.154 211.53);
  --color-cyan-500: oklch(71.5% 0.143 215.221);
  --color-black: #000;
  --spacing: 0.25rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --container-7xl: 80rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-relaxed: 1.625;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --blur-xl: 24px;
  --aspect-video: 16 / 9;
  --default-transition-duration: 0.15s;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: "IBM Plex Sans", sans-serif;
  --default-mono-font-family: var(--font-mono);
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-destructive: var(--destructive);
  --color-border: var(--border);
  --color-chart-2: var(--chart-2);
  --color-chart-4: var(--chart-4);
  --color-hero: var(--hero);
  --color-hero-foreground: var(--hero-foreground);
  --color-warning: var(--warning);
  --color-warning-soft: var(--warning-soft);
  --color-success: var(--success);
  --color-grid-free: var(--grid-free);
  --font-display: "Archivo", sans-serif;
}
.ddi-kea-page *,
.ddi-kea-page :after,
.ddi-kea-page :before,
.ddi-kea-page ::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
.ddi-kea-page ::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
.ddi-kea-page,
.ddi-kea-page {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(
    --default-font-family,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji"
  );
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
.ddi-kea-page hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
.ddi-kea-page abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.ddi-kea-page h1,
.ddi-kea-page h2,
.ddi-kea-page h3,
.ddi-kea-page h4,
.ddi-kea-page h5,
.ddi-kea-page h6 {
  font-size: inherit;
  font-weight: inherit;
}
.ddi-kea-page a {
  color: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
.ddi-kea-page b,
.ddi-kea-page strong {
  font-weight: bolder;
}
.ddi-kea-page code,
.ddi-kea-page kbd,
.ddi-kea-page samp,
.ddi-kea-page pre {
  font-family: var(
    --default-mono-font-family,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace
  );
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
.ddi-kea-page small {
  font-size: 80%;
}
.ddi-kea-page sub,
.ddi-kea-page sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}
.ddi-kea-page sub {
  bottom: -0.25em;
}
.ddi-kea-page sup {
  top: -0.5em;
}
.ddi-kea-page table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
.ddi-kea-page :-moz-focusring:where(:not(iframe)) {
  outline: auto;
}
.ddi-kea-page progress {
  vertical-align: baseline;
}
.ddi-kea-page summary {
  display: list-item;
}
.ddi-kea-page ol,
.ddi-kea-page ul,
.ddi-kea-page menu {
  list-style: none;
}
.ddi-kea-page img,
.ddi-kea-page svg,
.ddi-kea-page video,
.ddi-kea-page canvas,
.ddi-kea-page audio,
.ddi-kea-page iframe,
.ddi-kea-page embed,
.ddi-kea-page object {
  vertical-align: middle;
  display: block;
}
.ddi-kea-page img,
.ddi-kea-page video {
  max-width: 100%;
  height: auto;
}
.ddi-kea-page button,
.ddi-kea-page input,
.ddi-kea-page select,
.ddi-kea-page optgroup,
.ddi-kea-page textarea {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}
.ddi-kea-page ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}
.ddi-kea-page :where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
.ddi-kea-page :where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
.ddi-kea-page ::file-selector-button {
  margin-inline-end: 4px;
}
.ddi-kea-page ::placeholder {
  opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or
  (contain-intrinsic-size: 1px) {
  .ddi-kea-page ::placeholder {
    color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ddi-kea-page ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
.ddi-kea-page textarea {
  resize: vertical;
}
.ddi-kea-page ::-webkit-search-decoration {
  -webkit-appearance: none;
}
.ddi-kea-page ::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
.ddi-kea-page ::-webkit-datetime-edit {
  display: inline-flex;
}
.ddi-kea-page ::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
.ddi-kea-page ::-webkit-datetime-edit {
  padding-block: 0;
}
.ddi-kea-page ::-webkit-datetime-edit-year-field {
  padding-block: 0;
}
.ddi-kea-page ::-webkit-datetime-edit-month-field {
  padding-block: 0;
}
.ddi-kea-page ::-webkit-datetime-edit-day-field {
  padding-block: 0;
}
.ddi-kea-page ::-webkit-datetime-edit-hour-field {
  padding-block: 0;
}
.ddi-kea-page ::-webkit-datetime-edit-minute-field {
  padding-block: 0;
}
.ddi-kea-page ::-webkit-datetime-edit-second-field {
  padding-block: 0;
}
.ddi-kea-page ::-webkit-datetime-edit-millisecond-field {
  padding-block: 0;
}
.ddi-kea-page ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
.ddi-kea-page ::-webkit-calendar-picker-indicator {
  line-height: 1;
}
.ddi-kea-page :-moz-ui-invalid {
  box-shadow: none;
}
.ddi-kea-page button,
.ddi-kea-page input:where([type="button"], [type="reset"], [type="submit"]) {
  appearance: button;
}
.ddi-kea-page ::file-selector-button {
  appearance: button;
}
.ddi-kea-page ::-webkit-inner-spin-button {
  height: auto;
}
.ddi-kea-page ::-webkit-outer-spin-button {
  height: auto;
}
.ddi-kea-page [hidden]:where(:not([hidden="until-found"])) {
  display: none !important;
}
.ddi-kea-page * {
  border-color: var(--color-border);
}
.ddi-kea-page {
  background-color: var(--color-background);
  color: var(--color-foreground);
  font-family: var(--font-sans);
  line-height: 1.6;
  overflow-x: clip;
}
.ddi-kea-page {
  scroll-behavior: smooth;
  overflow-x: clip;
}
.ddi-kea-page h1,
.ddi-kea-page h2,
.ddi-kea-page h3,
.ddi-kea-page h4 {
  font-family: var(--font-display);
  letter-spacing: 0;
}
.ddi-kea-page button,
.ddi-kea-page a,
.ddi-kea-page summary {
  -webkit-tap-highlight-color: transparent;
}
.ddi-kea-page .pointer-events-none {
  pointer-events: none;
}
.ddi-kea-page .invisible {
  visibility: hidden;
}
.ddi-kea-page .visible {
  visibility: visible;
}
.ddi-kea-page .sr-only {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.ddi-kea-page .absolute {
  position: absolute;
}
.ddi-kea-page .fixed {
  position: fixed;
}
.ddi-kea-page .relative {
  position: relative;
}
.ddi-kea-page .static {
  position: static;
}
.ddi-kea-page .sticky {
  position: sticky;
}
.ddi-kea-page .inset-0 {
  inset: 0;
}
.ddi-kea-page .inset-x-0 {
  inset-inline: 0;
}
.ddi-kea-page .inset-y-0 {
  inset-block: 0;
}
.ddi-kea-page .-top-12 {
  top: calc(var(--spacing) * -12);
}
.ddi-kea-page .top-0 {
  top: 0;
}
.ddi-kea-page .top-1 {
  top: var(--spacing);
}
.ddi-kea-page .top-1\.5 {
  top: calc(var(--spacing) * 1.5);
}
.ddi-kea-page .top-1\/2 {
  top: 50%;
}
.ddi-kea-page .top-3\.5 {
  top: calc(var(--spacing) * 3.5);
}
.ddi-kea-page .top-4 {
  top: calc(var(--spacing) * 4);
}
.ddi-kea-page .top-\[1px\] {
  top: 1px;
}
.ddi-kea-page .top-\[50\%\] {
  top: 50%;
}
.ddi-kea-page .top-\[60\%\] {
  top: 60%;
}
.ddi-kea-page .top-full {
  top: 100%;
}
.ddi-kea-page .-right-12 {
  right: calc(var(--spacing) * -12);
}
.ddi-kea-page .right-0 {
  right: 0;
}
.ddi-kea-page .right-1 {
  right: var(--spacing);
}
.ddi-kea-page .right-2 {
  right: calc(var(--spacing) * 2);
}
.ddi-kea-page .right-3 {
  right: calc(var(--spacing) * 3);
}
.ddi-kea-page .right-4 {
  right: calc(var(--spacing) * 4);
}
.ddi-kea-page .right-\[13\%\] {
  right: 13%;
}
.ddi-kea-page .-bottom-12 {
  bottom: calc(var(--spacing) * -12);
}
.ddi-kea-page .bottom-0 {
  bottom: 0;
}
.ddi-kea-page .bottom-full {
  bottom: 100%;
}
.ddi-kea-page .-left-1\/3 {
  left: -33.3333%;
}
.ddi-kea-page .-left-12 {
  left: calc(var(--spacing) * -12);
}
.ddi-kea-page .left-0 {
  left: 0;
}
.ddi-kea-page .left-1\/2 {
  left: 50%;
}
.ddi-kea-page .left-2 {
  left: calc(var(--spacing) * 2);
}
.ddi-kea-page .left-\[50\%\] {
  left: 50%;
}
.ddi-kea-page .z-10 {
  z-index: 10;
}
.ddi-kea-page .z-20 {
  z-index: 20;
}
.ddi-kea-page .z-50 {
  z-index: 50;
}
.ddi-kea-page .z-\[1\] {
  z-index: 1;
}
.ddi-kea-page .z-\[9999\] {
  z-index: 9999;
}
.ddi-kea-page .col-span-3 {
  grid-column: span 3 / span 3;
}
.ddi-kea-page .float-right {
  float: right;
}
.ddi-kea-page .-mx-1 {
  margin-inline: calc(var(--spacing) * -1);
}
.ddi-kea-page .mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}
.ddi-kea-page .mx-3\.5 {
  margin-inline: calc(var(--spacing) * 3.5);
}
.ddi-kea-page .mx-auto {
  margin-inline: auto;
}
.ddi-kea-page .my-0\.5 {
  margin-block: calc(var(--spacing) * 0.5);
}
.ddi-kea-page .my-1 {
  margin-block: var(--spacing);
}
.ddi-kea-page .-mt-4 {
  margin-top: calc(var(--spacing) * -4);
}
.ddi-kea-page .-mt-6 {
  margin-top: calc(var(--spacing) * -6);
}
.ddi-kea-page .mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.ddi-kea-page .mt-1 {
  margin-top: var(--spacing);
}
.ddi-kea-page .mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}
.ddi-kea-page .mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.ddi-kea-page .mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.ddi-kea-page .mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.ddi-kea-page .mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.ddi-kea-page .mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.ddi-kea-page .mt-7 {
  margin-top: calc(var(--spacing) * 7);
}
.ddi-kea-page .mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.ddi-kea-page .mt-9 {
  margin-top: calc(var(--spacing) * 9);
}
.ddi-kea-page .mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.ddi-kea-page .mt-12 {
  margin-top: calc(var(--spacing) * 12);
}
.ddi-kea-page .mt-14 {
  margin-top: calc(var(--spacing) * 14);
}
.ddi-kea-page .mt-16 {
  margin-top: calc(var(--spacing) * 16);
}
.ddi-kea-page .mt-24 {
  margin-top: calc(var(--spacing) * 24);
}
.ddi-kea-page .mt-auto {
  margin-top: auto;
}
.ddi-kea-page .mr-1 {
  margin-right: var(--spacing);
}
.ddi-kea-page .mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.ddi-kea-page .mb-1 {
  margin-bottom: var(--spacing);
}
.ddi-kea-page .mb-1\.5 {
  margin-bottom: calc(var(--spacing) * 1.5);
}
.ddi-kea-page .mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.ddi-kea-page .mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.ddi-kea-page .mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.ddi-kea-page .mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.ddi-kea-page .mb-7 {
  margin-bottom: calc(var(--spacing) * 7);
}
.ddi-kea-page .-ml-1 {
  margin-left: calc(var(--spacing) * -1);
}
.ddi-kea-page .-ml-4 {
  margin-left: calc(var(--spacing) * -4);
}
.ddi-kea-page .ml-1 {
  margin-left: var(--spacing);
}
.ddi-kea-page .ml-3 {
  margin-left: calc(var(--spacing) * 3);
}
.ddi-kea-page .ml-auto {
  margin-left: auto;
}
.ddi-kea-page .block {
  display: block;
}
.ddi-kea-page .flex {
  display: flex;
}
.ddi-kea-page .grid {
  display: grid;
}
.ddi-kea-page .hidden {
  display: none;
}
.ddi-kea-page .inline-block {
  display: inline-block;
}
.ddi-kea-page .inline-flex {
  display: inline-flex;
}
.ddi-kea-page .table {
  display: table;
}
.ddi-kea-page .aspect-square {
  aspect-ratio: 1;
}
.ddi-kea-page .aspect-video {
  aspect-ratio: var(--aspect-video);
}
.ddi-kea-page .size-\(--cell-size\) {
  width: var(--cell-size);
  height: var(--cell-size);
}
.ddi-kea-page .size-1\.5 {
  width: calc(var(--spacing) * 1.5);
  height: calc(var(--spacing) * 1.5);
}
.ddi-kea-page .size-2 {
  width: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
}
.ddi-kea-page .size-4 {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}
.ddi-kea-page .size-7 {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
}
.ddi-kea-page .size-10 {
  width: calc(var(--spacing) * 10);
  height: calc(var(--spacing) * 10);
}
.ddi-kea-page .size-full {
  width: 100%;
  height: 100%;
}
.ddi-kea-page .h-\(--cell-size\) {
  height: var(--cell-size);
}
.ddi-kea-page .h-0\.5 {
  height: calc(var(--spacing) * 0.5);
}
.ddi-kea-page .h-1 {
  height: var(--spacing);
}
.ddi-kea-page .h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}
.ddi-kea-page .h-2 {
  height: calc(var(--spacing) * 2);
}
.ddi-kea-page .h-2\.5 {
  height: calc(var(--spacing) * 2.5);
}
.ddi-kea-page .h-3 {
  height: calc(var(--spacing) * 3);
}
.ddi-kea-page .h-3\.5 {
  height: calc(var(--spacing) * 3.5);
}
.ddi-kea-page .h-4 {
  height: calc(var(--spacing) * 4);
}
.ddi-kea-page .h-5 {
  height: calc(var(--spacing) * 5);
}
.ddi-kea-page .h-7 {
  height: calc(var(--spacing) * 7);
}
.ddi-kea-page .h-8 {
  height: calc(var(--spacing) * 8);
}
.ddi-kea-page .h-9 {
  height: calc(var(--spacing) * 9);
}
.ddi-kea-page .h-10 {
  height: calc(var(--spacing) * 10);
}
.ddi-kea-page .h-12 {
  height: calc(var(--spacing) * 12);
}
.ddi-kea-page .h-28 {
  height: calc(var(--spacing) * 28);
}
.ddi-kea-page .h-\[1px\] {
  height: 1px;
}
.ddi-kea-page .h-\[52px\] {
  height: 52px;
}
.ddi-kea-page .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
  height: var(--radix-navigation-menu-viewport-height);
}
.ddi-kea-page .h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.ddi-kea-page .h-auto {
  height: auto;
}
.ddi-kea-page .h-full {
  height: 100%;
}
.ddi-kea-page .h-px {
  height: 1px;
}
.ddi-kea-page .h-svh {
  height: 100svh;
}
.ddi-kea-page .max-h-\(--radix-context-menu-content-available-height\) {
  max-height: var(--radix-context-menu-content-available-height);
}
.ddi-kea-page .max-h-\(--radix-select-content-available-height\) {
  max-height: var(--radix-select-content-available-height);
}
.ddi-kea-page .max-h-\[300px\] {
  max-height: 300px;
}
.ddi-kea-page .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.ddi-kea-page .min-h-0 {
  min-height: 0;
}
.ddi-kea-page .min-h-8 {
  min-height: calc(var(--spacing) * 8);
}
.ddi-kea-page .min-h-9 {
  min-height: calc(var(--spacing) * 9);
}
.ddi-kea-page .min-h-10 {
  min-height: calc(var(--spacing) * 10);
}
.ddi-kea-page .min-h-11 {
  min-height: calc(var(--spacing) * 11);
}
.ddi-kea-page .min-h-12 {
  min-height: calc(var(--spacing) * 12);
}
.ddi-kea-page .min-h-16 {
  min-height: calc(var(--spacing) * 16);
}
.ddi-kea-page .min-h-20 {
  min-height: calc(var(--spacing) * 20);
}
.ddi-kea-page .min-h-28 {
  min-height: calc(var(--spacing) * 28);
}
.ddi-kea-page .min-h-\[60px\] {
  min-height: 60px;
}
.ddi-kea-page .min-h-\[280px\] {
  min-height: 280px;
}
.ddi-kea-page .min-h-\[390px\] {
  min-height: 390px;
}
.ddi-kea-page .min-h-\[min\(900px\,calc\(100svh-4\.5rem\)\)\] {
  min-height: min(900px, 100svh - 4.5rem);
}
.ddi-kea-page .min-h-screen {
  min-height: 100vh;
}
.ddi-kea-page .min-h-svh {
  min-height: 100svh;
}
.ddi-kea-page .w-\(--cell-size\) {
  width: var(--cell-size);
}
.ddi-kea-page .w-\(--sidebar-width\) {
  width: var(--sidebar-width);
}
.ddi-kea-page .w-0 {
  width: 0;
}
.ddi-kea-page .w-1 {
  width: var(--spacing);
}
.ddi-kea-page .w-1\/3 {
  width: 33.3333%;
}
.ddi-kea-page .w-1\/4 {
  width: 25%;
}
.ddi-kea-page .w-2 {
  width: calc(var(--spacing) * 2);
}
.ddi-kea-page .w-2\.5 {
  width: calc(var(--spacing) * 2.5);
}
.ddi-kea-page .w-3 {
  width: calc(var(--spacing) * 3);
}
.ddi-kea-page .w-3\.5 {
  width: calc(var(--spacing) * 3.5);
}
.ddi-kea-page .w-3\/4 {
  width: 75%;
}
.ddi-kea-page .w-4 {
  width: calc(var(--spacing) * 4);
}
.ddi-kea-page .w-5 {
  width: calc(var(--spacing) * 5);
}
.ddi-kea-page .w-7 {
  width: calc(var(--spacing) * 7);
}
.ddi-kea-page .w-8 {
  width: calc(var(--spacing) * 8);
}
.ddi-kea-page .w-9 {
  width: calc(var(--spacing) * 9);
}
.ddi-kea-page .w-10 {
  width: calc(var(--spacing) * 10);
}
.ddi-kea-page .w-16 {
  width: calc(var(--spacing) * 16);
}
.ddi-kea-page .w-36 {
  width: calc(var(--spacing) * 36);
}
.ddi-kea-page .w-64 {
  width: calc(var(--spacing) * 64);
}
.ddi-kea-page .w-72 {
  width: calc(var(--spacing) * 72);
}
.ddi-kea-page .w-\[1px\] {
  width: 1px;
}
.ddi-kea-page .w-\[5\%\] {
  width: 5%;
}
.ddi-kea-page .w-\[15\%\] {
  width: 15%;
}
.ddi-kea-page .w-\[23\%\] {
  width: 23%;
}
.ddi-kea-page .w-\[29\%\] {
  width: 29%;
}
.ddi-kea-page .w-\[62\%\] {
  width: 62%;
}
.ddi-kea-page .w-\[66\%\] {
  width: 66%;
}
.ddi-kea-page .w-\[100px\] {
  width: 100px;
}
.ddi-kea-page .w-auto {
  width: auto;
}
.ddi-kea-page .w-fit {
  width: fit-content;
}
.ddi-kea-page .w-full {
  width: 100%;
}
.ddi-kea-page .w-max {
  width: max-content;
}
.ddi-kea-page .w-px {
  width: 1px;
}
.ddi-kea-page .max-w-\(--skeleton-width\) {
  max-width: var(--skeleton-width);
}
.ddi-kea-page .max-w-2xl {
  max-width: var(--container-2xl);
}
.ddi-kea-page .max-w-3xl {
  max-width: var(--container-3xl);
}
.ddi-kea-page .max-w-4xl {
  max-width: var(--container-4xl);
}
.ddi-kea-page .max-w-5xl {
  max-width: var(--container-5xl);
}
.ddi-kea-page .max-w-7xl {
  max-width: var(--container-7xl);
}
.ddi-kea-page .max-w-lg {
  max-width: var(--container-lg);
}
.ddi-kea-page .max-w-max {
  max-width: max-content;
}
.ddi-kea-page .max-w-md {
  max-width: var(--container-md);
}
.ddi-kea-page .max-w-sm {
  max-width: var(--container-sm);
}
.ddi-kea-page .max-w-xl {
  max-width: var(--container-xl);
}
.ddi-kea-page .min-w-\(--cell-size\) {
  min-width: var(--cell-size);
}
.ddi-kea-page .min-w-0 {
  min-width: 0;
}
.ddi-kea-page .min-w-5 {
  min-width: calc(var(--spacing) * 5);
}
.ddi-kea-page .min-w-8 {
  min-width: calc(var(--spacing) * 8);
}
.ddi-kea-page .min-w-9 {
  min-width: calc(var(--spacing) * 9);
}
.ddi-kea-page .min-w-10 {
  min-width: calc(var(--spacing) * 10);
}
.ddi-kea-page .min-w-\[8rem\] {
  min-width: 8rem;
}
.ddi-kea-page .min-w-\[12rem\] {
  min-width: 12rem;
}
.ddi-kea-page .min-w-\[320px\] {
  min-width: 320px;
}
.ddi-kea-page .min-w-\[620px\] {
  min-width: 620px;
}
.ddi-kea-page .min-w-\[690px\] {
  min-width: 690px;
}
.ddi-kea-page .min-w-\[1120px\] {
  min-width: 1120px;
}
.ddi-kea-page .min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.ddi-kea-page .flex-1 {
  flex: 1;
}
.ddi-kea-page .shrink-0 {
  flex-shrink: 0;
}
.ddi-kea-page .grow {
  flex-grow: 1;
}
.ddi-kea-page .grow-0 {
  flex-grow: 0;
}
.ddi-kea-page .basis-full {
  flex-basis: 100%;
}
.ddi-kea-page .caption-bottom {
  caption-side: bottom;
}
.ddi-kea-page .border-collapse {
  border-collapse: collapse;
}
.ddi-kea-page .origin-\(--radix-context-menu-content-transform-origin\) {
  transform-origin: var(--radix-context-menu-content-transform-origin);
}
.ddi-kea-page .origin-\(--radix-dropdown-menu-content-transform-origin\) {
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.ddi-kea-page .origin-\(--radix-hover-card-content-transform-origin\) {
  transform-origin: var(--radix-hover-card-content-transform-origin);
}
.ddi-kea-page .origin-\(--radix-menubar-content-transform-origin\) {
  transform-origin: var(--radix-menubar-content-transform-origin);
}
.ddi-kea-page .origin-\(--radix-popover-content-transform-origin\) {
  transform-origin: var(--radix-popover-content-transform-origin);
}
.ddi-kea-page .origin-\(--radix-select-content-transform-origin\) {
  transform-origin: var(--radix-select-content-transform-origin);
}
.ddi-kea-page .origin-\(--radix-tooltip-content-transform-origin\) {
  transform-origin: var(--radix-tooltip-content-transform-origin);
}
.ddi-kea-page .-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .-translate-x-px {
  --tw-translate-x: -1px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .translate-x-full {
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .translate-x-px {
  --tw-translate-x: 1px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .-translate-y-1 {
  --tw-translate-y: calc(var(--spacing) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .scale-150 {
  --tw-scale-x: 150%;
  --tw-scale-y: 150%;
  --tw-scale-z: 150%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.ddi-kea-page .rotate-45 {
  rotate: 45deg;
}
.ddi-kea-page .rotate-90 {
  rotate: 90deg;
}
.ddi-kea-page .-skew-x-12 {
  --tw-skew-x: skewX(calc(12deg * -1));
  transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
    var(--tw-skew-x) var(--tw-skew-y);
}
.ddi-kea-page .transform {
  transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
    var(--tw-skew-x) var(--tw-skew-y);
}
.ddi-kea-page .live-heatmap-cell {
  transition: background-color 0.7s, box-shadow 0.7s;
  animation: 0.5s ease-out both lease-fill,
    6.2s ease-in-out infinite heatmap-live;
}
.ddi-kea-page .animate-caret-blink {
  animation: 1.25s ease-out infinite caret-blink;
}
.ddi-kea-page .animate-in {
  animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
    var(--tw-ease, ease) var(--tw-animation-delay, 0s)
    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
    var(--tw-animation-fill-mode, none);
}
.ddi-kea-page .animate-pulse {
  animation: var(--animate-pulse);
}
.ddi-kea-page .lease-cell {
  animation: 0.5s ease-out both lease-fill;
}
.ddi-kea-page .live-node {
  animation: 2.4s ease-out infinite pulse-node;
}
.ddi-kea-page .cursor-default {
  cursor: default;
}
.ddi-kea-page .cursor-pointer {
  cursor: pointer;
}
.ddi-kea-page .touch-none {
  touch-action: none;
}
.ddi-kea-page .resize {
  resize: both;
}
.ddi-kea-page .list-none {
  list-style-type: none;
}
.ddi-kea-page .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ddi-kea-page .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ddi-kea-page .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ddi-kea-page .grid-cols-18 {
  grid-template-columns: repeat(18, minmax(0, 1fr));
}
.ddi-kea-page .grid-cols-\[1\.1fr_\.8fr_\.55fr\] {
  grid-template-columns: 1.1fr 0.8fr 0.55fr;
}
.ddi-kea-page .grid-cols-\[1fr_repeat\(4\,52px\)\] {
  grid-template-columns: 1fr repeat(4, 52px);
}
.ddi-kea-page .grid-cols-\[88px_minmax\(140px\,1fr\)_68px_128px\] {
  grid-template-columns: 88px minmax(140px, 1fr) 68px 128px;
}
.ddi-kea-page .grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}
.ddi-kea-page .grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}
.ddi-kea-page .flex-col {
  flex-direction: column;
}
.ddi-kea-page .flex-col-reverse {
  flex-direction: column-reverse;
}
.ddi-kea-page .flex-row {
  flex-direction: row;
}
.ddi-kea-page .flex-wrap {
  flex-wrap: wrap;
}
.ddi-kea-page .place-content-center {
  place-content: center;
}
.ddi-kea-page .content-start {
  align-content: flex-start;
}
.ddi-kea-page .items-center {
  align-items: center;
}
.ddi-kea-page .items-end {
  align-items: flex-end;
}
.ddi-kea-page .items-start {
  align-items: flex-start;
}
.ddi-kea-page .items-stretch {
  align-items: stretch;
}
.ddi-kea-page .justify-between {
  justify-content: space-between;
}
.ddi-kea-page .justify-center {
  justify-content: center;
}
.ddi-kea-page .justify-end {
  justify-content: flex-end;
}
.ddi-kea-page .justify-start {
  justify-content: flex-start;
}
.ddi-kea-page .gap-0 {
  gap: 0;
}
.ddi-kea-page .gap-1 {
  gap: var(--spacing);
}
.ddi-kea-page .gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.ddi-kea-page .gap-2 {
  gap: calc(var(--spacing) * 2);
}
.ddi-kea-page .gap-3 {
  gap: calc(var(--spacing) * 3);
}
.ddi-kea-page .gap-4 {
  gap: calc(var(--spacing) * 4);
}
.ddi-kea-page .gap-5 {
  gap: calc(var(--spacing) * 5);
}
.ddi-kea-page .gap-6 {
  gap: calc(var(--spacing) * 6);
}
.ddi-kea-page .gap-8 {
  gap: calc(var(--spacing) * 8);
}
.ddi-kea-page .gap-10 {
  gap: calc(var(--spacing) * 10);
}
.ddi-kea-page .gap-12 {
  gap: calc(var(--spacing) * 12);
}
.ddi-kea-page :where(.space-y-0\.5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(
    calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)
  );
  margin-block-end: calc(
    calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))
  );
}
.ddi-kea-page :where(.space-y-1\.5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(
    calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)
  );
  margin-block-end: calc(
    calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))
  );
}
.ddi-kea-page :where(.space-y-2 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(
    calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
  );
  margin-block-end: calc(
    calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
  );
}
.ddi-kea-page :where(.space-y-2\.5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(
    calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)
  );
  margin-block-end: calc(
    calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))
  );
}
.ddi-kea-page :where(.space-y-3 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(
    calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
  );
  margin-block-end: calc(
    calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
  );
}
.ddi-kea-page :where(.space-y-4 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(
    calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
  );
  margin-block-end: calc(
    calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
  );
}
.ddi-kea-page :where(.space-y-5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(
    calc(var(--spacing) * 5) * var(--tw-space-y-reverse)
  );
  margin-block-end: calc(
    calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))
  );
}
.ddi-kea-page :where(.space-y-20 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(
    calc(var(--spacing) * 20) * var(--tw-space-y-reverse)
  );
  margin-block-end: calc(
    calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))
  );
}
.ddi-kea-page .gap-x-7 {
  column-gap: calc(var(--spacing) * 7);
}
.ddi-kea-page :where(.space-x-1 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse));
  margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)));
}
.ddi-kea-page .gap-y-3 {
  row-gap: calc(var(--spacing) * 3);
}
.ddi-kea-page :where(.divide-y > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
.ddi-kea-page :where(.divide-border > :not(:last-child)) {
  border-color: var(--border);
}
.ddi-kea-page .truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ddi-kea-page .overflow-auto {
  overflow: auto;
}
.ddi-kea-page .overflow-hidden {
  overflow: hidden;
}
.ddi-kea-page .overflow-x-auto {
  overflow-x: auto;
}
.ddi-kea-page .overflow-x-hidden {
  overflow-x: hidden;
}
.ddi-kea-page .overflow-y-auto {
  overflow-y: auto;
}
.ddi-kea-page .scroll-smooth {
  scroll-behavior: smooth;
}
.ddi-kea-page .rounded-\[1px\] {
  border-radius: 1px;
}
.ddi-kea-page .rounded-\[2px\] {
  border-radius: 2px;
}
.ddi-kea-page .rounded-\[inherit\] {
  border-radius: inherit;
}
.ddi-kea-page .rounded-full {
  border-radius: 2147483647px;
}
.ddi-kea-page .rounded-lg {
  border-radius: var(--radius);
}
.ddi-kea-page .rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.ddi-kea-page .rounded-none {
  border-radius: 0;
}
.ddi-kea-page .rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.ddi-kea-page .rounded-xl {
  border-radius: calc(var(--radius) + 4px);
}
.ddi-kea-page .rounded-t-\[10px\] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.ddi-kea-page .rounded-l-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.ddi-kea-page .rounded-tl-sm {
  border-top-left-radius: calc(var(--radius) - 4px);
}
.ddi-kea-page .rounded-r-md {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.ddi-kea-page .border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ddi-kea-page .border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.ddi-kea-page .border-\[1\.5px\] {
  border-style: var(--tw-border-style);
  border-width: 1.5px;
}
.ddi-kea-page .border-x {
  border-inline-style: var(--tw-border-style);
  border-inline-width: 1px;
}
.ddi-kea-page .border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}
.ddi-kea-page .border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.ddi-kea-page .border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.ddi-kea-page .border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.ddi-kea-page .border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.ddi-kea-page .border-l-2 {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}
.ddi-kea-page .border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.ddi-kea-page .border-\(--color-border\) {
  border-color: var(--color-border);
}
.ddi-kea-page .border-border,
.ddi-kea-page .border-border\/50 {
  border-color: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-border\/50 {
    border-color: color-mix(in oklab, var(--border) 50%, transparent);
  }
}
.ddi-kea-page .border-border\/60 {
  border-color: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-border\/60 {
    border-color: color-mix(in oklab, var(--border) 60%, transparent);
  }
}
.ddi-kea-page .border-destructive,
.ddi-kea-page .border-destructive\/50 {
  border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-destructive\/50 {
    border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
  }
}
.ddi-kea-page .border-hero {
  border-color: var(--hero);
}
.ddi-kea-page .border-hero-foreground,
.ddi-kea-page .border-hero-foreground\/10 {
  border-color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-hero-foreground\/10 {
    border-color: color-mix(in oklab, var(--hero-foreground) 10%, transparent);
  }
}
.ddi-kea-page .border-hero-foreground\/15 {
  border-color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-hero-foreground\/15 {
    border-color: color-mix(in oklab, var(--hero-foreground) 15%, transparent);
  }
}
.ddi-kea-page .border-hero-foreground\/20 {
  border-color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-hero-foreground\/20 {
    border-color: color-mix(in oklab, var(--hero-foreground) 20%, transparent);
  }
}
.ddi-kea-page .border-hero-foreground\/30 {
  border-color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-hero-foreground\/30 {
    border-color: color-mix(in oklab, var(--hero-foreground) 30%, transparent);
  }
}
.ddi-kea-page .border-input {
  border-color: var(--input);
}
.ddi-kea-page .border-primary,
.ddi-kea-page .border-primary\/15 {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-primary\/15 {
    border-color: color-mix(in oklab, var(--primary) 15%, transparent);
  }
}
.ddi-kea-page .border-primary\/30 {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-primary\/30 {
    border-color: color-mix(in oklab, var(--primary) 30%, transparent);
  }
}
.ddi-kea-page .border-primary\/40 {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-primary\/40 {
    border-color: color-mix(in oklab, var(--primary) 40%, transparent);
  }
}
.ddi-kea-page .border-primary\/50 {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-primary\/50 {
    border-color: color-mix(in oklab, var(--primary) 50%, transparent);
  }
}
.ddi-kea-page .border-secondary {
  border-color: var(--secondary);
}
.ddi-kea-page .border-sidebar-border {
  border-color: var(--sidebar-border);
}
.ddi-kea-page .border-success,
.ddi-kea-page .border-success\/30 {
  border-color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-success\/30 {
    border-color: color-mix(in oklab, var(--success) 30%, transparent);
  }
}
.ddi-kea-page .border-transparent {
  border-color: #0000;
}
.ddi-kea-page .border-warning,
.ddi-kea-page .border-warning\/20 {
  border-color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .border-warning\/20 {
    border-color: color-mix(in oklab, var(--warning) 20%, transparent);
  }
}
.ddi-kea-page .border-t-transparent {
  border-top-color: #0000;
}
.ddi-kea-page .border-l-transparent {
  border-left-color: #0000;
}
.ddi-kea-page .bg-\(--color-bg\) {
  background-color: var(--color-bg);
}
.ddi-kea-page .bg-accent {
  background-color: var(--accent);
}
.ddi-kea-page .bg-background,
.ddi-kea-page .bg-background\/20 {
  background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bg-background\/20 {
    background-color: color-mix(in oklab, var(--background) 20%, transparent);
  }
}
.ddi-kea-page .bg-black\/80 {
  background-color: #000c;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bg-black\/80 {
    background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
  }
}
.ddi-kea-page .bg-border {
  background-color: var(--border);
}
.ddi-kea-page .bg-card {
  background-color: var(--card);
}
.ddi-kea-page .bg-cyan-400 {
  background-color: var(--color-cyan-400);
}
.ddi-kea-page .bg-destructive {
  background-color: var(--destructive);
}
.ddi-kea-page .bg-foreground {
  background-color: var(--foreground);
}
.ddi-kea-page .bg-green-500 {
  background-color: var(--color-green-500);
}
.ddi-kea-page .bg-grid-free {
  background-color: var(--grid-free);
}
.ddi-kea-page .bg-hero {
  background-color: var(--hero);
}
.ddi-kea-page .bg-hero-foreground,
.ddi-kea-page .bg-hero-foreground\/\[\.04\] {
  background-color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bg-hero-foreground\/\[\.04\] {
    background-color: color-mix(
      in oklab,
      var(--hero-foreground) 4%,
      transparent
    );
  }
}
.ddi-kea-page .bg-hero\/95 {
  background-color: var(--hero);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bg-hero\/95 {
    background-color: color-mix(in oklab, var(--hero) 95%, transparent);
  }
}
.ddi-kea-page .bg-muted,
.ddi-kea-page .bg-muted\/40 {
  background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bg-muted\/40 {
    background-color: color-mix(in oklab, var(--muted) 40%, transparent);
  }
}
.ddi-kea-page .bg-muted\/50 {
  background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bg-muted\/50 {
    background-color: color-mix(in oklab, var(--muted) 50%, transparent);
  }
}
.ddi-kea-page .bg-orange-400 {
  background-color: var(--color-orange-400);
}
.ddi-kea-page .bg-popover {
  background-color: var(--popover);
}
.ddi-kea-page .bg-primary,
.ddi-kea-page .bg-primary\/5 {
  background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bg-primary\/5 {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}
.ddi-kea-page .bg-primary\/10 {
  background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bg-primary\/10 {
    background-color: color-mix(in oklab, var(--primary) 10%, transparent);
  }
}
.ddi-kea-page .bg-primary\/20 {
  background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bg-primary\/20 {
    background-color: color-mix(in oklab, var(--primary) 20%, transparent);
  }
}
.ddi-kea-page .bg-red-400 {
  background-color: var(--color-red-400);
}
.ddi-kea-page .bg-secondary {
  background-color: var(--secondary);
}
.ddi-kea-page .bg-sidebar {
  background-color: var(--sidebar);
}
.ddi-kea-page .bg-sidebar-border {
  background-color: var(--sidebar-border);
}
.ddi-kea-page .bg-success,
.ddi-kea-page .bg-success\/10 {
  background-color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bg-success\/10 {
    background-color: color-mix(in oklab, var(--success) 10%, transparent);
  }
}
.ddi-kea-page .bg-success\/50 {
  background-color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bg-success\/50 {
    background-color: color-mix(in oklab, var(--success) 50%, transparent);
  }
}
.ddi-kea-page .bg-transparent {
  background-color: #0000;
}
.ddi-kea-page .bg-warning {
  background-color: var(--warning);
}
.ddi-kea-page .bg-warning-soft {
  background-color: var(--warning-soft);
}
.ddi-kea-page .fill-current {
  fill: currentColor;
}
.ddi-kea-page .fill-muted-foreground {
  fill: var(--muted-foreground);
}
.ddi-kea-page .fill-primary {
  fill: var(--primary);
}
.ddi-kea-page .p-0 {
  padding: 0;
}
.ddi-kea-page .p-1 {
  padding: var(--spacing);
}
.ddi-kea-page .p-2 {
  padding: calc(var(--spacing) * 2);
}
.ddi-kea-page .p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}
.ddi-kea-page .p-3 {
  padding: calc(var(--spacing) * 3);
}
.ddi-kea-page .p-4 {
  padding: calc(var(--spacing) * 4);
}
.ddi-kea-page .p-5 {
  padding: calc(var(--spacing) * 5);
}
.ddi-kea-page .p-6 {
  padding: calc(var(--spacing) * 6);
}
.ddi-kea-page .p-7 {
  padding: calc(var(--spacing) * 7);
}
.ddi-kea-page .p-\[1px\] {
  padding: 1px;
}
.ddi-kea-page .px-\(--cell-size\) {
  padding-inline: var(--cell-size);
}
.ddi-kea-page .px-1 {
  padding-inline: var(--spacing);
}
.ddi-kea-page .px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5);
}
.ddi-kea-page .px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.ddi-kea-page .px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}
.ddi-kea-page .px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.ddi-kea-page .px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.ddi-kea-page .px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.ddi-kea-page .px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.ddi-kea-page .px-7 {
  padding-inline: calc(var(--spacing) * 7);
}
.ddi-kea-page .py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.ddi-kea-page .py-1 {
  padding-block: var(--spacing);
}
.ddi-kea-page .py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.ddi-kea-page .py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.ddi-kea-page .py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.ddi-kea-page .py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.ddi-kea-page .py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.ddi-kea-page .py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.ddi-kea-page .py-7 {
  padding-block: calc(var(--spacing) * 7);
}
.ddi-kea-page .py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.ddi-kea-page .py-10 {
  padding-block: calc(var(--spacing) * 10);
}
.ddi-kea-page .py-16 {
  padding-block: calc(var(--spacing) * 16);
}
.ddi-kea-page .py-20 {
  padding-block: calc(var(--spacing) * 20);
}
.ddi-kea-page .py-24 {
  padding-block: calc(var(--spacing) * 24);
}
.ddi-kea-page .pt-0 {
  padding-top: 0;
}
.ddi-kea-page .pt-0\.5 {
  padding-top: calc(var(--spacing) * 0.5);
}
.ddi-kea-page .pt-1 {
  padding-top: var(--spacing);
}
.ddi-kea-page .pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.ddi-kea-page .pt-2\.5 {
  padding-top: calc(var(--spacing) * 2.5);
}
.ddi-kea-page .pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.ddi-kea-page .pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.ddi-kea-page .pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.ddi-kea-page .pr-1 {
  padding-right: var(--spacing);
}
.ddi-kea-page .pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
.ddi-kea-page .pr-2\.5 {
  padding-right: calc(var(--spacing) * 2.5);
}
.ddi-kea-page .pr-4 {
  padding-right: calc(var(--spacing) * 4);
}
.ddi-kea-page .pr-8 {
  padding-right: calc(var(--spacing) * 8);
}
.ddi-kea-page .pb-1 {
  padding-bottom: var(--spacing);
}
.ddi-kea-page .pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.ddi-kea-page .pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
.ddi-kea-page .pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.ddi-kea-page .pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}
.ddi-kea-page .pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.ddi-kea-page .pl-2 {
  padding-left: calc(var(--spacing) * 2);
}
.ddi-kea-page .pl-2\.5 {
  padding-left: calc(var(--spacing) * 2.5);
}
.ddi-kea-page .pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.ddi-kea-page .pl-8 {
  padding-left: calc(var(--spacing) * 8);
}
.ddi-kea-page .text-center {
  text-align: center;
}
.ddi-kea-page .text-left {
  text-align: left;
}
.ddi-kea-page .text-right {
  text-align: right;
}
.ddi-kea-page .align-middle {
  vertical-align: middle;
}
.ddi-kea-page .font-display {
  font-family: Archivo, sans-serif;
}
.ddi-kea-page .font-mono {
  font-family: var(--font-mono);
}
.ddi-kea-page .text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.ddi-kea-page .text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.ddi-kea-page .text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.ddi-kea-page .text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.ddi-kea-page .text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--tw-leading, var(--text-7xl--line-height));
}
.ddi-kea-page .text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.ddi-kea-page .text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.ddi-kea-page .text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.ddi-kea-page .text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.ddi-kea-page .text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.ddi-kea-page .text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.ddi-kea-page .text-\[7px\] {
  font-size: 7px;
}
.ddi-kea-page .text-\[8px\] {
  font-size: 8px;
}
.ddi-kea-page .text-\[9px\] {
  font-size: 9px;
}
.ddi-kea-page .text-\[10px\] {
  font-size: 10px;
}
.ddi-kea-page .text-\[11px\] {
  font-size: 11px;
}
.ddi-kea-page .text-\[13px\] {
  font-size: 13px;
}
.ddi-kea-page .leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}
.ddi-kea-page .leading-7 {
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}
.ddi-kea-page .leading-\[1\.02\] {
  --tw-leading: 1.02;
  line-height: 1.02;
}
.ddi-kea-page .leading-\[52px\] {
  --tw-leading: 52px;
  line-height: 52px;
}
.ddi-kea-page .leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.ddi-kea-page .leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.ddi-kea-page .leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.ddi-kea-page .leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.ddi-kea-page .font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.ddi-kea-page .font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.ddi-kea-page .font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.ddi-kea-page .font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.ddi-kea-page .font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.ddi-kea-page .tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.ddi-kea-page .tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.ddi-kea-page .tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.ddi-kea-page .tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.ddi-kea-page .break-words {
  overflow-wrap: break-word;
}
.ddi-kea-page .whitespace-nowrap {
  white-space: nowrap;
}
.ddi-kea-page .text-accent-foreground {
  color: var(--accent-foreground);
}
.ddi-kea-page .text-border {
  color: var(--border);
}
.ddi-kea-page .text-card-foreground {
  color: var(--card-foreground);
}
.ddi-kea-page .text-current {
  color: currentColor;
}
.ddi-kea-page .text-cyan-500 {
  color: var(--color-cyan-500);
}
.ddi-kea-page .text-destructive {
  color: var(--destructive);
}
.ddi-kea-page .text-destructive-foreground {
  color: var(--destructive-foreground);
}
.ddi-kea-page .text-foreground {
  color: var(--foreground);
}
.ddi-kea-page .text-green-600 {
  color: var(--color-green-600);
}
.ddi-kea-page .text-hero {
  color: var(--hero);
}
.ddi-kea-page .text-hero-foreground,
.ddi-kea-page .text-hero-foreground\/40 {
  color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .text-hero-foreground\/40 {
    color: color-mix(in oklab, var(--hero-foreground) 40%, transparent);
  }
}
.ddi-kea-page .text-hero-foreground\/50 {
  color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .text-hero-foreground\/50 {
    color: color-mix(in oklab, var(--hero-foreground) 50%, transparent);
  }
}
.ddi-kea-page .text-hero-foreground\/55 {
  color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .text-hero-foreground\/55 {
    color: color-mix(in oklab, var(--hero-foreground) 55%, transparent);
  }
}
.ddi-kea-page .text-hero-foreground\/60 {
  color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .text-hero-foreground\/60 {
    color: color-mix(in oklab, var(--hero-foreground) 60%, transparent);
  }
}
.ddi-kea-page .text-hero-foreground\/65 {
  color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .text-hero-foreground\/65 {
    color: color-mix(in oklab, var(--hero-foreground) 65%, transparent);
  }
}
.ddi-kea-page .text-hero-foreground\/70 {
  color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .text-hero-foreground\/70 {
    color: color-mix(in oklab, var(--hero-foreground) 70%, transparent);
  }
}
.ddi-kea-page .text-hero-foreground\/80 {
  color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .text-hero-foreground\/80 {
    color: color-mix(in oklab, var(--hero-foreground) 80%, transparent);
  }
}
.ddi-kea-page .text-muted-foreground,
.ddi-kea-page .text-muted-foreground\/60 {
  color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .text-muted-foreground\/60 {
    color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
  }
}
.ddi-kea-page .text-orange-500 {
  color: var(--color-orange-500);
}
.ddi-kea-page .text-popover-foreground {
  color: var(--popover-foreground);
}
.ddi-kea-page .text-primary {
  color: var(--primary);
}
.ddi-kea-page .text-primary-foreground {
  color: var(--primary-foreground);
}
.ddi-kea-page .text-red-500 {
  color: var(--color-red-500);
}
.ddi-kea-page .text-secondary-foreground {
  color: var(--secondary-foreground);
}
.ddi-kea-page .text-sidebar-foreground,
.ddi-kea-page .text-sidebar-foreground\/70 {
  color: var(--sidebar-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .text-sidebar-foreground\/70 {
    color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
  }
}
.ddi-kea-page .text-success {
  color: var(--success);
}
.ddi-kea-page .text-warning {
  color: var(--warning);
}
.ddi-kea-page .uppercase {
  text-transform: uppercase;
}
.ddi-kea-page .tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)
    var(--tw-numeric-figure) var(--tw-numeric-spacing)
    var(--tw-numeric-fraction);
}
.ddi-kea-page .underline-offset-4 {
  text-underline-offset: 4px;
}
.ddi-kea-page .opacity-0 {
  opacity: 0;
}
.ddi-kea-page .opacity-50 {
  opacity: 0.5;
}
.ddi-kea-page .opacity-60 {
  opacity: 0.6;
}
.ddi-kea-page .opacity-70 {
  opacity: 0.7;
}
.ddi-kea-page .opacity-100 {
  opacity: 1;
}
.ddi-kea-page .shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page
  .shadow-\[0_0_0_2px_var\(--color-background\)\,0_0_0_4px_var\(--color-success\)\,0_0_18px_var\(--color-success\)\] {
  --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-background)),
    0 0 0 4px var(--tw-shadow-color, var(--color-success)),
    0 0 18px var(--tw-shadow-color, var(--color-success));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),
    0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a),
    0 2px 4px -2px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),
    0 8px 10px -6px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .shadow-xs {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .ring-0 {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .ring-2 {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .ring-hero {
  --tw-ring-color: var(--hero);
}
.ddi-kea-page .ring-ring {
  --tw-ring-color: var(--ring);
}
.ddi-kea-page .ring-sidebar-ring {
  --tw-ring-color: var(--sidebar-ring);
}
.ddi-kea-page .ring-offset-background {
  --tw-ring-offset-color: var(--background);
}
.ddi-kea-page .outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.ddi-kea-page .blur-xl {
  --tw-blur: blur(var(--blur-xl));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.ddi-kea-page .filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.ddi-kea-page .backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.ddi-kea-page .transition {
  transition-property: color, background-color, border-color, outline-color,
    text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
    --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,
    filter, -webkit-backdrop-filter, backdrop-filter, display,
    content-visibility, overlay, pointer-events;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.ddi-kea-page .transition-\[left\,right\,width\] {
  transition-property: left, right, width;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.ddi-kea-page .transition-\[margin\,opacity\] {
  transition-property: margin, opacity;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.ddi-kea-page .transition-\[stroke-dasharray\] {
  transition-property: stroke-dasharray;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.ddi-kea-page .transition-\[stroke-dashoffset\] {
  transition-property: stroke-dashoffset;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.ddi-kea-page .transition-\[width\,height\,padding\] {
  transition-property: width, height, padding;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.ddi-kea-page .transition-\[width\] {
  transition-property: width;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.ddi-kea-page .transition-all {
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.ddi-kea-page .transition-colors {
  transition-property: color, background-color, border-color, outline-color,
    text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
    --tw-gradient-to;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.ddi-kea-page .transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.ddi-kea-page .transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.ddi-kea-page .duration-200 {
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}
.ddi-kea-page .duration-300 {
  --tw-duration: 0.3s;
  transition-duration: 0.3s;
}
.ddi-kea-page .duration-700 {
  --tw-duration: 0.7s;
  transition-duration: 0.7s;
}
.ddi-kea-page .duration-1000 {
  --tw-duration: 1s;
  transition-duration: 1s;
}
.ddi-kea-page .ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ddi-kea-page .ease-linear {
  --tw-ease: linear;
  transition-timing-function: linear;
}
.ddi-kea-page .ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.ddi-kea-page .fade-in-0 {
  --tw-enter-opacity: 0;
}
.ddi-kea-page .outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.ddi-kea-page .select-none {
  -webkit-user-select: none;
  user-select: none;
}
.ddi-kea-page .zoom-in-95 {
  --tw-enter-scale: 0.95;
}
.ddi-kea-page .\!paused {
  animation-play-state: paused !important;
}
.ddi-kea-page .\[--cell-size\:2rem\] {
  --cell-size: 2rem;
}
.ddi-kea-page .paused {
  animation-play-state: paused;
}
.ddi-kea-page .ring-inset {
  --tw-ring-inset: inset;
}
.ddi-kea-page .running {
  animation-play-state: running;
}
.ddi-kea-page
  .group-open\:rotate-45:is(:where(.group):is([open], :popover-open, :open) *) {
  rotate: 45deg;
}
.ddi-kea-page
  .group-focus-within\/menu-item\:opacity-100:is(
    :where(.group\/menu-item):focus-within *
  ) {
  opacity: 1;
}
@media (hover: hover) {
  .ddi-kea-page .group-hover\:block:is(:where(.group):hover *) {
    display: block;
  }
  .ddi-kea-page
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
    opacity: 1;
  }
  .ddi-kea-page .group-hover\/tile\:block:is(:where(.group\/tile):hover *) {
    display: block;
  }
}
.ddi-kea-page .group-focus-visible\:block:is(:where(.group):focus-visible *),
.ddi-kea-page
  .group-focus-visible\/tile\:block:is(:where(.group\/tile):focus-visible *) {
  display: block;
}
.ddi-kea-page
  .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8:is(
    :where(.group\/menu-item):has([data-sidebar="menu-action"]) *
  ) {
  padding-right: calc(var(--spacing) * 8);
}
.ddi-kea-page
  .group-data-\[collapsible\=icon\]\:-mt-8:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
  margin-top: calc(var(--spacing) * -8);
}
.ddi-kea-page
  .group-data-\[collapsible\=icon\]\:hidden:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
  display: none;
}
.ddi-kea-page
  .group-data-\[collapsible\=icon\]\:\!size-8:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
  width: calc(var(--spacing) * 8) !important;
  height: calc(var(--spacing) * 8) !important;
}
.ddi-kea-page
  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(
    :where(.group)[data-collapsible="icon"] *
  ) {
  width: var(--sidebar-width-icon);
}
.ddi-kea-page
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
  width: calc(var(--sidebar-width-icon) + 1rem);
}
.ddi-kea-page
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
  width: calc(var(--sidebar-width-icon) + 1rem + 2px);
}
.ddi-kea-page
  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
  overflow: hidden;
}
.ddi-kea-page
  .group-data-\[collapsible\=icon\]\:\!p-0:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
  padding: 0 !important;
}
.ddi-kea-page
  .group-data-\[collapsible\=icon\]\:\!p-2:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
  padding: calc(var(--spacing) * 2) !important;
}
.ddi-kea-page
  .group-data-\[collapsible\=icon\]\:opacity-0:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
  opacity: 0;
}
.ddi-kea-page
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(
    :where(.group)[data-collapsible="offcanvas"] *
  ) {
  right: calc(var(--sidebar-width) * -1);
}
.ddi-kea-page
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(
    :where(.group)[data-collapsible="offcanvas"] *
  ) {
  left: calc(var(--sidebar-width) * -1);
}
.ddi-kea-page
  .group-data-\[collapsible\=offcanvas\]\:w-0:is(
    :where(.group)[data-collapsible="offcanvas"] *
  ) {
  width: 0;
}
.ddi-kea-page
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(
    :where(.group)[data-collapsible="offcanvas"] *
  ) {
  --tw-translate-x: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page
  .group-data-\[focused\=true\]\/day\:relative:is(
    :where(.group\/day)[data-focused="true"] *
  ) {
  position: relative;
}
.ddi-kea-page
  .group-data-\[focused\=true\]\/day\:z-10:is(
    :where(.group\/day)[data-focused="true"] *
  ) {
  z-index: 10;
}
.ddi-kea-page
  .group-data-\[focused\=true\]\/day\:border-ring:is(
    :where(.group\/day)[data-focused="true"] *
  ) {
  border-color: var(--ring);
}
.ddi-kea-page
  .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(
    :where(.group\/day)[data-focused="true"] *
  ) {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page
  .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(
    :where(.group\/day)[data-focused="true"] *
  ) {
  --tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page
    .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(
      :where(.group\/day)[data-focused="true"] *
    ) {
    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
  }
}
.ddi-kea-page
  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
  right: calc(var(--spacing) * -4);
}
.ddi-kea-page
  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.ddi-kea-page
  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
  left: 0;
}
.ddi-kea-page
  .group-data-\[side\=right\]\:rotate-180:is(
    :where(.group)[data-side="right"] *
  ) {
  rotate: 180deg;
}
.ddi-kea-page
  .group-data-\[side\=right\]\:border-l:is(
    :where(.group)[data-side="right"] *
  ) {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.ddi-kea-page
  .group-data-\[state\=open\]\:rotate-180:is(
    :where(.group)[data-state="open"] *
  ) {
  rotate: 180deg;
}
.ddi-kea-page
  .group-data-\[variant\=floating\]\:rounded-lg:is(
    :where(.group)[data-variant="floating"] *
  ) {
  border-radius: var(--radius);
}
.ddi-kea-page
  .group-data-\[variant\=floating\]\:border:is(
    :where(.group)[data-variant="floating"] *
  ) {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ddi-kea-page
  .group-data-\[variant\=floating\]\:border-sidebar-border:is(
    :where(.group)[data-variant="floating"] *
  ) {
  border-color: var(--sidebar-border);
}
.ddi-kea-page
  .group-data-\[variant\=floating\]\:shadow:is(
    :where(.group)[data-variant="floating"] *
  ) {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .group-\[\.toast\]\:bg-muted:is(:where(.group).toast *) {
  background-color: var(--muted);
}
.ddi-kea-page .group-\[\.toast\]\:bg-primary:is(:where(.group).toast *) {
  background-color: var(--primary);
}
.ddi-kea-page
  .group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *) {
  color: var(--muted-foreground);
}
.ddi-kea-page
  .group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *) {
  color: var(--primary-foreground);
}
.ddi-kea-page .group-\[\.toaster\]\:border-border:is(:where(.group).toaster *) {
  border-color: var(--border);
}
.ddi-kea-page .group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *) {
  background-color: var(--background);
}
.ddi-kea-page
  .group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *) {
  color: var(--foreground);
}
.ddi-kea-page .group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *) {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),
    0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (hover: hover) {
  .ddi-kea-page
    .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(
      :where(.peer\/menu-button):hover ~ *
    ) {
    color: var(--sidebar-accent-foreground);
  }
}
.ddi-kea-page
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
  cursor: not-allowed;
}
.ddi-kea-page .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
  opacity: 0.7;
}
.ddi-kea-page
  .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(
    :where(.peer\/menu-button)[data-active="true"] ~ *
  ) {
  color: var(--sidebar-accent-foreground);
}
.ddi-kea-page
  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(
    :where(.peer\/menu-button)[data-size="default"] ~ *
  ) {
  top: calc(var(--spacing) * 1.5);
}
.ddi-kea-page
  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(
    :where(.peer\/menu-button)[data-size="lg"] ~ *
  ) {
  top: calc(var(--spacing) * 2.5);
}
.ddi-kea-page
  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(
    :where(.peer\/menu-button)[data-size="sm"] ~ *
  ) {
  top: var(--spacing);
}
.ddi-kea-page .file\:border-0::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0;
}
.ddi-kea-page .file\:bg-transparent::file-selector-button {
  background-color: #0000;
}
.ddi-kea-page .file\:text-sm::file-selector-button {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.ddi-kea-page .file\:font-medium::file-selector-button {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.ddi-kea-page .file\:text-foreground::file-selector-button {
  color: var(--foreground);
}
.ddi-kea-page .placeholder\:text-muted-foreground::placeholder {
  color: var(--muted-foreground);
}
.ddi-kea-page .after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.ddi-kea-page .after\:-inset-2:after {
  content: var(--tw-content);
  inset: calc(var(--spacing) * -2);
}
.ddi-kea-page .after\:inset-\[2px\]:after {
  content: var(--tw-content);
  inset: 2px;
}
.ddi-kea-page .after\:inset-\[35\%\]:after {
  content: var(--tw-content);
  inset: 35%;
}
.ddi-kea-page .after\:inset-y-0:after {
  content: var(--tw-content);
  inset-block: 0;
}
.ddi-kea-page .after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}
.ddi-kea-page .after\:w-1:after {
  content: var(--tw-content);
  width: var(--spacing);
}
.ddi-kea-page .after\:w-\[2px\]:after {
  content: var(--tw-content);
  width: 2px;
}
.ddi-kea-page .after\:-translate-x-1\/2:after {
  content: var(--tw-content);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .after\:bg-background:after {
  content: var(--tw-content);
  background-color: var(--background);
}
.ddi-kea-page
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(
    :where(.group)[data-collapsible="offcanvas"] *
  ):after {
  content: var(--tw-content);
  left: 100%;
}
.ddi-kea-page .first\:rounded-l-md:first-child {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.ddi-kea-page .first\:border-l:first-child {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.ddi-kea-page .last\:rounded-r-md:last-child {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.ddi-kea-page .last\:border-b-0:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}
@media (hover: hover) {
  .ddi-kea-page .hover\:z-10:hover {
    z-index: 10;
  }
  .ddi-kea-page .hover\:scale-150:hover {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .ddi-kea-page .hover\:border-border:hover {
    border-color: var(--border);
  }
  .ddi-kea-page .hover\:border-foreground:hover {
    border-color: var(--foreground);
  }
  .ddi-kea-page .hover\:border-hero-foreground\/40:hover {
    border-color: var(--hero-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ddi-kea-page .hover\:border-hero-foreground\/40:hover {
      border-color: color-mix(
        in oklab,
        var(--hero-foreground) 40%,
        transparent
      );
    }
  }
  .ddi-kea-page .hover\:border-primary:hover,
  .ddi-kea-page .hover\:border-primary\/50:hover {
    border-color: var(--primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ddi-kea-page .hover\:border-primary\/50:hover {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }
  .ddi-kea-page .hover\:border-success:hover {
    border-color: var(--success);
  }
  .ddi-kea-page .hover\:bg-accent:hover {
    background-color: var(--accent);
  }
  .ddi-kea-page .hover\:bg-background:hover {
    background-color: var(--background);
  }
  .ddi-kea-page .hover\:bg-destructive\/80:hover {
    background-color: var(--destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ddi-kea-page .hover\:bg-destructive\/80:hover {
      background-color: color-mix(
        in oklab,
        var(--destructive) 80%,
        transparent
      );
    }
  }
  .ddi-kea-page .hover\:bg-muted:hover,
  .ddi-kea-page .hover\:bg-muted\/50:hover {
    background-color: var(--muted);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ddi-kea-page .hover\:bg-muted\/50:hover {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
  .ddi-kea-page .hover\:bg-primary-hover:hover {
    background-color: var(--primary-hover);
  }
  .ddi-kea-page .hover\:bg-primary\/5:hover {
    background-color: var(--primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ddi-kea-page .hover\:bg-primary\/5:hover {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }
  .ddi-kea-page .hover\:bg-primary\/80:hover {
    background-color: var(--primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ddi-kea-page .hover\:bg-primary\/80:hover {
      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
  .ddi-kea-page .hover\:bg-primary\/90:hover {
    background-color: var(--primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ddi-kea-page .hover\:bg-primary\/90:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
  .ddi-kea-page .hover\:bg-secondary\/80:hover {
    background-color: var(--secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ddi-kea-page .hover\:bg-secondary\/80:hover {
      background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
    }
  }
  .ddi-kea-page .hover\:bg-sidebar-accent:hover {
    background-color: var(--sidebar-accent);
  }
  .ddi-kea-page .hover\:bg-transparent:hover {
    background-color: #0000;
  }
  .ddi-kea-page .hover\:text-accent-foreground:hover {
    color: var(--accent-foreground);
  }
  .ddi-kea-page .hover\:text-foreground:hover {
    color: var(--foreground);
  }
  .ddi-kea-page .hover\:text-hero-foreground:hover {
    color: var(--hero-foreground);
  }
  .ddi-kea-page .hover\:text-muted-foreground:hover {
    color: var(--muted-foreground);
  }
  .ddi-kea-page .hover\:text-primary:hover {
    color: var(--primary);
  }
  .ddi-kea-page .hover\:text-sidebar-accent-foreground:hover {
    color: var(--sidebar-accent-foreground);
  }
  .ddi-kea-page .hover\:underline:hover {
    text-decoration-line: underline;
  }
  .ddi-kea-page .hover\:opacity-90:hover {
    opacity: 0.9;
  }
  .ddi-kea-page .hover\:opacity-100:hover {
    opacity: 1;
  }
  .ddi-kea-page .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ddi-kea-page
    .hover\:shadow-\[0_0_0_2px_var\(--color-background\)\,0_0_0_4px_var\(--color-primary\)\,0_0_18px_var\(--color-primary\)\]:hover {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-background)),
      0 0 0 4px var(--tw-shadow-color, var(--color-primary)),
      0 0 18px var(--tw-shadow-color, var(--color-primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ddi-kea-page
    .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:is(
      :where(.group)[data-collapsible="offcanvas"] *
    ):hover {
    background-color: var(--sidebar);
  }
  .ddi-kea-page .hover\:after\:bg-sidebar-border:hover:after {
    content: var(--tw-content);
    background-color: var(--sidebar-border);
  }
}
.ddi-kea-page .focus\:bg-accent:focus {
  background-color: var(--accent);
}
.ddi-kea-page .focus\:text-accent-foreground:focus {
  color: var(--accent-foreground);
}
.ddi-kea-page .focus\:ring-1:focus {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .focus\:ring-2:focus {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .focus\:ring-ring:focus {
  --tw-ring-color: var(--ring);
}
.ddi-kea-page .focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ddi-kea-page .focus\:outline-none:focus {
  --tw-outline-style: none;
  outline-style: none;
}
.ddi-kea-page .focus-visible\:z-10:focus-visible {
  z-index: 10;
}
.ddi-kea-page .focus-visible\:scale-150:focus-visible {
  --tw-scale-x: 150%;
  --tw-scale-y: 150%;
  --tw-scale-z: 150%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.ddi-kea-page .focus-visible\:bg-primary\/5:focus-visible {
  background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .focus-visible\:bg-primary\/5:focus-visible {
    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
  }
}
.ddi-kea-page
  .focus-visible\:shadow-\[0_0_0_2px_var\(--color-background\)\,0_0_0_4px_var\(--color-primary\)\,0_0_18px_var\(--color-primary\)\]:focus-visible {
  --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-background)),
    0 0 0 4px var(--tw-shadow-color, var(--color-primary)),
    0 0 18px var(--tw-shadow-color, var(--color-primary));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .focus-visible\:ring-1:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .focus-visible\:ring-2:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: var(--ring);
}
.ddi-kea-page .focus-visible\:ring-sidebar-ring:focus-visible {
  --tw-ring-color: var(--sidebar-ring);
}
.ddi-kea-page .focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ddi-kea-page .focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ddi-kea-page .focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: var(--background);
}
.ddi-kea-page .focus-visible\:outline-none:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}
.ddi-kea-page .active\:bg-sidebar-accent:active {
  background-color: var(--sidebar-accent);
}
.ddi-kea-page .active\:text-sidebar-accent-foreground:active {
  color: var(--sidebar-accent-foreground);
}
.ddi-kea-page .disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.ddi-kea-page .disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.ddi-kea-page .disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.ddi-kea-page .has-focus\:border-ring:has(:focus) {
  border-color: var(--ring);
}
.ddi-kea-page .has-focus\:ring-\[3px\]:has(:focus) {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .has-focus\:ring-ring\/50:has(:focus) {
  --tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .has-focus\:ring-ring\/50:has(:focus) {
    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
  }
}
.ddi-kea-page .has-\[\:disabled\]\:opacity-50:has(:disabled) {
  opacity: 0.5;
}
.ddi-kea-page
  .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant="inset"]) {
  background-color: var(--sidebar);
}
.ddi-kea-page .aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}
.ddi-kea-page .aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}
.ddi-kea-page .aria-selected\:text-muted-foreground[aria-selected="true"] {
  color: var(--muted-foreground);
}
.ddi-kea-page .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
  background-color: var(--sidebar-accent);
}
.ddi-kea-page .data-\[active\=true\]\:font-medium[data-active="true"] {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.ddi-kea-page
  .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
  color: var(--sidebar-accent-foreground);
}
.ddi-kea-page .data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.ddi-kea-page .data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.ddi-kea-page
  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
  pointer-events: none;
}
.ddi-kea-page .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
  opacity: 0.5;
}
.ddi-kea-page
  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
  --tw-enter-translate-x: calc(52 * var(--spacing));
}
.ddi-kea-page
  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
  --tw-enter-translate-x: calc(52 * var(--spacing) * -1);
}
.ddi-kea-page
  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
  --tw-exit-translate-x: calc(52 * var(--spacing));
}
.ddi-kea-page
  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
  --tw-exit-translate-x: calc(52 * var(--spacing) * -1);
}
.ddi-kea-page .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
  animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
    var(--tw-ease, ease) var(--tw-animation-delay, 0s)
    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
    var(--tw-animation-fill-mode, none);
}
.ddi-kea-page .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
  --tw-enter-opacity: 0;
}
.ddi-kea-page .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
  animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s))
    var(--tw-ease, ease) var(--tw-animation-delay, 0s)
    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
    var(--tw-animation-fill-mode, none);
}
.ddi-kea-page .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
  --tw-exit-opacity: 0;
}
.ddi-kea-page
  .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
  height: 1px;
}
.ddi-kea-page
  .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
  width: 100%;
}
.ddi-kea-page
  .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
  flex-direction: column;
}
.ddi-kea-page
  .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  left: 0;
}
.ddi-kea-page
  .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  height: var(--spacing);
}
.ddi-kea-page
  .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  width: 100%;
}
.ddi-kea-page
  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  --tw-translate-x: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page
  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
  color: var(--muted-foreground);
}
.ddi-kea-page .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
  border-radius: calc(var(--radius) - 2px);
}
.ddi-kea-page .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
  background-color: var(--primary);
}
.ddi-kea-page
  .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
  color: var(--primary-foreground);
}
.ddi-kea-page
  .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
  border-radius: 0;
}
.ddi-kea-page
  .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
  background-color: var(--accent);
}
.ddi-kea-page
  .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] {
  color: var(--accent-foreground);
}
.ddi-kea-page .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
  border-radius: calc(var(--radius) - 2px);
}
.ddi-kea-page .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
  background-color: var(--primary);
}
.ddi-kea-page
  .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
  color: var(--primary-foreground);
}
.ddi-kea-page
  .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
  background-color: var(--primary);
}
.ddi-kea-page
  .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
  color: var(--primary-foreground);
}
.ddi-kea-page .data-\[selected\=true\]\:rounded-none[data-selected="true"] {
  border-radius: 0;
}
.ddi-kea-page .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
  background-color: var(--accent);
}
.ddi-kea-page
  .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
  color: var(--accent-foreground);
}
.ddi-kea-page .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: var(--spacing);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
}
.ddi-kea-page .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: calc(var(--spacing) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: calc(2 * var(--spacing));
}
.ddi-kea-page .data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: var(--spacing);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
}
.ddi-kea-page .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: calc(var(--spacing) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: calc(2 * var(--spacing));
}
.ddi-kea-page .data-\[state\=active\]\:bg-background[data-state="active"] {
  background-color: var(--background);
}
.ddi-kea-page .data-\[state\=active\]\:text-foreground[data-state="active"] {
  color: var(--foreground);
}
.ddi-kea-page .data-\[state\=active\]\:shadow[data-state="active"] {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ddi-kea-page .data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
  --tw-translate-x: calc(var(--spacing) * 4);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
  background-color: var(--primary);
}
.ddi-kea-page
  .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
  color: var(--primary-foreground);
}
.ddi-kea-page
  .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
  animation: accordion-up var(--tw-animation-duration, var(--tw-duration, 0.2s))
    var(--tw-ease, ease-out) var(--tw-animation-delay, 0s)
    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
    var(--tw-animation-fill-mode, none);
}
.ddi-kea-page .data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s))
    var(--tw-ease, ease) var(--tw-animation-delay, 0s)
    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
    var(--tw-animation-fill-mode, none);
}
.ddi-kea-page .data-\[state\=closed\]\:duration-300[data-state="closed"] {
  --tw-duration: 0.3s;
  transition-duration: 0.3s;
}
.ddi-kea-page .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.ddi-kea-page .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: 0.95;
}
.ddi-kea-page
  .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
  --tw-exit-translate-y: 100%;
}
.ddi-kea-page .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
  --tw-exit-translate-x: -100%;
}
.ddi-kea-page .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}
.ddi-kea-page .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
  --tw-exit-translate-y: -100%;
}
.ddi-kea-page .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
  animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s))
    var(--tw-ease, ease) var(--tw-animation-delay, 0s)
    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
    var(--tw-animation-fill-mode, none);
}
.ddi-kea-page .data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
  --tw-exit-opacity: 0;
}
.ddi-kea-page .data-\[state\=on\]\:bg-accent[data-state="on"] {
  background-color: var(--accent);
}
.ddi-kea-page .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
  color: var(--accent-foreground);
}
.ddi-kea-page .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
  animation: accordion-down
    var(--tw-animation-duration, var(--tw-duration, 0.2s))
    var(--tw-ease, ease-out) var(--tw-animation-delay, 0s)
    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
    var(--tw-animation-fill-mode, none);
}
.ddi-kea-page .data-\[state\=open\]\:animate-in[data-state="open"] {
  animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
    var(--tw-ease, ease) var(--tw-animation-delay, 0s)
    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
    var(--tw-animation-fill-mode, none);
}
.ddi-kea-page .data-\[state\=open\]\:bg-accent[data-state="open"],
.ddi-kea-page .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
  background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
    background-color: color-mix(in oklab, var(--accent) 50%, transparent);
  }
}
.ddi-kea-page .data-\[state\=open\]\:bg-secondary[data-state="open"] {
  background-color: var(--secondary);
}
.ddi-kea-page .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
  color: var(--accent-foreground);
}
.ddi-kea-page .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: var(--muted-foreground);
}
.ddi-kea-page .data-\[state\=open\]\:opacity-100[data-state="open"] {
  opacity: 1;
}
.ddi-kea-page .data-\[state\=open\]\:duration-500[data-state="open"] {
  --tw-duration: 0.5s;
  transition-duration: 0.5s;
}
.ddi-kea-page .data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.ddi-kea-page .data-\[state\=open\]\:zoom-in-90[data-state="open"] {
  --tw-enter-scale: 0.9;
}
.ddi-kea-page .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: 0.95;
}
.ddi-kea-page .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
  --tw-enter-translate-y: 100%;
}
.ddi-kea-page .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
  --tw-enter-translate-x: -100%;
}
.ddi-kea-page .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
  --tw-enter-translate-x: 100%;
}
.ddi-kea-page .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
  --tw-enter-translate-y: -100%;
}
@media (hover: hover) {
  .ddi-kea-page
    .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover {
    background-color: var(--accent);
  }
  .ddi-kea-page
    .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state="open"]:hover {
    background-color: var(--sidebar-accent);
  }
  .ddi-kea-page
    .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover {
    color: var(--sidebar-accent-foreground);
  }
}
.ddi-kea-page .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus {
  background-color: var(--accent);
}
.ddi-kea-page .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  background-color: var(--muted);
}
.ddi-kea-page
  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --tw-translate-x: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
  background-color: var(--input);
}
.ddi-kea-page .data-\[state\=visible\]\:animate-in[data-state="visible"] {
  animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
    var(--tw-ease, ease) var(--tw-animation-delay, 0s)
    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
    var(--tw-animation-fill-mode, none);
}
.ddi-kea-page .data-\[state\=visible\]\:fade-in[data-state="visible"] {
  --tw-enter-opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .ddi-kea-page .motion-safe\:animate-\[heatmap-scan_4s_ease-in-out_infinite\] {
    animation: 4s ease-in-out infinite heatmap-scan;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .motion-reduce\:transition-none {
    transition-property: none;
  }
}
@media (width>=40rem) {
  .ddi-kea-page .sm\:mt-0 {
    margin-top: 0;
  }
  .ddi-kea-page .sm\:flex {
    display: flex;
  }
  .ddi-kea-page .sm\:hidden {
    display: none;
  }
  .ddi-kea-page .sm\:inline {
    display: inline;
  }
  .ddi-kea-page .sm\:max-w-sm {
    max-width: var(--container-sm);
  }
  .ddi-kea-page .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ddi-kea-page .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ddi-kea-page .sm\:grid-cols-\[1fr_repeat\(4\,76px\)\] {
    grid-template-columns: 1fr repeat(4, 76px);
  }
  .ddi-kea-page .sm\:grid-cols-\[110px_1fr\] {
    grid-template-columns: 110px 1fr;
  }
  .ddi-kea-page .sm\:flex-row {
    flex-direction: row;
  }
  .ddi-kea-page .sm\:items-center {
    align-items: center;
  }
  .ddi-kea-page .sm\:items-start {
    align-items: flex-start;
  }
  .ddi-kea-page .sm\:justify-end {
    justify-content: flex-end;
  }
  .ddi-kea-page .sm\:gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .ddi-kea-page :where(.sm\:space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 2) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  .ddi-kea-page .sm\:rounded-lg {
    border-radius: var(--radius);
  }
  .ddi-kea-page .sm\:text-left {
    text-align: left;
  }
}
@media (width>=48rem) {
  .ddi-kea-page .md\:absolute {
    position: absolute;
  }
  .ddi-kea-page .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .ddi-kea-page .md\:mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .ddi-kea-page .md\:block {
    display: block;
  }
  .ddi-kea-page .md\:flex {
    display: flex;
  }
  .ddi-kea-page .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
    width: var(--radix-navigation-menu-viewport-width);
  }
  .ddi-kea-page .md\:w-auto {
    width: auto;
  }
  .ddi-kea-page .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ddi-kea-page .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ddi-kea-page .md\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .ddi-kea-page .md\:flex-row {
    flex-direction: row;
  }
  .ddi-kea-page .md\:items-center {
    align-items: center;
  }
  .ddi-kea-page .md\:gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .ddi-kea-page :where(.md\:space-y-28 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 28) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 28) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  .ddi-kea-page .md\:p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .ddi-kea-page .md\:p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .ddi-kea-page .md\:p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .ddi-kea-page .md\:p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .ddi-kea-page .md\:p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .ddi-kea-page .md\:p-9 {
    padding: calc(var(--spacing) * 9);
  }
  .ddi-kea-page .md\:p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .ddi-kea-page .md\:px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .ddi-kea-page .md\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .ddi-kea-page .md\:px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .ddi-kea-page .md\:py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .ddi-kea-page .md\:py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .ddi-kea-page .md\:py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .ddi-kea-page .md\:text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .ddi-kea-page .md\:text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .ddi-kea-page .md\:text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .ddi-kea-page .md\:text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .ddi-kea-page .md\:text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .ddi-kea-page .md\:text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  .ddi-kea-page .md\:text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .ddi-kea-page .md\:text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .ddi-kea-page .md\:text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .ddi-kea-page .md\:text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .ddi-kea-page .md\:text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .ddi-kea-page .md\:text-\[9px\] {
    font-size: 9px;
  }
  .ddi-kea-page .md\:text-\[10px\] {
    font-size: 10px;
  }
  .ddi-kea-page .md\:text-\[11px\] {
    font-size: 11px;
  }
  .ddi-kea-page .md\:opacity-0 {
    opacity: 0;
  }
  .ddi-kea-page
    .md\:peer-data-\[variant\=inset\]\:m-2:is(
      :where(.peer)[data-variant="inset"] ~ *
    ) {
    margin: calc(var(--spacing) * 2);
  }
  .ddi-kea-page
    .md\:peer-data-\[variant\=inset\]\:ml-0:is(
      :where(.peer)[data-variant="inset"] ~ *
    ) {
    margin-left: 0;
  }
  .ddi-kea-page
    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(
      :where(.peer)[data-variant="inset"] ~ *
    ) {
    border-radius: calc(var(--radius) + 4px);
  }
  .ddi-kea-page
    .md\:peer-data-\[variant\=inset\]\:shadow:is(
      :where(.peer)[data-variant="inset"] ~ *
    ) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ddi-kea-page
    .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is(
      :where(.peer)[data-state="collapsed"] ~ *
    ):is(:where(.peer)[data-variant="inset"] ~ *) {
    margin-left: calc(var(--spacing) * 2);
  }
}
.ddi-kea-page .after\:md\:hidden:after {
  content: var(--tw-content);
}
@media (width>=48rem) {
  .ddi-kea-page .after\:md\:hidden:after {
    display: none;
  }
}
@media (width>=64rem) {
  .ddi-kea-page .lg\:order-last {
    order: 9999;
  }
  .ddi-kea-page .lg\:block {
    display: block;
  }
  .ddi-kea-page .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ddi-kea-page .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ddi-kea-page .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ddi-kea-page .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ddi-kea-page .lg\:grid-cols-\[\.7fr_1\.3fr\] {
    grid-template-columns: 0.7fr 1.3fr;
  }
  .ddi-kea-page .lg\:grid-cols-\[\.72fr_1\.28fr\] {
    grid-template-columns: 0.72fr 1.28fr;
  }
  .ddi-kea-page .lg\:grid-cols-\[\.82fr_1\.18fr\] {
    grid-template-columns: 0.82fr 1.18fr;
  }
  .ddi-kea-page .lg\:grid-cols-\[1\.2fr_1fr\] {
    grid-template-columns: 1.2fr 1fr;
  }
  .ddi-kea-page .lg\:grid-cols-\[1\.05fr_\.95fr\] {
    grid-template-columns: 1.05fr 0.95fr;
  }
  .ddi-kea-page .lg\:grid-cols-\[1\.25fr_\.75fr\] {
    grid-template-columns: 1.25fr 0.75fr;
  }
  .ddi-kea-page .lg\:grid-cols-\[1\.28fr_\.72fr\] {
    grid-template-columns: 1.28fr 0.72fr;
  }
  .ddi-kea-page .lg\:grid-cols-\[1\.35fr_\.65fr\] {
    grid-template-columns: 1.35fr 0.65fr;
  }
  .ddi-kea-page .lg\:grid-cols-\[1\.45fr_\.55fr\] {
    grid-template-columns: 1.45fr 0.55fr;
  }
  .ddi-kea-page .lg\:grid-cols-\[280px_1fr\] {
    grid-template-columns: 280px 1fr;
  }
  .ddi-kea-page .lg\:items-end {
    align-items: flex-end;
  }
  .ddi-kea-page .lg\:items-stretch {
    align-items: stretch;
  }
  .ddi-kea-page .lg\:gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .ddi-kea-page .lg\:gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .ddi-kea-page .lg\:gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .ddi-kea-page .lg\:border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .ddi-kea-page .lg\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .ddi-kea-page .lg\:p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .ddi-kea-page .lg\:py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
}
@media (width>=80rem) {
  .ddi-kea-page .xl\:grid-cols-\[\.9fr_\.9fr_\.9fr_1\.35fr\] {
    grid-template-columns: 0.9fr 0.9fr 0.9fr 1.35fr;
  }
  .ddi-kea-page .xl\:grid-cols-\[\.42fr_1\.58fr\] {
    grid-template-columns: 0.42fr 1.58fr;
  }
  .ddi-kea-page .xl\:grid-cols-\[\.44fr_1\.56fr\] {
    grid-template-columns: 0.44fr 1.56fr;
  }
  .ddi-kea-page .xl\:grid-cols-\[\.58fr_1\.42fr\] {
    grid-template-columns: 0.58fr 1.42fr;
  }
}
.ddi-kea-page .dark\:border-destructive:is(.dark *) {
  border-color: var(--destructive);
}
.ddi-kea-page
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground
  .recharts-cartesian-axis-tick
  text {
  fill: var(--muted-foreground);
}
.ddi-kea-page
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50
  .recharts-cartesian-grid
  line[stroke="\#ccc"] {
  stroke: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page
    .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50
    .recharts-cartesian-grid
    line[stroke="\#ccc"] {
    stroke: color-mix(in oklab, var(--border) 50%, transparent);
  }
}
.ddi-kea-page
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border
  .recharts-curve.recharts-tooltip-cursor {
  stroke: var(--border);
}
.ddi-kea-page
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent
  .recharts-dot[stroke="\#fff"] {
  stroke: #0000;
}
.ddi-kea-page .\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
  --tw-outline-style: none;
  outline-style: none;
}
.ddi-kea-page
  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border
  .recharts-polar-grid
  [stroke="\#ccc"] {
  stroke: var(--border);
}
.ddi-kea-page
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted
  .recharts-radial-bar-background-sector,
.ddi-kea-page
  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted
  .recharts-rectangle.recharts-tooltip-cursor {
  fill: var(--muted);
}
.ddi-kea-page
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border
  .recharts-reference-line
  [stroke="\#ccc"] {
  stroke: var(--border);
}
.ddi-kea-page .\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
  --tw-outline-style: none;
  outline-style: none;
}
.ddi-kea-page
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent
  .recharts-sector[stroke="\#fff"] {
  stroke: #0000;
}
.ddi-kea-page .\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
  --tw-outline-style: none;
  outline-style: none;
}
.ddi-kea-page .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
  padding-inline: calc(var(--spacing) * 2);
}
.ddi-kea-page .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
  padding-block: calc(var(--spacing) * 1.5);
}
.ddi-kea-page .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.ddi-kea-page .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.ddi-kea-page
  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground
  [cmdk-group-heading] {
  color: var(--muted-foreground);
}
.ddi-kea-page .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
  padding-inline: calc(var(--spacing) * 2);
}
.ddi-kea-page
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0
  [cmdk-group]:not([hidden])
  ~ [cmdk-group] {
  padding-top: 0;
}
.ddi-kea-page .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
  height: calc(var(--spacing) * 5);
}
.ddi-kea-page .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
  width: calc(var(--spacing) * 5);
}
.ddi-kea-page .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
  height: calc(var(--spacing) * 12);
}
.ddi-kea-page .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
  padding-inline: calc(var(--spacing) * 2);
}
.ddi-kea-page .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
  padding-block: calc(var(--spacing) * 3);
}
.ddi-kea-page .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
  height: calc(var(--spacing) * 5);
}
.ddi-kea-page .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
  width: calc(var(--spacing) * 5);
}
.ddi-kea-page .\[\&_p\]\:leading-relaxed p {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.ddi-kea-page .\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.ddi-kea-page .\[\&_svg\]\:size-4 svg {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}
.ddi-kea-page .\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
.ddi-kea-page .\[\&_tr\]\:border-b tr {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.ddi-kea-page .\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-style: var(--tw-border-style);
  border-width: 0;
}
.ddi-kea-page
  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"]
  button {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.ddi-kea-page .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
  padding-right: 0;
}
.ddi-kea-page
  :is(
    .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(
        :is(
            :lang(ae),
            :lang(ar),
            :lang(arc),
            :lang(bcc),
            :lang(bqi),
            :lang(ckb),
            :lang(dv),
            :lang(fa),
            :lang(glk),
            :lang(he),
            :lang(ku),
            :lang(mzn),
            :lang(nqo),
            :lang(pnb),
            :lang(ps),
            :lang(sd),
            :lang(ug),
            :lang(ur),
            :lang(yi)
          ),
        [dir="rtl"],
        [dir="rtl"] *
      )
      *
  ):is(.rdp-button_next > svg),
.ddi-kea-page
  :is(
    .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(
        :is(
            :lang(ae),
            :lang(ar),
            :lang(arc),
            :lang(bcc),
            :lang(bqi),
            :lang(ckb),
            :lang(dv),
            :lang(fa),
            :lang(glk),
            :lang(he),
            :lang(ku),
            :lang(mzn),
            :lang(nqo),
            :lang(pnb),
            :lang(ps),
            :lang(sd),
            :lang(ug),
            :lang(ur),
            :lang(yi)
          ),
        [dir="rtl"],
        [dir="rtl"] *
      )
      *
  ):is(.rdp-button_previous > svg) {
  rotate: 180deg;
}
.ddi-kea-page
  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"]
  button {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.ddi-kea-page
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]
  > [role="checkbox"] {
  --tw-translate-y: 2px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .\[\&\>button\]\:hidden > button {
  display: none;
}
.ddi-kea-page .\[\&\>span\]\:line-clamp-1 > span {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.ddi-kea-page .\[\&\>span\]\:text-xs > span {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.ddi-kea-page .\[\&\>span\]\:opacity-70 > span {
  opacity: 0.7;
}
.ddi-kea-page .\[\&\>span\:last-child\]\:truncate > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ddi-kea-page .\[\&\>svg\]\:absolute > svg {
  position: absolute;
}
.ddi-kea-page .\[\&\>svg\]\:top-4 > svg {
  top: calc(var(--spacing) * 4);
}
.ddi-kea-page .\[\&\>svg\]\:left-4 > svg {
  left: calc(var(--spacing) * 4);
}
.ddi-kea-page .\[\&\>svg\]\:size-3\.5 > svg {
  width: calc(var(--spacing) * 3.5);
  height: calc(var(--spacing) * 3.5);
}
.ddi-kea-page .\[\&\>svg\]\:size-4 > svg {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}
.ddi-kea-page .\[\&\>svg\]\:h-2\.5 > svg {
  height: calc(var(--spacing) * 2.5);
}
.ddi-kea-page .\[\&\>svg\]\:h-3 > svg {
  height: calc(var(--spacing) * 3);
}
.ddi-kea-page .\[\&\>svg\]\:h-3\.5 > svg {
  height: calc(var(--spacing) * 3.5);
}
.ddi-kea-page .\[\&\>svg\]\:w-2\.5 > svg {
  width: calc(var(--spacing) * 2.5);
}
.ddi-kea-page .\[\&\>svg\]\:w-3 > svg {
  width: calc(var(--spacing) * 3);
}
.ddi-kea-page .\[\&\>svg\]\:w-3\.5 > svg {
  width: calc(var(--spacing) * 3.5);
}
.ddi-kea-page .\[\&\>svg\]\:shrink-0 > svg {
  flex-shrink: 0;
}
.ddi-kea-page .\[\&\>svg\]\:text-destructive > svg {
  color: var(--destructive);
}
.ddi-kea-page .\[\&\>svg\]\:text-foreground > svg {
  color: var(--foreground);
}
.ddi-kea-page .\[\&\>svg\]\:text-muted-foreground > svg {
  color: var(--muted-foreground);
}
.ddi-kea-page .\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
  color: var(--sidebar-accent-foreground);
}
.ddi-kea-page .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
  --tw-translate-y: -3px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ddi-kea-page .\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
  padding-left: calc(var(--spacing) * 7);
}
.ddi-kea-page .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}
.ddi-kea-page
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"]
  > div {
  rotate: 90deg;
}
.ddi-kea-page
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"]
  > svg {
  rotate: 180deg;
}
.ddi-kea-page [data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
.ddi-kea-page
  [data-side="left"][data-collapsible="offcanvas"]
  .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
  right: calc(var(--spacing) * -2);
}
.ddi-kea-page
  [data-side="left"][data-state="collapsed"]
  .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize,
.ddi-kea-page
  [data-side="right"]
  .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}
.ddi-kea-page
  [data-side="right"][data-collapsible="offcanvas"]
  .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
  left: calc(var(--spacing) * -2);
}
.ddi-kea-page
  [data-side="right"][data-state="collapsed"]
  .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
.ddi-kea-page
  [data-slot="card-content"]
  .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,
.ddi-kea-page
  [data-slot="popover-content"]
  .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
  background-color: #0000;
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
.ddi-kea-page {
  --radius: 0.25rem;
  --background: oklch(100% 0 0);
  --foreground: oklch(28% 0.025 244);
  --card: oklch(100% 0 0);
  --card-foreground: oklch(12.9% 0.042 264.695);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(12.9% 0.042 264.695);
  --primary: oklch(47% 0.095 174);
  --primary-hover: oklch(39% 0.08 174);
  --primary-foreground: oklch(100% 0 0);
  --secondary: oklch(97% 0.008 205);
  --secondary-foreground: oklch(28% 0.055 247);
  --muted: oklch(97% 0.008 205);
  --muted-foreground: oklch(49% 0.027 235);
  --accent: oklch(72% 0.12 174);
  --accent-foreground: oklch(20% 0.04 247);
  --destructive: oklch(57.7% 0.245 27.325);
  --destructive-foreground: oklch(98.4% 0.003 247.858);
  --border: oklch(88% 0.014 220);
  --input: oklch(88% 0.014 220);
  --ring: oklch(67% 0.135 174);
  --hero: oklch(24% 0.055 247);
  --hero-foreground: oklch(96% 0.012 215);
  --warning: oklch(58% 0.13 72);
  --warning-soft: oklch(95% 0.035 78);
  --success: oklch(68% 0.135 174);
  --tower-assign: oklch(53% 0.16 253);
  --tower-ping: oklch(60% 0.15 22);
  --tower-ping-soft: oklch(95% 0.03 22);
  --grid-free: oklch(91% 0.015 215);
  --chart-1: oklch(64.6% 0.222 41.116);
  --chart-2: oklch(60% 0.118 184.704);
  --chart-3: oklch(39.8% 0.07 227.392);
  --chart-4: oklch(82.8% 0.189 84.429);
  --chart-5: oklch(76.9% 0.188 70.08);
  --sidebar: oklch(98.4% 0.003 247.858);
  --sidebar-foreground: oklch(12.9% 0.042 264.695);
  --sidebar-primary: oklch(20.8% 0.042 265.755);
  --sidebar-primary-foreground: oklch(98.4% 0.003 247.858);
  --sidebar-accent: oklch(96.8% 0.007 247.896);
  --sidebar-accent-foreground: oklch(20.8% 0.042 265.755);
  --sidebar-border: oklch(92.9% 0.013 255.508);
  --sidebar-ring: oklch(70.4% 0.04 256.788);
}
.ddi-kea-page .dark {
  --background: oklch(12.9% 0.042 264.695);
  --foreground: oklch(98.4% 0.003 247.858);
  --card: oklch(20.8% 0.042 265.755);
  --card-foreground: oklch(98.4% 0.003 247.858);
  --popover: oklch(20.8% 0.042 265.755);
  --popover-foreground: oklch(98.4% 0.003 247.858);
  --primary: oklch(92.9% 0.013 255.508);
  --primary-foreground: oklch(20.8% 0.042 265.755);
  --secondary: oklch(27.9% 0.041 260.031);
  --secondary-foreground: oklch(98.4% 0.003 247.858);
  --muted: oklch(27.9% 0.041 260.031);
  --muted-foreground: oklch(70.4% 0.04 256.788);
  --accent: oklch(27.9% 0.041 260.031);
  --accent-foreground: oklch(98.4% 0.003 247.858);
  --destructive: oklch(70.4% 0.191 22.216);
  --destructive-foreground: oklch(98.4% 0.003 247.858);
  --border: oklch(100% 0 0/0.1);
  --input: oklch(100% 0 0/0.15);
  --ring: oklch(55.1% 0.027 264.364);
  --chart-1: oklch(48.8% 0.243 264.376);
  --chart-2: oklch(69.6% 0.17 162.48);
  --chart-3: oklch(76.9% 0.188 70.08);
  --chart-4: oklch(62.7% 0.265 303.9);
  --chart-5: oklch(64.5% 0.246 16.439);
  --sidebar: oklch(20.8% 0.042 265.755);
  --sidebar-foreground: oklch(98.4% 0.003 247.858);
  --sidebar-primary: oklch(48.8% 0.243 264.376);
  --sidebar-primary-foreground: oklch(98.4% 0.003 247.858);
  --sidebar-accent: oklch(27.9% 0.041 260.031);
  --sidebar-accent-foreground: oklch(98.4% 0.003 247.858);
  --sidebar-border: oklch(100% 0 0/0.1);
  --sidebar-ring: oklch(55.1% 0.027 264.364);
}
@keyframes lease-fill {
  0% {
    opacity: 0;
    transform: scale(0.45);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes flow-dash {
  to {
    stroke-dashoffset: -32px;
  }
}
@keyframes log-rise {
  0%,
  12% {
    transform: translateY(0);
  }
  88%,
  to {
    transform: translateY(-50%);
  }
}
@keyframes pulse-node {
  0%,
  to {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--success) 25%, transparent);
  }
  50% {
    box-shadow: 0 0 0 8px color-mix(in oklab, var(--success) 0%, transparent);
  }
}
@keyframes heatmap-scan {
  0%,
  12% {
    opacity: 0;
    transform: translate(-120%) skew(-12deg);
  }
  24% {
    opacity: 0.7;
  }
  76% {
    opacity: 0.35;
  }
  88%,
  to {
    opacity: 0;
    transform: translate(780%) skew(-12deg);
  }
}
@keyframes heatmap-live {
  0%,
  82%,
  to {
    filter: brightness();
    transform: scale(1);
  }
  88% {
    filter: brightness(1.35);
    transform: scale(0.72);
  }
  94% {
    filter: brightness(1.08);
    transform: scale(1);
  }
}
@keyframes server-sync {
  0%,
  72%,
  to {
    border-color: var(--color-border);
    background-color: var(--color-secondary);
  }
  82% {
    border-color: var(--color-primary);
    background-color: color-mix(
      in oklab,
      var(--primary) 10%,
      var(--background)
    );
  }
}
@keyframes bridge-packet {
  0% {
    opacity: 0;
    left: 0;
  }
  18% {
    opacity: 1;
  }
  82% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
@keyframes console-refresh {
  0%,
  70%,
  to {
    background-color: #0000;
  }
  82% {
    background-color: color-mix(in oklab, var(--primary) 9%, transparent);
  }
}
@keyframes permission-enter {
  0% {
    opacity: 0;
    transform: translate(14px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes carousel-fluid-enter {
  0% {
    opacity: 0;
    transform: translate(14px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.ddi-kea-page .carousel-fluid-enter {
  animation: 0.55s cubic-bezier(0.22, 1, 0.36, 1) both carousel-fluid-enter;
}
@keyframes permission-progress {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes site-join {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes rail-sweep {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate(300%);
  }
}
@keyframes pool-capacity-rise {
  0%,
  10% {
    background-color: var(--color-primary);
    transform: scaleX(0.58);
  }
  48% {
    background-color: var(--color-primary);
    transform: scaleX(0.73);
  }
  62% {
    background-color: var(--color-warning);
    transform: scaleX(0.8);
  }
  72%,
  to {
    background-color: var(--color-warning);
    transform: scaleX(0.92);
  }
}
@keyframes pool-value-change {
  0%,
  10% {
    color: var(--color-primary);
  }
  48% {
    color: var(--color-primary);
  }
  72%,
  to {
    color: var(--color-warning);
  }
}
@keyframes alert-arrive {
  0%,
  55% {
    opacity: 0.58;
    transform: translateY(4px);
  }
  67%,
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes email-arrive {
  0%,
  70% {
    opacity: 0.58;
    transform: translateY(4px);
  }
  82%,
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes email-flight {
  0%,
  68% {
    opacity: 0;
    transform: translate(-18px, -2px) scale(0.82);
  }
  72% {
    opacity: 1;
  }
  81% {
    opacity: 1;
    transform: translate(calc(50% - 8px), 42px) scale(1.08);
  }
  88%,
  to {
    opacity: 0;
    transform: translate(calc(100% - 28px), 78px) scale(0.82);
  }
}
@keyframes email-trail {
  0%,
  69% {
    opacity: 0;
    transform: scaleX(0);
  }
  75% {
    opacity: 0.7;
    transform: scaleX(1);
  }
  86%,
  to {
    opacity: 0;
    transform: scaleX(0.25);
  }
}
@keyframes sent-confirm {
  0%,
  84% {
    opacity: 0.45;
    transform: scale(0.94);
  }
  90% {
    opacity: 1;
    transform: scale(1.08);
  }
  96%,
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes monitor-pulse {
  0%,
  to {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--primary) 38%, transparent);
  }
  50% {
    box-shadow: 0 0 0 5px color-mix(in oklab, var(--primary) 0%, transparent);
  }
}
.ddi-kea-page .site-node.joined {
  animation: 0.45s ease-out both site-join;
}
.ddi-kea-page .rail-sweep {
  animation: 2.6s ease-in-out infinite rail-sweep;
}
.ddi-kea-page .scale-card {
  transition: border-color 0.25s, box-shadow 0.25s;
}
.ddi-kea-page .scale-card:hover {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .scale-card:hover {
    border-color: color-mix(in oklab, var(--primary) 45%, var(--color-border));
  }
}
.ddi-kea-page .scale-card:hover {
  box-shadow: 0 8px 22px -14px #00000059;
}
.ddi-kea-page .server-sync {
  animation: 4.8s ease-in-out infinite server-sync;
}
.ddi-kea-page .console-row {
  animation: 4.8s ease-in-out infinite console-refresh;
}
.ddi-kea-page .permission-slide {
  animation: 0.42s ease-out both permission-enter;
}
.ddi-kea-page .permission-progress {
  transform-origin: 0;
  animation: 5.2s linear both permission-progress;
}
.ddi-kea-page .data-bridge i {
  background: var(--color-primary);
  border-radius: 999px;
  width: 7px;
  height: 7px;
  animation: 2.4s linear infinite bridge-packet;
  position: absolute;
  top: -3px;
}
.ddi-kea-page .data-bridge i:nth-child(2) {
  animation-delay: 0.8s;
}
.ddi-kea-page .data-bridge i:nth-child(3) {
  animation-delay: 1.6s;
}
.ddi-kea-page .pool-alert-demo__track {
  background: var(--color-grid-free);
  height: 56px;
  position: relative;
  overflow: visible;
}
.ddi-kea-page .pool-alert-demo__fill {
  transform-origin: 0;
  height: 100%;
  animation: 8s ease-in-out infinite pool-capacity-rise;
  transform: scaleX(0.58);
}
.ddi-kea-page .pool-alert-demo__threshold {
  background: var(--foreground);
  width: 1px;
  position: absolute;
  inset-block: -8px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .pool-alert-demo__threshold {
    background: color-mix(in oklab, var(--foreground) 32%, transparent);
  }
}
.ddi-kea-page .pool-alert-demo__threshold {
  font-style: normal;
}
.ddi-kea-page .pool-alert-demo__threshold span {
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--color-muted-foreground);
  font-size: 9px;
  font-weight: 600;
  position: absolute;
  top: -20px;
  right: 5px;
}
.ddi-kea-page .pool-alert-demo__threshold--warning {
  left: 80%;
}
.ddi-kea-page .pool-alert-demo__threshold--critical {
  background: var(--color-warning);
  left: 95%;
}
.ddi-kea-page .pool-alert-demo__threshold--critical span {
  color: var(--color-warning);
}
.ddi-kea-page .pool-alert-demo__value {
  animation: 8s ease-in-out infinite pool-value-change;
}
.ddi-kea-page .pool-alert-demo__alert {
  opacity: 0.58;
  animation: 8s ease-out infinite alert-arrive;
}
.ddi-kea-page .pool-alert-demo__email {
  opacity: 0.58;
  animation: 8s ease-out infinite email-arrive;
}
.ddi-kea-page .pool-alert-demo__email-flight {
  z-index: 4;
  border: 1px solid var(--color-primary);
  background: var(--color-background);
  width: 30px;
  height: 30px;
  color: var(--color-primary);
  box-shadow: 0 5px 14px var(--primary);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 126px;
  left: 25px;
  right: 25px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .pool-alert-demo__email-flight {
    box-shadow: 0 5px 14px color-mix(in oklab, var(--primary) 20%, transparent);
  }
}
.ddi-kea-page .pool-alert-demo__email-flight {
  opacity: 0;
  animation: 8s ease-in-out infinite email-flight;
}
.ddi-kea-page .pool-alert-demo__email-flight i {
  transform-origin: 100%;
  background: var(--color-primary);
  width: 34px;
  height: 1px;
  animation: 8s ease-in-out infinite email-trail;
  position: absolute;
  right: 100%;
}
.ddi-kea-page .pool-alert-demo__sent {
  transform-origin: 100%;
  animation: 8s ease-out infinite sent-confirm;
}
.ddi-kea-page .pool-alert-demo__live i {
  background: var(--color-primary);
  border-radius: 999px;
  width: 7px;
  height: 7px;
  animation: 1.8s ease-out infinite monitor-pulse;
}
@keyframes step-two-enter {
  0% {
    opacity: 0;
    transform: translate(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes step-two-progress {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes step-flow-packet {
  0% {
    opacity: 0;
    left: -6px;
  }
  15%,
  82% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
@keyframes step-client-join {
  0%,
  12% {
    opacity: 0.28;
    transform: translateY(5px);
  }
  30%,
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes schedule-clock-pulse {
  0%,
  to {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--warning) 24%, transparent);
  }
  55% {
    box-shadow: 0 0 0 10px #0000;
  }
}
.ddi-kea-page .step-two-showcase {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  box-shadow: 0 18px 42px var(--hero);
  grid-template-columns: 1fr;
  display: grid;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-two-showcase {
    box-shadow: 0 18px 42px color-mix(in oklab, var(--hero) 8%, transparent);
  }
}
.ddi-kea-page .step-two-tabs {
  background: var(--color-hero);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 8px;
  display: grid;
  overflow: hidden;
}
.ddi-kea-page .step-two-tab {
  width: auto;
  overflow: hidden;
  border: 0 !important;
  border-right: 1px solid var(--hero-foreground) !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  min-height: 62px !important;
  position: relative !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-two-tab {
    border-right: 1px solid
      color-mix(in oklab, var(--hero-foreground) 13%, transparent) !important;
  }
}
.ddi-kea-page .step-two-tab {
  color: var(--hero-foreground) !important;
  border-radius: 0 !important;
  padding: 9px 11px !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-two-tab {
    color: color-mix(
      in oklab,
      var(--hero-foreground) 62%,
      transparent
    ) !important;
  }
}
.ddi-kea-page .step-two-tab {
  text-align: left;
  white-space: normal !important;
}
.ddi-kea-page .step-two-tab:last-child {
  border-right: 0 !important;
}
.ddi-kea-page .step-two-tab:hover,
.ddi-kea-page .step-two-tab.is-active {
  background: var(--hero-foreground) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-two-tab:hover,
  .ddi-kea-page .step-two-tab.is-active {
    background: color-mix(
      in oklab,
      var(--hero-foreground) 9%,
      transparent
    ) !important;
  }
}
.ddi-kea-page .step-two-tab:hover,
.ddi-kea-page .step-two-tab.is-active {
  color: var(--color-hero-foreground) !important;
}
.ddi-kea-page .step-two-tab.is-active > svg {
  color: var(--color-success) !important;
}
.ddi-kea-page .step-two-tab > span {
  min-width: 0;
  font-size: 11px;
  line-height: 1.25;
}
.ddi-kea-page .step-two-tab__progress {
  transform-origin: 0;
  background: var(--color-success);
  height: 2px;
  animation: linear both oi-progress;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ddi-kea-page .step-two-showcase.is-paused .step-two-tab__progress {
  animation-play-state: paused;
}
.ddi-kea-page .step-two-main {
  background: var(--color-secondary);
  min-width: 0;
  padding: 26px;
}
.ddi-kea-page .step-two-copy {
  grid-template-columns: minmax(250px, 0.7fr) 1fr;
  align-items: end;
  gap: 28px;
  margin-bottom: 20px;
  display: grid;
}
.ddi-kea-page .step-two-copy span {
  text-transform: uppercase;
  color: var(--color-primary);
  font-size: 9px;
  font-weight: 700;
}
.ddi-kea-page .step-two-copy h3 {
  font-family: var(--font-display);
  margin-top: 4px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.14;
}
.ddi-kea-page .step-two-copy p {
  max-width: 680px;
  color: var(--color-muted-foreground);
  font-size: 13px;
}
.ddi-kea-page .step-two-panel {
  min-width: 0;
  animation: 0.55s cubic-bezier(0.22, 1, 0.36, 1) both carousel-fluid-enter;
}
.ddi-kea-page .step-two-panel > .grid,
.ddi-kea-page .step-two-panel > .grid > * {
  min-width: 0;
}
.ddi-kea-page .step-two-topology > div {
  margin-top: 0;
}
.ddi-kea-page .step-value-card {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  min-width: 0;
  padding: 22px;
  overflow: hidden;
}
.ddi-kea-page .step-value-card h4 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.ddi-kea-page .step-value-card p {
  color: var(--color-muted-foreground);
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.65;
}
.ddi-kea-page .step-value-card ol {
  gap: 8px;
  margin-top: 17px;
  display: grid;
}
.ddi-kea-page .step-value-card li {
  border: 1px solid var(--color-border);
  background: var(--color-secondary);
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}
.ddi-kea-page .step-value-card li svg {
  color: var(--color-primary);
}
.ddi-kea-page .step-value-card--schedule {
  position: relative;
  overflow: hidden;
}
.ddi-kea-page .step-replica-gallery {
  min-width: 0;
}
.ddi-kea-page .step-replica-gallery__head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  display: flex;
}
.ddi-kea-page .step-replica-gallery__head > div {
  gap: 3px;
  max-width: 82%;
  display: flex;
  overflow-x: auto;
}
.ddi-kea-page .step-replica-gallery__head button {
  white-space: nowrap;
  min-height: 30px !important;
  color: var(--color-muted-foreground) !important;
  border-bottom: 2px solid #0000 !important;
  border-radius: 0 !important;
  padding: 4px 8px !important;
  font-size: 9px !important;
}
.ddi-kea-page .step-replica-gallery__head button.is-active {
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}
.ddi-kea-page .step-replica-gallery__head > span {
  color: var(--color-muted-foreground);
  white-space: nowrap;
  font-size: 9px;
}
.ddi-kea-page .step-replica-gallery__stage {
  max-width: 100%;
  overflow-x: auto;
}
.ddi-kea-page .step-replica-gallery__screen {
  min-width: 0;
  animation: 0.42s ease-out both step-two-enter;
}
.ddi-kea-page .step-inline-scroll {
  max-width: 100%;
  overflow-x: auto;
}
.ddi-kea-page .step-replica-gallery__foot {
  justify-content: center;
  align-items: center;
  gap: 9px;
  margin-top: 10px;
  display: flex;
}
.ddi-kea-page .step-replica-gallery__foot button {
  border-radius: 0 !important;
  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
}
.ddi-kea-page .step-replica-gallery__foot > div {
  gap: 4px;
  display: flex;
}
.ddi-kea-page .step-replica-gallery__foot i {
  background: var(--color-border);
  width: 10px;
  height: 3px;
}
.ddi-kea-page .step-replica-gallery__foot i.is-active {
  background: var(--color-primary);
  width: 24px;
}
.ddi-kea-page .step-ddi {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  min-width: 880px;
  height: 520px;
  box-shadow: 0 12px 30px var(--hero);
  grid-template-columns: 44px minmax(0, 1fr);
  display: grid;
  position: relative;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi {
    box-shadow: 0 12px 30px color-mix(in oklab, var(--hero) 10%, transparent);
  }
}
.ddi-kea-page .step-ddi {
  color: var(--color-foreground);
  font-size: 8px;
}
.ddi-kea-page .step-ddi--dimmed:after {
  content: "";
  z-index: 1;
  background: var(--hero);
  position: absolute;
  inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi--dimmed:after {
    background: color-mix(in oklab, var(--hero) 42%, transparent);
  }
}
.ddi-kea-page .step-ddi--dimmed:after {
  pointer-events: none;
}
.ddi-kea-page .step-ddi--dimmed .step-modal {
  z-index: 3;
}
.ddi-kea-page .step-ddi__rail {
  background: var(--color-hero);
  color: var(--hero-foreground);
  flex-direction: column;
  align-items: stretch;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi__rail {
    color: color-mix(in oklab, var(--hero-foreground) 66%, transparent);
  }
}
.ddi-kea-page .step-ddi__rail > b {
  height: 35px;
  color: var(--color-success);
  place-items: center;
  font-size: 17px;
  display: grid;
}
.ddi-kea-page .step-ddi__rail > span {
  text-align: center;
  place-items: center;
  min-height: 50px;
  font-size: 7px;
  display: grid;
}
.ddi-kea-page .step-ddi__rail > span.is-active {
  background: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi__rail > span.is-active {
    background: color-mix(in oklab, var(--hero-foreground) 13%, transparent);
  }
}
.ddi-kea-page .step-ddi__rail > span.is-active {
  color: var(--color-hero-foreground);
}
.ddi-kea-page .step-ddi__rail > i {
  text-align: center;
  margin-top: auto;
  padding: 11px 4px;
  font-style: normal;
}
.ddi-kea-page .step-ddi__top {
  border-bottom: 1px solid var(--color-border);
  background: var(--color-background);
  align-items: center;
  gap: 12px;
  height: 38px;
  padding: 0 14px;
  display: flex;
}
.ddi-kea-page .step-ddi__top strong {
  font-size: 12px;
}
.ddi-kea-page .step-ddi__top span {
  color: var(--color-primary);
  margin-left: auto;
}
.ddi-kea-page .step-ddi__top em {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  border-radius: 999px;
  padding: 3px 9px;
  font-style: normal;
  font-weight: 700;
}
.ddi-kea-page .step-ddi__footer {
  border-top: 1px solid var(--color-border);
  background: var(--background);
  justify-content: center;
  gap: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 44px;
  right: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi__footer {
    background: color-mix(in oklab, var(--background) 94%, transparent);
  }
}
.ddi-kea-page .step-ddi__footer {
  padding: 11px;
}
.ddi-kea-page .step-ddi__footer span,
.ddi-kea-page .step-ddi__footer b {
  border: 1px solid var(--color-border);
  text-align: center;
  border-radius: 999px;
  min-width: 70px;
  padding: 6px 14px;
  font-size: 9px;
  font-weight: 600;
}
.ddi-kea-page .step-ddi__footer b {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-primary-foreground);
}
.ddi-kea-page .step-form-field {
  grid-template-columns: 120px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  display: grid;
}
.ddi-kea-page .step-form-field > span {
  text-align: right;
  text-transform: uppercase;
  color: var(--color-foreground);
  font-size: 8px;
  font-weight: 700;
}
.ddi-kea-page .step-form-field > span i,
.ddi-kea-page .client-global span i,
.ddi-kea-page .pool-range span i,
.ddi-kea-page .client-allow span i {
  color: var(--color-destructive);
  font-style: normal;
}
.ddi-kea-page .step-form-field > b {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  min-height: 24px;
  color: var(--color-muted-foreground);
  padding: 5px 8px;
  font-weight: 500;
}
.ddi-kea-page .step-form-field > b strong {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  padding: 5px 12px;
  display: inline-block;
}
.ddi-kea-page .step-form-field > b em {
  border: 1px solid var(--color-border);
  padding: 4px 11px;
  font-style: normal;
  display: inline-block;
}
.ddi-kea-page .client-class-page {
  height: 482px;
  padding: 22px 78px 60px;
  position: relative;
}
.ddi-kea-page .client-global {
  text-transform: uppercase;
  grid-template-columns: 120px 1fr;
  gap: 10px;
  margin-top: 12px;
  font-size: 8px;
  font-weight: 700;
  display: grid;
}
.ddi-kea-page .client-global span {
  text-align: right;
}
.ddi-kea-page .client-global b {
  color: var(--color-primary);
}
.ddi-kea-page .client-global b i {
  background: var(--color-primary);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  display: inline-block;
}
.ddi-kea-page .assign-pool,
.ddi-kea-page .assign-client-class {
  border: 1px solid var(--color-muted-foreground);
  margin-top: 9px;
  padding: 12px 18px 15px;
}
.ddi-kea-page .assign-pool legend,
.ddi-kea-page .assign-client-class legend {
  text-transform: uppercase;
  color: var(--color-muted-foreground);
  padding: 0 5px;
}
.ddi-kea-page .client-allow {
  grid-template-columns: 120px auto auto 60px 1fr;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-size: 8px;
  display: grid;
}
.ddi-kea-page .client-allow span {
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
}
.ddi-kea-page .client-allow b:first-of-type {
  color: var(--color-primary);
}
.ddi-kea-page .client-allow strong {
  border: 1px solid var(--color-success);
  text-align: center;
  color: var(--color-primary);
  padding: 4px 9px;
}
.ddi-kea-page .assigned-pools {
  grid-template-columns: 120px 1fr;
  align-items: start;
  gap: 10px;
  margin-top: 14px;
  display: grid;
}
.ddi-kea-page .assigned-pools > span {
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
}
.ddi-kea-page .assigned-pools > div {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}
.ddi-kea-page .assigned-pools b {
  border: 1px solid var(--color-border);
  background: var(--color-muted);
  padding: 7px 22px 7px 8px;
  font-weight: 500;
  line-height: 1.45;
  position: relative;
}
.ddi-kea-page .assigned-pools i {
  color: var(--color-muted-foreground);
  font-style: normal;
  position: absolute;
  top: 4px;
  right: 5px;
}
.ddi-kea-page .client-form-grid {
  gap: 9px;
  margin-top: 14px;
  display: grid;
}
.ddi-kea-page .mini-toggle {
  background: var(--color-border);
  border-radius: 999px;
  width: 24px;
  height: 13px;
  display: inline-block;
}
.ddi-kea-page .option-tabs {
  border-bottom: 1px solid var(--color-border);
  gap: 18px;
  padding: 0 10px;
  display: flex;
}
.ddi-kea-page .option-tabs b {
  border-bottom: 2px solid var(--color-success);
  text-transform: uppercase;
  color: var(--color-foreground);
  padding: 9px 0;
}
.ddi-kea-page .option-tabs span {
  color: var(--color-muted-foreground);
  text-transform: uppercase;
  padding: 9px 0;
}
.ddi-kea-page .option-table {
  margin-top: 18px;
}
.ddi-kea-page .option-picker {
  grid-template-columns: 110px 1fr 190px;
  align-items: center;
  gap: 10px;
  padding: 18px 20px 8px;
  display: grid;
}
.ddi-kea-page .option-picker > span {
  text-align: right;
}
.ddi-kea-page .option-picker b,
.ddi-kea-page .option-picker em {
  border: 1px solid var(--color-border);
  color: var(--color-muted-foreground);
  padding: 6px 9px;
  font-style: normal;
  font-weight: 500;
}
.ddi-kea-page .option-picker em {
  align-items: center;
  gap: 5px;
  display: flex;
}
.ddi-kea-page .option-table table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}
.ddi-kea-page .option-table th {
  background: var(--color-muted);
  text-transform: uppercase;
  color: var(--color-muted-foreground);
  padding: 7px 10px;
}
.ddi-kea-page .option-table td {
  border-top: 1px solid var(--color-border);
  padding: 8px 10px;
}
.ddi-kea-page .option-table td:first-child {
  font-weight: 700;
}
.ddi-kea-page .step-modal {
  background: var(--color-background);
  box-shadow: 0 16px 44px var(--hero);
  position: absolute;
  inset: 42px 74px 38px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-modal {
    box-shadow: 0 16px 44px color-mix(in oklab, var(--hero) 25%, transparent);
  }
}
.ddi-kea-page .step-modal > header {
  border-bottom: 1px solid var(--color-border);
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}
.ddi-kea-page .step-modal > header b {
  font-size: 13px;
}
.ddi-kea-page .step-modal > header svg {
  color: var(--color-destructive);
}
.ddi-kea-page .step-modal--pool {
  inset: 18px 68px;
}
.ddi-kea-page .pool-edit-body {
  padding: 58px 90px 68px;
}
.ddi-kea-page .pool-range {
  grid-template-columns: 92px 1fr 1fr 55px;
  align-items: center;
  gap: 8px;
  display: grid;
}
.ddi-kea-page .pool-range span {
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
}
.ddi-kea-page .pool-range b,
.ddi-kea-page .pool-option-row b {
  border: 1px solid var(--color-border);
  min-height: 25px;
  color: var(--color-muted-foreground);
  padding: 5px 8px;
  font-weight: 500;
}
.ddi-kea-page .pool-range strong,
.ddi-kea-page .pool-option-row strong {
  border: 1px solid var(--color-success);
  text-align: center;
  color: var(--color-primary);
  padding: 5px 10px;
}
.ddi-kea-page .pool-chip {
  background: var(--primary);
  margin: 20px 0 34px 102px;
  display: inline-block;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .pool-chip {
    background: color-mix(in oklab, var(--primary) 12%, var(--background));
  }
}
.ddi-kea-page .pool-chip {
  color: var(--color-foreground);
  padding: 5px 9px;
  font-style: normal;
}
.ddi-kea-page .pool-option-row {
  grid-template-columns: 80px 1fr 48px;
  align-items: center;
  gap: 8px;
  margin: 12px 120px 0;
  display: grid;
  position: relative;
}
.ddi-kea-page .pool-option-row > span {
  text-align: right;
}
.ddi-kea-page .pool-option-row i {
  background: var(--color-foreground);
  width: 138px;
  color: var(--color-background);
  padding: 9px;
  font-style: normal;
  line-height: 1.55;
  position: absolute;
  top: 26px;
  left: -58px;
}
.ddi-kea-page .subnet-page {
  padding: 12px 12px 0;
}
.ddi-kea-page .subnet-tabs {
  border-bottom: 1px solid var(--color-border);
  align-items: center;
  gap: 15px;
  margin-bottom: 46px;
  padding: 0 0 8px;
  font-size: 10px;
  display: flex;
}
.ddi-kea-page .subnet-tabs b {
  border-bottom: 2px solid var(--color-success);
  padding-bottom: 7px;
}
.ddi-kea-page .subnet-tabs em,
.ddi-kea-page .subnet-tabs strong {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  margin-left: auto;
  padding: 6px 10px;
  font-style: normal;
}
.ddi-kea-page .subnet-tabs strong {
  border: 1px solid var(--color-success);
  background: var(--color-background);
  color: var(--color-primary);
  margin-left: 4px;
}
.ddi-kea-page .subnet-filter {
  border: 1px solid var(--color-border);
  align-items: center;
  gap: 8px;
  margin: 0 18px 18px;
  padding: 9px 10px;
  display: flex;
}
.ddi-kea-page .subnet-filter span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .subnet-filter i,
.ddi-kea-page .subnet-filter em {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  padding: 6px 8px;
  font-style: normal;
}
.ddi-kea-page .subnet-filter strong {
  border: 1px solid var(--color-success);
  color: var(--color-primary);
  margin-left: auto;
  padding: 6px 9px;
}
.ddi-kea-page .subnet-table {
  border: 1px solid var(--color-border);
  margin: 0 18px;
}
.ddi-kea-page .subnet-row {
  border-top: 1px solid var(--color-border);
  grid-template-columns: 1.1fr 0.55fr 0.9fr 0.9fr 0.6fr 1.45fr 1fr 1fr 0.7fr;
  align-items: center;
  min-height: 29px;
  padding: 0 8px;
  display: grid;
}
.ddi-kea-page .subnet-row--head {
  background: var(--color-muted);
  text-transform: uppercase;
  min-height: 36px;
  color: var(--color-muted-foreground);
  border-top: 0;
  font-weight: 700;
}
.ddi-kea-page .subnet-row a {
  color: var(--color-primary);
  align-items: center;
  gap: 5px;
  font-weight: 600;
  display: inline-flex;
}
.ddi-kea-page .subnet-row a > svg {
  color: var(--color-warning);
  flex: none;
}
.ddi-kea-page .ok-dot {
  background: var(--color-success);
  width: 12px;
  height: 12px;
  color: var(--color-primary-foreground);
  border-radius: 50%;
  place-items: center;
  font-size: 7px;
  display: grid;
}
.ddi-kea-page .subnet-row span i {
  background: var(--color-border);
  vertical-align: middle;
  width: 52px;
  height: 10px;
  margin-right: 3px;
  display: inline-block;
}
.ddi-kea-page .subnet-row span i em {
  background: var(--color-success);
  height: 100%;
  display: block;
}
.ddi-kea-page .subnet-row b {
  background: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .subnet-row b {
    background: color-mix(in oklab, var(--success) 14%, var(--background));
  }
}
.ddi-kea-page .subnet-row b {
  padding: 4px 6px;
}
.ddi-kea-page .subnet-row--scheduled {
  background: var(--warning);
  min-height: 46px;
  padding-bottom: 12px;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .subnet-row--scheduled {
    background: color-mix(in oklab, var(--warning) 10%, var(--background));
  }
}
.ddi-kea-page .subnet-row--scheduled {
  box-shadow: inset 3px 0 0 var(--color-warning);
}
.ddi-kea-page .subnet-schedule-note {
  z-index: 5;
  border: 1px solid var(--warning);
  align-items: center;
  gap: 6px;
  width: auto;
  max-width: min(100% - 20px, 420px);
  margin: 0;
  padding: 2px 9px 3px;
  display: inline-flex;
  position: absolute;
  top: 26px;
  left: 14px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .subnet-schedule-note {
    border: 1px solid color-mix(in oklab, var(--warning) 60%, var(--border));
  }
}
.ddi-kea-page .subnet-schedule-note {
  background: var(--warning);
  border-radius: 6px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .subnet-schedule-note {
    background: color-mix(
      in oklab,
      color-mix(in oklab, var(--warning) 26%, var(--background)) 93%,
      transparent
    );
  }
}
.ddi-kea-page .subnet-schedule-note {
  color: var(--color-foreground);
  white-space: nowrap;
  pointer-events: none;
  font-size: 0.56rem;
  font-weight: 600;
  line-height: 1.2;
  box-shadow: 0 8px 16px -9px #0f172a66;
}
.ddi-kea-page .subnet-actions {
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 7px;
  display: flex;
}
.ddi-kea-page .subnet-actions svg:nth-child(2) {
  color: var(--color-primary);
}
.ddi-kea-page .subnet-actions svg:last-child {
  color: var(--color-destructive);
}
.ddi-kea-page .tree-panel {
  z-index: 2;
  background: var(--foreground);
  width: 170px;
  position: absolute;
  top: 38px;
  bottom: 0;
  left: 44px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tree-panel {
    background: color-mix(in oklab, var(--foreground) 14%, var(--background));
  }
}
.ddi-kea-page .tree-panel {
  color: var(--color-foreground);
  padding: 12px 8px;
}
.ddi-kea-page .tree-panel b {
  margin-bottom: 8px;
  font-size: 11px;
  display: block;
}
.ddi-kea-page .tree-panel span {
  padding: 3px 0;
  display: block;
}
.ddi-kea-page .step-modal--schedule {
  flex-direction: column;
  display: flex;
  inset: 46px 120px 34px 180px;
  overflow: visible;
}
.ddi-kea-page .schedule-dialog-body {
  grid-template-columns: 1fr minmax(0, 250px) 1fr;
  align-items: start;
  gap: 18px;
  padding: 44px 0 0;
  display: grid;
  position: relative;
}
.ddi-kea-page .schedule-dialog-body > span {
  letter-spacing: 0.03em;
  color: var(--foreground);
  justify-self: end;
  padding-top: 7px;
  font-size: 0.64rem;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .schedule-dialog-body > span {
    color: color-mix(in oklab, var(--foreground) 78%, transparent);
  }
}
.ddi-kea-page .schedule-dialog-field {
  display: block;
  position: relative;
}
.ddi-kea-page .date-input {
  border: 1px solid var(--foreground);
  align-items: center;
  gap: 7px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .date-input {
    border: 1px solid color-mix(in oklab, var(--foreground) 22%, transparent);
  }
}
.ddi-kea-page .date-input {
  background: var(--color-background);
  border-radius: 2px;
  padding: 6px 4px 6px 8px;
  font-size: 0.68rem;
}
.ddi-kea-page .date-input > svg:first-child {
  color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .date-input > svg:first-child {
    color: color-mix(in oklab, var(--foreground) 55%, transparent);
  }
}
.ddi-kea-page .date-input > svg:first-child {
  flex: none;
}
.ddi-kea-page .date-input em {
  flex: 1;
  font-style: normal;
}
.ddi-kea-page .date-input__clear {
  color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .date-input__clear {
    color: color-mix(in oklab, var(--foreground) 45%, transparent);
  }
}
.ddi-kea-page .date-input__clear {
  flex: none;
}
.ddi-kea-page .date-input__spin {
  border-left: 1px solid var(--foreground);
  margin-left: 2px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .date-input__spin {
    border-left: 1px solid
      color-mix(in oklab, var(--foreground) 16%, transparent);
  }
}
.ddi-kea-page .date-input__spin {
  padding-left: 4px;
  line-height: 0.8;
}
.ddi-kea-page .date-input__spin i {
  opacity: 0.5;
  font-size: 0.5rem;
  font-style: normal;
}
.ddi-kea-page .calendar-pop {
  z-index: 4;
  border: 1px solid var(--foreground);
  width: 290px;
  position: absolute;
  top: calc(100% + 1px);
  left: 14px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .calendar-pop {
    border: 1px solid color-mix(in oklab, var(--foreground) 12%, transparent);
  }
}
.ddi-kea-page .calendar-pop {
  background: var(--color-background);
  box-shadow: 0 14px 34px var(--hero);
  padding: 6px 10px 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .calendar-pop {
    box-shadow: 0 14px 34px color-mix(in oklab, var(--hero) 22%, transparent);
  }
}
.ddi-kea-page .calendar-pop {
  font-size: 0.63rem;
}
.ddi-kea-page .calendar-pop__head {
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding: 8px 2px 10px;
  display: flex;
}
.ddi-kea-page .calendar-pop__head b {
  text-align: center;
  flex: 1;
  font-size: 0.7rem;
  font-weight: 600;
}
.ddi-kea-page .calendar-pop__head i {
  cursor: default;
  color: var(--foreground);
  font-style: normal;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .calendar-pop__head i {
    color: color-mix(in oklab, var(--foreground) 40%, transparent);
  }
}
.ddi-kea-page .calendar-pop__week,
.ddi-kea-page .calendar-pop__grid {
  text-align: center;
  grid-template-columns: repeat(7, 1fr);
  display: grid;
}
.ddi-kea-page .calendar-pop__week span {
  color: var(--foreground);
  padding-bottom: 6px;
  font-size: 0.58rem;
  font-weight: 600;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .calendar-pop__week span {
    color: color-mix(in oklab, var(--foreground) 62%, transparent);
  }
}
.ddi-kea-page .calendar-pop__grid i {
  border-radius: 999px;
  place-items: center;
  width: 24px;
  height: 24px;
  margin: 1px auto;
  font-style: normal;
  display: grid;
}
.ddi-kea-page .calendar-pop__grid .is-blank {
  visibility: hidden;
}
.ddi-kea-page .calendar-pop__grid .is-muted {
  color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .calendar-pop__grid .is-muted {
    color: color-mix(in oklab, var(--foreground) 32%, transparent);
  }
}
.ddi-kea-page .calendar-pop__grid .is-weekend {
  color: #d9534f;
}
.ddi-kea-page .calendar-pop__grid .is-muted.is-weekend {
  color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .calendar-pop__grid .is-muted.is-weekend {
    color: color-mix(in oklab, var(--foreground) 32%, transparent);
  }
}
.ddi-kea-page .calendar-pop__grid .today {
  border: 1px solid var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .calendar-pop__grid .today {
    border: 1px solid color-mix(in oklab, var(--foreground) 35%, transparent);
  }
}
.ddi-kea-page .calendar-pop__grid .today {
  color: var(--color-foreground);
}
.ddi-kea-page .calendar-pop__grid .selected {
  color: #fff;
  background: #1f7ae0;
  border: 0;
}
.ddi-kea-page .calendar-pop__time {
  border-top: 1px solid var(--foreground);
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .calendar-pop__time {
    border-top: 1px solid
      color-mix(in oklab, var(--foreground) 12%, transparent);
  }
}
.ddi-kea-page .calendar-pop__time {
  padding: 7px 0;
}
.ddi-kea-page .calendar-pop__time > svg {
  color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .calendar-pop__time > svg {
    color: color-mix(in oklab, var(--foreground) 50%, transparent);
  }
}
.ddi-kea-page .calendar-pop__select {
  border: 1px solid var(--foreground);
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .calendar-pop__select {
    border: 1px solid color-mix(in oklab, var(--foreground) 18%, transparent);
  }
}
.ddi-kea-page .calendar-pop__select {
  border-radius: 2px;
  justify-content: space-between;
  min-width: 46px;
  padding: 2px 6px;
}
.ddi-kea-page .calendar-pop__select em {
  opacity: 0.6;
  font-size: 0.55rem;
  font-style: normal;
}
.ddi-kea-page .calendar-pop__spin u {
  opacity: 0.6;
  text-decoration: none;
}
.ddi-kea-page .schedule-dialog-foot {
  border-top: 1px solid var(--color-border);
  justify-content: flex-end;
  gap: 8px;
  margin-top: auto;
  padding: 10px 14px;
  display: flex;
}
.ddi-kea-page .schedule-dialog-foot button {
  border-radius: 3px;
  padding: 5px 12px;
  font-size: 0.66rem;
}
.ddi-kea-page .schedule-dialog-foot .is-ghost {
  border: 1px solid var(--color-border);
  background: 0 0;
}
.ddi-kea-page .schedule-dialog-foot .is-primary {
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
  color: var(--color-primary-foreground);
}
.ddi-kea-page .schedule-list {
  padding: 36px 20px;
}
.ddi-kea-page .schedule-filters {
  border: 1px solid var(--color-border);
  grid-template-columns: 52px 1fr 52px 1fr 72px 1fr 52px 1fr;
  display: grid;
}
.ddi-kea-page .schedule-filters > * {
  padding: 10px;
}
.ddi-kea-page .schedule-filters span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .schedule-actions {
  justify-content: flex-end;
  margin: 20px 0 8px;
  display: flex;
  position: relative;
}
.ddi-kea-page .schedule-actions strong {
  background: var(--color-success);
  color: var(--color-primary-foreground);
  padding: 10px 13px;
}
.ddi-kea-page .schedule-actions > div {
  z-index: 2;
  border: 1px solid var(--color-border);
  background: var(--color-background);
  width: 150px;
  box-shadow: 0 8px 20px var(--hero);
  display: grid;
  position: absolute;
  top: 100%;
  right: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .schedule-actions > div {
    box-shadow: 0 8px 20px color-mix(in oklab, var(--hero) 13%, transparent);
  }
}
.ddi-kea-page .schedule-actions span {
  align-items: center;
  gap: 6px;
  padding: 10px;
  display: flex;
}
.ddi-kea-page .schedule-table {
  border: 1px solid var(--color-border);
  margin-top: 8px;
}
.ddi-kea-page .schedule-row {
  border-top: 1px solid var(--color-border);
  grid-template-columns: 1.8fr 1fr 1fr 1.45fr 1fr 0.7fr 0.6fr;
  align-items: center;
  min-height: 38px;
  padding: 0 12px;
  display: grid;
}
.ddi-kea-page .schedule-row--head {
  background: var(--color-muted);
  text-transform: uppercase;
  color: var(--color-muted-foreground);
  border-top: 0;
  font-weight: 700;
}
.ddi-kea-page .schedule-row b {
  color: var(--color-success);
}
.ddi-kea-page .schedule-row em {
  color: var(--color-destructive);
  gap: 8px;
  font-style: normal;
  display: flex;
}
.ddi-kea-page .step-modal--diff {
  inset: 45px 128px 90px;
}
.ddi-kea-page .config-diff {
  grid-template-columns: 1fr 1fr;
  gap: 52px;
  padding: 26px 34px;
  display: grid;
}
.ddi-kea-page .config-diff pre {
  border: 1px solid var(--color-border);
  background: var(--primary);
  height: 330px;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .config-diff pre {
    background: color-mix(in oklab, var(--primary) 4%, var(--background));
  }
}
.ddi-kea-page .config-diff pre {
  color: var(--color-primary);
  padding: 6px 0;
  font-family: ui-monospace, monospace;
  font-size: 10px;
  line-height: 1.45;
}
.ddi-kea-page .config-diff span {
  white-space: pre;
  display: block;
}
.ddi-kea-page .config-diff i {
  border-right: 1px solid var(--color-border);
  width: 30px;
  color: var(--color-muted-foreground);
  text-align: right;
  margin-right: 8px;
  font-style: normal;
  display: inline-block;
}
.ddi-kea-page .ddns-flow {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  grid-template-columns: 1.1fr 46px 0.85fr 46px 0.85fr;
  align-items: center;
  padding: 15px;
  display: grid;
}
.ddi-kea-page .ddns-flow__clients {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  display: grid;
}
.ddi-kea-page .ddns-flow__clients span {
  border: 1px solid var(--color-border);
  background: var(--color-secondary);
  align-items: center;
  gap: 4px;
  padding: 6px;
  font-size: 9px;
  animation: 4.4s ease-in-out infinite step-client-join;
  display: flex;
}
.ddi-kea-page .ddns-flow__pipe {
  background: var(--color-border);
  height: 1px;
  position: relative;
}
.ddi-kea-page .ddns-flow__pipe i {
  background: var(--color-primary);
  width: 7px;
  height: 7px;
  animation: 2s linear infinite step-flow-packet;
  position: absolute;
  top: -3px;
}
.ddi-kea-page .ddns-flow__pipe i:nth-child(2) {
  animation-delay: 0.65s;
}
.ddi-kea-page .ddns-flow__pipe i:nth-child(3) {
  animation-delay: 1.3s;
}
.ddi-kea-page .ddns-flow__dhcp,
.ddi-kea-page .ddns-flow__dns {
  border: 1px solid var(--color-primary);
  background: var(--primary);
  place-content: center;
  gap: 5px;
  min-height: 132px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddns-flow__dhcp,
  .ddi-kea-page .ddns-flow__dns {
    background: color-mix(in oklab, var(--primary) 8%, var(--background));
  }
}
.ddi-kea-page .ddns-flow__dhcp,
.ddi-kea-page .ddns-flow__dns {
  text-align: center;
}
.ddi-kea-page .ddns-flow__dns {
  border-color: var(--color-success);
  background: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddns-flow__dns {
    background: color-mix(in oklab, var(--success) 9%, var(--background));
  }
}
.ddi-kea-page .ddns-flow__dhcp svg,
.ddi-kea-page .ddns-flow__dns svg {
  color: var(--color-primary);
  margin: auto;
}
.ddi-kea-page .ddns-flow__dns svg {
  color: var(--color-success);
}
.ddi-kea-page .ddns-flow__dhcp b,
.ddi-kea-page .ddns-flow__dns b {
  font-family: var(--font-display);
  font-size: 12px;
}
.ddi-kea-page .ddns-flow__dhcp span,
.ddi-kea-page .ddns-flow__dns span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .ddns-flow__dhcp em {
  color: var(--color-primary);
  font-style: normal;
  font-weight: 700;
}
.ddi-kea-page .step-modal--domain {
  inset: 38px 116px 62px;
}
.ddi-kea-page .domain-form {
  gap: 24px;
  padding: 76px 160px;
  display: grid;
}
.ddi-kea-page .step-modal--domain footer {
  border-top: 1px solid var(--color-border);
  justify-content: center;
  padding: 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ddi-kea-page .step-modal--domain footer b {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  border-radius: 999px;
  padding: 9px 32px;
}
.ddi-kea-page .domains-page {
  padding: 56px 28px;
}
.ddi-kea-page .domain-actions {
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 34px;
  display: flex;
}
.ddi-kea-page .domain-actions b,
.ddi-kea-page .domain-actions strong,
.ddi-kea-page .domain-actions span {
  color: var(--color-primary-foreground);
  padding: 8px 12px;
}
.ddi-kea-page .domain-actions b {
  background: var(--color-primary);
}
.ddi-kea-page .domain-actions strong {
  background: var(--color-success);
}
.ddi-kea-page .domain-actions span {
  border: 1px solid var(--color-success);
  color: var(--color-primary);
}
.ddi-kea-page .domain-filter {
  border: 1px solid var(--color-border);
  grid-template-columns: 70px 1fr 68px 1fr 34px 90px;
  align-items: center;
  margin-bottom: 12px;
  display: grid;
}
.ddi-kea-page .domain-filter > * {
  padding: 8px;
}
.ddi-kea-page .domain-filter span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .domain-filter em,
.ddi-kea-page .domain-filter i {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  place-items: center;
  font-style: normal;
  display: grid;
}
.ddi-kea-page .domains-page table {
  border-collapse: collapse;
  white-space: nowrap;
  text-align: left;
  width: 100%;
}
.ddi-kea-page .domains-page th {
  background: var(--color-muted);
  text-transform: uppercase;
  color: var(--color-muted-foreground);
  padding: 9px 10px;
}
.ddi-kea-page .domains-page td {
  border-top: 1px solid var(--color-border);
  padding: 10px;
}
.ddi-kea-page .domains-page a {
  color: var(--color-primary);
  font-weight: 700;
}
.ddi-kea-page .domains-page td b {
  border: 1px solid var(--color-border);
  color: var(--color-muted-foreground);
  border-radius: 999px;
  margin-left: 5px;
  padding: 1px 5px;
}
.ddi-kea-page .domains-page td svg {
  color: var(--color-success);
}
.ddi-kea-page .edit-domain {
  padding: 44px 132px 76px;
}
.ddi-kea-page .edit-domain > .step-form-field {
  margin-bottom: 14px;
}
.ddi-kea-page .dhcp-ddns-options {
  padding: 70px 150px 76px;
}
.ddi-kea-page .dhcp-ddns-options .option-table {
  margin-top: 0;
}
.ddi-kea-page .dhcp-ddns-options .option-picker {
  grid-template-columns: 75px 1fr 170px;
  padding-top: 40px;
}
@media (width<=1180px) {
  .ddi-kea-page .step-two-tabs {
    display: flex;
    overflow-x: auto;
  }
  .ddi-kea-page .step-two-tab {
    flex: 0 0 215px;
    width: 215px;
  }
  .ddi-kea-page .step-two-copy {
    grid-template-columns: 1fr;
  }
  .ddi-kea-page .step-two-panel,
  .ddi-kea-page .step-replica-gallery__stage {
    overflow-x: auto;
  }
  .ddi-kea-page .ddns-flow {
    min-width: 680px;
  }
}
@media (width<=640px) {
  .ddi-kea-page .step-two-main {
    padding: 14px;
  }
  .ddi-kea-page .step-two-copy {
    gap: 8px;
  }
  .ddi-kea-page .step-two-copy h3 {
    font-size: 21px;
  }
  .ddi-kea-page .step-two-tab {
    flex-basis: 190px;
    min-height: 50px !important;
  }
  .ddi-kea-page .step-two-tab__icon {
    width: 26px;
    height: 26px;
  }
  .ddi-kea-page .step-ddi {
    min-width: 820px;
  }
  .ddi-kea-page .step-value-card {
    padding: 17px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .step-two-panel,
  .ddi-kea-page .step-two-tab__progress,
  .ddi-kea-page .step-replica-gallery__screen,
  .ddi-kea-page .schedule-pulse,
  .ddi-kea-page .schedule-pulse i:after,
  .ddi-kea-page .ddns-flow__clients span,
  .ddi-kea-page .ddns-flow__pipe i,
  .ddi-kea-page .carousel-fluid-enter {
    animation: none !important;
  }
}
@keyframes lifecycle-tab-progress {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.ddi-kea-page .lifecycle-tab-progress {
  transform-origin: 0;
  background: var(--color-success);
  inset-inline: 0;
  height: 2px;
  animation: 12s linear both lifecycle-tab-progress;
  position: absolute;
  bottom: 0;
}
.ddi-kea-page .lifecycle-tab-progress--lease {
  animation-duration: 8s;
}
.ddi-kea-page .lifecycle-tab-progress--identity {
  animation-duration: 4.5s;
}
@media (width<=480px) {
  .ddi-kea-page .pool-alert-demo__threshold span {
    font-size: 8px;
    right: 3px;
  }
  .ddi-kea-page .pool-alert-demo__threshold--warning span {
    font-size: 0;
  }
  .ddi-kea-page .pool-alert-demo__threshold--warning span:after {
    content: "80%";
    font-size: 8px;
  }
  .ddi-kea-page .pool-alert-demo__threshold--critical span {
    font-size: 0;
  }
  .ddi-kea-page .pool-alert-demo__threshold--critical span:after {
    content: "95%";
    font-size: 8px;
  }
}
.ddi-kea-page .reveal-up {
  opacity: 0;
  transition: opacity 0.65s ease-out, transform 0.65s ease-out;
  transform: translateY(16px);
}
.ddi-kea-page .reveal-up.is-in {
  opacity: 1;
  transform: none;
}
.ddi-kea-page .reveal-stagger {
  opacity: 0;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transform: translateY(10px) scale(0.96);
}
.ddi-kea-page .is-in .reveal-stagger {
  opacity: 1;
  transform: none;
}
.ddi-kea-page .capability-fade {
  animation: 0.55s ease-out both capability-fade;
}
@keyframes capability-fade {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.ddi-kea-page .nav-rail::-webkit-scrollbar {
  height: 4px;
}
.ddi-kea-page .nav-rail::-webkit-scrollbar-thumb {
  background: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .nav-rail::-webkit-scrollbar-thumb {
    background: color-mix(in oklab, currentColor 20%, transparent);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page {
    scroll-behavior: auto;
  }
  .ddi-kea-page *,
  .ddi-kea-page :before,
  .ddi-kea-page :after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
  .ddi-kea-page .reveal-up,
  .ddi-kea-page .reveal-stagger {
    opacity: 1 !important;
    transition: none !important;
    transform: none !important;
  }
  .ddi-kea-page .capability-fade {
    animation: none !important;
  }
  .ddi-kea-page .pool-alert-demo__fill {
    background: var(--color-warning) !important;
    transform: scaleX(0.92) !important;
  }
  .ddi-kea-page .pool-alert-demo__value,
  .ddi-kea-page .pool-alert-demo__alert,
  .ddi-kea-page .pool-alert-demo__email,
  .ddi-kea-page .pool-alert-demo__sent {
    opacity: 1 !important;
    transform: none !important;
  }
  .ddi-kea-page .pool-alert-demo__email-flight {
    display: none !important;
  }
}
.ddi-kea-page .kea-nav {
  top: var(--kea-nav-offset, 0px);
  z-index: 9990;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100%;
  max-width: 100vw;
  transition: transform 0.28s, opacity 0.28s, visibility 0.28s;
  position: fixed;
  left: 0;
  right: 0;
  transform: translateY(-12px);
  box-shadow: 0 2px 12px -4px #00000073;
}
.ddi-kea-page .kea-nav,
.ddi-kea-page .kea-nav * {
  box-sizing: border-box;
}
.ddi-kea-page .kea-nav.is-pinned {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(0);
}
.ddi-kea-page .kea-nav__links {
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  -webkit-mask-image: linear-gradient(
    90deg,
    #0000 0,
    #000 14px calc(100% - 14px),
    #0000 100%
  );
  mask-image: linear-gradient(
    90deg,
    #0000 0,
    #000 14px calc(100% - 14px),
    #0000 100%
  );
}
.ddi-kea-page .kea-nav__links::-webkit-scrollbar {
  display: none;
}
.ddi-kea-page .kea-nav__arrow {
  width: 28px;
  height: 28px;
  color: var(--hero-foreground, #cfd8e6);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  background: 0 0;
  border: 1px solid #0000;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: opacity 0.2s, transform 0.2s, visibility 0.2s, background 0.2s,
    border-color 0.2s;
  display: inline-flex;
  transform: scale(0.8);
}
.ddi-kea-page .kea-nav__arrow.is-visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.ddi-kea-page .kea-nav__arrow.is-visible:hover {
  background: var(--hero-foreground, #cfd8e6);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-nav__arrow.is-visible:hover {
    background: color-mix(
      in srgb,
      var(--hero-foreground, #cfd8e6) 12%,
      transparent
    );
  }
}
.ddi-kea-page .kea-nav__arrow.is-visible:hover {
  border-color: var(--hero-foreground, #cfd8e6);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-nav__arrow.is-visible:hover {
    border-color: color-mix(
      in srgb,
      var(--hero-foreground, #cfd8e6) 22%,
      transparent
    );
  }
}
.ddi-kea-page .kea-nav__arrow:focus-visible {
  outline: 2px solid var(--success, #2dd4bf);
  outline-offset: 2px;
}
.ddi-kea-page .kea-nav__arrow svg {
  width: 18px;
  height: 18px;
}
.ddi-kea-page .kea-nav__progress {
  background: linear-gradient(
    90deg,
    var(--primary) 0%,
    var(--success) 60%,
    var(--warning) 100%
  );
  pointer-events: none;
  width: 0;
  height: 3px;
  transition: width 0.15s linear;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ddi-kea-page main[id="top"] section[id] {
  scroll-margin-top: var(--kea-anchor-offset, 68px);
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .kea-nav,
  .ddi-kea-page .kea-nav__progress {
    transition: none;
  }
}
.ddi-kea-page .interstitial-glow {
  pointer-events: none;
  background: radial-gradient(
      48% 60% at 18% 40%,
      var(--primary),
      transparent 70%
    ),
    radial-gradient(42% 58% at 82% 60%, var(--warning), transparent 70%);
  position: absolute;
  inset: -30% -10%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-glow {
    background: radial-gradient(
        48% 60% at 18% 40%,
        color-mix(in oklab, var(--primary) 30%, transparent),
        transparent 70%
      ),
      radial-gradient(
        42% 58% at 82% 60%,
        color-mix(in oklab, var(--warning) 22%, transparent),
        transparent 70%
      );
  }
}
.ddi-kea-page .interstitial-glow {
  animation: 16s ease-in-out infinite alternate interstitial-drift;
}
@keyframes interstitial-drift {
  0% {
    transform: translate(-2%, -1%) scale(1);
  }
  to {
    transform: translate(2%, 2%) scale(1.06);
  }
}
.ddi-kea-page .interstitial-stars {
  pointer-events: none;
  background-image: radial-gradient(
      circle at 18% 16%,
      var(--success) 0 2px,
      transparent 2px
    ),
    radial-gradient(
      circle at 34% 10%,
      var(--hero-foreground) 0 1.5px,
      transparent 1.5px
    ),
    radial-gradient(circle at 68% 14%, var(--warning) 0 2px, transparent 2px),
    radial-gradient(
      circle at 80% 34%,
      var(--hero-foreground) 0 1.5px,
      transparent 1.5px
    ),
    radial-gradient(circle at 12% 78%, var(--success) 0 2px, transparent 2px),
    radial-gradient(circle at 88% 82%, var(--warning) 0 2px, transparent 2px);
  position: absolute;
  inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-stars {
    background-image: radial-gradient(
        circle at 18% 16%,
        color-mix(in oklab, var(--success) 70%, transparent) 0 2px,
        transparent 2px
      ),
      radial-gradient(
        circle at 34% 10%,
        color-mix(in oklab, var(--hero-foreground) 60%, transparent) 0 1.5px,
        transparent 1.5px
      ),
      radial-gradient(
        circle at 68% 14%,
        color-mix(in oklab, var(--warning) 70%, transparent) 0 2px,
        transparent 2px
      ),
      radial-gradient(
        circle at 80% 34%,
        color-mix(in oklab, var(--hero-foreground) 55%, transparent) 0 1.5px,
        transparent 1.5px
      ),
      radial-gradient(
        circle at 12% 78%,
        color-mix(in oklab, var(--success) 65%, transparent) 0 2px,
        transparent 2px
      ),
      radial-gradient(
        circle at 88% 82%,
        color-mix(in oklab, var(--warning) 72%, transparent) 0 2px,
        transparent 2px
      );
  }
}
.ddi-kea-page .interstitial-stars {
  opacity: 0.8;
}
.ddi-kea-page .interstitial-live {
  grid-template-columns: minmax(165px, 0.2fr) minmax(0, 1fr) minmax(
      165px,
      0.2fr
    );
  align-items: center;
  gap: 18px;
  display: grid;
  position: relative;
}
.ddi-kea-page .interstitial-side-labels {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--hero-foreground);
  gap: 10px;
  font-size: 11px;
  font-weight: 600;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-side-labels {
    color: color-mix(in oklab, var(--hero-foreground) 52%, transparent);
  }
}
.ddi-kea-page .interstitial-side-labels span {
  white-space: normal;
  align-items: center;
  gap: 10px;
  max-width: 165px;
  display: flex;
  position: relative;
}
.ddi-kea-page .interstitial-side-labels span:before,
.ddi-kea-page .interstitial-side-labels span:after {
  content: "";
  display: block;
}
.ddi-kea-page .interstitial-side-labels span:before {
  background: var(--success);
  width: 22px;
  height: 1px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-side-labels span:before {
    background: color-mix(in oklab, var(--success) 65%, transparent);
  }
}
.ddi-kea-page .interstitial-side-labels span:after {
  background: var(--success);
  border-radius: 999px;
  width: 6px;
  height: 6px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-side-labels span:after {
    background: color-mix(in oklab, var(--success) 80%, transparent);
  }
}
.ddi-kea-page .interstitial-side-labels span:after {
  box-shadow: 0 0 14px var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-side-labels span:after {
    box-shadow: 0 0 14px color-mix(in oklab, var(--success) 55%, transparent);
  }
}
.ddi-kea-page .interstitial-side-labels--left {
  text-align: right;
  justify-items: end;
}
.ddi-kea-page .interstitial-side-labels--left span {
  justify-content: flex-end;
}
.ddi-kea-page .interstitial-side-labels--right span:before,
.ddi-kea-page .interstitial-side-labels--right span:after {
  background: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-side-labels--right span:before,
  .ddi-kea-page .interstitial-side-labels--right span:after {
    background: color-mix(in oklab, var(--warning) 72%, transparent);
  }
}
.ddi-kea-page .interstitial-side-labels--right span:before,
.ddi-kea-page .interstitial-side-labels--right span:after {
  box-shadow: 0 0 14px var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-side-labels--right span:before,
  .ddi-kea-page .interstitial-side-labels--right span:after {
    box-shadow: 0 0 14px color-mix(in oklab, var(--warning) 40%, transparent);
  }
}
.ddi-kea-page .kea-split {
  border: 1px solid var(--hero-foreground);
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
  display: grid;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-split {
    border: 1px solid
      color-mix(in oklab, var(--hero-foreground) 16%, transparent);
  }
}
.ddi-kea-page .kea-split {
  background: linear-gradient(180deg, var(--hero-foreground), var(--hero)),
    var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-split {
    background: linear-gradient(
        180deg,
        color-mix(in oklab, var(--hero-foreground) 5%, transparent),
        color-mix(in oklab, var(--hero) 50%, transparent)
      ),
      color-mix(in oklab, var(--hero-foreground) 4%, transparent);
  }
}
.ddi-kea-page .kea-split {
  box-shadow: 0 22px 58px var(--hero);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-split {
    box-shadow: 0 22px 58px color-mix(in oklab, var(--hero) 55%, transparent);
  }
}
.ddi-kea-page .kea-split--live {
  min-height: 168px;
}
.ddi-kea-page .kea-split:after {
  content: "";
  pointer-events: none;
  background-image: linear-gradient(
      90deg,
      transparent 0 49.8%,
      var(--hero-foreground) 50%,
      transparent 50.2%
    ),
    linear-gradient(
      180deg,
      var(--hero-foreground),
      transparent 20%,
      transparent 80%,
      var(--hero-foreground)
    );
  position: absolute;
  inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-split:after {
    background-image: linear-gradient(
        90deg,
        transparent 0 49.8%,
        color-mix(in oklab, var(--hero-foreground) 20%, transparent) 50%,
        transparent 50.2%
      ),
      linear-gradient(
        180deg,
        color-mix(in oklab, var(--hero-foreground) 7%, transparent),
        transparent 20%,
        transparent 80%,
        color-mix(in oklab, var(--hero-foreground) 7%, transparent)
      );
  }
}
.ddi-kea-page .kea-split:after {
  opacity: 0.8;
}
.ddi-kea-page .kea-split__pane {
  flex-direction: column;
  justify-content: center;
  min-height: 92px;
  padding: 18px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.ddi-kea-page .kea-split__copy,
.ddi-kea-page .kea-server-stack,
.ddi-kea-page .kea-streams,
.ddi-kea-page .ddi-console-card,
.ddi-kea-page .ddi-streams,
.ddi-kea-page .kea-split__seam,
.ddi-kea-page .kea-split__pane b,
.ddi-kea-page .kea-split__pane i {
  z-index: 1;
  position: relative;
}
.ddi-kea-page .kea-split__copy {
  align-content: center;
  gap: 6px;
  max-width: 270px;
  display: grid;
}
.ddi-kea-page .kea-split__pane b {
  font-family: var(--font-display);
  font-size: clamp(1.95rem, 3vw, 3.25rem);
  font-weight: 700;
  line-height: 1;
}
.ddi-kea-page .kea-split__pane i {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--hero-foreground);
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 500;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-split__pane i {
    color: color-mix(in oklab, var(--hero-foreground) 62%, transparent);
  }
}
.ddi-kea-page .kea-split__pane:before {
  content: "";
  position: absolute;
  inset: 0;
  transform: scaleX(1);
}
.ddi-kea-page .kea-split__pane--kea:before {
  background: linear-gradient(
    100deg,
    var(--primary),
    var(--success) 68%,
    var(--hero)
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-split__pane--kea:before {
    background: linear-gradient(
      100deg,
      color-mix(in oklab, var(--primary) 70%, var(--hero)),
      color-mix(in oklab, var(--success) 42%, var(--hero)) 68%,
      color-mix(in oklab, var(--hero) 95%, var(--hero-foreground))
    );
  }
}
.ddi-kea-page .kea-split__pane--ddi:before {
  background: linear-gradient(
    100deg,
    var(--warning) 0%,
    var(--warning) 46%,
    var(--hero) 100%
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-split__pane--ddi:before {
    background: linear-gradient(
      100deg,
      color-mix(in oklab, var(--warning) 40%, var(--hero)) 0%,
      color-mix(in oklab, var(--warning) 24%, var(--hero)) 46%,
      color-mix(in oklab, var(--hero) 92%, var(--hero-foreground)) 100%
    );
  }
}
.ddi-kea-page .kea-split__seam {
  border: 1px solid var(--hero-foreground);
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-split__seam {
    border: 1px solid
      color-mix(in oklab, var(--hero-foreground) 38%, transparent);
  }
}
.ddi-kea-page .kea-split__seam {
  background: var(--hero);
  border-radius: 999px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-split__seam {
    background: color-mix(in oklab, var(--hero) 60%, transparent);
  }
}
.ddi-kea-page .kea-split__seam {
  color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-split__seam {
    color: color-mix(in oklab, var(--hero-foreground) 92%, transparent);
  }
}
.ddi-kea-page .kea-split__seam {
  box-shadow: 0 0 0 8px var(--hero), 0 0 26px var(--warning);
  transform: translate(-50%, -50%);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-split__seam {
    box-shadow: 0 0 0 8px color-mix(in oklab, var(--hero) 62%, transparent),
      0 0 26px color-mix(in oklab, var(--warning) 16%, transparent);
  }
}
.ddi-kea-page .kea-split__seam {
  animation: 3.4s ease-in-out infinite interstitial-seam;
}
@keyframes interstitial-seam {
  0%,
  to {
    opacity: 0.8;
    box-shadow: 0 0 0 8px color-mix(in oklab, var(--hero) 62%, transparent),
      0 0 26px color-mix(in oklab, var(--warning) 16%, transparent);
  }
  50% {
    opacity: 1;
    box-shadow: 0 0 0 12px color-mix(in oklab, var(--hero) 48%, transparent),
      0 0 36px color-mix(in oklab, var(--warning) 28%, transparent);
  }
}
.ddi-kea-page .kea-server-stack {
  gap: 8px;
  display: grid;
  position: absolute;
  top: 50%;
  right: 12%;
  transform: translateY(-50%);
}
.ddi-kea-page .kea-server-stack span {
  border: 1px solid var(--success);
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 108px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-server-stack span {
    border: 1px solid color-mix(in oklab, var(--success) 26%, transparent);
  }
}
.ddi-kea-page .kea-server-stack span {
  background: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-server-stack span {
    background: color-mix(in oklab, var(--success) 12%, transparent);
  }
}
.ddi-kea-page .kea-server-stack span {
  color: var(--hero-foreground);
  padding: 7px 10px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-server-stack span {
    color: color-mix(in oklab, var(--hero-foreground) 88%, transparent);
  }
}
.ddi-kea-page .kea-server-stack span {
  box-shadow: 0 12px 26px var(--hero);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-server-stack span {
    box-shadow: 0 12px 26px color-mix(in oklab, var(--hero) 25%, transparent);
  }
}
.ddi-kea-page .kea-server-stack svg {
  color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-server-stack svg {
    color: color-mix(in oklab, var(--success) 88%, transparent);
  }
}
.ddi-kea-page .kea-server-stack__blank:after {
  content: "";
  background: var(--success);
  border-radius: 999px;
  width: 34px;
  height: 3px;
  display: block;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-server-stack__blank:after {
    background: color-mix(in oklab, var(--success) 45%, transparent);
  }
}
.ddi-kea-page .kea-streams,
.ddi-kea-page .ddi-streams {
  gap: 10px;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ddi-kea-page .kea-streams {
  right: -2%;
}
.ddi-kea-page .ddi-streams {
  flex-direction: column;
  gap: 8px;
  left: -1%;
}
.ddi-kea-page .kea-streams span,
.ddi-kea-page .ddi-streams span {
  filter: drop-shadow(0 0 10px var(--success));
  border-radius: 999px;
  display: block;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-streams span,
  .ddi-kea-page .ddi-streams span {
    filter: drop-shadow(
      0 0 10px color-mix(in oklab, var(--success) 35%, transparent)
    );
  }
}
.ddi-kea-page .kea-streams span {
  background: linear-gradient(
    90deg,
    var(--success),
    var(--success),
    var(--hero-foreground)
  );
  width: 84px;
  height: 2px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .kea-streams span {
    background: linear-gradient(
      90deg,
      color-mix(in oklab, var(--success) 8%, transparent),
      color-mix(in oklab, var(--success) 72%, transparent),
      color-mix(in oklab, var(--hero-foreground) 0%, transparent)
    );
  }
}
.ddi-kea-page .kea-streams span {
  opacity: 0.95;
  animation: 3.8s linear infinite interstitial-flow;
}
.ddi-kea-page .kea-streams span:nth-child(odd) {
  width: 110px;
  animation-duration: 4.2s;
}
.ddi-kea-page .kea-streams span:nth-child(3n) {
  width: 132px;
  animation-duration: 3.4s;
}
.ddi-kea-page .kea-streams span:nth-child(2) {
  transform: translateY(-30px) rotate(-7deg);
}
.ddi-kea-page .kea-streams span:nth-child(3) {
  transform: translateY(-18px) rotate(-5deg);
}
.ddi-kea-page .kea-streams span:nth-child(4) {
  transform: translateY(-8px) rotate(-2deg);
}
.ddi-kea-page .kea-streams span:nth-child(5) {
  transform: translateY(8px) rotate(2deg);
}
.ddi-kea-page .kea-streams span:nth-child(6) {
  transform: translateY(18px) rotate(5deg);
}
.ddi-kea-page .kea-streams span:nth-child(7) {
  transform: translateY(30px) rotate(7deg);
}
.ddi-kea-page .ddi-streams span {
  background: linear-gradient(
    90deg,
    var(--warning),
    var(--warning),
    transparent
  );
  width: 124px;
  height: 2px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddi-streams span {
    background: linear-gradient(
      90deg,
      color-mix(in oklab, var(--warning) 55%, transparent),
      color-mix(in oklab, var(--warning) 25%, transparent),
      transparent
    );
  }
}
.ddi-kea-page .ddi-streams span {
  transform-origin: 0;
  animation: 2.8s ease-in-out infinite interstitial-pulse;
}
.ddi-kea-page .ddi-streams span:first-child {
  transform: translateY(-34px) rotate(-12deg);
}
.ddi-kea-page .ddi-streams span:nth-child(2) {
  transform: translateY(-22px) rotate(-7deg);
}
.ddi-kea-page .ddi-streams span:nth-child(3) {
  transform: translateY(-8px) rotate(-3deg);
}
.ddi-kea-page .ddi-streams span:nth-child(4) {
  transform: translateY(8px) rotate(3deg);
}
.ddi-kea-page .ddi-streams span:nth-child(5) {
  transform: translateY(22px) rotate(7deg);
}
.ddi-kea-page .ddi-streams span:nth-child(6) {
  transform: translateY(34px) rotate(12deg);
}
@keyframes interstitial-flow {
  0% {
    opacity: 0.3;
    transform: translate(-10px) scaleX(0.92);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.3;
    transform: translate(14px) scaleX(1.04);
  }
}
@keyframes interstitial-pulse {
  0%,
  to {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
.ddi-kea-page .ddi-console-card {
  border: 1px solid var(--warning);
  grid-template-rows: 14px 1fr;
  grid-template-columns: 64px 1fr;
  gap: 12px;
  width: 190px;
  height: 112px;
  display: grid;
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translateY(-50%);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddi-console-card {
    border: 1px solid color-mix(in oklab, var(--warning) 45%, transparent);
  }
}
.ddi-kea-page .ddi-console-card {
  background: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddi-console-card {
    background: color-mix(in oklab, var(--warning) 8%, transparent);
  }
}
.ddi-kea-page .ddi-console-card {
  box-shadow: 0 18px 40px var(--hero);
  padding: 12px 14px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddi-console-card {
    box-shadow: 0 18px 40px color-mix(in oklab, var(--hero) 30%, transparent);
  }
}
.ddi-kea-page .ddi-console-card__bar {
  background: linear-gradient(90deg, var(--warning), var(--hero-foreground));
  border-radius: 999px;
  grid-column: 1/-1;
  height: 7px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddi-console-card__bar {
    background: linear-gradient(
      90deg,
      color-mix(in oklab, var(--warning) 55%, transparent),
      color-mix(in oklab, var(--hero-foreground) 14%, transparent)
    );
  }
}
.ddi-kea-page .ddi-console-card__donut {
  background: conic-gradient(
    var(--warning) 0 62%,
    var(--hero-foreground) 62% 100%
  );
  border-radius: 999px;
  align-self: center;
  width: 54px;
  height: 54px;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddi-console-card__donut {
    background: conic-gradient(
      color-mix(in oklab, var(--warning) 82%, transparent) 0 62%,
      color-mix(in oklab, var(--hero-foreground) 15%, transparent) 62% 100%
    );
  }
}
.ddi-kea-page .ddi-console-card__donut:after {
  content: "";
  background: var(--hero);
  border-radius: 999px;
  position: absolute;
  inset: 12px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddi-console-card__donut:after {
    background: color-mix(in oklab, var(--hero) 90%, transparent);
  }
}
.ddi-kea-page .ddi-console-card__rows,
.ddi-kea-page .ddi-console-card__bars {
  align-content: center;
  gap: 8px;
  display: grid;
}
.ddi-kea-page .ddi-console-card__rows em,
.ddi-kea-page .ddi-console-card__bars em {
  background: var(--hero-foreground);
  border-radius: 999px;
  display: block;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddi-console-card__rows em,
  .ddi-kea-page .ddi-console-card__bars em {
    background: color-mix(in oklab, var(--hero-foreground) 18%, transparent);
  }
}
.ddi-kea-page .ddi-console-card__rows em {
  height: 6px;
}
.ddi-kea-page .ddi-console-card__rows em:first-child {
  width: 78px;
}
.ddi-kea-page .ddi-console-card__rows em:nth-child(2) {
  width: 62px;
}
.ddi-kea-page .ddi-console-card__rows em:nth-child(3) {
  width: 88px;
}
.ddi-kea-page .ddi-console-card__bars {
  grid-area: 2/2;
  grid-auto-flow: column;
  align-self: end;
  align-items: end;
  gap: 7px;
}
.ddi-kea-page .ddi-console-card__bars em {
  background: linear-gradient(180deg, var(--warning), var(--warning));
  width: 16px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddi-console-card__bars em {
    background: linear-gradient(
      180deg,
      color-mix(in oklab, var(--warning) 78%, transparent),
      color-mix(in oklab, var(--warning) 35%, transparent)
    );
  }
}
.ddi-kea-page .ddi-console-card__bars em {
  animation: 4s ease-in-out infinite interstitial-bars;
}
.ddi-kea-page .ddi-console-card__bars em:first-child {
  height: 22px;
}
.ddi-kea-page .ddi-console-card__bars em:nth-child(2) {
  height: 36px;
  animation-delay: 0.4s;
}
.ddi-kea-page .ddi-console-card__bars em:nth-child(3) {
  height: 54px;
  animation-delay: 0.8s;
}
@keyframes interstitial-bars {
  0%,
  to {
    opacity: 0.55;
    transform: scaleY(0.92);
  }
  50% {
    opacity: 1;
    transform: scaleY(1.05);
  }
}
.ddi-kea-page .interstitial-content {
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  align-items: end;
  gap: 24px;
  margin-top: 32px;
  display: grid;
}
.ddi-kea-page .interstitial-primary {
  background: var(--destructive);
  color: var(--destructive-foreground);
  box-shadow: 0 14px 30px var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-primary {
    box-shadow: 0 14px 30px
      color-mix(in oklab, var(--destructive) 26%, transparent);
  }
}
.ddi-kea-page .interstitial-primary:hover {
  background: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-primary:hover {
    background: color-mix(
      in oklab,
      var(--destructive) 88%,
      var(--hero-foreground)
    );
  }
}
.ddi-kea-page .interstitial-primary svg,
.ddi-kea-page .interstitial-secondary svg {
  animation: 1.6s ease-in-out infinite interstitial-arrow;
}
.ddi-kea-page .interstitial-secondary {
  border-color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-secondary {
    border-color: color-mix(in oklab, var(--hero-foreground) 48%, transparent);
  }
}
.ddi-kea-page .interstitial-secondary {
  background: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-secondary {
    background: color-mix(in oklab, var(--hero-foreground) 5%, transparent);
  }
}
.ddi-kea-page .interstitial-secondary {
  color: var(--hero-foreground);
}
.ddi-kea-page .interstitial-secondary:hover {
  border-color: var(--success);
  background: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-secondary:hover {
    background: color-mix(in oklab, var(--success) 10%, transparent);
  }
}
.ddi-kea-page .interstitial-secondary:hover {
  color: var(--hero-foreground);
}
@keyframes interstitial-arrow {
  0%,
  to {
    transform: translate(0);
  }
  50% {
    transform: translate(5px);
  }
}
.ddi-kea-page .interstitial-globe {
  min-height: 270px;
  position: relative;
}
.ddi-kea-page .interstitial-capabilities {
  z-index: 1;
  grid-template-columns: repeat(4, auto);
  justify-content: center;
  gap: clamp(26px, 3.4vw, 48px);
  display: grid;
  position: relative;
}
.ddi-kea-page .interstitial-capabilities span {
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hero-foreground);
  justify-items: center;
  gap: 10px;
  font-size: 0.83rem;
  font-weight: 600;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-capabilities span {
    color: color-mix(in oklab, var(--hero-foreground) 88%, transparent);
  }
}
.ddi-kea-page .interstitial-capabilities .capability-pin {
  z-index: 4;
  flex-direction: column;
  display: flex;
  position: relative;
}
.ddi-kea-page .interstitial-capabilities .capability-pin i {
  border: 1px dashed var(--hero-foreground);
  place-items: center;
  width: 58px;
  height: 58px;
  display: grid;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-capabilities .capability-pin i {
    border: 1px dashed
      color-mix(in oklab, var(--hero-foreground) 72%, transparent);
  }
}
.ddi-kea-page .interstitial-capabilities .capability-pin i {
  background: var(--hero);
  border-radius: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-capabilities .capability-pin i {
    background: color-mix(in oklab, var(--hero) 76%, transparent);
  }
}
.ddi-kea-page .interstitial-capabilities .capability-pin i {
  box-shadow: 0 0 20px var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-capabilities .capability-pin i {
    box-shadow: 0 0 20px color-mix(in oklab, var(--success) 18%, transparent);
  }
}
.ddi-kea-page .interstitial-capabilities .capability-pin i {
  font-style: normal;
}
.ddi-kea-page .interstitial-capabilities .capability-pin i:after {
  content: "";
  background: var(--hero-foreground);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 12px var(--hero-foreground);
  border-radius: 50%;
  position: absolute;
  top: calc(100% + 34px);
  left: 50%;
  transform: translate(-50%);
}
.ddi-kea-page .interstitial-capabilities .capability-pin:after {
  content: "";
  background: repeating-linear-gradient(
    to bottom,
    var(--success) 0 2px,
    transparent 2px 4px
  );
  width: 1px;
  height: 30px;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-capabilities .capability-pin:after {
    background: repeating-linear-gradient(
      to bottom,
      color-mix(in oklab, var(--success) 90%, transparent) 0 2px,
      transparent 2px 4px
    );
  }
}
.ddi-kea-page .interstitial-capabilities .capability-pin--governance:after,
.ddi-kea-page .interstitial-capabilities .capability-pin--scale:after {
  background: repeating-linear-gradient(
    to bottom,
    var(--warning) 0 2px,
    transparent 2px 4px
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-capabilities .capability-pin--governance:after,
  .ddi-kea-page .interstitial-capabilities .capability-pin--scale:after {
    background: repeating-linear-gradient(
      to bottom,
      color-mix(in oklab, var(--warning) 94%, transparent) 0 2px,
      transparent 2px 4px
    );
  }
}
.ddi-kea-page .interstitial-capabilities .capability-pin--governance i,
.ddi-kea-page .interstitial-capabilities .capability-pin--scale i {
  border-color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-capabilities .capability-pin--governance i,
  .ddi-kea-page .interstitial-capabilities .capability-pin--scale i {
    border-color: color-mix(in oklab, var(--warning) 76%, transparent);
  }
}
.ddi-kea-page .interstitial-capabilities .capability-pin--governance i:after,
.ddi-kea-page .interstitial-capabilities .capability-pin--scale i:after {
  background: var(--warning);
  box-shadow: 0 0 12px var(--warning);
}
.ddi-kea-page .interstitial-capabilities .capability-pin b {
  font-size: inherit;
  line-height: 1.18;
}
.ddi-kea-page .interstitial-capabilities svg {
  border: 1px solid var(--hero-foreground);
  width: 46px;
  height: 46px;
  padding: 12px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-capabilities svg {
    border: 1px solid
      color-mix(in oklab, var(--hero-foreground) 28%, transparent);
  }
}
.ddi-kea-page .interstitial-capabilities svg {
  background: var(--hero-foreground);
  border-radius: 999px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-capabilities svg {
    background: color-mix(in oklab, var(--hero-foreground) 5%, transparent);
  }
}
.ddi-kea-page .interstitial-capabilities svg {
  box-shadow: 0 0 24px var(--hero);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-capabilities svg {
    box-shadow: 0 0 24px color-mix(in oklab, var(--hero) 30%, transparent);
  }
}
.ddi-kea-page .interstitial-world {
  border-top: 1px solid var(--hero-foreground);
  border-top-left-radius: 280px 160px;
  border-top-right-radius: 280px 160px;
  height: 255px;
  position: absolute;
  bottom: -12%;
  left: 50%;
  right: -4%;
  transform: translate(-10%);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-world {
    border-top: 1px solid
      color-mix(in oklab, var(--hero-foreground) 18%, transparent);
  }
}
.ddi-kea-page .interstitial-world {
  background: radial-gradient(
      90% 90% at 50% 100%,
      var(--primary),
      transparent 70%
    ),
    linear-gradient(180deg, var(--hero-foreground), transparent 36%);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-world {
    background: radial-gradient(
        90% 90% at 50% 100%,
        color-mix(in oklab, var(--primary) 18%, transparent),
        transparent 70%
      ),
      linear-gradient(
        180deg,
        color-mix(in oklab, var(--hero-foreground) 4%, transparent),
        transparent 36%
      );
  }
}
.ddi-kea-page .interstitial-world {
  overflow: hidden;
}
.ddi-kea-page .interstitial-world:before,
.ddi-kea-page .interstitial-world:after {
  content: "";
  border-top: 1px solid var(--hero-foreground);
  position: absolute;
  inset: 24% 10% 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-world:before,
  .ddi-kea-page .interstitial-world:after {
    border-top: 1px solid
      color-mix(in oklab, var(--hero-foreground) 14%, transparent);
  }
}
.ddi-kea-page .interstitial-world:before,
.ddi-kea-page .interstitial-world:after {
  border-radius: 50%;
}
.ddi-kea-page .interstitial-world:after {
  inset: 44% 16% 0;
}
.ddi-kea-page .world-map {
  opacity: 0.7;
  position: absolute;
  inset: 8% 4% 0;
}
.ddi-kea-page .world-land {
  background-image: radial-gradient(
    circle,
    var(--success) 0 1.1px,
    transparent 1.45px
  );
  display: block;
  position: absolute;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-land {
    background-image: radial-gradient(
      circle,
      color-mix(in oklab, var(--success) 68%, transparent) 0 1.1px,
      transparent 1.45px
    );
  }
}
.ddi-kea-page .world-land {
  filter: drop-shadow(0 0 5px var(--success));
  background-size: 6px 6px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-land {
    filter: drop-shadow(
      0 0 5px color-mix(in oklab, var(--success) 32%, transparent)
    );
  }
}
.ddi-kea-page .world-land--americas {
  clip-path: polygon(
    4% 10%,
    34% 0,
    61% 10%,
    83% 27%,
    65% 39%,
    58% 54%,
    78% 67%,
    65% 100%,
    43% 76%,
    35% 48%,
    12% 36%
  );
  width: 25%;
  height: 66%;
  top: 17%;
  left: 9%;
}
.ddi-kea-page .world-land--europe {
  clip-path: polygon(
    4% 31%,
    28% 5%,
    65% 0,
    100% 31%,
    79% 72%,
    43% 100%,
    13% 76%
  );
  width: 15%;
  height: 23%;
  top: 13%;
  left: 42%;
}
.ddi-kea-page .world-land--africa {
  clip-path: polygon(4% 4%, 83% 0, 100% 25%, 67% 87%, 43% 100%, 18% 64%);
  width: 18%;
  height: 52%;
  top: 34%;
  left: 45%;
}
.ddi-kea-page .world-land--asia {
  clip-path: polygon(
    0 17%,
    19% 0,
    54% 7%,
    100% 32%,
    83% 69%,
    57% 55%,
    38% 100%,
    22% 56%
  );
  background-image: radial-gradient(
    circle,
    var(--warning) 0 1.1px,
    transparent 1.45px
  );
  width: 38%;
  height: 53%;
  top: 10%;
  left: 55%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-land--asia {
    background-image: radial-gradient(
      circle,
      color-mix(in oklab, var(--warning) 62%, transparent) 0 1.1px,
      transparent 1.45px
    );
  }
}
.ddi-kea-page .world-land--australia {
  clip-path: polygon(4% 33%, 37% 0, 88% 13%, 100% 65%, 53% 100%, 10% 77%);
  background-image: radial-gradient(
    circle,
    var(--warning) 0 1.1px,
    transparent 1.45px
  );
  width: 13%;
  height: 24%;
  bottom: 12%;
  right: 5%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-land--australia {
    background-image: radial-gradient(
      circle,
      color-mix(in oklab, var(--warning) 62%, transparent) 0 1.1px,
      transparent 1.45px
    );
  }
}
.ddi-kea-page .world-node,
.ddi-kea-page .world-arc {
  display: block;
  position: absolute;
}
.ddi-kea-page .world-node {
  background: var(--success);
  border-radius: 999px;
  width: 10px;
  height: 10px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-node {
    background: color-mix(in oklab, var(--success) 80%, transparent);
  }
}
.ddi-kea-page .world-node {
  box-shadow: 0 0 16px var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-node {
    box-shadow: 0 0 16px color-mix(in oklab, var(--success) 65%, transparent);
  }
}
.ddi-kea-page .world-node {
  animation: 3.8s ease-in-out infinite interstitial-node;
}
.ddi-kea-page .world-node--one {
  top: 64%;
  left: 12%;
}
.ddi-kea-page .world-node--two {
  animation-delay: 0.45s;
  top: 42%;
  left: 38%;
}
.ddi-kea-page .world-node--three {
  background: var(--warning);
  top: 28%;
  left: 68%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-node--three {
    background: color-mix(in oklab, var(--warning) 82%, transparent);
  }
}
.ddi-kea-page .world-node--three {
  box-shadow: 0 0 16px var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-node--three {
    box-shadow: 0 0 16px color-mix(in oklab, var(--warning) 46%, transparent);
  }
}
.ddi-kea-page .world-node--three {
  animation-delay: 0.9s;
}
.ddi-kea-page .world-node--four {
  background: var(--warning);
  top: 52%;
  right: 10%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-node--four {
    background: color-mix(in oklab, var(--warning) 82%, transparent);
  }
}
.ddi-kea-page .world-node--four {
  box-shadow: 0 0 16px var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-node--four {
    box-shadow: 0 0 16px color-mix(in oklab, var(--warning) 46%, transparent);
  }
}
.ddi-kea-page .world-node--four {
  animation-delay: 1.35s;
}
.ddi-kea-page .world-arc {
  border-top: 2px solid var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-arc {
    border-top: 2px solid
      color-mix(in oklab, var(--hero-foreground) 22%, transparent);
  }
}
.ddi-kea-page .world-arc {
  opacity: 0.9;
  border-radius: 50%;
}
.ddi-kea-page .world-arc:after {
  content: "";
  background: var(--hero-foreground);
  border-radius: 999px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: -5px;
  right: 9%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-arc:after {
    background: color-mix(in oklab, var(--hero-foreground) 86%, transparent);
  }
}
.ddi-kea-page .world-arc:after {
  box-shadow: 0 0 16px var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-arc:after {
    box-shadow: 0 0 16px
      color-mix(in oklab, var(--hero-foreground) 55%, transparent);
  }
}
.ddi-kea-page .world-arc--one {
  border-color: var(--success);
  width: 54%;
  height: 86px;
  top: 40%;
  left: 4%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-arc--one {
    border-color: color-mix(in oklab, var(--success) 32%, transparent);
  }
}
.ddi-kea-page .world-arc--one {
  animation: 4.8s ease-in-out infinite interstitial-arc;
}
.ddi-kea-page .world-arc--two {
  border-color: var(--hero-foreground);
  width: 48%;
  height: 96px;
  top: 26%;
  left: 26%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-arc--two {
    border-color: color-mix(in oklab, var(--hero-foreground) 28%, transparent);
  }
}
.ddi-kea-page .world-arc--two {
  animation: 5.2s ease-in-out 0.4s infinite interstitial-arc;
}
.ddi-kea-page .world-arc--three {
  border-color: var(--warning);
  width: 42%;
  height: 76px;
  top: 34%;
  left: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .world-arc--three {
    border-color: color-mix(in oklab, var(--warning) 34%, transparent);
  }
}
.ddi-kea-page .world-arc--three {
  animation: 4.6s ease-in-out 0.8s infinite interstitial-arc;
}
@keyframes interstitial-node {
  0%,
  to {
    opacity: 0.7;
    transform: scale(0.88);
  }
  50% {
    opacity: 1;
    transform: scale(1.18);
  }
}
@keyframes interstitial-arc {
  0%,
  to {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
@media (width<=640px) {
  .ddi-kea-page .interstitial-content {
    margin-top: 24px;
  }
  .ddi-kea-page .interstitial-capabilities {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ddi-kea-page .interstitial-globe {
    min-height: 320px;
  }
  .ddi-kea-page .interstitial-world {
    left: 0;
    right: 0;
    transform: none;
  }
}
@media (width<=900px) {
  .ddi-kea-page .interstitial-live,
  .ddi-kea-page .interstitial-content,
  .ddi-kea-page .kea-split {
    grid-template-columns: 1fr;
  }
  .ddi-kea-page .interstitial-side-labels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    font-size: 10px;
  }
  .ddi-kea-page .interstitial-side-labels--left,
  .ddi-kea-page .interstitial-side-labels--right {
    text-align: left;
    justify-items: stretch;
  }
  .ddi-kea-page .interstitial-side-labels span {
    justify-content: flex-start;
  }
  .ddi-kea-page .kea-split--live {
    min-height: 290px;
  }
  .ddi-kea-page .kea-split__pane {
    min-height: 140px;
    padding-right: 18px;
  }
  .ddi-kea-page .kea-server-stack,
  .ddi-kea-page .ddi-console-card {
    right: 18px;
  }
  .ddi-kea-page .kea-streams,
  .ddi-kea-page .ddi-streams,
  .ddi-kea-page .kea-split__seam {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .interstitial-glow,
  .ddi-kea-page .interstitial-stars,
  .ddi-kea-page .world-node,
  .ddi-kea-page .world-arc,
  .ddi-kea-page .ddi-console-card__bars em,
  .ddi-kea-page .kea-streams span,
  .ddi-kea-page .ddi-streams span {
    animation: none !important;
  }
  .ddi-kea-page .kea-split__seam {
    opacity: 0.6 !important;
    animation: none !important;
  }
  .ddi-kea-page .interstitial-world,
  .ddi-kea-page .interstitial-capabilities svg,
  .ddi-kea-page .kea-server-stack span,
  .ddi-kea-page .ddi-console-card {
    box-shadow: none !important;
  }
}
.ddi-kea-page .product-shell {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  min-width: 620px;
  min-height: 390px;
  box-shadow: 0 16px 36px var(--hero);
  grid-template-columns: 34px 1fr;
  display: grid;
  position: relative;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .product-shell {
    box-shadow: 0 16px 36px color-mix(in oklab, var(--hero) 12%, transparent);
  }
}
.ddi-kea-page .product-shell {
  font-family: var(--font-sans);
  color: var(--color-foreground);
  font-size: 10px;
}
.ddi-kea-page .product-rail {
  background: var(--color-hero);
  color: var(--hero-foreground);
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 10px 0;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .product-rail {
    color: color-mix(in oklab, var(--hero-foreground) 65%, transparent);
  }
}
.ddi-kea-page .product-rail svg:nth-of-type(2) {
  color: var(--color-success);
}
.ddi-kea-page .product-mark {
  background: var(--color-primary);
  width: 20px;
  height: 20px;
  color: var(--color-primary-foreground);
  place-items: center;
  font-weight: 800;
  display: grid;
}
.ddi-kea-page .product-stage {
  min-width: 0;
}
.ddi-kea-page .product-topbar {
  border-bottom: 1px solid var(--color-border);
  height: 30px;
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 12px;
  padding: 0 12px;
  display: flex;
}
.ddi-kea-page .product-brand {
  font-family: var(--font-display);
  color: var(--color-foreground);
  margin-right: auto;
  font-weight: 700;
}
.ddi-kea-page .product-trial {
  color: var(--color-warning);
}
.ddi-kea-page .product-heading {
  justify-content: space-between;
  align-items: center;
  padding: 11px 14px 9px;
  display: flex;
}
.ddi-kea-page .product-heading strong {
  font-size: 14px;
}
.ddi-kea-page .product-breadcrumb {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .product-mode {
  background: var(--primary);
  border-radius: 999px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .product-mode {
    background: color-mix(in oklab, var(--primary) 12%, var(--background));
  }
}
.ddi-kea-page .product-mode {
  color: var(--color-primary);
  padding: 3px 9px;
  font-weight: 700;
}
.ddi-kea-page .product-content {
  padding: 0 14px 14px;
  position: relative;
}
.ddi-kea-page .product-toolbar {
  align-items: center;
  gap: 6px;
  margin-bottom: 9px;
  display: flex;
}
.ddi-kea-page .product-search {
  border: 1px solid var(--color-border);
  min-width: 150px;
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  display: flex;
}
.ddi-kea-page .product-tip {
  color: var(--color-primary);
  align-items: center;
  gap: 4px;
  margin-right: auto;
  display: flex;
}
.ddi-kea-page .product-action,
.ddi-kea-page .product-primary,
.ddi-kea-page .product-add {
  border: 1px solid var(--color-success);
  color: var(--color-primary);
  border-radius: 3px;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  font-weight: 700;
  display: inline-flex;
}
.ddi-kea-page .product-primary {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-primary-foreground);
}
.ddi-kea-page .product-table-wrap {
  border: 1px solid var(--color-border);
  overflow: hidden;
}
.ddi-kea-page .product-table {
  border-collapse: collapse;
  white-space: nowrap;
  text-align: left;
  width: 100%;
  font-size: 8px;
}
.ddi-kea-page .product-table th {
  background: var(--color-muted);
  color: var(--color-muted-foreground);
  padding: 7px 8px;
  font-size: 7px;
}
.ddi-kea-page .product-table td {
  border-top: 1px solid var(--color-border);
  padding: 7px 8px;
}
.ddi-kea-page .product-link {
  color: var(--color-primary);
  font-weight: 600;
}
.ddi-kea-page .row-actions {
  color: var(--color-primary);
  gap: 6px;
  display: flex;
}
.ddi-kea-page .product-modal-layer {
  z-index: 3;
  background: var(--hero);
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .product-modal-layer {
    background: color-mix(in oklab, var(--hero) 45%, transparent);
  }
}
.ddi-kea-page .product-modal-layer {
  padding: 16px;
}
.ddi-kea-page .product-dialog {
  background: var(--color-background);
  width: min(350px, 88%);
  box-shadow: 0 18px 42px var(--hero);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .product-dialog {
    box-shadow: 0 18px 42px color-mix(in oklab, var(--hero) 34%, transparent);
  }
}
.ddi-kea-page .product-dialog-wide {
  width: min(520px, 92%);
}
.ddi-kea-page .product-dialog-head {
  border-bottom: 1px solid var(--color-border);
  justify-content: space-between;
  align-items: center;
  padding: 10px 13px;
  font-size: 12px;
  display: flex;
}
.ddi-kea-page .product-dialog-head svg {
  color: var(--color-destructive);
}
.ddi-kea-page .product-dialog-body {
  gap: 8px;
  padding: 13px;
  display: grid;
}
.ddi-kea-page .product-dialog-foot {
  border-top: 1px solid var(--color-border);
  justify-content: flex-end;
  gap: 8px;
  padding: 8px 13px;
  display: flex;
}
.ddi-kea-page .product-dialog-foot span,
.ddi-kea-page .product-dialog-foot b {
  border: 1px solid var(--color-border);
  border-radius: 3px;
  padding: 5px 14px;
}
.ddi-kea-page .product-dialog-foot b {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-primary-foreground);
}
.ddi-kea-page .product-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}
.ddi-kea-page .product-field {
  gap: 3px;
  display: grid;
}
.ddi-kea-page .product-field > span {
  color: var(--color-muted-foreground);
  font-size: 7px;
  font-weight: 700;
}
.ddi-kea-page .product-field > div {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  justify-content: space-between;
  align-items: center;
  min-height: 27px;
  padding: 5px 7px;
  display: flex;
}
.ddi-kea-page .product-field-wide {
  grid-column: 1/-1;
}
.ddi-kea-page .product-tabs {
  border-bottom: 1px solid var(--color-border);
  gap: 16px;
  padding-top: 5px;
  display: flex;
}
.ddi-kea-page .product-tabs b {
  border-bottom: 2px solid var(--color-primary);
  color: var(--color-primary);
  padding-bottom: 5px;
}
.ddi-kea-page .product-calendar {
  border: 1px solid var(--color-border);
  text-align: center;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  padding: 7px;
  display: grid;
}
.ddi-kea-page .product-calendar b {
  grid-column: 1/-1;
  margin-bottom: 4px;
}
.ddi-kea-page .product-calendar i {
  padding: 2px;
  font-style: normal;
}
.ddi-kea-page .product-calendar .selected {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  border-radius: 999px;
}
.ddi-kea-page .product-diff {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}
.ddi-kea-page .product-diff pre {
  background: var(--destructive);
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .product-diff pre {
    background: color-mix(in oklab, var(--destructive) 8%, var(--background));
  }
}
.ddi-kea-page .product-diff pre {
  color: var(--destructive);
  padding: 10px;
  font-size: 8px;
}
.ddi-kea-page .product-diff pre + pre {
  background: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .product-diff pre + pre {
    background: color-mix(in oklab, var(--success) 8%, var(--background));
  }
}
.ddi-kea-page .product-diff pre + pre {
  color: var(--primary);
}
.ddi-kea-page .product-code {
  background: var(--color-hero);
  min-height: 280px;
  color: var(--hero-foreground);
  padding: 18px;
  font-family: monospace;
  line-height: 2;
}
.ddi-kea-page .product-code span {
  width: 18px;
  color: var(--hero-foreground);
  display: inline-block;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .product-code span {
    color: color-mix(in oklab, var(--hero-foreground) 40%, transparent);
  }
}
.ddi-kea-page .product-kpis {
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  margin-bottom: 10px;
  display: grid;
}
.ddi-kea-page .product-kpis > div {
  border: 1px solid var(--color-border);
  padding: 8px;
  display: grid;
}
.ddi-kea-page .product-kpis strong {
  font-family: var(--font-display);
  font-size: 17px;
}
.ddi-kea-page .product-kpis span {
  color: var(--color-muted-foreground);
  font-size: 7px;
}
.ddi-kea-page .product-viewbar {
  border: 1px solid var(--color-border);
  border-bottom: 0;
  align-items: center;
  gap: 13px;
  padding: 7px;
  display: flex;
}
.ddi-kea-page .product-viewbar b {
  color: var(--color-primary);
}
.ddi-kea-page .product-viewbar i {
  margin-left: auto;
}
.ddi-kea-page .tower-cards {
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  display: grid;
}
.ddi-kea-page .tower-cards > div {
  border: 1px solid var(--color-border);
  gap: 5px;
  padding: 12px;
  display: grid;
}
.ddi-kea-page .tower-cards span,
.ddi-kea-page .tower-cards small {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .tower-cards i {
  background: var(--color-muted);
  height: 5px;
}
.ddi-kea-page .tower-cards i b {
  background: var(--color-primary);
  height: 100%;
  display: block;
}
.ddi-kea-page .product-bars {
  border-bottom: 1px solid var(--color-border);
  align-items: end;
  gap: 5px;
  height: 100px;
  padding: 5px;
  display: flex;
}
.ddi-kea-page .product-bars i {
  background: var(--color-primary);
  flex: 1;
  min-width: 4px;
}
.ddi-kea-page .product-chart-card {
  border: 1px solid var(--color-border);
  padding: 10px;
  position: relative;
}
.ddi-kea-page .product-chart-card > div:first-child {
  justify-content: space-between;
  display: flex;
}
.ddi-kea-page .product-chart-card span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .chart-tip {
  background: var(--color-hero);
  padding: 5px 7px;
  position: absolute;
  top: 35%;
  left: 53%;
  color: var(--color-hero-foreground) !important;
}
.ddi-kea-page .product-line {
  width: 100%;
  height: 110px;
  padding: 8px;
}
.ddi-kea-page .product-line path {
  fill: none;
  stroke: var(--color-primary);
  stroke-width: 2px;
}
.ddi-kea-page .product-line .line-two {
  stroke: var(--color-warning);
}
.ddi-kea-page .identity-grid,
.ddi-kea-page .unmapped-layout,
.ddi-kea-page .risk-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}
.ddi-kea-page .identity-grid > div,
.ddi-kea-page .unmapped-layout > div,
.ddi-kea-page .risk-grid > section {
  border: 1px solid var(--color-border);
  gap: 7px;
  padding: 13px;
  display: grid;
}
.ddi-kea-page .identity-grid span,
.ddi-kea-page .unmapped-layout span {
  color: var(--color-muted-foreground);
  display: block;
}
.ddi-kea-page .product-donut {
  aspect-ratio: 1;
  border: 14px solid var(--color-primary);
  border-right-color: var(--color-muted);
  border-radius: 999px;
  place-items: center;
  width: 88px;
  margin: auto;
  display: grid;
}
.ddi-kea-page .product-donut span {
  font-weight: 800;
}
.ddi-kea-page .risk-grid h4 {
  color: var(--color-primary);
  font-size: 8px;
}
.ddi-kea-page .risk-danger h4 {
  color: var(--color-destructive);
}
.ddi-kea-page .usage-ring {
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding-top: 13px;
  display: flex;
}
.ddi-kea-page .product-waffle {
  grid-template-columns: repeat(12, 1fr);
  gap: 2px;
  display: grid;
}
.ddi-kea-page .product-waffle i {
  aspect-ratio: 1;
  background: var(--color-grid-free);
}
.ddi-kea-page .product-waffle .used {
  background: var(--color-success);
}
.ddi-kea-page .product-waffle .bad {
  background: var(--color-destructive);
}
.ddi-kea-page .failover {
  border: 1px solid var(--color-border);
  gap: 12px;
  margin-bottom: 10px;
  padding: 12px;
  display: grid;
}
.ddi-kea-page .failover > div {
  justify-content: center;
  align-items: center;
  gap: 18px;
  display: flex;
}
.ddi-kea-page .failover span {
  color: var(--color-primary);
  place-items: center;
  gap: 4px;
  display: grid;
}
.ddi-kea-page .failover span svg {
  width: 28px;
}
.ddi-kea-page .failover small {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .failover i {
  border-top: 2px dashed var(--color-success);
  color: var(--color-success);
  padding-top: 5px;
  font-style: normal;
}
.ddi-kea-page .block-entry {
  align-items: end;
  gap: 8px;
  display: flex;
}
.ddi-kea-page .block-entry .product-field {
  flex: 1;
}
.ddi-kea-page .blocked-list {
  border: 1px solid var(--color-border);
  margin-top: 12px;
  display: grid;
}
.ddi-kea-page .blocked-list strong,
.ddi-kea-page .blocked-list span {
  border-bottom: 1px solid var(--color-border);
  justify-content: space-between;
  padding: 7px 9px;
  display: flex;
}
.ddi-kea-page .blocked-list span svg {
  color: var(--color-destructive);
}
.ddi-kea-page .dashboard-grid {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  display: grid;
}
.ddi-kea-page .dashboard-grid section {
  border: 1px solid var(--color-border);
  padding: 8px;
  overflow: hidden;
}
.ddi-kea-page .dashboard-grid .product-bars,
.ddi-kea-page .dashboard-grid .product-line {
  height: 72px;
}
.ddi-kea-page .refresh-label {
  color: var(--color-primary);
  justify-content: flex-end;
  gap: 4px;
  margin-top: -22px;
  margin-bottom: 8px;
  display: flex;
}
.ddi-kea-page .log-head {
  border: 1px solid var(--color-border);
  gap: 12px;
  padding: 7px;
  display: flex;
}
.ddi-kea-page .log-head b {
  color: var(--color-success);
  margin-left: auto;
}
.ddi-kea-page .product-logs {
  background: var(--color-hero);
  min-height: 275px;
  color: var(--hero-foreground);
  align-content: start;
  gap: 9px;
  padding: 16px;
  font-family: monospace;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .product-logs {
    color: color-mix(in oklab, var(--hero-foreground) 80%, transparent);
  }
}
.ddi-kea-page .product-logs i {
  color: var(--color-success);
  font-style: normal;
}
.ddi-kea-page .product-tree {
  border: 1px solid var(--color-border);
  padding: 18px;
  font-family: monospace;
  line-height: 2.1;
}
.ddi-kea-page .screen-gallery {
  min-width: 0;
}
.ddi-kea-page .screen-gallery-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}
.ddi-kea-page .screen-gallery-head > div {
  gap: 3px;
  max-width: 80%;
  display: flex;
  overflow-x: auto;
}
.ddi-kea-page .screen-gallery-head button {
  color: var(--color-muted-foreground);
  white-space: nowrap;
  border-bottom: 2px solid #0000;
  flex: none;
  padding: 5px 7px;
  font-size: 9px;
}
.ddi-kea-page .screen-gallery-head button.active {
  border-color: var(--color-primary);
  color: var(--color-primary);
  font-weight: 700;
}
.ddi-kea-page .screen-gallery-head > span {
  color: var(--color-muted-foreground);
  white-space: nowrap;
  font-size: 9px;
}
.ddi-kea-page .screen-gallery > div:nth-child(2) {
  overflow-x: auto;
}
.ddi-kea-page .screen-gallery-foot {
  justify-content: center;
  align-items: center;
  gap: 9px;
  margin-top: 9px;
  display: flex;
}
.ddi-kea-page .screen-gallery-foot button {
  width: 28px;
  height: 28px;
}
.ddi-kea-page .screen-gallery-foot > div {
  gap: 4px;
  display: flex;
}
.ddi-kea-page .screen-gallery-foot i {
  background: var(--color-border);
  width: 10px;
  height: 3px;
}
.ddi-kea-page .screen-gallery-foot i.active {
  background: var(--color-primary);
  width: 24px;
}
@media (width<=767px) {
  .ddi-kea-page .screen-gallery-head {
    align-items: center;
  }
  .ddi-kea-page .product-shell {
    min-width: 600px;
  }
  .ddi-kea-page .screen-gallery > div:nth-child(2) {
    padding-bottom: 5px;
  }
  .ddi-kea-page .product-form-grid,
  .ddi-kea-page .identity-grid,
  .ddi-kea-page .unmapped-layout,
  .ddi-kea-page .risk-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@keyframes oi-screen-enter {
  0% {
    opacity: 0;
    transform: translate(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes oi-progress {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes oi-bar-rise {
  0% {
    opacity: 0.65;
    transform: scaleY(0.2);
  }
  to {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes oi-metric-refresh {
  0% {
    opacity: 0.35;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.ddi-kea-page .oi-showcase {
  border: 1px solid var(--color-border);
  background: var(--color-secondary);
}
.ddi-kea-page .oi-layout {
  grid-template-columns: minmax(0, 1fr);
  min-height: 670px;
  display: grid;
}
.ddi-kea-page .oi-tab-rail {
  background: var(--color-hero);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 8px;
  display: grid;
}
.ddi-kea-page .oi-tab {
  width: 100%;
  overflow: hidden;
  border: 0 !important;
  border-right: 1px solid var(--hero-foreground) !important;
  justify-content: flex-start !important;
  min-height: 64px !important;
  position: relative !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-tab {
    border-right: 1px solid
      color-mix(in oklab, var(--hero-foreground) 13%, transparent) !important;
  }
}
.ddi-kea-page .oi-tab {
  color: var(--hero-foreground) !important;
  border-radius: 0 !important;
  padding: 10px 12px !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-tab {
    color: color-mix(
      in oklab,
      var(--hero-foreground) 62%,
      transparent
    ) !important;
  }
}
.ddi-kea-page .oi-tab {
  text-align: left;
}
.ddi-kea-page .oi-tab:hover,
.ddi-kea-page .oi-tab.active {
  background: var(--hero-foreground) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-tab:hover,
  .ddi-kea-page .oi-tab.active {
    background: color-mix(
      in oklab,
      var(--hero-foreground) 9%,
      transparent
    ) !important;
  }
}
.ddi-kea-page .oi-tab:hover,
.ddi-kea-page .oi-tab.active {
  color: var(--color-hero-foreground) !important;
}
.ddi-kea-page .oi-tab-icon {
  border: 1px solid var(--hero-foreground);
  flex: none;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-tab-icon {
    border: 1px solid
      color-mix(in oklab, var(--hero-foreground) 18%, transparent);
  }
}
.ddi-kea-page .oi-tab.active .oi-tab-icon {
  border-color: var(--color-success);
  color: var(--color-success);
}
.ddi-kea-page .oi-tab > span:last-of-type {
  white-space: normal;
  min-width: 0;
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.25;
  display: grid;
}
.ddi-kea-page .oi-tab-progress {
  transform-origin: 0;
  background: var(--color-success);
  height: 2px;
  animation: linear both oi-progress;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ddi-kea-page .oi-showcase.is-paused .oi-tab-progress {
  animation-play-state: paused;
}
.ddi-kea-page .oi-main {
  min-width: 0;
  padding: 24px;
}
.ddi-kea-page .oi-copy {
  grid-template-columns: minmax(220px, 0.65fr) 1fr;
  align-items: end;
  gap: 28px;
  margin-bottom: 20px;
  display: grid;
}
.ddi-kea-page .oi-copy span {
  color: var(--color-primary);
  font-size: 9px;
  font-weight: 700;
}
.ddi-kea-page .oi-copy h3 {
  margin-top: 3px;
  font-size: 24px;
  line-height: 1.15;
}
.ddi-kea-page .oi-copy p {
  max-width: 660px;
  color: var(--color-muted-foreground);
  font-size: 13px;
}
.ddi-kea-page .oi-screen-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 8px;
  display: flex;
}
.ddi-kea-page .oi-screen-head > div {
  gap: 2px;
  max-width: 85%;
  display: flex;
  overflow-x: auto;
}
.ddi-kea-page .oi-screen-head button {
  white-space: nowrap;
  min-height: 30px !important;
  color: var(--color-muted-foreground) !important;
  border-bottom: 2px solid #0000 !important;
  border-radius: 0 !important;
  padding: 4px 8px !important;
  font-size: 9px !important;
}
.ddi-kea-page .oi-screen-head button.active {
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}
.ddi-kea-page .oi-screen-head > span {
  color: var(--color-muted-foreground);
  white-space: nowrap;
  font-size: 9px;
}
.ddi-kea-page .oi-screen-fade {
  min-width: 0;
  animation: 0.42s ease-out both oi-screen-enter;
}
.ddi-kea-page .oi-controls {
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}
.ddi-kea-page .oi-controls button {
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
}
.ddi-kea-page .oi-controls > div {
  gap: 4px;
  display: flex;
}
.ddi-kea-page .oi-controls i {
  background: var(--color-border);
  width: 10px;
  height: 3px;
}
.ddi-kea-page .oi-controls i.active {
  background: var(--color-primary);
  width: 24px;
}
.ddi-kea-page .oi-shell {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  min-width: 760px;
  height: 490px;
  box-shadow: 0 14px 30px var(--hero);
  grid-template-columns: 36px minmax(0, 1fr);
  display: grid;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-shell {
    box-shadow: 0 14px 30px color-mix(in oklab, var(--hero) 10%, transparent);
  }
}
.ddi-kea-page .oi-shell {
  font-family: var(--font-sans);
  color: var(--color-foreground);
  font-size: 9px;
}
.ddi-kea-page .oi-rail {
  background: var(--color-hero);
  color: var(--hero-foreground);
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 10px 0;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-rail {
    color: color-mix(in oklab, var(--hero-foreground) 58%, transparent);
  }
}
.ddi-kea-page .oi-rail svg:nth-of-type(2) {
  color: var(--color-success);
}
.ddi-kea-page .oi-mark {
  background: var(--color-primary);
  width: 21px;
  height: 21px;
  color: var(--color-primary-foreground);
  place-items: center;
  font-weight: 800;
  display: grid;
}
.ddi-kea-page .oi-stage {
  min-width: 0;
}
.ddi-kea-page .oi-topbar {
  border-bottom: 1px solid var(--color-border);
  height: 31px;
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 12px;
  padding: 0 12px;
  display: flex;
}
.ddi-kea-page .oi-topbar strong {
  color: var(--color-foreground);
}
.ddi-kea-page .oi-top-spacer {
  flex: 1;
}
.ddi-kea-page .oi-heading {
  justify-content: space-between;
  align-items: center;
  padding: 10px 13px;
  display: flex;
}
.ddi-kea-page .oi-heading span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .oi-heading strong {
  font-size: 13px;
}
.ddi-kea-page .oi-heading > b {
  background: var(--primary);
  border-radius: 999px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-heading > b {
    background: color-mix(in oklab, var(--primary) 12%, var(--background));
  }
}
.ddi-kea-page .oi-heading > b {
  color: var(--color-primary);
  padding: 3px 9px;
  font-size: 8px;
}
.ddi-kea-page .oi-content {
  padding: 0 13px 13px;
}
.ddi-kea-page .oi-subtabs {
  border-bottom: 1px solid var(--color-border);
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 16px;
  padding: 0 0 6px;
  display: flex;
}
.ddi-kea-page .oi-subtabs b {
  border-bottom: 2px solid var(--color-primary);
  color: var(--color-foreground);
  padding-bottom: 5px;
}
.ddi-kea-page .oi-subtabs-spacer {
  flex: 1;
}
.ddi-kea-page .oi-panel {
  border: 1px solid var(--color-border);
  margin-top: 9px;
  padding: 9px;
}
.ddi-kea-page .oi-panel-title {
  color: var(--color-muted-foreground);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.ddi-kea-page .oi-panel-title b {
  color: var(--color-primary);
}
.ddi-kea-page .oi-chart {
  padding: 4px 8px 0 21px;
  position: relative;
}
.ddi-kea-page .oi-bars {
  border-bottom: 1px solid var(--color-border);
  background: repeating-linear-gradient(
    0deg,
    transparent 0 22px,
    var(--color-border) 22px 23px
  );
  align-items: end;
  gap: 3px;
  height: 112px;
  display: flex;
}
.ddi-kea-page .oi-bars i {
  background: var(--color-primary);
  transform-origin: bottom;
  flex: 1;
  animation: 0.55s ease-out both oi-bar-rise;
  position: relative;
}
.ddi-kea-page .oi-bars i span {
  color: var(--color-primary);
  font-style: normal;
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translate(-50%);
}
.ddi-kea-page .oi-bars i em {
  color: var(--color-muted-foreground);
  font-size: 5px;
  font-style: normal;
  position: absolute;
  top: calc(100% + 3px);
  left: 50%;
  transform: translate(-50%);
}
.ddi-kea-page .oi-y-label {
  color: var(--color-muted-foreground);
  position: absolute;
  top: 54px;
  left: -4px;
  transform: rotate(-90deg);
}
.ddi-kea-page .oi-axis {
  text-align: center;
  color: var(--color-muted-foreground);
  padding-top: 8px;
}
.ddi-kea-page .oi-toolbar {
  align-items: center;
  gap: 7px;
  padding: 9px 0;
  display: flex;
}
.ddi-kea-page .oi-toolbar > span:first-child {
  font-size: 7px;
  font-weight: 700;
}
.ddi-kea-page .oi-toolbar > b {
  font-size: 8px;
}
.ddi-kea-page .oi-search {
  border: 1px solid var(--color-border);
  min-width: 150px;
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 5px;
  padding: 5px 7px;
  display: flex;
}
.ddi-kea-page .oi-help {
  color: var(--color-primary);
  align-items: center;
  gap: 4px;
  margin-left: auto;
  display: flex;
}
.ddi-kea-page .oi-toolbar > strong {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  padding: 4px 7px;
}
.ddi-kea-page .oi-table-wrap {
  border: 1px solid var(--color-border);
  max-width: 100%;
  overflow: auto;
}
.ddi-kea-page .oi-table {
  border-collapse: collapse;
  white-space: nowrap;
  text-align: left;
  width: 100%;
  font-size: 7px;
}
.ddi-kea-page .oi-table th {
  background: var(--color-muted);
  color: var(--color-muted-foreground);
  padding: 6px 7px;
  font-size: 6px;
}
.ddi-kea-page .oi-table td {
  border-top: 1px solid var(--color-border);
  padding: 6px 7px;
}
.ddi-kea-page .oi-link {
  color: var(--color-primary);
  font-weight: 700;
}
.ddi-kea-page .oi-good {
  color: var(--color-primary) !important;
}
.ddi-kea-page .oi-danger {
  font-weight: 700;
  color: var(--color-destructive) !important;
}
.ddi-kea-page .oi-warn {
  color: var(--color-warning) !important;
}
.ddi-kea-page .oi-count {
  text-align: right;
  color: var(--color-muted-foreground);
  padding: 5px 0;
  font-size: 7px;
}
.ddi-kea-page .oi-forecast-head {
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}
.ddi-kea-page .oi-forecast-head span {
  color: var(--color-primary);
}
.ddi-kea-page .oi-forecast-head p {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .oi-forecast-head > b {
  border: 1px solid var(--color-border);
  color: var(--color-muted-foreground);
  align-self: start;
  padding: 5px 18px;
}
.ddi-kea-page .oi-metrics {
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  display: grid;
}
.ddi-kea-page .oi-metrics > div {
  border: 1px solid var(--color-border);
  min-width: 0;
  padding: 8px;
  display: grid;
}
.ddi-kea-page .oi-metrics span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .oi-metrics strong {
  font-family: var(--font-display);
  font-size: 17px;
}
.ddi-kea-page .oi-metrics small {
  text-transform: uppercase;
  color: var(--color-destructive);
  font-size: 5px;
}
.ddi-kea-page .oi-metric-flip {
  animation: 0.42s ease-out both oi-metric-refresh;
}
.ddi-kea-page .oi-forecast-chart-swap {
  animation: 0.42s ease-out both oi-screen-enter;
}
.ddi-kea-page .oi-usage {
  place-items: center;
  height: 145px;
  display: grid;
}
.ddi-kea-page .oi-usage.compact {
  height: 130px;
}
.ddi-kea-page .oi-ring {
  --oi-ring-value: 0deg;
  aspect-ratio: 1;
  background: conic-gradient(
    var(--color-primary) var(--oi-ring-value),
    var(--color-border) 0
  );
  border-radius: 50%;
  place-items: center;
  width: 112px;
  display: grid;
  position: relative;
}
.ddi-kea-page .oi-ring:before {
  content: "";
  border-radius: inherit;
  background: var(--color-background);
  position: absolute;
  inset: 14px;
}
.ddi-kea-page .oi-ring span {
  z-index: 1;
  text-align: center;
  display: grid;
  position: relative;
}
.ddi-kea-page .oi-ring b {
  font-size: 16px;
}
.ddi-kea-page .oi-ring small {
  max-width: 80px;
  color: var(--color-muted-foreground);
  font-size: 6px;
}
.ddi-kea-page .oi-unmapped-filters {
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  display: flex;
}
.ddi-kea-page .oi-unmapped-filters b {
  border: 1px solid var(--color-border);
  width: 210px;
  color: var(--color-muted-foreground);
  padding: 7px 9px;
  font-weight: 500;
}
.ddi-kea-page .oi-unmapped {
  grid-template-columns: 1.02fr 1fr;
  gap: 7px;
  display: grid;
}
.ddi-kea-page .oi-unmapped-list {
  min-width: 0;
  position: relative;
}
.ddi-kea-page .oi-unmapped-list > small {
  color: var(--color-muted-foreground);
  font-size: 6px;
  position: absolute;
  top: 10px;
  right: 8px;
}
.ddi-kea-page .oi-wide {
  width: 50%;
  margin-bottom: 5px;
}
.ddi-kea-page .oi-unmapped-head,
.ddi-kea-page .oi-unmapped-rows > div {
  border-bottom: 1px solid var(--color-border);
  grid-template-columns: 1.4fr 1fr 28px;
  align-items: center;
  padding: 0 8px;
  display: grid;
}
.ddi-kea-page .oi-unmapped-head {
  background: var(--color-muted);
  height: 28px;
  color: var(--color-muted-foreground);
}
.ddi-kea-page .oi-unmapped-rows {
  border: 1px solid var(--color-border);
  border-top: 0;
}
.ddi-kea-page .oi-unmapped-rows > div {
  height: 24px;
  position: relative;
}
.ddi-kea-page .oi-unmapped-rows a {
  color: var(--color-primary);
  font-weight: 600;
}
.ddi-kea-page .oi-unmapped-rows b {
  font-weight: 500;
}
.ddi-kea-page .oi-unmapped-rows svg {
  color: var(--color-warning);
}
.ddi-kea-page .oi-unmapped-visual {
  grid-template-rows: 238px 160px;
  gap: 7px;
  display: grid;
}
.ddi-kea-page .oi-ip-panel,
.ddi-kea-page .oi-subnet-panel {
  border: 1px solid var(--color-border);
  padding: 8px;
}
.ddi-kea-page .oi-ip-panel h4,
.ddi-kea-page .oi-subnet-panel h4 {
  color: var(--color-muted-foreground);
  margin-bottom: 7px;
  font-size: 8px;
}
.ddi-kea-page .oi-ip-matrix {
  grid-template-rows: 166px 14px;
  grid-template-columns: 12px minmax(0, 1fr);
  column-gap: 4px;
  display: grid;
}
.ddi-kea-page .oi-matrix-y {
  color: var(--color-muted-foreground);
  flex-direction: column;
  justify-content: space-around;
  font-size: 6px;
  display: flex;
}
.ddi-kea-page .oi-ping-grid {
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(15, 1fr);
  gap: 1px;
  display: grid;
}
.ddi-kea-page .oi-ping-grid i {
  background: var(--destructive);
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-ping-grid i {
    background: color-mix(in oklab, var(--destructive) 67%, var(--background));
  }
}
.ddi-kea-page .oi-ping-grid i.selected {
  background: repeating-linear-gradient(
    45deg,
    var(--destructive) 0 2px,
    var(--destructive) 2px 4px
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-ping-grid i.selected {
    background: repeating-linear-gradient(
      45deg,
      color-mix(in oklab, var(--destructive) 76%, var(--background)) 0 2px,
      color-mix(in oklab, var(--destructive) 48%, var(--background)) 2px 4px
    );
  }
}
.ddi-kea-page .oi-ping-grid i span {
  z-index: 3;
  border: 1px solid var(--color-border);
  background: var(--color-background);
  width: 100px;
  box-shadow: 0 5px 12px var(--hero);
  padding: 6px;
  font-size: 6px;
  font-style: normal;
  line-height: 1.5;
  position: absolute;
  bottom: 82%;
  left: 50%;
  transform: translate(-50%);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-ping-grid i span {
    box-shadow: 0 5px 12px color-mix(in oklab, var(--hero) 18%, transparent);
  }
}
.ddi-kea-page .oi-matrix-x {
  text-align: center;
  color: var(--color-muted-foreground);
  grid-column: 2;
  grid-template-columns: repeat(15, 1fr);
  font-size: 5px;
  display: grid;
}
.ddi-kea-page .oi-ping-legend {
  color: var(--color-muted-foreground);
  justify-content: center;
  gap: 10px;
  margin-top: 3px;
  font-size: 6px;
  display: flex;
}
.ddi-kea-page .oi-ping-legend span:before {
  content: "";
  background: var(--color-success);
  width: 6px;
  height: 6px;
  margin-right: 3px;
  display: inline-block;
}
.ddi-kea-page .oi-ping-legend span + span:before {
  background: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-ping-legend span + span:before {
    background: color-mix(in oklab, var(--destructive) 67%, var(--background));
  }
}
.ddi-kea-page .oi-subnet-panel .oi-ring {
  width: 108px;
  margin: auto;
}
.ddi-kea-page .oi-ping-actions {
  z-index: 4;
  border: 1px solid var(--color-border);
  background: var(--color-background);
  width: 90px;
  box-shadow: 0 5px 12px var(--hero);
  gap: 8px;
  padding: 10px;
  display: grid;
  position: absolute;
  top: 26px;
  right: 24px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-ping-actions {
    box-shadow: 0 5px 12px color-mix(in oklab, var(--hero) 18%, transparent);
  }
}
.ddi-kea-page .oi-ping-actions {
  font-size: 7px;
}
.ddi-kea-page .oi-ping-actions span {
  white-space: nowrap;
}
.ddi-kea-page .oi-two {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 9px;
  display: grid;
}
.ddi-kea-page .oi-two section {
  border: 1px solid var(--color-border);
  min-width: 0;
  padding: 10px;
}
.ddi-kea-page .oi-two h4 {
  color: var(--color-muted-foreground);
  margin-bottom: 7px;
  font-size: 7px;
}
.ddi-kea-page .oi-two p {
  border-top: 1px solid var(--color-border);
  grid-template-columns: 110px 1fr;
  gap: 8px;
  padding: 4px 0;
  font-size: 7px;
  display: grid;
}
.ddi-kea-page .oi-two p span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .oi-stacked-bars {
  border-bottom: 1px solid var(--color-border);
  justify-content: space-around;
  align-items: end;
  height: 130px;
  display: flex;
}
.ddi-kea-page .oi-stacked-bars > div {
  flex-direction: column-reverse;
  align-items: stretch;
  width: 34px;
  display: flex;
}
.ddi-kea-page .oi-stacked-bars i {
  background: var(--color-destructive);
}
.ddi-kea-page .oi-stacked-bars b {
  background: var(--color-success);
}
.ddi-kea-page .oi-stacked-bars span {
  text-align: center;
  padding-top: 5px;
  font-size: 5px;
}
.ddi-kea-page .oi-cvss > div {
  width: 70px;
}
.ddi-kea-page .oi-legend {
  color: var(--color-muted-foreground);
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 7px;
  font-size: 6px;
  display: flex;
}
.ddi-kea-page .oi-legend span:before {
  content: "";
  background: var(--color-primary);
  width: 5px;
  height: 5px;
  margin-right: 3px;
  display: inline-block;
}
.ddi-kea-page .oi-legend span:nth-child(2):before {
  background: var(--color-warning);
}
.ddi-kea-page .oi-legend span:nth-child(3):before {
  background: var(--color-success);
}
.ddi-kea-page .oi-legend span:nth-child(4):before {
  background: var(--color-border);
}
.ddi-kea-page .oi-risk-screen {
  --risk-red: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-risk-screen {
    --risk-red: color-mix(in oklab, var(--destructive) 42%, var(--background));
  }
}
.ddi-kea-page .oi-risk-screen {
  --sev-critical: var(--risk-red);
  --sev-important: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-risk-screen {
    --sev-important: color-mix(
      in oklab,
      color-mix(in oklab, var(--warning) 70%, var(--destructive)) 58%,
      var(--background)
    );
  }
}
.ddi-kea-page .oi-risk-screen {
  --sev-moderate: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-risk-screen {
    --sev-moderate: color-mix(in oklab, var(--warning) 48%, var(--background));
  }
}
.ddi-kea-page .oi-risk-screen {
  --sev-low: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-risk-screen {
    --sev-low: color-mix(in oklab, var(--success) 42%, var(--background));
  }
}
.ddi-kea-page .oi-risk-screen .oi-stacked-bars i {
  background: var(--risk-red);
}
.ddi-kea-page .oi-risk-screen .oi-danger {
  color: var(--destructive) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-risk-screen .oi-danger {
    color: color-mix(
      in oklab,
      var(--destructive) 62%,
      var(--foreground)
    ) !important;
  }
}
.ddi-kea-page .oi-risk-screen .oi-legend span:first-child:before {
  background: var(--risk-red);
}
.ddi-kea-page .oi-donut {
  background: var(--oi-donut);
}
.ddi-kea-page .oi-donut b {
  font-size: 15px;
}
.ddi-kea-page .oi-legend-sev span:first-child:before {
  background: var(--sev-critical);
}
.ddi-kea-page .oi-legend-sev span:nth-child(2):before {
  background: var(--sev-important);
}
.ddi-kea-page .oi-legend-sev span:nth-child(3):before {
  background: var(--sev-moderate);
}
.ddi-kea-page .oi-legend-sev span:nth-child(4):before {
  background: var(--sev-low);
}
.ddi-kea-page .oi-cvss .cvss-critical,
.ddi-kea-page .oi-cvss i {
  background: var(--sev-critical);
}
.ddi-kea-page .oi-cvss .cvss-high {
  background: var(--sev-important);
}
.ddi-kea-page .oi-cvss .cvss-medium {
  background: var(--sev-moderate);
}
.ddi-kea-page .oi-cvss .cvss-low {
  background: var(--sev-low);
}
.ddi-kea-page .oi-legend-cvss span:first-child:before {
  background: var(--sev-critical);
}
.ddi-kea-page .oi-legend-cvss span:nth-child(2):before {
  background: var(--sev-important);
}
.ddi-kea-page .oi-legend-cvss span:nth-child(3):before {
  background: var(--sev-moderate);
}
.ddi-kea-page .oi-legend-cvss span:nth-child(4):before {
  background: var(--sev-low);
}
.ddi-kea-page .oi-risk-screen .oi-stacked-bars b {
  background: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-risk-screen .oi-stacked-bars b {
    background: color-mix(in oklab, var(--success) 42%, var(--background));
  }
}
.ddi-kea-page .oi-risk-screen .oi-legend-patch span:first-child:before {
  background: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-risk-screen .oi-legend-patch span:first-child:before {
    background: color-mix(in oklab, var(--success) 42%, var(--background));
  }
}
.ddi-kea-page .oi-risk-screen .oi-legend-patch span:nth-child(2):before {
  background: var(--sev-critical);
}
.ddi-kea-page .oi-op-config {
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 8px;
  max-width: 520px;
  margin: 20px auto;
  display: grid;
}
.ddi-kea-page .oi-op-config span {
  font-size: 7px;
  font-weight: 700;
}
.ddi-kea-page .oi-op-config b {
  font-size: 8px;
}
.ddi-kea-page .oi-status {
  border: 1px solid var(--color-border);
  grid-template-columns: 130px repeat(7, 1fr);
  align-items: center;
  gap: 8px;
  max-width: 700px;
  margin: 10px auto;
  padding: 15px;
  display: grid;
}
.ddi-kea-page .oi-status span {
  text-align: center;
  display: grid;
}
.ddi-kea-page .oi-status b {
  font-size: 15px;
}
.ddi-kea-page .oi-status small {
  color: var(--color-muted-foreground);
  font-size: 5px;
}
.ddi-kea-page .oi-diagnostic-kpis {
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin-top: 9px;
  display: grid;
}
.ddi-kea-page .oi-diagnostic-kpis > div {
  text-align: center;
  border: 1px solid var(--color-border);
  place-content: center;
  gap: 3px;
  min-height: 78px;
  padding: 6px;
  display: grid;
}
.ddi-kea-page .oi-diagnostic-kpis strong {
  font-size: 14px;
}
.ddi-kea-page .oi-diagnostic-kpis span {
  color: var(--color-muted-foreground);
  font-size: 6px;
}
.ddi-kea-page .oi-diagnostic-kpis small {
  color: var(--color-primary);
  font-size: 5px;
}
.ddi-kea-page .oi-gauges {
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin-top: 5px;
  display: grid;
}
.ddi-kea-page .oi-gauges > .oi-ring {
  width: 125px;
  margin: auto;
}
.ddi-kea-page .oi-uptime-chart {
  grid-template-columns: 25px minmax(0, 1fr) 106px;
  gap: 7px;
  height: 330px;
  margin-top: 10px;
  display: grid;
}
.ddi-kea-page .oi-uptime-scale {
  text-align: right;
  height: 270px;
  color: var(--color-muted-foreground);
  flex-direction: column;
  justify-content: space-between;
  font-size: 5px;
  display: flex;
}
.ddi-kea-page .oi-uptime {
  border-bottom: 1px solid var(--color-border);
  background: repeating-linear-gradient(
    0deg,
    transparent 0 26px,
    var(--color-border) 26px 27px
  );
  align-items: start;
  gap: 10px;
  height: 300px;
  display: flex;
}
.ddi-kea-page .oi-uptime > div {
  flex: 1;
  grid-template-rows: 270px 30px;
  align-items: end;
  height: 300px;
  display: grid;
}
.ddi-kea-page .oi-uptime > div > span {
  flex-direction: column-reverse;
  height: 270px;
  display: flex;
}
.ddi-kea-page .oi-uptime i {
  place-items: center;
  min-height: 1px;
  font-style: normal;
  display: grid;
  position: relative;
}
.ddi-kea-page .oi-uptime em {
  color: var(--color-hero);
  font-size: 5px;
  font-style: normal;
}
.ddi-kea-page .oi-uptime i.up {
  background: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-uptime i.up {
    background: color-mix(in oklab, var(--success) 62%, var(--background));
  }
}
.ddi-kea-page .oi-uptime i.maintenance {
  background: var(--color-muted-foreground);
}
.ddi-kea-page .oi-uptime i.dependent {
  background: var(--color-warning);
}
.ddi-kea-page .oi-uptime i.hold {
  background: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-uptime i.hold {
    background: color-mix(in oklab, var(--destructive) 22%, var(--background));
  }
}
.ddi-kea-page .oi-uptime i.down {
  background: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-uptime i.down {
    background: color-mix(in oklab, var(--destructive) 62%, var(--background));
  }
}
.ddi-kea-page .oi-uptime i.unmonitored {
  background: var(--color-primary);
}
.ddi-kea-page .oi-uptime small {
  text-align: center;
  min-height: 28px;
  color: var(--color-muted-foreground);
  padding-top: 5px;
  font-size: 5px;
}
.ddi-kea-page .oi-uptime-legend {
  color: var(--color-muted-foreground);
  align-content: start;
  gap: 5px;
  padding-top: 3px;
  font-size: 6px;
  display: grid;
}
.ddi-kea-page .oi-uptime-legend span:before {
  content: "";
  background: var(--color-primary);
  width: 6px;
  height: 6px;
  margin-right: 4px;
  display: inline-block;
}
.ddi-kea-page .oi-uptime-legend .up:before {
  background: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-uptime-legend .up:before {
    background: color-mix(in oklab, var(--success) 62%, var(--background));
  }
}
.ddi-kea-page .oi-uptime-legend .maintenance:before {
  background: var(--color-muted-foreground);
}
.ddi-kea-page .oi-uptime-legend .dependent:before {
  background: var(--color-warning);
}
.ddi-kea-page .oi-uptime-legend .hold:before {
  background: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-uptime-legend .hold:before {
    background: color-mix(in oklab, var(--destructive) 22%, var(--background));
  }
}
.ddi-kea-page .oi-uptime-legend .down:before {
  background: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-uptime-legend .down:before {
    background: color-mix(in oklab, var(--destructive) 62%, var(--background));
  }
}
.ddi-kea-page .oi-uptime-axis {
  text-align: center;
  color: var(--color-muted-foreground);
  font-size: 6px;
}
@media (width<=1023px) {
  .ddi-kea-page .oi-tab-rail {
    display: flex;
    overflow-x: auto;
  }
  .ddi-kea-page .oi-tab {
    width: auto;
    min-width: 210px;
  }
  .ddi-kea-page .oi-copy {
    grid-template-columns: 1fr;
  }
  .ddi-kea-page .oi-main {
    padding: 18px;
  }
  .ddi-kea-page .oi-screen-fade {
    overflow-x: auto;
  }
}
@media (width<=640px) {
  .ddi-kea-page .oi-main {
    padding: 12px;
  }
  .ddi-kea-page .oi-copy {
    gap: 8px;
  }
  .ddi-kea-page .oi-copy h3 {
    font-size: 20px;
  }
  .ddi-kea-page .oi-copy p {
    font-size: 12px;
  }
  .ddi-kea-page .oi-screen-head {
    align-items: center;
  }
  .ddi-kea-page .oi-screen-head > div {
    max-width: 75%;
  }
  .ddi-kea-page .oi-shell {
    min-width: 720px;
    height: 460px;
  }
  .ddi-kea-page .oi-tab {
    min-width: 188px;
    min-height: 74px !important;
  }
  .ddi-kea-page .oi-tab-rail {
    padding: 8px;
  }
  .ddi-kea-page .oi-controls {
    margin-bottom: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .oi-screen-fade,
  .ddi-kea-page .oi-tab-progress,
  .ddi-kea-page .oi-bars i,
  .ddi-kea-page .oi-metric-flip,
  .ddi-kea-page .oi-forecast-chart-swap {
    animation: none !important;
  }
}
.ddi-kea-page .oi-stacked-bars u,
.ddi-kea-page .oi-stacked-bars em {
  display: block;
}
.ddi-kea-page .oi-divider {
  color: var(--color-border);
}
.ddi-kea-page .oi-lease-controls {
  align-items: center;
  gap: 7px;
  margin: 9px 0 8px;
  font-size: 7px;
  display: flex;
}
.ddi-kea-page .oi-export-btn {
  border: 1px solid var(--color-border);
  color: var(--color-primary);
  background: var(--primary);
  border-radius: 3px;
  align-items: center;
  gap: 3px;
  padding: 3px 6px;
  display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-export-btn {
    background: color-mix(in oklab, var(--primary) 7%, var(--background));
  }
}
.ddi-kea-page .oi-export-btn {
  letter-spacing: 0.04em;
  white-space: nowrap;
  font-size: 6px;
  font-weight: 700;
  line-height: 1;
}
.ddi-kea-page .oi-export-btn svg {
  stroke-width: 2.2px;
}
.ddi-kea-page .oi-export-pdf {
  border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-export-pdf {
    border-color: color-mix(in oklab, var(--destructive) 32%, var(--border));
  }
}
.ddi-kea-page .oi-export-pdf {
  color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-export-pdf {
    color: color-mix(in oklab, var(--destructive) 70%, var(--foreground));
  }
}
.ddi-kea-page .oi-export-pdf {
  background: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-export-pdf {
    background: color-mix(in oklab, var(--destructive) 6%, var(--background));
  }
}
.ddi-kea-page .oi-export-csv {
  border-color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-export-csv {
    border-color: color-mix(in oklab, var(--success) 38%, var(--border));
  }
}
.ddi-kea-page .oi-export-csv {
  color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-export-csv {
    color: color-mix(in oklab, var(--success) 70%, var(--foreground));
  }
}
.ddi-kea-page .oi-export-csv {
  background: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-export-csv {
    background: color-mix(in oklab, var(--success) 7%, var(--background));
  }
}
.ddi-kea-page .oi-forecast-actions {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
.ddi-kea-page .oi-forecast-select {
  z-index: 5;
  position: relative;
}
.ddi-kea-page .oi-forecast-select > b {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  color: var(--color-muted-foreground);
  padding: 5px 18px;
  font-weight: 500;
  transition: border-color 0.25s, color 0.25s, background-color 0.25s;
  display: block;
}
.ddi-kea-page .oi-forecast-select.is-open > b,
.ddi-kea-page .oi-forecast-select.is-monthly > b {
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-forecast-select.is-open > b,
  .ddi-kea-page .oi-forecast-select.is-monthly > b {
    background: color-mix(in oklab, var(--primary) 7%, var(--background));
  }
}
.ddi-kea-page .oi-forecast-select > div {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  min-width: 125px;
  box-shadow: 0 10px 22px var(--hero);
  display: grid;
  position: absolute;
  top: calc(100% + 2px);
  right: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-forecast-select > div {
    box-shadow: 0 10px 22px color-mix(in oklab, var(--hero) 16%, transparent);
  }
}
.ddi-kea-page .oi-forecast-select > div {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.24s, transform 0.24s;
  transform: translateY(-4px);
}
.ddi-kea-page .oi-forecast-select.is-open > div {
  opacity: 1;
  transform: none;
}
.ddi-kea-page .oi-forecast-select > div span,
.ddi-kea-page .oi-forecast-select > div strong {
  text-align: left;
  white-space: nowrap;
  color: var(--color-muted-foreground);
  padding: 7px 9px;
  font-size: 7px;
}
.ddi-kea-page .oi-forecast-select > div strong {
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-forecast-select > div strong {
    background: color-mix(in oklab, var(--primary) 9%, var(--background));
  }
}
.ddi-kea-page .oi-forecast-select > div strong {
  color: var(--color-primary);
}
.ddi-kea-page .oi-lease-controls b {
  border: 1px solid var(--color-border);
  color: var(--color-muted-foreground);
  padding: 5px 8px;
  font-weight: 500;
}
.ddi-kea-page .oi-lease-controls .oi-forecast {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-lease-controls .oi-forecast {
    border-color: color-mix(in oklab, var(--primary) 45%, var(--border));
  }
}
.ddi-kea-page .oi-lease-controls .oi-forecast {
  color: var(--color-primary);
  font-weight: 600;
}
.ddi-kea-page .oi-lease-controls .oi-select {
  width: 150px;
}
.ddi-kea-page .oi-lease-panel {
  padding: 9px 10px;
}
.ddi-kea-page .oi-lease-head {
  justify-content: space-between;
  align-items: start;
  margin-bottom: 6px;
  display: flex;
}
.ddi-kea-page .oi-lease-head strong {
  font-size: 9px;
  display: block;
}
.ddi-kea-page .oi-lease-head small {
  color: var(--color-muted-foreground);
  font-size: 6px;
}
.ddi-kea-page .oi-lease-head .oi-chart-toggle {
  color: var(--color-primary);
  font-size: 7px;
}
.ddi-kea-page .oi-month-chart {
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 5px;
  padding-left: 10px;
  display: grid;
  position: relative;
}
.ddi-kea-page .oi-month-scale {
  text-align: right;
  height: 140px;
  color: var(--color-muted-foreground);
  flex-direction: column;
  justify-content: space-between;
  font-size: 5px;
  display: flex;
}
.ddi-kea-page .oi-month-plot {
  border-bottom: 1px solid var(--color-border);
  background: repeating-linear-gradient(
    0deg,
    transparent 0 17px,
    var(--color-border) 17px 18px
  );
  justify-content: center;
  align-items: end;
  height: 140px;
  display: flex;
}
.ddi-kea-page .oi-month-bar {
  background: repeating-linear-gradient(
    135deg,
    var(--primary) 0 3px,
    var(--primary) 3px 6px
  );
  width: 22%;
  height: 100%;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-month-bar {
    background: repeating-linear-gradient(
      135deg,
      color-mix(in oklab, var(--primary) 58%, var(--background)) 0 3px,
      color-mix(in oklab, var(--primary) 30%, var(--background)) 3px 6px
    );
  }
}
.ddi-kea-page .oi-month-tip {
  background: var(--primary);
  gap: 1px;
  display: grid;
  position: absolute;
  bottom: calc(100% + 7px);
  left: 50%;
  transform: translate(-50%);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-month-tip {
    background: color-mix(in oklab, var(--primary) 62%, var(--background));
  }
}
.ddi-kea-page .oi-month-tip {
  color: var(--color-hero);
  white-space: nowrap;
  padding: 5px 7px;
  font-size: 5px;
}
.ddi-kea-page .oi-month-tip:after {
  content: "";
  border: 3px solid #0000;
  border-top-color: var(--primary);
  margin-left: -3px;
  position: absolute;
  top: 100%;
  left: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-month-tip:after {
    border-top-color: color-mix(
      in oklab,
      var(--primary) 62%,
      var(--background)
    );
  }
}
.ddi-kea-page .oi-month-y {
  color: var(--color-muted-foreground);
  font-size: 5px;
  position: absolute;
  top: 62px;
  left: -6px;
  transform: rotate(-90deg);
}
.ddi-kea-page .oi-month-x {
  text-align: center;
  color: var(--color-muted-foreground);
  grid-column: 2;
  padding-top: 4px;
  font-size: 5px;
  display: block;
}
.ddi-kea-page .oi-month-axis {
  text-align: center;
  color: var(--color-muted-foreground);
  grid-column: 2;
  font-size: 5px;
  display: block;
}
.ddi-kea-page .oi-lease-filter {
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 7px;
  margin: 10px 0 8px;
  font-size: 7px;
  display: flex;
}
.ddi-kea-page .oi-lease-filter b {
  border: 1px solid var(--color-border);
  width: 120px;
  padding: 5px 7px;
  font-weight: 500;
}
.ddi-kea-page .oi-lease-filter .oi-search {
  border: 1px solid var(--color-border);
  flex: 1;
  padding: 5px 7px;
}
.ddi-kea-page .oi-lease-filter .oi-search-btn {
  background: var(--color-primary);
  width: 22px;
  height: 20px;
  color: var(--color-primary-foreground);
  place-items: center;
  display: grid;
}
.ddi-kea-page .oi-lease-filter .oi-clear {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  padding: 5px 9px;
  font-weight: 600;
}
.ddi-kea-page .alert-events__nav {
  border: 1px solid var(--border);
  background: var(--secondary);
  width: 1.9rem;
  height: 1.9rem;
  color: var(--foreground);
  justify-content: center;
  align-items: center;
  transition: all 0.18s;
  display: inline-flex;
}
.ddi-kea-page .alert-events__nav:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.ddi-kea-page .alert-events__chip {
  border: 1px solid var(--border);
  background: var(--secondary);
  color: var(--muted-foreground);
  align-items: center;
  gap: 0.4rem;
  padding: 0.38rem 0.6rem;
  font-size: 0.7rem;
  font-weight: 600;
  transition: all 0.2s;
  display: inline-flex;
}
.ddi-kea-page .alert-events__chip:hover {
  color: var(--foreground);
}
.ddi-kea-page .alert-events__chip.is-active {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--primary-foreground);
}
.ddi-kea-page .alert-events__panel {
  animation: 0.45s both alert-event-in;
}
@keyframes alert-event-in {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.ddi-kea-page .alert-events__card {
  border: 1px solid var(--border);
  background: var(--secondary);
  border-left-width: 3px;
  padding: 1rem 1.1rem;
}
.ddi-kea-page .alert-events__card--warning {
  border-left-color: var(--warning);
}
.ddi-kea-page .alert-events__card--primary {
  border-left-color: var(--primary);
}
.ddi-kea-page .alert-events__card--danger {
  border-left-color: oklch(58% 0.14 25);
}
.ddi-kea-page .alert-events__icon {
  border: 1px solid var(--border);
  background: var(--background);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.1rem;
  height: 2.1rem;
  animation: 2.2s ease-in-out infinite alert-event-pulse;
  display: inline-flex;
}
@keyframes alert-event-pulse {
  0%,
  to {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--primary) 28%, transparent);
  }
  50% {
    box-shadow: 0 0 0 7px #0000;
  }
}
.ddi-kea-page .alert-events__delivery {
  border: 1px solid var(--border);
  background: var(--secondary);
  padding: 1rem 1.1rem;
}
.ddi-kea-page .alert-events__to {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--muted-foreground);
  font-size: 0.68rem;
  font-weight: 700;
}
.ddi-kea-page .alert-events__recipients {
  gap: 0.55rem;
  margin-top: 0.7rem;
  display: grid;
}
.ddi-kea-page .alert-events__recipient {
  border: 1px solid var(--border);
  background: var(--background);
  justify-content: space-between;
  align-items: center;
  gap: 0.8rem;
  padding: 0.6rem 0.7rem;
  animation: 0.5s both alert-event-fade;
  display: flex;
}
.ddi-kea-page .alert-events__who {
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
  display: flex;
}
.ddi-kea-page .alert-events__who b {
  font-size: 0.78rem;
  font-weight: 700;
}
.ddi-kea-page .alert-events__who small {
  color: var(--muted-foreground);
  font-size: 0.66rem;
}
.ddi-kea-page .alert-events__hits {
  flex: none;
  gap: 0.4rem;
  display: flex;
}
.ddi-kea-page .alert-events__hit {
  text-transform: uppercase;
  border: 1px solid var(--border);
  align-items: center;
  gap: 0.25rem;
  padding: 0.28rem 0.5rem;
  font-size: 0.62rem;
  font-weight: 700;
  animation: 0.5s both alert-event-hit;
  display: inline-flex;
}
.ddi-kea-page .alert-events__hit--app {
  color: var(--warning);
  border-color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .alert-events__hit--app {
    border-color: color-mix(in oklab, var(--warning) 40%, var(--border));
  }
}
.ddi-kea-page .alert-events__hit--mail {
  color: var(--primary);
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .alert-events__hit--mail {
    border-color: color-mix(in oklab, var(--primary) 40%, var(--border));
  }
}
@keyframes alert-event-hit {
  0% {
    opacity: 0;
    transform: translate(8px) scale(0.92);
  }
  60% {
    transform: translate(0) scale(1.04);
  }
  to {
    opacity: 1;
    transform: translate(0) scale(1);
  }
}
@keyframes alert-event-fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .alert-events__panel,
  .ddi-kea-page .alert-events__icon,
  .ddi-kea-page .alert-events__recipient,
  .ddi-kea-page .alert-events__hit {
    animation: none !important;
  }
}
@keyframes security-enter {
  0% {
    opacity: 0;
    transform: translate(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes security-progress {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes security-travel {
  0% {
    opacity: 0;
    left: 0;
  }
  18% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: calc(100% - 7px);
  }
}
@keyframes security-scan {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(520%);
  }
}
.ddi-kea-page .dhcp-security {
  background: var(--color-background);
}
.ddi-kea-page .security-showcase {
  border: 1px solid var(--color-border);
  background: var(--color-secondary);
  grid-template-columns: minmax(0, 1fr);
  min-height: 650px;
  display: grid;
  overflow: hidden;
}
.ddi-kea-page .security-tabs {
  border-bottom: 1px solid var(--color-border);
  background: var(--color-hero);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 8px;
  display: grid;
  overflow: hidden;
}
.ddi-kea-page .security-tab {
  width: 100%;
  overflow: hidden;
  border: 0 !important;
  border-right: 1px solid var(--hero-foreground) !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  min-height: 62px !important;
  position: relative !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .security-tab {
    border-right: 1px solid
      color-mix(in oklab, var(--hero-foreground) 13%, transparent) !important;
  }
}
.ddi-kea-page .security-tab {
  color: var(--hero-foreground) !important;
  border-radius: 0 !important;
  padding: 9px 11px !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .security-tab {
    color: color-mix(
      in oklab,
      var(--hero-foreground) 62%,
      transparent
    ) !important;
  }
}
.ddi-kea-page .security-tab {
  text-align: left;
  white-space: normal !important;
}
.ddi-kea-page .security-tab:last-child {
  border-right: 0 !important;
}
.ddi-kea-page .security-tab:hover,
.ddi-kea-page .security-tab.is-active {
  background: var(--hero-foreground) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .security-tab:hover,
  .ddi-kea-page .security-tab.is-active {
    background: color-mix(
      in oklab,
      var(--hero-foreground) 9%,
      transparent
    ) !important;
  }
}
.ddi-kea-page .security-tab:hover,
.ddi-kea-page .security-tab.is-active {
  color: var(--color-hero-foreground) !important;
}
.ddi-kea-page .security-tab.is-active > svg {
  color: var(--color-success) !important;
}
.ddi-kea-page .security-tab > span {
  font-size: 11px;
  line-height: 1.25;
}
.ddi-kea-page .security-tab__progress {
  transform-origin: 0;
  background: var(--color-success);
  height: 2px;
  animation: linear both oi-progress;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ddi-kea-page .security-showcase.is-paused .security-tab__progress {
  animation-play-state: paused;
}
.ddi-kea-page .security-main {
  min-width: 0;
  padding: 26px;
}
.ddi-kea-page .security-copy {
  grid-template-columns: minmax(260px, 0.75fr) 1fr;
  align-items: end;
  gap: 30px;
  margin-bottom: 20px;
  display: grid;
}
.ddi-kea-page .security-copy span {
  color: var(--color-primary);
  font-size: 9px;
  font-weight: 700;
}
.ddi-kea-page .security-copy h3 {
  margin-top: 4px;
  font-size: 25px;
  line-height: 1.14;
}
.ddi-kea-page .security-copy p {
  color: var(--color-muted-foreground);
  font-size: 13px;
}
.ddi-kea-page .security-screen,
.ddi-kea-page .security-screen__inner {
  min-width: 0;
  animation: 0.55s cubic-bezier(0.22, 1, 0.36, 1) both carousel-fluid-enter;
}
.ddi-kea-page .security-console {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  min-width: 760px;
  height: 470px;
  box-shadow: 0 14px 34px var(--hero);
  position: relative;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .security-console {
    box-shadow: 0 14px 34px color-mix(in oklab, var(--hero) 11%, transparent);
  }
}
.ddi-kea-page .security-console {
  font-size: 9px;
}
.ddi-kea-page .security-console__top {
  grid-template-columns: 36px 1fr;
  height: 46px;
  display: grid;
}
.ddi-kea-page .security-mini-rail {
  background: var(--color-hero);
  color: var(--hero-foreground);
  flex-direction: column;
  grid-row: 1/3;
  align-items: center;
  gap: 19px;
  padding-top: 8px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .security-mini-rail {
    color: color-mix(in oklab, var(--hero-foreground) 64%, transparent);
  }
}
.ddi-kea-page .security-mini-rail span {
  color: var(--color-success);
}
.ddi-kea-page .security-console__bar {
  border-bottom: 1px solid var(--color-border);
  justify-content: space-between;
  align-items: center;
  padding: 0 14px;
  display: flex;
}
.ddi-kea-page .security-console__bar b {
  font-size: 13px;
}
.ddi-kea-page .security-console__bar span {
  background: var(--primary);
  border-radius: 999px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .security-console__bar span {
    background: color-mix(in oklab, var(--primary) 12%, var(--background));
  }
}
.ddi-kea-page .security-console__bar span {
  color: var(--color-primary);
  padding: 3px 9px;
  font-weight: 700;
}
.ddi-kea-page .anomaly-body {
  margin-left: 36px;
  padding: 16px;
}
.ddi-kea-page .anomaly-groups {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}
.ddi-kea-page .anomaly-group {
  border: 1px solid var(--color-border);
}
.ddi-kea-page .anomaly-group__head {
  background: var(--color-muted);
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  display: flex;
}
.ddi-kea-page .anomaly-group__head b {
  color: var(--color-primary);
}
.ddi-kea-page .anomaly-group__head span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .anomaly-list {
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  padding: 8px;
  display: grid;
}
.ddi-kea-page .anomaly-list span {
  border: 1px solid var(--color-border);
  justify-content: space-between;
  align-items: center;
  min-height: 31px;
  padding: 6px 8px;
  display: flex;
}
.ddi-kea-page .anomaly-list .is-detected {
  border-color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .anomaly-list .is-detected {
    border-color: color-mix(in oklab, var(--warning) 55%, var(--border));
  }
}
.ddi-kea-page .anomaly-list .is-detected {
  background: var(--color-warning-soft);
  color: var(--color-warning);
  font-weight: 700;
}
.ddi-kea-page .threat-pipeline {
  border: 1px solid var(--color-border);
  grid-template-columns: 1fr 70px 1fr 70px 1fr;
  align-items: center;
  margin-top: 12px;
  padding: 12px;
  display: grid;
}
.ddi-kea-page .threat-source,
.ddi-kea-page .threat-score,
.ddi-kea-page .threat-quarantine {
  text-align: center;
  place-content: center;
  gap: 2px;
  min-height: 82px;
  display: grid;
}
.ddi-kea-page .threat-source,
.ddi-kea-page .threat-quarantine {
  background: var(--color-muted);
}
.ddi-kea-page .threat-source svg {
  color: var(--color-warning);
  margin: auto;
}
.ddi-kea-page .threat-quarantine svg {
  color: var(--color-primary);
  margin: auto;
}
.ddi-kea-page .threat-source small,
.ddi-kea-page .threat-score small,
.ddi-kea-page .threat-quarantine small {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .threat-score strong {
  font-family: var(--font-display);
  color: var(--color-destructive);
  font-size: 28px;
}
.ddi-kea-page .threat-score span {
  color: var(--color-muted-foreground);
  font-size: 7px;
}
.ddi-kea-page .threat-wire {
  background: var(--color-border);
  height: 1px;
  position: relative;
}
.ddi-kea-page .threat-wire i {
  background: var(--color-primary);
  width: 7px;
  height: 7px;
  animation: 1.8s linear infinite security-travel;
  position: absolute;
  top: -3px;
}
.ddi-kea-page .security-event-row {
  border-left: 3px solid var(--color-warning);
  background: var(--color-warning-soft);
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 9px 11px;
  display: grid;
}
.ddi-kea-page .security-event-row span:nth-of-type(2) {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .security-event-row em {
  color: var(--color-primary);
  font-style: normal;
  font-weight: 700;
}
.ddi-kea-page .security-event-dot {
  background: var(--color-warning);
  width: 7px;
  height: 7px;
  animation: 1.8s infinite pulse-node;
}
.ddi-kea-page .rogue-stage {
  margin-left: 36px;
  padding: 15px;
}
.ddi-kea-page .rogue-subnet-label {
  border: 1px solid var(--color-border);
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  font-weight: 700;
  display: flex;
}
.ddi-kea-page .rogue-subnet-label span {
  color: var(--color-primary);
  margin-left: auto;
}
.ddi-kea-page .rogue-map {
  border: 1px solid var(--color-border);
  background: repeating-linear-gradient(
      90deg,
      transparent 0 45px,
      var(--border) 45px 46px
    ),
    repeating-linear-gradient(0deg, transparent 0 45px, var(--border) 45px 46px);
  border-top: 0;
  height: 285px;
  position: relative;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .rogue-map {
    background: repeating-linear-gradient(
        90deg,
        transparent 0 45px,
        color-mix(in oklab, var(--border) 35%, transparent) 45px 46px
      ),
      repeating-linear-gradient(
        0deg,
        transparent 0 45px,
        color-mix(in oklab, var(--border) 35%, transparent) 45px 46px
      );
  }
}
.ddi-kea-page .rogue-map:after {
  content: "";
  z-index: 1;
  background: linear-gradient(90deg, transparent, var(--primary), transparent);
  width: 16%;
  position: absolute;
  top: 0;
  bottom: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .rogue-map:after {
    background: linear-gradient(
      90deg,
      transparent,
      color-mix(in oklab, var(--primary) 12%, transparent),
      transparent
    );
  }
}
.ddi-kea-page .rogue-map:after {
  animation: 4s linear infinite security-scan;
}
.ddi-kea-page .rogue-node {
  z-index: 3;
  border: 1px solid var(--color-border);
  background: var(--color-background);
  place-items: center;
  gap: 3px;
  width: 125px;
  padding: 15px;
  display: grid;
  position: absolute;
  top: 92px;
}
.ddi-kea-page .rogue-node small {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .rogue-node--trusted {
  color: var(--color-primary);
  left: 40px;
}
.ddi-kea-page .rogue-node--bad {
  border-color: var(--destructive);
  right: 40px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .rogue-node--bad {
    border-color: color-mix(in oklab, var(--destructive) 45%, var(--border));
  }
}
.ddi-kea-page .rogue-node--bad {
  color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .rogue-node--bad {
    color: color-mix(in oklab, var(--destructive) 70%, var(--foreground));
  }
}
.ddi-kea-page .rogue-node--bad {
  animation: 1.8s infinite pulse-node;
}
.ddi-kea-page .rogue-clients {
  z-index: 3;
  gap: 40px;
  display: grid;
  position: absolute;
  top: 40px;
  left: 42%;
}
.ddi-kea-page .rogue-clients span {
  background: var(--color-background);
  align-items: center;
  gap: 5px;
  padding: 4px;
  display: flex;
}
.ddi-kea-page .rogue-clients i {
  border: 2px solid var(--color-primary);
  border-radius: 50%;
  width: 9px;
  height: 9px;
}
.ddi-kea-page .rogue-links {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ddi-kea-page .rogue-links path {
  fill: none;
  stroke: var(--color-success);
  stroke-width: 2px;
  stroke-dasharray: 7 7;
  animation: 1.8s linear infinite flow-dash;
}
.ddi-kea-page .rogue-links .rogue-link-bad {
  stroke: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .rogue-links .rogue-link-bad {
    stroke: color-mix(in oklab, var(--destructive) 65%, var(--foreground));
  }
}
.ddi-kea-page .rogue-warning {
  border-left: 3px solid var(--color-destructive);
  background: var(--destructive);
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .rogue-warning {
    background: color-mix(in oklab, var(--destructive) 7%, var(--background));
  }
}
.ddi-kea-page .rogue-warning {
  padding: 9px 11px;
}
.ddi-kea-page .rogue-warning svg {
  color: var(--color-destructive);
}
.ddi-kea-page .rogue-warning div {
  display: grid;
}
.ddi-kea-page .rogue-warning span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .rogue-warning em {
  border: 1px solid var(--color-destructive);
  color: var(--color-destructive);
  padding: 4px 8px;
  font-style: normal;
  font-weight: 700;
}
.ddi-kea-page .lease-denial__head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}
.ddi-kea-page .lease-denial__head > div {
  gap: 3px;
  display: flex;
}
.ddi-kea-page .lease-denial__head button {
  min-height: 30px !important;
  color: var(--color-muted-foreground) !important;
  border-bottom: 2px solid #0000 !important;
  border-radius: 0 !important;
  padding: 4px 8px !important;
  font-size: 9px !important;
}
.ddi-kea-page .lease-denial__head button.is-active {
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}
.ddi-kea-page .lease-denial__head > span {
  color: var(--color-muted-foreground);
  font-size: 9px;
}
.ddi-kea-page .denial-screen,
.ddi-kea-page .hardware-screen {
  height: 430px;
}
.ddi-kea-page .denial-toolbar {
  border: 1px solid var(--color-border);
  align-items: center;
  gap: 8px;
  margin: 44px 14px 0 50px;
  padding: 8px;
  display: flex;
}
.ddi-kea-page .denial-toolbar > b {
  min-width: 150px;
  color: var(--color-muted-foreground);
}
.ddi-kea-page .denial-toolbar em {
  border-left: 2px solid var(--color-destructive);
  color: var(--color-destructive);
  padding-left: 9px;
  font-style: normal;
  font-weight: 700;
}
.ddi-kea-page .denial-toolbar small {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .denial-toolbar i {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  margin-left: auto;
  padding: 5px 8px;
  font-style: normal;
}
.ddi-kea-page .denial-actions {
  justify-content: flex-end;
  gap: 8px;
  margin: 10px 14px;
  display: flex;
}
.ddi-kea-page .denial-actions > * {
  border: 1px solid var(--color-success);
  color: var(--color-primary);
  padding: 5px 8px;
}
.ddi-kea-page .denial-actions b {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-primary-foreground);
}
.ddi-kea-page .denial-table {
  margin-left: 36px;
  overflow: hidden;
}
.ddi-kea-page .denial-row {
  border-bottom: 1px solid var(--color-border);
  grid-template-columns: 1.1fr 1fr 0.9fr 1fr 2.2fr 0.8fr 1fr 1fr;
  padding: 7px 10px;
  display: grid;
}
.ddi-kea-page .denial-row--head {
  background: var(--color-muted);
  color: var(--color-muted-foreground);
  font-size: 7px;
  font-weight: 700;
}
.ddi-kea-page .columns-pop {
  z-index: 4;
  border: 1px solid var(--color-border);
  background: var(--color-background);
  width: 120px;
  box-shadow: 0 8px 20px var(--hero);
  padding: 7px;
  display: grid;
  position: absolute;
  top: 108px;
  right: 12px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .columns-pop {
    box-shadow: 0 8px 20px color-mix(in oklab, var(--hero) 15%, transparent);
  }
}
.ddi-kea-page .columns-pop b {
  margin-bottom: 4px;
}
.ddi-kea-page .columns-pop span {
  align-items: center;
  gap: 5px;
  padding: 3px;
  display: flex;
}
.ddi-kea-page .columns-pop svg {
  color: var(--color-primary);
}
.ddi-kea-page .hardware-nav {
  border-bottom: 1px solid var(--color-border);
  align-items: center;
  gap: 14px;
  height: 34px;
  margin-left: 36px;
  padding: 0 12px;
  display: flex;
}
.ddi-kea-page .hardware-nav b {
  border-bottom: 2px solid var(--color-success);
  align-self: stretch;
  padding-top: 8px;
}
.ddi-kea-page .hardware-nav i {
  flex: 1;
}
.ddi-kea-page .hardware-nav em {
  border: 1px solid var(--color-success);
  color: var(--color-primary);
  align-items: center;
  gap: 3px;
  padding: 4px 7px;
  font-style: normal;
  display: flex;
}
.ddi-kea-page .hardware-entry {
  border: 1px solid var(--color-border);
  grid-template-columns: 90px 1fr auto;
  align-items: center;
  gap: 10px;
  margin: 46px 34px 0 85px;
  padding: 24px 40px;
  display: grid;
}
.ddi-kea-page .hardware-entry span {
  text-align: right;
}
.ddi-kea-page .hardware-entry span b {
  color: var(--color-destructive);
}
.ddi-kea-page .hardware-entry div {
  border: 1px solid var(--color-border);
  color: var(--color-muted-foreground);
  padding: 7px;
}
.ddi-kea-page .hardware-entry strong {
  border: 1px solid var(--color-success);
  color: var(--color-primary);
  padding: 5px 14px;
}
.ddi-kea-page .hardware-list {
  border: 1px solid var(--color-border);
  box-shadow: 0 7px 18px var(--hero);
  margin: 30px 110px 0 145px;
  padding: 7px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .hardware-list {
    box-shadow: 0 7px 18px color-mix(in oklab, var(--hero) 9%, transparent);
  }
}
.ddi-kea-page .hardware-list > div {
  justify-content: space-between;
  padding: 3px 0 7px;
  display: flex;
}
.ddi-kea-page .hardware-list label {
  border: 1px solid var(--color-border);
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 5px;
  padding: 6px;
  display: flex;
}
.ddi-kea-page .hardware-list > span {
  background: var(--color-muted);
  justify-content: space-between;
  margin-top: 5px;
  padding: 7px;
  display: flex;
}
.ddi-kea-page .hardware-list > span svg {
  color: var(--color-destructive);
}
@media (width<=1023px) {
  .ddi-kea-page .security-copy {
    grid-template-columns: 1fr;
  }
  .ddi-kea-page .security-screen {
    overflow-x: auto;
  }
}
@media (width<=640px) {
  .ddi-kea-page .security-tabs {
    display: flex;
    overflow-x: auto;
  }
  .ddi-kea-page .security-main {
    padding: 14px;
  }
  .ddi-kea-page .security-copy {
    gap: 8px;
  }
  .ddi-kea-page .security-copy h3 {
    font-size: 21px;
  }
  .ddi-kea-page .security-tab {
    min-width: 210px;
    min-height: 72px !important;
  }
  .ddi-kea-page .security-console {
    min-width: 720px;
  }
  .ddi-kea-page .lease-denial {
    min-width: 720px;
    overflow-x: auto;
  }
  .ddi-kea-page .security-showcase {
    min-height: 620px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .security-screen,
  .ddi-kea-page .security-screen__inner,
  .ddi-kea-page .security-tab__progress,
  .ddi-kea-page .threat-wire i,
  .ddi-kea-page .rogue-map:after,
  .ddi-kea-page .rogue-links path,
  .ddi-kea-page .rogue-node--bad,
  .ddi-kea-page .security-event-dot {
    animation: none !important;
  }
}
@keyframes logline-in {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes log-caret {
  0%,
  49% {
    opacity: 1;
  }
  50%,
  to {
    opacity: 0;
  }
}
@keyframes log-packet {
  0% {
    opacity: 0;
    left: -6px;
  }
  15% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
.ddi-kea-page .logstream__window {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  box-shadow: 0 12px 30px var(--hero);
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .logstream__window {
    box-shadow: 0 12px 30px color-mix(in oklab, var(--hero) 10%, transparent);
  }
}
.ddi-kea-page .logstream__titlebar {
  border-bottom: 1px solid var(--color-border);
  background: var(--color-muted);
  justify-content: space-between;
  align-items: center;
  padding: 9px 12px;
  display: flex;
}
.ddi-kea-page .logstream__title {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
}
.ddi-kea-page .logstream__close {
  color: var(--color-destructive);
  font-size: 14px;
  line-height: 1;
}
.ddi-kea-page .logstream__toolbar {
  border-bottom: 1px solid var(--color-border);
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 10px;
  display: flex;
}
.ddi-kea-page .logstream__count {
  font-family: var(--font-mono, monospace);
  color: var(--color-muted-foreground);
}
.ddi-kea-page .logstream__filter {
  border: 1px solid var(--color-border);
  flex: 1;
  min-width: 40px;
  height: 22px;
}
.ddi-kea-page .logstream__select {
  border: 1px solid var(--color-border);
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  font-weight: 700;
  display: inline-flex;
}
.ddi-kea-page .logstream__btn {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  padding: 4px 8px;
  font-weight: 700;
}
.ddi-kea-page .logstream__btn--stop {
  border-color: var(--color-destructive);
  color: var(--color-destructive);
}
.ddi-kea-page .logstream__body {
  background: var(--color-background);
  height: 230px;
  font-family: var(--font-mono, ui-monospace, monospace);
  padding: 10px 12px;
  font-size: 10.5px;
  line-height: 1.55;
  overflow: auto;
}
.ddi-kea-page .logstream__line {
  overflow-wrap: anywhere;
  color: var(--color-foreground);
  margin-bottom: 6px;
  animation: 0.35s both logline-in;
}
.ddi-kea-page .logstream__lvl {
  color: var(--color-primary);
  margin-right: 7px;
  font-weight: 700;
  display: inline-block;
}
.ddi-kea-page .logstream__lvl--warn {
  color: var(--color-warning);
}
.ddi-kea-page .logstream__caret {
  background: var(--color-primary);
  width: 7px;
  height: 12px;
  animation: 1s step-end infinite log-caret;
  display: inline-block;
}
.ddi-kea-page .logstream__form {
  gap: 9px;
  padding: 16px 14px;
  display: grid;
}
.ddi-kea-page .logstream__row {
  grid-template-columns: 96px 1fr;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  display: grid;
}
.ddi-kea-page .logstream__row span {
  text-align: right;
  color: var(--color-muted-foreground);
  font-weight: 700;
}
.ddi-kea-page .logstream__row span i {
  color: var(--color-destructive);
  font-style: normal;
}
.ddi-kea-page .logstream__row b {
  border: 1px solid var(--color-border);
  padding: 6px 9px;
  font-weight: 500;
}
.ddi-kea-page .logstream__row b.is-focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .logstream__row b.is-focus {
    box-shadow: 0 0 0 2px color-mix(in oklab, var(--primary) 18%, transparent);
  }
}
.ddi-kea-page .logstream__radios {
  flex-wrap: wrap;
  gap: 12px;
  font-size: 11px;
  display: flex;
}
.ddi-kea-page .logstream__radios label {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}
.ddi-kea-page .logstream__radios i {
  border: 1px solid var(--color-border);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.ddi-kea-page .logstream__radios i.is-on {
  border-color: var(--color-primary);
  background: var(--color-primary);
  box-shadow: inset 0 0 0 2px var(--color-background);
}
.ddi-kea-page .logstream__save {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  border-radius: 999px;
  justify-self: center;
  margin-top: 4px;
  padding: 7px 26px;
  font-size: 11px;
  font-weight: 700;
}
.ddi-kea-page .logstream__pipe {
  border-top: 1px solid var(--color-border);
  background: var(--color-secondary);
  grid-template-columns: 1fr 60px 1fr 60px 1fr;
  align-items: center;
  padding: 12px;
  display: grid;
}
.ddi-kea-page .logstream__node {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 6px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}
.ddi-kea-page .logstream__node--dest {
  border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .logstream__node--dest {
    border-color: color-mix(in oklab, var(--primary) 45%, var(--border));
  }
}
.ddi-kea-page .logstream__node--dest {
  color: var(--color-primary);
}
.ddi-kea-page .logstream__wire {
  background: var(--color-border);
  height: 1px;
  position: relative;
}
.ddi-kea-page .logstream__wire i {
  background: var(--color-primary);
  width: 7px;
  height: 7px;
  animation: 1.9s linear infinite log-packet;
  position: absolute;
  top: -3px;
}
.ddi-kea-page .logstream__wire i:nth-child(2) {
  animation-delay: 0.6s;
}
.ddi-kea-page .logstream__wire i:nth-child(3) {
  animation-delay: 1.2s;
}
@media (width<=640px) {
  .ddi-kea-page .logstream__pipe {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .ddi-kea-page .logstream__wire {
    justify-self: center;
    width: 1px;
    height: 18px;
  }
  .ddi-kea-page .logstream__wire i {
    animation: none;
    top: 6px;
    left: -3px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .logstream__line,
  .ddi-kea-page .logstream__caret,
  .ddi-kea-page .logstream__wire i {
    animation: none !important;
  }
}
@keyframes res-enter {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes res-draw {
  0% {
    stroke-dashoffset: 520px;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes res-sync {
  0% {
    opacity: 0;
    left: -7px;
  }
  15% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
@keyframes res-pulse {
  0%,
  to {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--success) 25%, transparent);
  }
  50% {
    box-shadow: 0 0 0 9px #0000;
  }
}
.ddi-kea-page .resilience-shell {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  box-shadow: 0 18px 45px var(--hero);
  grid-template-columns: 1fr;
  display: grid;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .resilience-shell {
    box-shadow: 0 18px 45px color-mix(in oklab, var(--hero) 8%, transparent);
  }
}
.ddi-kea-page .resilience-tabs {
  background: var(--color-hero);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 8px;
  display: grid;
  overflow: hidden;
}
.ddi-kea-page .resilience-tabs button {
  width: 100%;
  position: relative;
  overflow: hidden;
  border: 0 !important;
  border-right: 1px solid var(--hero-foreground) !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  min-height: 62px !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .resilience-tabs button {
    border-right: 1px solid
      color-mix(in oklab, var(--hero-foreground) 13%, transparent) !important;
  }
}
.ddi-kea-page .resilience-tabs button {
  color: var(--hero-foreground) !important;
  border-radius: 0 !important;
  padding: 9px 11px !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .resilience-tabs button {
    color: color-mix(
      in oklab,
      var(--hero-foreground) 62%,
      transparent
    ) !important;
  }
}
.ddi-kea-page .resilience-tabs button {
  text-align: left;
  white-space: normal !important;
}
.ddi-kea-page .resilience-tabs button:last-child {
  border-right: 0 !important;
}
.ddi-kea-page .resilience-tabs button:hover,
.ddi-kea-page .resilience-tabs button.is-active {
  background: var(--hero-foreground) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .resilience-tabs button:hover,
  .ddi-kea-page .resilience-tabs button.is-active {
    background: color-mix(
      in oklab,
      var(--hero-foreground) 9%,
      transparent
    ) !important;
  }
}
.ddi-kea-page .resilience-tabs button:hover,
.ddi-kea-page .resilience-tabs button.is-active {
  color: var(--color-hero-foreground) !important;
}
.ddi-kea-page .resilience-tabs button.is-active svg {
  color: var(--color-success) !important;
}
.ddi-kea-page .resilience-tabs button > span {
  font-size: 11px;
  line-height: 1.25;
}
.ddi-kea-page .resilience-tabs button > i {
  transform-origin: 0;
  background: var(--color-success);
  height: 2px;
  animation: linear both oi-progress;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ddi-kea-page .resilience-shell.is-paused .resilience-tabs button > i,
.ddi-kea-page
  .resilience-shell.is-paused
  .resilience-progress
  button.is-active
  em {
  animation-play-state: paused;
}
.ddi-kea-page .resilience-stage {
  min-width: 0;
  padding: 24px;
}
.ddi-kea-page .resilience-stage__head {
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  display: flex;
}
.ddi-kea-page .resilience-stage__head span {
  color: var(--color-primary);
  font-size: 9px;
  font-weight: 700;
}
.ddi-kea-page .resilience-stage__head h3 {
  font-family: var(--font-display);
  margin-top: 3px;
  font-size: 22px;
  font-weight: 700;
}
.ddi-kea-page .resilience-nav {
  align-items: center;
  gap: 8px;
  display: flex;
}
.ddi-kea-page .resilience-nav button {
  border-radius: 0 !important;
  width: 30px !important;
  height: 30px !important;
}
.ddi-kea-page .resilience-nav b {
  color: var(--color-muted-foreground);
  font-size: 10px;
}
.ddi-kea-page .resilience-content {
  grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.55fr);
  gap: 18px;
  margin-top: 18px;
  animation: 0.55s cubic-bezier(0.22, 1, 0.36, 1) both carousel-fluid-enter;
  display: grid;
}
.ddi-kea-page .resilience-replica {
  min-width: 0;
  overflow-x: auto;
}
.ddi-kea-page .resilience-copy {
  border-left: 3px solid var(--color-primary);
  background: var(--color-secondary);
  padding: 18px;
}
.ddi-kea-page .resilience-copy h4 {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
}
.ddi-kea-page .resilience-copy p {
  color: var(--color-muted-foreground);
  margin-top: 9px;
  font-size: 12px;
  line-height: 1.55;
}
.ddi-kea-page .resilience-copy dl {
  border: 1px solid var(--color-border);
  margin-top: 18px;
  display: grid;
}
.ddi-kea-page .resilience-copy dl div {
  border-bottom: 1px solid var(--color-border);
  justify-content: space-between;
  align-items: center;
  padding: 8px 9px;
  display: flex;
}
.ddi-kea-page .resilience-copy dl div:last-child {
  border-bottom: 0;
}
.ddi-kea-page .resilience-copy dt {
  text-transform: uppercase;
  color: var(--color-muted-foreground);
  font-size: 8px;
}
.ddi-kea-page .resilience-copy dd {
  font-size: 10px;
  font-weight: 700;
}
.ddi-kea-page .resilience-progress {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 7px;
  margin-top: 15px;
  display: grid;
}
.ddi-kea-page .resilience-progress button {
  border: 1px solid var(--color-border) !important;
  text-align: left !important;
  min-width: 0 !important;
  height: auto !important;
  color: var(--color-muted-foreground) !important;
  border-radius: 3px !important;
  grid-template-columns: auto 1fr !important;
  justify-content: start !important;
  gap: 2px 8px !important;
  padding: 8px 9px 10px !important;
  display: grid !important;
  position: relative !important;
  overflow: hidden !important;
}
.ddi-kea-page .resilience-progress button:hover,
.ddi-kea-page .resilience-progress button.is-active {
  background: var(--color-secondary) !important;
  color: var(--color-foreground) !important;
}
.ddi-kea-page .resilience-progress button span {
  color: var(--color-primary);
  grid-row: 1/3;
  font-size: 9px;
  font-weight: 800;
}
.ddi-kea-page .resilience-progress button b {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1.2;
  overflow: hidden;
}
.ddi-kea-page .resilience-progress button > i {
  background: var(--color-border);
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ddi-kea-page .resilience-progress button em {
  transform-origin: 0;
  background: var(--color-primary);
  width: 100%;
  height: 100%;
  display: block;
  transform: scaleX(0);
}
.ddi-kea-page .resilience-progress button.is-active em {
  animation: 9s linear both res-carousel-progress;
}
.ddi-kea-page .resilience-progress button.is-active:last-child em {
  animation-duration: 11s;
}
@keyframes res-carousel-progress {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.ddi-kea-page .res-console {
  border: 1px solid var(--color-border);
  background: var(--color-muted);
  grid-template-columns: 37px minmax(0, 1fr);
  min-width: 720px;
  height: 430px;
  font-size: 8px;
  display: grid;
  overflow: hidden;
}
.ddi-kea-page .res-mini-rail {
  background: var(--color-hero);
  color: var(--hero-foreground);
  flex-direction: column;
  align-items: stretch;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .res-mini-rail {
    color: color-mix(in oklab, var(--hero-foreground) 68%, transparent);
  }
}
.ddi-kea-page .res-mini-rail > span {
  place-items: center;
  gap: 2px;
  min-height: 58px;
  font-size: 6px;
  display: grid;
}
.ddi-kea-page .res-mini-rail > span.is-active {
  background: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .res-mini-rail > span.is-active {
    background: color-mix(in oklab, var(--hero-foreground) 13%, transparent);
  }
}
.ddi-kea-page .res-mini-rail > span.is-active {
  color: var(--color-hero-foreground);
}
.ddi-kea-page .res-console__body {
  min-width: 0;
}
.ddi-kea-page .res-replica-top {
  border-bottom: 1px solid var(--color-border);
  background: var(--color-background);
  align-items: center;
  gap: 10px;
  height: 38px;
  padding: 0 12px;
  display: flex;
  position: relative;
}
.ddi-kea-page .res-replica-top > b {
  font-size: 10px;
}
.ddi-kea-page .res-replica-top > span {
  border: 1px solid var(--color-border);
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 5px;
  margin-left: auto;
  padding: 5px 8px;
  display: flex;
}
.ddi-kea-page .res-replica-top > em {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  border-radius: 999px;
  padding: 3px 8px;
  font-style: normal;
  font-weight: 700;
}
.ddi-kea-page .res-dashboard-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  height: 392px;
  padding: 10px;
  display: grid;
}
.ddi-kea-page .res-panel {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  overflow: hidden;
}
.ddi-kea-page .res-panel h5 {
  border-bottom: 1px solid var(--color-border);
  align-items: center;
  height: 30px;
  padding: 0 9px;
  font-size: 9px;
  font-weight: 600;
  display: flex;
}
.ddi-kea-page .res-panel h5 em {
  border: 1px solid var(--color-border);
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 3px;
  margin-left: auto;
  padding: 3px 7px;
  font-style: normal;
  display: flex;
}
.ddi-kea-page .res-service-table {
  margin: 9px 14px;
}
.ddi-kea-page .res-service-table > b,
.ddi-kea-page .res-service-table > p {
  border-bottom: 1px solid var(--color-border);
  justify-content: space-between;
  padding: 7px 26px;
  display: flex;
}
.ddi-kea-page .res-service-table > b {
  background: var(--color-muted);
}
.ddi-kea-page .res-service-table p span {
  border: 1px solid var(--color-success);
  width: 13px;
  height: 13px;
  color: var(--color-success);
  border-radius: 50%;
  place-items: center;
  display: grid;
}
.ddi-kea-page .res-ring {
  border: 4px solid var(--color-success);
  border-left-color: var(--color-destructive);
  border-bottom-color: var(--color-warning);
  border-radius: 50%;
  width: 116px;
  height: 116px;
  margin: 14px auto;
  position: relative;
}
.ddi-kea-page .res-ring i {
  border: 9px solid #0000;
  border-top-color: var(--primary);
  position: absolute;
  inset: 10px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .res-ring i {
    border-top-color: color-mix(
      in oklab,
      var(--primary) 55%,
      var(--background)
    );
  }
}
.ddi-kea-page .res-ring i {
  border-right-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .res-ring i {
    border-right-color: color-mix(
      in oklab,
      var(--primary) 55%,
      var(--background)
    );
  }
}
.ddi-kea-page .res-ring i {
  border-radius: 50%;
  transform: rotate(8deg);
}
.ddi-kea-page .res-ring strong {
  color: var(--color-muted-foreground);
  place-items: center;
  font-size: 19px;
  display: grid;
  position: absolute;
  inset: 0;
}
.ddi-kea-page .res-trend {
  background: repeating-linear-gradient(
    0deg,
    transparent 0 24px,
    var(--border) 24px 25px
  );
  height: 150px;
  padding: 12px 16px 18px 28px;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .res-trend {
    background: repeating-linear-gradient(
      0deg,
      transparent 0 24px,
      color-mix(in oklab, var(--border) 55%, transparent) 24px 25px
    );
  }
}
.ddi-kea-page .res-trend > span {
  color: var(--color-muted-foreground);
  position: absolute;
  top: 12px;
  left: 8px;
}
.ddi-kea-page .res-trend svg {
  width: 100%;
  height: 100%;
}
.ddi-kea-page .res-trend__line {
  fill: none;
  stroke: var(--color-warning);
  stroke-width: 2px;
  stroke-dasharray: 520;
  animation: 2.2s both res-draw;
}
.ddi-kea-page .res-trend small {
  text-align: center;
  color: var(--color-muted-foreground);
  position: absolute;
  bottom: 5px;
  left: 28px;
  right: 15px;
}
.ddi-kea-page .res-resource-bar {
  background: linear-gradient(
    90deg,
    var(--color-muted) 0 33%,
    var(--muted) 33% 66%,
    var(--color-muted) 66%
  );
  height: 88px;
  margin: 32px 25px 0;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .res-resource-bar {
    background: linear-gradient(
      90deg,
      var(--color-muted) 0 33%,
      color-mix(in oklab, var(--muted) 80%, var(--background)) 33% 66%,
      var(--color-muted) 66%
    );
  }
}
.ddi-kea-page .res-resource-bar > i {
  background: var(--color-success);
  height: 48%;
  animation: 1s both res-enter;
  display: block;
}
.ddi-kea-page .res-resource-bar small {
  text-align: center;
  width: 16.66%;
  color: var(--color-muted-foreground);
  padding-top: 8px;
  display: inline-block;
  position: relative;
}
.ddi-kea-page .res-chart-legend {
  color: var(--color-muted-foreground);
  justify-content: center;
  gap: 4px;
  margin-top: 17px;
  display: flex;
}
.ddi-kea-page .res-chart-legend i {
  background: var(--color-primary);
  width: 6px;
  height: 6px;
}
.ddi-kea-page .res-chart-legend i:nth-of-type(2) {
  background: var(--color-warning);
}
.ddi-kea-page .res-chart-legend i:nth-of-type(3) {
  background: var(--color-success);
}
.ddi-kea-page .res-form-console {
  height: 470px;
}
.ddi-kea-page .res-form {
  background: var(--color-background);
  gap: 6px;
  padding: 12px 54px 8px 34px;
  display: grid;
}
.ddi-kea-page .res-form-row {
  grid-template-columns: 125px 1fr;
  align-items: center;
  gap: 10px;
  display: grid;
}
.ddi-kea-page .res-form-row > span {
  text-align: right;
  font-size: 7px;
  font-weight: 700;
}
.ddi-kea-page .res-form-row > span i {
  color: var(--color-destructive);
  font-style: normal;
}
.ddi-kea-page .res-form-row > b {
  border: 1px solid var(--color-border);
  min-height: 22px;
  padding: 5px 8px;
  font-size: 7px;
  font-weight: 500;
}
.ddi-kea-page .res-form h5 {
  border-bottom: 1px solid var(--color-border);
  color: var(--color-muted-foreground);
  margin-top: 3px;
  padding-bottom: 5px;
  font-size: 7px;
}
.ddi-kea-page .res-form-actions {
  justify-content: center;
  gap: 8px;
  margin-top: 2px;
  display: flex;
}
.ddi-kea-page .res-form-actions span,
.ddi-kea-page .res-form-actions b {
  border: 1px solid var(--color-border);
  text-align: center;
  border-radius: 999px;
  min-width: 58px;
  padding: 5px;
}
.ddi-kea-page .res-form-actions b {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-primary-foreground);
}
.ddi-kea-page .res-ha-topology {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  min-width: 720px;
  height: 430px;
  padding: 45px 40px;
  position: relative;
  overflow: hidden;
}
.ddi-kea-page .res-ha-pair {
  border: 1px solid var(--color-border);
  width: 62%;
  box-shadow: 0 9px 25px var(--hero);
  grid-template-columns: 115px 1fr 115px;
  align-items: center;
  margin: auto;
  padding: 42px 55px 40px;
  display: grid;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .res-ha-pair {
    box-shadow: 0 9px 25px color-mix(in oklab, var(--hero) 9%, transparent);
  }
}
.ddi-kea-page .res-server-node {
  border: 9px solid var(--success);
  place-items: center;
  gap: 3px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .res-server-node {
    border: 9px solid color-mix(in oklab, var(--success) 35%, var(--background));
  }
}
.ddi-kea-page .res-server-node {
  background: var(--color-success);
  color: var(--color-primary-foreground);
  padding: 10px 5px;
  animation: 2.3s ease-in-out infinite res-pulse;
}
.ddi-kea-page .res-server-node b {
  font-size: 8px;
}
.ddi-kea-page .res-server-node span {
  font-size: 6px;
}
.ddi-kea-page .res-ha-link {
  background: var(--color-border);
  height: 1px;
  position: relative;
}
.ddi-kea-page .res-ha-link > i {
  background: var(--color-success);
  width: 7px;
  height: 7px;
  animation: 2s linear infinite res-sync;
  position: absolute;
  top: -3px;
}
.ddi-kea-page .res-ha-link > i:nth-child(2) {
  animation-delay: 0.65s;
}
.ddi-kea-page .res-ha-link > i:nth-child(3) {
  animation-delay: 1.3s;
}
.ddi-kea-page .res-ha-link span {
  background: var(--color-success);
  color: var(--color-primary-foreground);
  padding: 4px;
  font-size: 6px;
  font-weight: 700;
  position: absolute;
  top: -12px;
  left: 44%;
}
.ddi-kea-page .res-ha-pair > small {
  text-align: center;
  color: var(--color-muted-foreground);
  position: absolute;
  bottom: 13px;
  left: 0;
  right: 0;
}
.ddi-kea-page .res-ha-pair > small i {
  background: var(--color-success);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
}
.ddi-kea-page .res-ha-status {
  border: 1px solid var(--color-border);
  box-shadow: 0 5px 14px var(--hero);
  grid-template-columns: repeat(5, 1fr);
  margin-top: 30px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .res-ha-status {
    box-shadow: 0 5px 14px color-mix(in oklab, var(--hero) 6%, transparent);
  }
}
.ddi-kea-page .res-ha-status div {
  border-right: 1px solid var(--color-border);
  gap: 4px;
  padding: 10px;
  display: grid;
}
.ddi-kea-page .res-ha-status div:last-child {
  border-right: 0;
}
.ddi-kea-page .res-ha-status span {
  color: var(--color-muted-foreground);
  font-size: 7px;
}
.ddi-kea-page .res-ha-status b {
  font-size: 9px;
}
.ddi-kea-page .res-ha-status div:nth-child(4) b {
  color: var(--color-success);
}
.ddi-kea-page .res-ha-actions {
  border-top: 1px solid var(--color-border);
  justify-content: center;
  gap: 12px;
  padding: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ddi-kea-page .res-ha-actions span,
.ddi-kea-page .res-ha-actions b {
  border: 1px solid var(--color-destructive);
  text-align: center;
  min-width: 72px;
  color: var(--color-destructive);
  border-radius: 999px;
  padding: 5px;
}
.ddi-kea-page .res-ha-actions b {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.ddi-kea-page .res-failover-form {
  gap: 7px;
  padding-top: 18px;
}
.ddi-kea-page .res-toggle {
  background: var(--color-primary);
  border-radius: 999px;
  border: 0 !important;
  width: 24px !important;
  min-height: 13px !important;
  padding: 2px !important;
}
.ddi-kea-page .res-toggle i {
  background: var(--color-primary-foreground);
  border-radius: 50%;
  width: 9px;
  height: 9px;
  margin-left: auto;
  display: block;
}
@media (width<=1023px) {
  .ddi-kea-page .resilience-tabs {
    display: flex;
    overflow-x: auto;
  }
  .ddi-kea-page .resilience-tabs button {
    flex: none;
    width: auto;
    min-width: 190px;
  }
  .ddi-kea-page .resilience-content {
    grid-template-columns: 1fr;
  }
  .ddi-kea-page .resilience-copy {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    display: grid;
  }
  .ddi-kea-page .resilience-copy dl {
    grid-column: 1/-1;
    margin-top: 0;
  }
  .ddi-kea-page .resilience-replica {
    max-width: 100%;
  }
}
@media (width<=640px) {
  .ddi-kea-page .resilience-stage {
    padding: 14px;
  }
  .ddi-kea-page .resilience-stage__head {
    align-items: start;
  }
  .ddi-kea-page .resilience-stage__head h3 {
    font-size: 18px;
  }
  .ddi-kea-page .resilience-content {
    gap: 12px;
  }
  .ddi-kea-page .resilience-copy {
    display: block;
  }
  .ddi-kea-page .resilience-copy dl {
    margin-top: 14px;
  }
  .ddi-kea-page .res-console,
  .ddi-kea-page .res-ha-topology {
    min-width: 700px;
  }
  .ddi-kea-page .resilience-tabs button {
    min-width: 170px;
    min-height: 68px !important;
  }
  .ddi-kea-page .resilience-replica {
    overflow-x: auto;
  }
  .ddi-kea-page .res-ha-status {
    grid-template-columns: repeat(5, 130px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .resilience-content,
  .ddi-kea-page .resilience-tabs button > i,
  .ddi-kea-page .resilience-progress button em,
  .ddi-kea-page .res-trend__line,
  .ddi-kea-page .res-server-node,
  .ddi-kea-page .res-ha-link > i,
  .ddi-kea-page .res-resource-bar > i {
    animation: none !important;
  }
  .ddi-kea-page .resilience-tabs button > i,
  .ddi-kea-page .resilience-progress button.is-active em {
    transform: scaleX(1);
  }
}
@keyframes inventory-live {
  0%,
  to {
    background: 0 0;
  }
  45% {
    background: color-mix(in oklab, var(--success) 10%, var(--background));
  }
}
@keyframes report-ready {
  0% {
    opacity: 0.35;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.ddi-kea-page .performance-replica-wrap {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  padding: 20px;
}
.ddi-kea-page .performance-replica-head {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 16px;
  display: flex;
}
.ddi-kea-page .performance-replica-head p {
  text-transform: uppercase;
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 700;
}
.ddi-kea-page .performance-replica-head h3 {
  font-family: var(--font-display);
  margin-top: 3px;
  font-size: 20px;
  font-weight: 700;
}
.ddi-kea-page .performance-replica-head > span {
  border: 1px solid var(--color-border);
  color: var(--color-primary);
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}
.ddi-kea-page .performance-replica-head > span.is-complete {
  border-color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .performance-replica-head > span.is-complete {
    border-color: color-mix(in oklab, var(--success) 45%, var(--border));
  }
}
.ddi-kea-page .performance-replica-head > span.is-complete {
  color: var(--color-success);
  animation: 0.4s both report-ready;
}
.ddi-kea-page .performance-replica-scroll {
  max-width: 100%;
  overflow-x: auto;
}
.ddi-kea-page .perf-replica {
  border: 1px solid var(--color-border);
  background: var(--color-muted);
  min-width: 720px;
  height: 450px;
  box-shadow: 0 12px 30px var(--hero);
  grid-template-columns: 44px minmax(0, 1fr);
  display: grid;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .perf-replica {
    box-shadow: 0 12px 30px color-mix(in oklab, var(--hero) 10%, transparent);
  }
}
.ddi-kea-page .perf-replica {
  font-size: 8px;
}
.ddi-kea-page .perf-replica__rail {
  background: var(--color-hero);
  color: var(--hero-foreground);
  flex-direction: column;
  align-items: stretch;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .perf-replica__rail {
    color: color-mix(in oklab, var(--hero-foreground) 65%, transparent);
  }
}
.ddi-kea-page .perf-replica__rail > b {
  height: 38px;
  color: var(--color-success);
  place-items: center;
  font-size: 17px;
  display: grid;
}
.ddi-kea-page .perf-replica__rail > span {
  text-align: center;
  place-items: center;
  gap: 2px;
  min-height: 58px;
  padding: 4px;
  display: grid;
}
.ddi-kea-page .perf-replica__rail > span.is-active {
  background: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .perf-replica__rail > span.is-active {
    background: color-mix(in oklab, var(--hero-foreground) 12%, transparent);
  }
}
.ddi-kea-page .perf-replica__rail > span.is-active {
  color: var(--color-hero-foreground);
}
.ddi-kea-page .perf-replica__main {
  min-width: 0;
  position: relative;
}
.ddi-kea-page .perf-replica__top {
  border-bottom: 1px solid var(--color-border);
  background: var(--color-background);
  align-items: center;
  gap: 9px;
  height: 38px;
  padding: 0 12px;
  display: flex;
}
.ddi-kea-page .perf-replica__top b {
  font-size: 10px;
}
.ddi-kea-page .perf-replica__top i {
  border-left: 1px solid var(--color-border);
  height: 13px;
}
.ddi-kea-page .perf-replica__top strong {
  border-bottom: 2px solid var(--color-success);
  align-self: stretch;
  padding-top: 13px;
}
.ddi-kea-page .perf-replica__top span {
  color: var(--color-primary);
  margin-left: auto;
}
.ddi-kea-page .perf-replica__top em {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
  border-radius: 999px;
  padding: 3px 8px;
  font-style: normal;
}
.ddi-kea-page .inventory-selectors {
  justify-content: flex-end;
  gap: 10px;
  padding: 11px;
  display: flex;
}
.ddi-kea-page .inventory-selectors span {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  justify-content: space-between;
  align-items: center;
  width: 190px;
  padding: 6px 8px;
  display: flex;
}
.ddi-kea-page .inventory-replica {
  --designated-muted: oklch(68% 0.13 25);
  --inventory-available: oklch(63% 0.15 298);
  --inventory-active: oklch(72% 0.18 55);
  --inventory-declined: oklch(70% 0.13 172);
  --inventory-expired: oklch(68% 0.12 243);
  --inventory-excluded: oklch(79% 0.08 344);
  --inventory-reserved: oklch(69% 0.12 248);
  --inventory-released: oklch(78% 0.14 85);
  height: 520px;
}
.ddi-kea-page .inventory-grid {
  grid-template-columns: 1.05fr 1fr;
  gap: 6px;
  height: 440px;
  padding: 0 7px 7px;
  display: grid;
}
.ddi-kea-page .inventory-table,
.ddi-kea-page .inventory-insights article {
  border: 1px solid var(--color-border);
  background: var(--color-background);
}
.ddi-kea-page .inventory-table {
  overflow: visible;
}
.ddi-kea-page .inventory-search {
  border: 1px solid var(--color-border);
  width: 48%;
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 5px;
  margin: 8px;
  padding: 6px;
  display: flex;
}
.ddi-kea-page .inventory-row {
  border-top: 1px solid var(--color-border);
  grid-template-columns: 1.15fr 1fr 0.45fr;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  display: grid;
}
.ddi-kea-page .inventory-row--head {
  background: var(--color-muted);
  text-transform: uppercase;
  color: var(--color-muted-foreground);
}
.ddi-kea-page .inventory-row a {
  color: var(--color-primary);
}
.ddi-kea-page .inventory-actions {
  color: var(--color-success);
  gap: 14px;
  display: flex;
}
.ddi-kea-page .inventory-actions > svg:last-child {
  color: var(--color-success);
}
.ddi-kea-page .inventory-tool-trigger {
  color: var(--color-warning);
  display: flex;
  position: relative;
}
.ddi-kea-page .inventory-tool-menu {
  z-index: 8;
  border: 1px solid var(--color-border);
  background: var(--color-background);
  width: 112px;
  box-shadow: 0 10px 24px var(--color-hero);
  display: grid;
  position: absolute;
  top: 15px;
  right: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .inventory-tool-menu {
    box-shadow: 0 10px 24px
      color-mix(in oklab, var(--color-hero) 16%, transparent);
  }
}
.ddi-kea-page .inventory-tool-menu {
  color: var(--color-foreground);
}
.ddi-kea-page .inventory-tool-menu b {
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 8px;
  font-weight: 500;
  display: flex;
}
.ddi-kea-page .inventory-tool-menu b + b {
  border-top: 1px solid var(--color-border);
}
.ddi-kea-page .inventory-tool-menu svg {
  color: var(--color-warning);
}
.ddi-kea-page .inventory-tool-menu em {
  border: 1px solid var(--color-border);
  color: var(--color-foreground);
  border-radius: 3px;
  margin-left: auto;
  padding: 2px 4px;
  font-style: normal;
}
.ddi-kea-page .inventory-row.is-live {
  animation: 0.85s inventory-live;
}
.ddi-kea-page .inventory-insights {
  grid-template-rows: 1fr 1fr;
  gap: 6px;
  display: grid;
}
.ddi-kea-page .inventory-insights article {
  box-shadow: 0 1px 4px var(--color-hero);
  padding: 8px;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .inventory-insights article {
    box-shadow: 0 1px 4px color-mix(in oklab, var(--color-hero) 8%, transparent);
  }
}
.ddi-kea-page .inventory-insights h4 {
  color: var(--color-muted-foreground);
  font-size: 9px;
  font-weight: 500;
}
.ddi-kea-page .inventory-ring {
  border-radius: 50%;
  place-items: center;
  width: 142px;
  height: 142px;
  margin: 10px auto 8px;
  display: grid;
  position: relative;
}
.ddi-kea-page .inventory-ring:after {
  content: "";
  background: var(--color-background);
  border-radius: 50%;
  position: absolute;
  inset: 25px;
}
.ddi-kea-page .inventory-ring > div {
  z-index: 2;
  text-align: center;
  display: grid;
}
.ddi-kea-page .inventory-ring strong {
  font-size: 17px;
  font-weight: 500;
}
.ddi-kea-page .inventory-ring span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .inventory-ring--states {
  background: conic-gradient(
    var(--inventory-active) 0 20%,
    var(--designated-muted) 20% 42%,
    var(--inventory-excluded) 42% 43%,
    var(--inventory-reserved) 43% 44%,
    var(--inventory-available) 44% 62%,
    var(--inventory-declined) 62% 63%,
    var(--inventory-expired) 63% 64%,
    var(--inventory-released) 64% 65%,
    var(--inventory-available) 65% 100%
  );
}
.ddi-kea-page .inventory-ring--usage {
  background: var(--color-success);
  width: 158px;
  height: 158px;
  margin-top: 16px;
}
.ddi-kea-page .inventory-ring--usage:after {
  inset: 28px;
}
.ddi-kea-page .inventory-ring--usage span:empty {
  display: none;
}
.ddi-kea-page .inventory-legend {
  color: var(--color-muted-foreground);
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 5px 8px;
  display: flex;
}
.ddi-kea-page .inventory-legend span {
  white-space: nowrap;
  align-items: center;
  gap: 3px;
  display: flex;
}
.ddi-kea-page .inventory-legend i {
  background: var(--color-primary);
  border-radius: 50%;
  width: 7px;
  height: 7px;
}
.ddi-kea-page .inventory-legend .inventory-dot--available {
  background: var(--inventory-available);
}
.ddi-kea-page .inventory-legend .inventory-dot--active {
  background: var(--inventory-active);
}
.ddi-kea-page .inventory-legend .inventory-dot--declined {
  background: var(--inventory-declined);
}
.ddi-kea-page .inventory-legend .inventory-dot--expired {
  background: var(--inventory-expired);
}
.ddi-kea-page .inventory-legend .inventory-dot--released {
  background: var(--inventory-released);
}
.ddi-kea-page .inventory-legend .inventory-dot--designated {
  background: var(--designated-muted);
}
.ddi-kea-page .inventory-legend .inventory-dot--excluded {
  background: var(--inventory-excluded);
}
.ddi-kea-page .inventory-legend .inventory-dot--reserved {
  background: var(--inventory-reserved);
}
.ddi-kea-page .performance-replica-note {
  border-left: 2px solid var(--color-primary);
  color: var(--color-muted-foreground);
  margin-top: 12px;
  padding-left: 10px;
  font-size: 12px;
}
.ddi-kea-page .reports-backdrop {
  opacity: 0.4;
  padding: 18px;
}
.ddi-kea-page .reports-filter {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  grid-template-columns: 70px 1fr auto;
  padding: 10px;
  display: grid;
}
.ddi-kea-page .reports-filter span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .reports-filter i {
  background: var(--color-success);
  color: var(--color-primary-foreground);
  padding: 4px 7px;
  font-style: normal;
}
.ddi-kea-page .reports-table-row {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  grid-template-columns: 1fr 0.6fr 1.2fr 0.5fr;
  margin-top: 8px;
  padding: 10px;
  display: grid;
}
.ddi-kea-page .report-history-strip {
  gap: 6px;
  margin-top: 12px;
  display: flex;
}
.ddi-kea-page .report-history-strip span {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 3px;
  padding: 5px 7px;
  display: flex;
}
.ddi-kea-page .report-history-strip span.is-ready {
  color: var(--color-primary);
  animation: 0.35s both report-ready;
}
.ddi-kea-page .report-modal {
  z-index: 3;
  background: var(--color-background);
  box-shadow: 0 13px 34px var(--hero);
  position: absolute;
  top: 82px;
  left: 45px;
  right: 45px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .report-modal {
    box-shadow: 0 13px 34px color-mix(in oklab, var(--hero) 23%, transparent);
  }
}
.ddi-kea-page .report-modal > header {
  border-bottom: 1px solid var(--color-border);
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  display: flex;
}
.ddi-kea-page .report-modal > header b {
  font-size: 11px;
}
.ddi-kea-page .report-modal > header span {
  color: var(--color-destructive);
  font-size: 15px;
  font-weight: 700;
}
.ddi-kea-page .report-form {
  gap: 10px;
  padding: 28px 110px 18px;
  display: grid;
}
.ddi-kea-page .report-form label {
  align-items: start;
  gap: 9px;
  min-height: 24px;
  display: flex;
}
.ddi-kea-page .report-form label > b {
  text-align: right;
  text-transform: uppercase;
  flex: none;
  width: 110px;
  padding-top: 5px;
}
.ddi-kea-page .report-form label > b i {
  color: var(--color-destructive);
  font-style: normal;
}
.ddi-kea-page
  .report-form
  label
  > span:not(.report-toggle):not(.report-input):not(.report-pill) {
  align-items: center;
  gap: 4px;
  padding: 4px;
  display: flex;
}
.ddi-kea-page .report-form label > span.is-focus {
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .report-form label > span.is-focus {
    background: color-mix(in oklab, var(--primary) 8%, var(--background));
  }
}
.ddi-kea-page .report-form label > span em {
  border: 1px solid var(--color-border);
  place-items: center;
  width: 10px;
  height: 10px;
  font-size: 7px;
  font-style: normal;
  display: grid;
}
.ddi-kea-page .report-form label > span em.is-checked {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.ddi-kea-page .report-select {
  border: 1px solid var(--color-border);
  flex: 1;
  position: relative;
}
.ddi-kea-page .report-select.is-focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .report-select.is-focus {
    box-shadow: 0 0 0 2px color-mix(in oklab, var(--primary) 14%, transparent);
  }
}
.ddi-kea-page .report-select strong {
  justify-content: space-between;
  align-items: center;
  padding: 6px 9px;
  font-weight: 500;
  display: flex;
}
.ddi-kea-page .report-select > div {
  z-index: 2;
  border: 1px solid var(--color-primary);
  background: var(--color-background);
  position: absolute;
  left: -1px;
  right: -1px;
}
.ddi-kea-page .report-select > div span {
  text-align: center;
  padding: 5px 9px;
  display: block;
}
.ddi-kea-page .report-select > div span.is-selected {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
}
.ddi-kea-page .report-pill {
  border: 1px solid var(--color-border);
  padding: 5px 14px;
}
.ddi-kea-page .report-toggle {
  background: var(--color-primary);
  border-radius: 999px;
  width: 28px;
  height: 16px;
  padding: 3px;
}
.ddi-kea-page .report-toggle i {
  background: var(--color-primary-foreground);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-left: auto;
  display: block;
}
.ddi-kea-page .report-input {
  border: 1px solid var(--color-border);
  flex: 1;
  padding: 6px 8px;
}
.ddi-kea-page .report-modal footer {
  border-top: 1px solid var(--color-border);
  justify-content: center;
  padding: 10px;
  display: flex;
}
.ddi-kea-page .report-modal footer span {
  background: var(--color-primary);
  text-align: center;
  min-width: 72px;
  color: var(--color-primary-foreground);
  border-radius: 999px;
  padding: 7px;
  font-weight: 700;
}
.ddi-kea-page .report-modal footer span.is-saving {
  opacity: 0.72;
}
@media (width<=640px) {
  .ddi-kea-page .performance-replica-wrap {
    padding: 13px;
  }
  .ddi-kea-page .performance-replica-head {
    align-items: flex-start;
  }
  .ddi-kea-page .performance-replica-head h3 {
    font-size: 17px;
  }
  .ddi-kea-page .performance-replica-head > span {
    display: none;
  }
  .ddi-kea-page .perf-replica {
    min-width: 700px;
  }
  .ddi-kea-page .report-form {
    padding-left: 55px;
    padding-right: 70px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .inventory-row.is-live,
  .ddi-kea-page .performance-replica-head > span.is-complete,
  .ddi-kea-page .report-history-strip span.is-ready {
    animation: none !important;
  }
}
@keyframes tower-view-enter {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes tower-view-progress {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes tower-tile-live {
  0%,
  82%,
  to {
    filter: brightness();
    transform: scale(1);
  }
  88% {
    filter: brightness(1.3);
    transform: scale(0.78);
  }
}
.ddi-kea-page .ipam-tower-showcase {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  min-width: 0;
  box-shadow: 0 18px 45px var(--hero);
  margin-top: 36px;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ipam-tower-showcase {
    box-shadow: 0 18px 45px color-mix(in oklab, var(--hero) 9%, transparent);
  }
}
.ddi-kea-page .ipam-tower-tabs {
  background: var(--color-hero);
  grid-template-columns: 1.5fr repeat(3, 1fr);
  padding: 8px;
  display: grid;
}
.ddi-kea-page .ipam-tower-tabs button {
  overflow: hidden;
  border: 0 !important;
  border-right: 1px solid var(--hero-foreground) !important;
  justify-content: flex-start !important;
  min-height: 54px !important;
  position: relative !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ipam-tower-tabs button {
    border-right: 1px solid
      color-mix(in oklab, var(--hero-foreground) 13%, transparent) !important;
  }
}
.ddi-kea-page .ipam-tower-tabs button {
  color: var(--hero-foreground) !important;
  border-radius: 0 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ipam-tower-tabs button {
    color: color-mix(
      in oklab,
      var(--hero-foreground) 62%,
      transparent
    ) !important;
  }
}
.ddi-kea-page .ipam-tower-tabs button:last-child {
  border-right: 0 !important;
}
.ddi-kea-page .ipam-tower-tabs button:hover,
.ddi-kea-page .ipam-tower-tabs button.is-active {
  background: var(--hero-foreground) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ipam-tower-tabs button:hover,
  .ddi-kea-page .ipam-tower-tabs button.is-active {
    background: color-mix(
      in oklab,
      var(--hero-foreground) 9%,
      transparent
    ) !important;
  }
}
.ddi-kea-page .ipam-tower-tabs button:hover,
.ddi-kea-page .ipam-tower-tabs button.is-active {
  color: var(--color-hero-foreground) !important;
}
.ddi-kea-page .ipam-tower-tabs button.is-active > svg {
  color: var(--color-success);
}
.ddi-kea-page .ipam-tower-tabs button > i {
  transform-origin: 0;
  background: var(--color-success);
  height: 2px;
  animation: 11.5s linear both tower-view-progress;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ddi-kea-page .performance-showcase {
  border: 1px solid var(--color-border);
  background: var(--color-background);
}
.ddi-kea-page .performance-tabs {
  background: var(--color-hero);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  padding: 8px;
  display: grid;
  overflow: hidden;
}
.ddi-kea-page .performance-tabs button {
  overflow: hidden;
  border: 0 !important;
  border-right: 1px solid var(--hero-foreground) !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  min-height: 62px !important;
  position: relative !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .performance-tabs button {
    border-right: 1px solid
      color-mix(in oklab, var(--hero-foreground) 13%, transparent) !important;
  }
}
.ddi-kea-page .performance-tabs button {
  color: var(--hero-foreground) !important;
  border-radius: 0 !important;
  padding: 9px 11px !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .performance-tabs button {
    color: color-mix(
      in oklab,
      var(--hero-foreground) 62%,
      transparent
    ) !important;
  }
}
.ddi-kea-page .performance-tabs button {
  text-align: left;
  white-space: normal !important;
}
.ddi-kea-page .performance-tabs button:last-child {
  border-right: 0 !important;
}
.ddi-kea-page .performance-tabs button:hover,
.ddi-kea-page .performance-tabs button.is-active {
  background: var(--hero-foreground) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .performance-tabs button:hover,
  .ddi-kea-page .performance-tabs button.is-active {
    background: color-mix(
      in oklab,
      var(--hero-foreground) 9%,
      transparent
    ) !important;
  }
}
.ddi-kea-page .performance-tabs button:hover,
.ddi-kea-page .performance-tabs button.is-active {
  color: var(--color-hero-foreground) !important;
}
.ddi-kea-page .performance-tabs button.is-active > svg {
  color: var(--color-success) !important;
}
.ddi-kea-page .performance-tabs button > span {
  font-size: 11px;
  line-height: 1.25;
}
.ddi-kea-page .performance-tabs button > i {
  transform-origin: 0;
  background: var(--color-success);
  height: 2px;
  animation: linear both oi-progress;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ddi-kea-page .performance-showcase > div:last-child {
  padding: 22px;
}
.ddi-kea-page .ipam-tower-stage {
  max-width: 100%;
  padding-bottom: 4px;
  overflow-x: auto;
}
.ddi-kea-page .tower-replica {
  background: var(--color-background);
  grid-template-columns: 48px minmax(0, 1fr);
  min-width: 1040px;
  height: 670px;
  font-size: 9px;
  animation: 0.42s both tower-view-enter;
  display: grid;
  overflow: hidden;
}
.ddi-kea-page .tower-replica > main {
  min-width: 0;
}
.ddi-kea-page .tower-replica__rail {
  background: var(--hero);
  flex-direction: column;
  align-items: stretch;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-replica__rail {
    background: color-mix(in oklab, var(--hero) 88%, var(--background));
  }
}
.ddi-kea-page .tower-replica__rail {
  color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-replica__rail {
    color: color-mix(in oklab, var(--hero-foreground) 68%, transparent);
  }
}
.ddi-kea-page .tower-replica__rail > b {
  height: 42px;
  color: var(--color-success);
  place-items: center;
  font-size: 18px;
  display: grid;
}
.ddi-kea-page .tower-replica__rail > span {
  text-align: center;
  place-items: center;
  gap: 2px;
  min-height: 66px;
  font-size: 7px;
  display: grid;
}
.ddi-kea-page .tower-replica__rail > span.is-active {
  background: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-replica__rail > span.is-active {
    background: color-mix(in oklab, var(--hero-foreground) 14%, transparent);
  }
}
.ddi-kea-page .tower-replica__rail > span.is-active {
  color: var(--color-hero-foreground);
}
.ddi-kea-page .tower-replica__rail > i {
  text-align: center;
  margin-top: auto;
  padding: 12px;
  font-style: normal;
}
.ddi-kea-page .tower-replica__top {
  border-bottom: 1px solid var(--color-border);
  align-items: center;
  gap: 12px;
  height: 72px;
  padding: 0 18px;
  display: flex;
}
.ddi-kea-page .tower-replica__top > strong {
  font-family: var(--font-display);
  font-size: 19px;
}
.ddi-kea-page .tower-replica__top > span {
  color: var(--color-muted-foreground);
}
.ddi-kea-page .tower-replica__top > div {
  gap: 8px;
  margin-left: auto;
  display: flex;
}
.ddi-kea-page .tower-replica__top b {
  border: 1px solid var(--color-success);
  color: var(--color-primary);
  align-items: center;
  gap: 4px;
  padding: 7px 10px;
  display: flex;
}
.ddi-kea-page .tower-replica__top b:first-child {
  background: var(--color-success);
  color: var(--color-primary-foreground);
}
.ddi-kea-page .tower-unified {
  background: linear-gradient(90deg, var(--hero), var(--color-hero));
  margin: 0 6px;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-unified {
    background: linear-gradient(
      90deg,
      color-mix(in oklab, var(--hero) 79%, var(--primary)),
      var(--color-hero)
    );
  }
}
.ddi-kea-page .tower-unified {
  color: var(--color-hero-foreground);
}
.ddi-kea-page .tower-unified > b {
  padding: 11px 15px;
  display: inline-block;
}
.ddi-kea-page .tower-unified > svg {
  position: absolute;
  top: 13px;
  right: 14px;
}
.ddi-kea-page .tower-unified > div {
  background: var(--primary);
  gap: 8px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-unified > div {
    background: color-mix(in oklab, var(--primary) 7%, var(--background));
  }
}
.ddi-kea-page .tower-unified > div {
  padding: 10px;
}
.ddi-kea-page .tower-unified span,
.ddi-kea-page .tower-path-tabs span {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 6px;
  padding: 7px 13px;
  display: flex;
}
.ddi-kea-page .tower-path-tabs {
  border-bottom: 1px solid var(--color-border);
  align-items: stretch;
  height: 52px;
  padding-left: 18px;
  display: flex;
}
.ddi-kea-page .tower-path-tabs span {
  border: 0;
  border-bottom: 2px solid #0000;
  padding-inline: 18px;
}
.ddi-kea-page .tower-path-tabs span.is-active {
  border-color: var(--color-hero);
  color: var(--color-hero);
  font-weight: 700;
}
.ddi-kea-page .tower-canvas {
  padding: 18px;
  position: relative;
}
.ddi-kea-page .tower-range-total {
  border: 1px solid var(--color-border);
  padding: 14px;
}
.ddi-kea-page .tower-range-total > div {
  align-items: end;
  gap: 8px;
  display: flex;
}
.ddi-kea-page .tower-range-total strong {
  font-family: var(--font-display);
  color: var(--color-hero);
  font-size: 26px;
}
.ddi-kea-page .tower-range-total > b {
  font-size: 8px;
}
.ddi-kea-page .tower-range-total > i {
  background: var(--color-grid-free);
  height: 8px;
  margin-top: 8px;
  display: flex;
  overflow: hidden;
}
.ddi-kea-page .tower-range-total > i em:first-child {
  background: var(--color-primary);
  width: 66%;
}
.ddi-kea-page .tower-range-total > i em:nth-child(2) {
  background: var(--color-warning);
  width: 29%;
}
.ddi-kea-page .tower-range-total > i em:nth-child(3) {
  background: var(--destructive);
  width: 5%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-range-total > i em:nth-child(3) {
    background: color-mix(in oklab, var(--destructive) 70%, var(--primary));
  }
}
.ddi-kea-page .tower-range-total p {
  color: var(--color-muted-foreground);
  gap: 14px;
  margin-top: 8px;
  display: flex;
}
.ddi-kea-page .tower-range-total p span:nth-child(2) {
  color: var(--color-primary);
}
.ddi-kea-page .tower-range-total p span:nth-child(3) {
  color: var(--color-warning);
}
.ddi-kea-page .tower-range-total p span:nth-child(4) {
  color: var(--color-destructive);
}
.ddi-kea-page .tower-unified-kpis,
.ddi-kea-page .tower-summary {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 12px;
  display: grid;
}
.ddi-kea-page .tower-unified-kpis article,
.ddi-kea-page .tower-summary article {
  border: 1px solid var(--color-border);
  align-content: center;
  min-height: 90px;
  padding: 14px;
  display: grid;
}
.ddi-kea-page .tower-unified-kpis span,
.ddi-kea-page .tower-summary span {
  text-transform: uppercase;
  color: var(--color-muted-foreground);
}
.ddi-kea-page .tower-unified-kpis strong,
.ddi-kea-page .tower-summary strong {
  font-family: var(--font-display);
  color: var(--color-hero);
  margin-top: 7px;
  font-size: 24px;
}
.ddi-kea-page .tower-unified-kpis small,
.ddi-kea-page .tower-summary small {
  color: var(--color-muted-foreground);
  margin-top: 5px;
}
.ddi-kea-page .tower-summary {
  grid-template-columns: repeat(4, 1fr);
  margin-top: 2px;
}
.ddi-kea-page .tower-summary article {
  min-height: 105px;
}
.ddi-kea-page .tower-summary small.is-green {
  color: var(--color-primary);
}
.ddi-kea-page .tower-modebar {
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}
.ddi-kea-page .tower-modebar > div {
  background: var(--color-muted);
  padding: 3px;
  display: flex;
}
.ddi-kea-page .tower-modebar span {
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 5px;
  padding: 7px 10px;
  display: flex;
}
.ddi-kea-page .tower-modebar span.is-active {
  background: var(--color-background);
  box-shadow: 0 1px 4px var(--hero);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-modebar span.is-active {
    box-shadow: 0 1px 4px color-mix(in oklab, var(--hero) 15%, transparent);
  }
}
.ddi-kea-page .tower-modebar span.is-active {
  color: var(--color-hero);
  font-weight: 700;
}
.ddi-kea-page .tower-modebar > b {
  border: 1px solid var(--color-success);
  color: var(--color-primary);
  margin-left: auto;
  padding: 6px 10px;
}
.ddi-kea-page .tower-modebar > label {
  border: 1px solid var(--color-border);
  width: 170px;
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  display: flex;
}
.ddi-kea-page .tower-reference-icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.15px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}
.ddi-kea-page .tower-reference-icon--filled {
  fill: currentColor;
  stroke: currentColor;
}
.ddi-kea-page .tower-heat-flame-icon {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}
.ddi-kea-page .tower-ip-pin {
  color: var(--color-destructive);
  stroke-width: 2.4px;
  flex: none;
  display: inline-block;
}
.ddi-kea-page .tower-tree__site > p > span:first-child,
.ddi-kea-page .tower-supernet-card > header > b,
.ddi-kea-page .tower-child-cards article > b {
  align-items: center;
  gap: 5px;
  display: flex;
}
.ddi-kea-page .tower-heatmap-tools {
  justify-content: space-between;
  align-items: end;
  display: flex;
}
.ddi-kea-page .tower-heatmap-tools .tower-modebar {
  flex: 1;
}
.ddi-kea-page .tower-heatmap-tools .tower-modebar > b,
.ddi-kea-page .tower-heatmap-tools .tower-modebar > label {
  display: none;
}
.ddi-kea-page .tower-filters {
  gap: 7px;
  display: flex;
}
.ddi-kea-page .tower-filter-control {
  flex: 0 0 125px;
  width: 125px;
  position: relative;
}
.ddi-kea-page .tower-filter-control > span,
.ddi-kea-page .tower-filters > label {
  border: 1px solid var(--color-border);
  width: 100%;
  color: var(--color-muted-foreground);
  justify-content: space-between;
  align-items: center;
  padding: 7px 9px;
  display: flex;
}
.ddi-kea-page .tower-filters > label {
  width: 150px;
}
.ddi-kea-page .tower-heatmap-legend {
  color: var(--color-muted-foreground);
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  display: flex;
}
.ddi-kea-page .tower-heatmap-legend span:first-child {
  color: var(--color-success);
}
.ddi-kea-page .tower-heatmap-legend span:nth-child(2) {
  color: var(--color-warning);
}
.ddi-kea-page .tower-heatmap-legend span:nth-child(3) {
  color: var(--color-destructive);
}
.ddi-kea-page .tower-heatmap-legend i {
  border-left: 1px solid var(--color-border);
  height: 14px;
}
.ddi-kea-page .tower-heatmap-grid {
  border: 1px solid var(--color-border);
  grid-template-columns: repeat(27, 1fr);
  gap: 4px;
  margin-top: 10px;
  padding: 9px;
  display: grid;
}
.ddi-kea-page .tower-heatmap-grid i {
  aspect-ratio: 1;
  background: var(--color-success);
  border-radius: 2px;
  animation: 6.2s ease-in-out infinite tower-tile-live;
}
.ddi-kea-page .tower-heatmap-grid i.is-warning {
  background: var(--color-warning);
}
.ddi-kea-page .tower-heatmap-grid i.is-danger {
  background: var(--color-destructive);
}
.ddi-kea-page .tower-heatmap-grid i.is-static {
  position: relative;
}
.ddi-kea-page .tower-heatmap-grid i.is-static:after {
  content: "";
  background: var(--color-background);
  border-radius: 50%;
  position: absolute;
  inset: 38%;
}
.ddi-kea-page .tower-filter-menu {
  z-index: 5;
  border: 1px solid var(--color-primary);
  background: var(--color-background);
  width: 100%;
  box-shadow: 0 5px 12px var(--hero);
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-filter-menu {
    box-shadow: 0 5px 12px color-mix(in oklab, var(--hero) 18%, transparent);
  }
}
.ddi-kea-page .tower-filter-menu b,
.ddi-kea-page .tower-filter-menu span {
  padding: 5px 8px;
  display: block;
}
.ddi-kea-page .tower-filter-menu b {
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-filter-menu b {
    background: color-mix(in oklab, var(--primary) 12%, var(--background));
  }
}
.ddi-kea-page .tower-filter-menu b {
  color: var(--color-primary);
}
.ddi-kea-page .tower-site-table {
  border: 1px solid var(--color-border);
  margin-top: 14px;
}
.ddi-kea-page .tower-site-table > header,
.ddi-kea-page .tower-site-table > div {
  grid-template-columns: 2.2fr 0.55fr 0.72fr 0.65fr 1.35fr 0.78fr 1.1fr 1.1fr;
  align-items: center;
  display: grid;
}
.ddi-kea-page .tower-site-table > header {
  background: var(--color-muted);
  min-height: 38px;
  color: var(--color-muted-foreground);
  padding: 0 12px;
}
.ddi-kea-page .tower-site-table > div {
  border-top: 1px solid var(--color-border);
  min-height: 77px;
  padding: 0 12px;
}
.ddi-kea-page .tower-site-table > div.is-selected {
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-site-table > div.is-selected {
    background: color-mix(in oklab, var(--primary) 10%, var(--background));
  }
}
.ddi-kea-page .tower-site-table span {
  min-width: 0;
}
.ddi-kea-page .tower-site-table span > b {
  color: var(--color-hero);
  display: block;
}
.ddi-kea-page .tower-site-table span > small {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-muted-foreground);
  display: block;
  overflow: hidden;
}
.ddi-kea-page .tower-site-table span:nth-child(5) {
  grid-template-columns: auto auto;
  gap: 2px;
  display: grid;
}
.ddi-kea-page .tower-site-table span:nth-child(5) > b {
  border-left: 2px solid var(--color-primary);
  background: var(--color-muted);
  text-align: center;
  padding: 4px;
}
.ddi-kea-page .tower-site-table span:nth-child(5) > b:nth-of-type(2) {
  border-color: var(--color-accent);
}
.ddi-kea-page .tower-site-table span:nth-child(7),
.ddi-kea-page .tower-site-table span:nth-child(8) {
  align-items: center;
  gap: 7px;
  display: flex;
}
.ddi-kea-page .tower-site-table span > i {
  background: var(--color-grid-free);
  width: 70px;
  height: 6px;
}
.ddi-kea-page .tower-site-table span > i em {
  background: var(--color-warning);
  height: 100%;
  display: block;
}
.ddi-kea-page .tower-tree {
  border: 1px solid var(--color-border);
  margin-top: 12px;
}
.ddi-kea-page .tower-tree__group {
  border-left: 1px solid var(--color-border);
  background: var(--color-muted);
  align-items: center;
  min-height: 38px;
  margin-left: 35px;
  padding: 7px 16px;
  display: flex;
}
.ddi-kea-page .tower-tree small {
  color: var(--color-muted-foreground);
  margin-left: 5px;
  display: block;
}
.ddi-kea-page .tower-tree__site {
  padding: 10px 12px 0 24px;
}
.ddi-kea-page .tower-tree__site > header {
  padding: 4px;
  position: relative;
}
.ddi-kea-page .tower-tree__site > header span {
  color: var(--color-muted-foreground);
  position: absolute;
  top: 4px;
  right: 8px;
}
.ddi-kea-page .tower-tree__site > div {
  border-left: 1px solid var(--color-border);
  margin-left: 27px;
  padding: 8px 14px;
}
.ddi-kea-page .tower-tree__site > p {
  border-left: 1px solid var(--color-border);
  justify-content: space-between;
  align-items: center;
  margin-left: 52px;
  padding: 5px 14px;
  display: flex;
}
.ddi-kea-page .tower-tree__site > p > span:last-child {
  align-items: center;
  gap: 7px;
  display: flex;
}
.ddi-kea-page .tower-tree__site em {
  background: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-tree__site em {
    background: color-mix(in oklab, var(--primary) 10%, var(--background));
  }
}
.ddi-kea-page .tower-tree__site em {
  color: var(--color-primary);
  padding: 3px 6px;
  font-style: normal;
}
.ddi-kea-page .tower-tree__site em.is-managed {
  background: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-tree__site em.is-managed {
    background: color-mix(in oklab, var(--success) 12%, var(--background));
  }
}
.ddi-kea-page .tower-tree__site em.is-managed {
  color: var(--color-primary);
}
.ddi-kea-page .tower-tree__site p i {
  background: var(--color-grid-free);
  width: 50px;
  height: 5px;
}
.ddi-kea-page .tower-tree__site p u {
  background: var(--color-success);
  height: 100%;
  text-decoration: none;
  display: block;
}
.ddi-kea-page .tower-tree__site p:last-child u {
  background: var(--color-destructive);
}
.ddi-kea-page .tower-tree__site em {
  white-space: nowrap;
}
.ddi-kea-page .tower-tree__site em.tower-ping-action {
  border: 1px solid var(--tower-ping);
  align-items: center;
  gap: 4px;
  display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-tree__site em.tower-ping-action {
    border: 1px solid color-mix(in oklab, var(--tower-ping) 32%, var(--border));
  }
}
.ddi-kea-page .tower-tree__site em.tower-ping-action {
  background: var(--tower-ping-soft);
  color: var(--tower-ping);
  font-weight: 700;
  animation: 2.6s ease-out infinite tower-ping-ring;
}
.ddi-kea-page .tower-tree__site em.tower-ping-action svg {
  color: var(--tower-ping);
}
.ddi-kea-page .tower-tree__site em.tower-assign-action {
  border: 1px dashed var(--tower-assign);
  align-items: center;
  gap: 4px;
  display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-tree__site em.tower-assign-action {
    border: 1px dashed
      color-mix(in oklab, var(--tower-assign) 46%, var(--border));
  }
}
.ddi-kea-page .tower-tree__site em.tower-assign-action {
  background: var(--tower-assign);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-tree__site em.tower-assign-action {
    background: color-mix(in oklab, var(--tower-assign) 7%, var(--background));
  }
}
.ddi-kea-page .tower-tree__site em.tower-assign-action {
  color: var(--tower-assign);
  font-weight: 600;
}
.ddi-kea-page .tower-tree__site em.tower-unmapped-status,
.ddi-kea-page .tower-child-cards article > em.tower-unmapped-status {
  background: var(--color-warning-soft);
  border: 1px solid var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-tree__site em.tower-unmapped-status,
  .ddi-kea-page .tower-child-cards article > em.tower-unmapped-status {
    border: 1px solid color-mix(in oklab, var(--warning) 34%, var(--border));
  }
}
.ddi-kea-page .tower-tree__site em.tower-unmapped-status,
.ddi-kea-page .tower-child-cards article > em.tower-unmapped-status {
  color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-tree__site em.tower-unmapped-status,
  .ddi-kea-page .tower-child-cards article > em.tower-unmapped-status {
    color: color-mix(in oklab, var(--warning) 68%, var(--color-hero));
  }
}
.ddi-kea-page .tower-tree__site em.tower-unmapped-status,
.ddi-kea-page .tower-child-cards article > em.tower-unmapped-status {
  font-weight: 700;
}
@keyframes tower-ping-ring {
  0% {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--tower-ping) 24%, transparent);
  }
  70%,
  to {
    box-shadow: 0 0 0 6px #0000;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .tower-tree__site em.tower-ping-action {
    animation: none;
  }
}
.ddi-kea-page .tower-supernet-summary {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}
.ddi-kea-page .tower-supernet-summary span {
  border: 1px solid var(--color-border);
  background: var(--color-muted);
  color: var(--color-muted-foreground);
  padding: 15px;
}
.ddi-kea-page .tower-supernet-summary span:first-child,
.ddi-kea-page .tower-supernet-summary span:nth-child(3) {
  color: var(--color-primary);
}
.ddi-kea-page .tower-supernet-card {
  border: 1px solid var(--color-border);
  margin-top: 14px;
}
.ddi-kea-page .tower-supernet-card > header {
  background: linear-gradient(90deg, var(--hero), var(--color-hero));
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-supernet-card > header {
    background: linear-gradient(
      90deg,
      color-mix(in oklab, var(--hero) 76%, var(--primary)),
      var(--color-hero)
    );
  }
}
.ddi-kea-page .tower-supernet-card > header {
  color: var(--color-hero-foreground);
  padding: 10px 14px;
  font-size: 12px;
}
.ddi-kea-page .tower-supernet-card > header span {
  background: var(--hero-foreground);
  border-radius: 999px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-supernet-card > header span {
    background: color-mix(in oklab, var(--hero-foreground) 20%, transparent);
  }
}
.ddi-kea-page .tower-supernet-card > header span {
  padding: 3px 9px;
  font-size: 8px;
}
.ddi-kea-page .tower-supernet-metrics {
  border-bottom: 1px solid var(--color-border);
  grid-template-columns: repeat(5, 1fr);
  padding: 12px;
  display: grid;
}
.ddi-kea-page .tower-supernet-metrics span {
  text-align: center;
  color: var(--color-muted-foreground);
  display: grid;
}
.ddi-kea-page .tower-supernet-metrics b {
  color: var(--color-hero);
  font-size: 18px;
}
.ddi-kea-page .tower-supernet-card h4 {
  padding: 8px 14px;
}
.ddi-kea-page .tower-child-cards {
  gap: 8px;
  padding: 0 14px 12px;
  display: flex;
}
.ddi-kea-page .tower-child-cards article {
  border: 1px solid var(--color-border);
  background: var(--color-muted);
  grid-template-columns: 1fr auto;
  gap: 6px;
  width: 190px;
  padding: 9px;
  display: grid;
  position: relative;
}
.ddi-kea-page .tower-child-cards article > em {
  background: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-child-cards article > em {
    background: color-mix(in oklab, var(--accent) 18%, var(--background));
  }
}
.ddi-kea-page .tower-child-cards article > em {
  color: var(--hero);
  padding: 2px 5px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .tower-child-cards article > em {
    color: color-mix(in oklab, var(--hero) 65%, var(--accent));
  }
}
.ddi-kea-page .tower-child-cards article > em {
  font-style: normal;
}
.ddi-kea-page .tower-child-cards article > small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ddi-kea-page .tower-child-cards article > i {
  align-items: center;
  gap: 5px;
  font-style: normal;
  display: flex;
}
.ddi-kea-page .tower-child-cards article > i:before {
  content: "";
  background: var(--color-grid-free);
  width: 35px;
  height: 5px;
}
.ddi-kea-page .tower-child-cards article > i u {
  background: var(--color-warning);
  max-width: 35px;
  height: 5px;
  text-decoration: none;
  position: absolute;
  bottom: 13px;
  right: 34px;
}
@media (width<=1023px) {
  .ddi-kea-page .performance-tabs {
    display: flex;
    overflow-x: auto;
  }
  .ddi-kea-page .performance-tabs button {
    flex: none;
    min-width: 190px;
  }
  .ddi-kea-page .performance-showcase > div:last-child {
    padding: 16px;
  }
}
@media (width<=767px) {
  .ddi-kea-page .ipam-tower-tabs {
    display: flex;
    overflow-x: auto;
  }
  .ddi-kea-page .ipam-tower-tabs button {
    min-width: 165px;
  }
  .ddi-kea-page .tower-replica {
    min-width: 1040px;
  }
  .ddi-kea-page .ipam-tower-stage {
    max-width: 100%;
    overflow-x: auto;
  }
  .ddi-kea-page .ipam-tower-showcase {
    max-width: 100%;
  }
  .ddi-kea-page .performance-tabs button {
    min-width: 175px;
  }
  .ddi-kea-page .performance-showcase > div:last-child {
    padding: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .ipam-tower-tabs button > i,
  .ddi-kea-page .tower-replica,
  .ddi-kea-page .tower-heatmap-grid i,
  .ddi-kea-page .performance-tabs button > i {
    animation: none !important;
  }
}
@keyframes operations-ring {
  0% {
    opacity: 0.55;
    transform: scale(0.72);
  }
  70%,
  to {
    opacity: 0;
    transform: scale(1.22);
  }
}
@keyframes operations-flow {
  to {
    stroke-dashoffset: -24px;
  }
}
@keyframes operations-packet {
  0% {
    opacity: 0;
    offset-distance: 0%;
  }
  12%,
  82% {
    opacity: 1;
  }
  to {
    opacity: 0;
    offset-distance: 100%;
  }
}
@keyframes operations-node-pulse {
  0%,
  to {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--success) 20%, transparent);
  }
  50% {
    box-shadow: 0 0 0 7px #0000;
  }
}
.ddi-kea-page .operations-globe {
  border-block: 1px solid var(--hero-foreground);
  height: 500px;
  position: relative;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-globe {
    border-block: 1px solid
      color-mix(in oklab, var(--hero-foreground) 15%, transparent);
  }
}
.ddi-kea-page .operations-globe {
  background: radial-gradient(
      circle at 50% 48%,
      var(--success),
      transparent 32%
    ),
    repeating-radial-gradient(
      circle at 50% 48%,
      transparent 0 62px,
      var(--hero-foreground) 63px 64px
    );
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-globe {
    background: radial-gradient(
        circle at 50% 48%,
        color-mix(in oklab, var(--success) 11%, transparent),
        transparent 32%
      ),
      repeating-radial-gradient(
        circle at 50% 48%,
        transparent 0 62px,
        color-mix(in oklab, var(--hero-foreground) 6%, transparent) 63px 64px
      );
  }
}
.ddi-kea-page .operations-globe {
  isolation: isolate;
}
.ddi-kea-page .operations-globe:before {
  content: "";
  opacity: 0.22;
  background-image: linear-gradient(var(--hero-foreground) 1px, transparent 1px),
    linear-gradient(90deg, var(--hero-foreground) 1px, transparent 1px);
  position: absolute;
  inset: 8% 12%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-globe:before {
    background-image: linear-gradient(
        color-mix(in oklab, var(--hero-foreground) 13%, transparent) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        color-mix(in oklab, var(--hero-foreground) 13%, transparent) 1px,
        transparent 1px
      );
  }
}
.ddi-kea-page .operations-globe:before {
  -webkit-mask-image: radial-gradient(
    ellipse at center,
    var(--color-hero),
    transparent 72%
  );
  -webkit-mask-image: radial-gradient(
    ellipse at center,
    var(--color-hero),
    transparent 72%
  );
  -webkit-mask-image: radial-gradient(
    ellipse at center,
    var(--color-hero),
    transparent 72%
  );
  -webkit-mask-image: radial-gradient(
    ellipse at center,
    var(--color-hero),
    transparent 72%
  );
  mask-image: radial-gradient(
    ellipse at center,
    var(--color-hero),
    transparent 72%
  );
  background-size: 42px 42px;
}
.ddi-kea-page .operations-globe__links {
  width: 100%;
  height: 92%;
  position: absolute;
  inset: 4% 0 0;
  overflow: visible;
}
.ddi-kea-page .operations-globe__links path {
  fill: none;
  stroke-width: 1.5px;
  stroke-dasharray: 5 7;
  animation: 1.8s linear infinite operations-flow;
}
.ddi-kea-page .operations-globe__links .operations-link--command {
  stroke: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-globe__links .operations-link--command {
    stroke: color-mix(in oklab, var(--warning) 52%, transparent);
  }
}
.ddi-kea-page .operations-globe__links .operations-link--telemetry {
  stroke: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-globe__links .operations-link--telemetry {
    stroke: color-mix(in oklab, var(--success) 48%, transparent);
  }
}
.ddi-kea-page .operations-globe__links .operations-link--telemetry {
  stroke-dashoffset: 12px;
  animation-direction: reverse;
}
.ddi-kea-page .operations-globe__rings {
  width: 260px;
  height: 260px;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ddi-kea-page .operations-globe__rings i {
  border: 1px solid var(--success);
  position: absolute;
  inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-globe__rings i {
    border: 1px solid color-mix(in oklab, var(--success) 38%, transparent);
  }
}
.ddi-kea-page .operations-globe__rings i {
  border-radius: 50%;
  animation: 3.6s ease-out infinite operations-ring;
}
.ddi-kea-page .operations-globe__rings i:nth-child(2) {
  animation-delay: 1.2s;
}
.ddi-kea-page .operations-globe__rings i:nth-child(3) {
  animation-delay: 2.4s;
}
.ddi-kea-page .operations-console {
  z-index: 3;
  border: 1px solid var(--success);
  width: min(370px, 42%);
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-console {
    border: 1px solid color-mix(in oklab, var(--success) 62%, var(--hero));
  }
}
.ddi-kea-page .operations-console {
  background: var(--hero);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-console {
    background: color-mix(in oklab, var(--hero) 93%, var(--background));
  }
}
.ddi-kea-page .operations-console {
  box-shadow: 0 22px 70px var(--hero), 0 0 35px var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-console {
    box-shadow: 0 22px 70px color-mix(in oklab, var(--hero) 78%, transparent),
      0 0 35px color-mix(in oklab, var(--success) 14%, transparent);
  }
}
.ddi-kea-page .operations-console header {
  border-bottom: 1px solid var(--hero-foreground);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-console header {
    border-bottom: 1px solid
      color-mix(in oklab, var(--hero-foreground) 14%, transparent);
  }
}
.ddi-kea-page .operations-console header {
  padding: 11px 14px;
}
.ddi-kea-page .operations-console header span {
  font-family: var(--font-display);
  align-items: center;
  gap: 7px;
  font-weight: 700;
  display: flex;
}
.ddi-kea-page .operations-console header svg {
  color: var(--color-success);
}
.ddi-kea-page .operations-console header em {
  border: 1px solid var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-console header em {
    border: 1px solid color-mix(in oklab, var(--success) 40%, transparent);
  }
}
.ddi-kea-page .operations-console header em {
  color: var(--color-success);
  padding: 3px 7px;
  font-size: 9px;
  font-style: normal;
}
.ddi-kea-page .operations-console__body {
  background: var(--hero-foreground);
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-console__body {
    background: color-mix(in oklab, var(--hero-foreground) 10%, transparent);
  }
}
.ddi-kea-page .operations-console__body {
  padding: 1px;
}
.ddi-kea-page .operations-console__metric {
  background: var(--color-hero);
  gap: 4px;
  padding: 13px;
  display: grid;
}
.ddi-kea-page .operations-console__metric small {
  color: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-console__metric small {
    color: color-mix(in oklab, var(--hero-foreground) 58%, transparent);
  }
}
.ddi-kea-page .operations-console__metric small {
  font-size: 9px;
}
.ddi-kea-page .operations-console__metric b {
  font-family: var(--font-display);
  color: var(--color-hero-foreground);
  font-size: 18px;
}
.ddi-kea-page .operations-console__status {
  background: var(--color-hero);
  color: var(--color-success);
  grid-column: 1/-1;
  align-items: center;
  gap: 9px;
  padding: 12px 13px;
  display: flex;
}
.ddi-kea-page .operations-console__status span {
  display: grid;
}
.ddi-kea-page .operations-console__status b {
  font-size: 10px;
}
.ddi-kea-page .operations-console__status small {
  color: var(--hero-foreground);
  margin-top: 2px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-console__status small {
    color: color-mix(in oklab, var(--hero-foreground) 55%, transparent);
  }
}
.ddi-kea-page .operations-console__status small {
  font-size: 8px;
}
.ddi-kea-page .operations-console__flows {
  background: var(--hero-foreground);
  grid-column: 1/-1;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-console__flows {
    background: color-mix(in oklab, var(--hero-foreground) 10%, transparent);
  }
}
.ddi-kea-page .operations-console__flows span {
  background: var(--color-hero);
  color: var(--hero-foreground);
  align-items: center;
  gap: 5px;
  padding: 8px 10px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-console__flows span {
    color: color-mix(in oklab, var(--hero-foreground) 64%, transparent);
  }
}
.ddi-kea-page .operations-console__flows span {
  font-size: 8px;
}
.ddi-kea-page .operations-console__flows i {
  background: var(--color-warning);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 6px var(--warning);
  border-radius: 50%;
  flex: none;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-console__flows i {
    box-shadow: 0 0 6px color-mix(in oklab, var(--warning) 58%, transparent);
  }
}
.ddi-kea-page .operations-console__flows span + span i {
  background: var(--color-success);
  box-shadow: 0 0 6px var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-console__flows span + span i {
    box-shadow: 0 0 6px color-mix(in oklab, var(--success) 58%, transparent);
  }
}
.ddi-kea-page .operations-console__flows b {
  color: var(--color-warning);
  text-transform: uppercase;
  margin-left: auto;
  font-size: 8px;
}
.ddi-kea-page .operations-console__flows span + span b {
  color: var(--color-success);
}
.ddi-kea-page .operations-node {
  z-index: 2;
  align-items: center;
  gap: 9px;
  min-width: 180px;
  display: flex;
  position: absolute;
}
.ddi-kea-page .operations-node > span {
  border: 1px solid var(--success);
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-node > span {
    border: 1px solid color-mix(in oklab, var(--success) 50%, transparent);
  }
}
.ddi-kea-page .operations-node > span {
  background: var(--color-hero);
  color: var(--color-success);
  animation: 3s ease-in-out infinite operations-node-pulse;
}
.ddi-kea-page .operations-node > span i {
  border: 2px solid var(--color-hero);
  background: var(--color-success);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: -2px;
  right: -2px;
}
.ddi-kea-page .operations-node div {
  display: grid;
}
.ddi-kea-page .operations-node b {
  font-size: 11px;
}
.ddi-kea-page .operations-node small {
  color: var(--hero-foreground);
  margin-top: 2px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .operations-node small {
    color: color-mix(in oklab, var(--hero-foreground) 52%, transparent);
  }
}
.ddi-kea-page .operations-node small {
  font-family: ui-monospace, monospace;
  font-size: 8px;
}
.ddi-kea-page .operations-node--1 {
  top: 12%;
  left: 2%;
}
.ddi-kea-page .operations-node--2 {
  top: 12%;
  right: 1%;
}
.ddi-kea-page .operations-node--3 {
  bottom: 12%;
  left: 1%;
}
.ddi-kea-page .operations-node--4 {
  bottom: 10%;
  right: 0;
}
.ddi-kea-page .operations-node--5 {
  bottom: 1%;
  left: 50%;
  transform: translate(-50%);
}
.ddi-kea-page .operations-node--2,
.ddi-kea-page .operations-node--4 {
  text-align: right;
  flex-direction: row-reverse;
}
.ddi-kea-page .operations-node--2 > span {
  animation-delay: 0.5s;
}
.ddi-kea-page .operations-node--3 > span {
  animation-delay: 1s;
}
.ddi-kea-page .operations-node--4 > span {
  animation-delay: 1.5s;
}
.ddi-kea-page .operations-node--5 > span {
  animation-delay: 2s;
}
.ddi-kea-page .operations-packets i {
  z-index: 4;
  offset-rotate: 0deg;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 4s linear infinite operations-packet;
  position: absolute;
}
.ddi-kea-page .operations-packet--command {
  background: var(--color-warning);
  box-shadow: 0 0 9px var(--color-warning);
}
.ddi-kea-page .operations-packet--telemetry {
  background: var(--color-success);
  box-shadow: 0 0 9px var(--color-success);
  animation-direction: reverse !important;
  animation-delay: -2s !important;
}
.ddi-kea-page .operations-packet-route--1 i {
  offset-path: path("M 500 230 C 390 182 286 116 150 92");
}
.ddi-kea-page .operations-packet-route--2 i {
  offset-path: path("M 500 230 C 610 174 718 112 850 92");
  animation-delay: 0.8s;
}
.ddi-kea-page .operations-packet-route--3 i {
  offset-path: path("M 500 230 C 354 238 248 272 112 344");
  animation-delay: 1.6s;
}
.ddi-kea-page .operations-packet-route--4 i {
  offset-path: path("M 500 230 C 650 244 760 286 888 352");
  animation-delay: 2.4s;
}
.ddi-kea-page .operations-packet-route--5 i {
  offset-path: path("M 500 230 C 500 306 500 346 500 414");
  animation-delay: 3.2s;
}
.ddi-kea-page .operations-packet-route--2 .operations-packet--telemetry {
  animation-delay: -1.2s !important;
}
.ddi-kea-page .operations-packet-route--3 .operations-packet--telemetry {
  animation-delay: -0.4s !important;
}
.ddi-kea-page .operations-packet-route--4 .operations-packet--telemetry {
  animation-delay: 0.4s !important;
}
.ddi-kea-page .operations-packet-route--5 .operations-packet--telemetry {
  animation-delay: 1.2s !important;
}
@media (width<=767px) {
  .ddi-kea-page .operations-globe {
    height: 580px;
  }
  .ddi-kea-page .operations-console {
    width: 78%;
    top: 44%;
  }
  .ddi-kea-page .operations-node {
    min-width: 0;
    max-width: 145px;
  }
  .ddi-kea-page .operations-node--1 {
    top: 7%;
    left: 2%;
  }
  .ddi-kea-page .operations-node--2 {
    top: 7%;
    right: 2%;
  }
  .ddi-kea-page .operations-node--3 {
    bottom: 14%;
    left: 2%;
  }
  .ddi-kea-page .operations-node--4 {
    bottom: 14%;
    right: 2%;
  }
  .ddi-kea-page .operations-node--5 {
    bottom: 2%;
  }
  .ddi-kea-page .operations-node small {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 105px;
    overflow: hidden;
  }
  .ddi-kea-page .operations-globe__links,
  .ddi-kea-page .operations-packets {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .operations-globe__links path,
  .ddi-kea-page .operations-globe__rings i,
  .ddi-kea-page .operations-node > span,
  .ddi-kea-page .operations-packets i {
    animation: none !important;
  }
  .ddi-kea-page .operations-globe__rings i {
    opacity: 0.25;
    transform: scale(0.9);
  }
}
.ddi-kea-page .autolease-range {
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 14px 0;
  display: flex;
}
.ddi-kea-page .autolease-range span {
  border: 1px solid var(--border);
  background: hsl(var(--secondary));
  color: hsl(var(--muted-foreground));
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  font-size: 9.5px;
  display: inline-flex;
}
.ddi-kea-page .autolease-range b {
  color: hsl(var(--foreground));
  font-weight: 600;
}
.ddi-kea-page .autolease-range .is-live {
  border-color: hsl(var(--primary) / 0.5);
  color: hsl(var(--primary));
  animation: 1.6s ease-in-out infinite autolease-pulse;
}
.ddi-kea-page .autolease-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 12px;
  padding: 12px 14px 14px;
  display: grid;
}
.ddi-kea-page .autolease-sweep h4,
.ddi-kea-page .autolease-inventory h4 {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
  margin: 0 0 8px;
  font-size: 10px;
  font-weight: 700;
}
.ddi-kea-page .autolease-ips {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  display: grid;
}
.ddi-kea-page .autolease-ip {
  border: 1px solid var(--border);
  background: hsl(var(--background));
  color: hsl(var(--muted-foreground));
  padding: 5px 7px;
  font-family: ui-monospace, monospace;
  font-size: 9.5px;
  transition: border-color 0.3s, color 0.3s;
  position: relative;
}
.ddi-kea-page .autolease-ip.is-scanned {
  border-color: hsl(var(--primary) / 0.45);
  color: hsl(var(--foreground));
}
.ddi-kea-page .autolease-ip.is-detected {
  color: #c2750a;
  background: #da840b1f;
  border-color: #da840bb3;
  font-weight: 600;
}
.ddi-kea-page .autolease-ip i {
  color: #fff;
  white-space: nowrap;
  background: #da840b;
  border-radius: 2px;
  align-items: center;
  gap: 2px;
  padding: 1px 4px;
  font-size: 7.5px;
  font-style: normal;
  font-weight: 700;
  display: inline-flex;
  position: absolute;
  top: -8px;
  right: -4px;
}
.ddi-kea-page .autolease-detect-note {
  color: #c2750a;
  opacity: 0;
  margin: 10px 0 0;
  font-size: 9.5px;
  line-height: 1.5;
  transition: opacity 0.4s, transform 0.4s;
  transform: translateY(4px);
}
.ddi-kea-page .autolease-detect-note.is-visible {
  opacity: 1;
  transform: none;
}
.ddi-kea-page .autolease-inventory {
  border: 1px solid var(--border);
  background: hsl(var(--background));
  padding: 10px;
}
.ddi-kea-page .autolease-row {
  border-bottom: 1px solid var(--border);
  color: hsl(var(--muted-foreground));
  grid-template-columns: 1fr 0.8fr 0.9fr;
  align-items: center;
  gap: 6px;
  padding: 5px 6px;
  font-size: 9.5px;
  display: grid;
}
.ddi-kea-page .autolease-row span:first-child {
  color: hsl(var(--foreground));
  font-family: ui-monospace, monospace;
}
.ddi-kea-page .autolease-row--head {
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 8.5px;
  font-weight: 700;
}
.ddi-kea-page .autolease-row--head b {
  font-weight: 700;
}
.ddi-kea-page .autolease-row--new {
  opacity: 0.55;
  transition: background 0.4s, opacity 0.4s;
}
.ddi-kea-page .autolease-row--new.is-added {
  opacity: 1;
  background: hsl(var(--primary) / 0.08);
}
.ddi-kea-page .autolease-source {
  color: hsl(var(--primary));
  align-items: center;
  gap: 4px;
  font-weight: 600;
  display: inline-flex;
}
.ddi-kea-page .autolease-done {
  color: hsl(var(--primary));
  opacity: 0;
  align-items: flex-start;
  gap: 5px;
  margin: 10px 0 0;
  font-size: 9.5px;
  line-height: 1.5;
  transition: opacity 0.4s, transform 0.4s;
  display: flex;
  transform: translateY(4px);
}
.ddi-kea-page .autolease-done.is-visible {
  opacity: 1;
  transform: none;
}
.ddi-kea-page .autolease-done svg {
  flex-shrink: 0;
  margin-top: 2px;
}
@keyframes autolease-pulse {
  0%,
  to {
    box-shadow: 0 0 0 0 hsl(var(--primary) / 0.3);
  }
  50% {
    box-shadow: 0 0 0 4px hsl(var(--primary) / 0);
  }
}
@media (width<=640px) {
  .ddi-kea-page .autolease-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .autolease-range .is-live {
    animation: none;
  }
  .ddi-kea-page .autolease-ip,
  .ddi-kea-page .autolease-detect-note,
  .ddi-kea-page .autolease-row--new,
  .ddi-kea-page .autolease-done {
    transition: none;
  }
}
.ddi-kea-page .step-inline-scroll--fill {
  place-items: center;
  height: 100%;
  padding: 18px;
  display: grid;
}
.ddi-kea-page .step-ddi--ddns-live .ddns-flow {
  width: 100%;
  min-height: 340px;
}
.ddi-kea-page .step-ddi--ddns-live .ddns-flow__clients {
  gap: 8px;
}
.ddi-kea-page .step-ddi--ddns-live .ddns-flow {
  grid-template-columns: minmax(0, 1.15fr) 30px minmax(0, 0.8fr) 30px minmax(
      0,
      0.8fr
    );
  min-height: 300px;
  padding: 12px;
}
.ddi-kea-page .step-ddi--ddns-live .ddns-flow__clients span {
  padding: 6px 5px;
  font-size: 8.5px;
}
.ddi-kea-page .step-ddi--ddns-live .ddns-flow__dhcp,
.ddi-kea-page .step-ddi--ddns-live .ddns-flow__dns {
  min-height: 150px;
}
.ddi-kea-page .step-ddi--ddns-live {
  min-width: 0;
}
.ddi-kea-page .step-ddi__rail,
.ddi-kea-page .oi-rail,
.ddi-kea-page .security-mini-rail,
.ddi-kea-page .res-mini-rail,
.ddi-kea-page .perf-replica__rail,
.ddi-kea-page .tower-replica__rail,
.ddi-kea-page .product-rail {
  display: none;
}
.ddi-kea-page .step-ddi,
.ddi-kea-page .oi-shell,
.ddi-kea-page .res-console,
.ddi-kea-page .perf-replica,
.ddi-kea-page .tower-replica,
.ddi-kea-page .product-shell,
.ddi-kea-page .security-console__top {
  grid-template-columns: minmax(0, 1fr);
}
.ddi-kea-page .interstitial-slim {
  min-height: clamp(510px, 36.7vw, 704px);
}
.ddi-kea-page .interstitial-slim .interstitial-frame {
  width: min(100%, 1720px);
  padding-top: clamp(42px, 4.5vw, 72px);
  padding-bottom: 0;
}
.ddi-kea-page .interstitial-slim .interstitial-live {
  grid-template-columns: minmax(225px, 0.28fr) minmax(620px, 1fr) minmax(
      225px,
      0.28fr
    );
  gap: 18px;
}
.ddi-kea-page .interstitial-slim .kea-split {
  border-color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-split {
    border-color: color-mix(in oklab, var(--success) 44%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .kea-split {
  gap: 0;
  padding: 0;
}
.ddi-kea-page .interstitial-slim .kea-split--live {
  min-height: 112px;
}
.ddi-kea-page .interstitial-slim .kea-split__pane b {
  font-size: clamp(1.65rem, 2.35vw, 2.65rem);
}
.ddi-kea-page .interstitial-slim .kea-split__pane i {
  font-size: clamp(0.64rem, 0.82vw, 0.9rem);
}
.ddi-kea-page .interstitial-slim .kea-server-stack {
  gap: 3px;
  right: 16%;
}
.ddi-kea-page .interstitial-slim .kea-server-stack__blank {
  min-width: 78px;
  height: 25px;
  padding: 3px 8px;
}
.ddi-kea-page .interstitial-slim .kea-server-stack__blank svg {
  width: 15px;
  height: 15px;
}
.ddi-kea-page .interstitial-slim .ddi-console-card {
  border-radius: 6px;
  grid-template-columns: 42px 1fr;
  gap: 8px;
  width: 142px;
  height: 82px;
  padding: 8px 10px;
  right: 12%;
}
.ddi-kea-page .interstitial-slim .interstitial-side-labels {
  z-index: 2;
  color: var(--hero-foreground);
  gap: 7px;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .interstitial-side-labels {
    color: color-mix(in oklab, var(--hero-foreground) 74%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .interstitial-side-labels span {
  white-space: nowrap;
  width: 100%;
  max-width: none;
  padding: 2px 0;
  font-size: clamp(0.62rem, 0.72vw, 0.74rem);
}
.ddi-kea-page .interstitial-slim .interstitial-side-labels--left {
  padding-right: 6px;
}
.ddi-kea-page .interstitial-slim .interstitial-side-labels--right {
  padding-left: 6px;
}
@media (width<=1180px) {
  .ddi-kea-page .interstitial-slim .interstitial-live {
    grid-template-columns: minmax(180px, 0.24fr) minmax(560px, 1fr) minmax(
        180px,
        0.24fr
      );
    gap: 12px;
  }
  .ddi-kea-page .interstitial-slim .interstitial-side-labels span {
    font-size: 0.62rem;
  }
}
.ddi-kea-page .interstitial-slim .interstitial-content {
  grid-template-columns: minmax(0, 0.88fr) minmax(520px, 1.12fr);
  align-items: start;
  gap: 16px;
  margin-top: clamp(42px, 5vw, 74px);
}
.ddi-kea-page .interstitial-slim .interstitial-content h2 {
  font-size: clamp(2rem, 3vw, 3.45rem);
  line-height: 1.08;
}
.ddi-kea-page .interstitial-slim .interstitial-content h2 > span:first-child {
  color: var(--hero-foreground);
  font-size: clamp(1.15rem, 1.7vw, 1.75rem);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .interstitial-content h2 > span:first-child {
    color: color-mix(in oklab, var(--hero-foreground) 68%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .interstitial-content .mt-6 {
  margin-top: 1.45rem;
}
.ddi-kea-page .interstitial-slim .interstitial-primary {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 8px;
  justify-content: center;
  min-width: 205px;
  min-height: 58px;
  font-size: 0.9rem;
  font-weight: 800;
}
.ddi-kea-page .interstitial-slim .interstitial-secondary {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 8px;
  justify-content: center;
  min-width: 248px;
  min-height: 58px;
  font-size: 0.9rem;
  font-weight: 800;
}
.ddi-kea-page .interstitial-slim .interstitial-globe {
  min-height: 300px;
  margin-top: 10px;
}
.ddi-kea-page .interstitial-slim .interstitial-capabilities {
  align-items: start;
  gap: 4px;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
}
.ddi-kea-page .interstitial-slim .interstitial-capabilities span {
  padding: 2px;
  font-size: clamp(0.65rem, 0.77vw, 0.82rem);
}
.ddi-kea-page .interstitial-slim .interstitial-capabilities span:nth-child(2n) {
  margin-top: 0;
}
.ddi-kea-page .interstitial-slim .interstitial-capabilities span svg {
  background: 0 0;
  border: 0;
  width: 30px;
  height: 30px;
  padding: 0;
}
.ddi-kea-page .interstitial-slim .interstitial-world {
  height: 285px;
  box-shadow: inset 0 22px 45px var(--primary), 0 -5px 28px var(--success);
  border-top-left-radius: 52% 58%;
  border-top-right-radius: 52% 58%;
  bottom: -38%;
  left: -25%;
  right: -24%;
  transform: none;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .interstitial-world {
    box-shadow: inset 0 22px 45px
        color-mix(in oklab, var(--primary) 12%, transparent),
      0 -5px 28px color-mix(in oklab, var(--success) 10%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .interstitial-world:before {
  background-image: radial-gradient(
    circle,
    var(--success) 0 1px,
    transparent 1.5px
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .interstitial-world:before {
    background-image: radial-gradient(
      circle,
      color-mix(in oklab, var(--success) 28%, transparent) 0 1px,
      transparent 1.5px
    );
  }
}
.ddi-kea-page .interstitial-slim .interstitial-world:before {
  opacity: 0.55;
  background-size: 7px 7px;
}
.ddi-kea-page .interstitial-slim .world-node--five {
  animation-delay: 1.7s;
  top: 58%;
  left: 24%;
}
.ddi-kea-page .interstitial-slim .world-node--six {
  background: var(--warning);
  top: 44%;
  right: 27%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .world-node--six {
    background: color-mix(in oklab, var(--warning) 82%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .world-node--six {
  animation-delay: 2.1s;
}
.ddi-kea-page .interstitial-slim .world-arc--four {
  border-color: var(--success);
  width: 72%;
  height: 112px;
  top: 20%;
  left: 15%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .world-arc--four {
    border-color: color-mix(in oklab, var(--success) 28%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .world-arc--four {
  animation: 6s ease-in-out 1.1s infinite interstitial-arc;
}
.ddi-kea-page .interstitial-slim .kea-split__seam svg {
  width: 28px;
  height: 28px;
}
@media (width<=860px) {
  .ddi-kea-page .interstitial-slim {
    min-height: auto;
  }
  .ddi-kea-page .interstitial-slim .interstitial-frame {
    padding-top: 30px;
    padding-bottom: 26px;
  }
  .ddi-kea-page .interstitial-slim .interstitial-live,
  .ddi-kea-page .interstitial-slim .interstitial-content,
  .ddi-kea-page .interstitial-slim .kea-split {
    grid-template-columns: 1fr;
  }
  .ddi-kea-page .interstitial-slim .kea-split--live {
    min-height: 230px;
  }
  .ddi-kea-page .interstitial-slim .kea-split__pane {
    min-height: 112px;
  }
  .ddi-kea-page .interstitial-slim .interstitial-content {
    margin-top: 30px;
  }
  .ddi-kea-page .interstitial-slim .interstitial-globe {
    min-height: 220px;
    margin-top: 18px;
  }
  .ddi-kea-page .interstitial-slim .interstitial-world {
    bottom: -22%;
  }
}
@media (width<=520px) {
  .ddi-kea-page .interstitial-slim .interstitial-side-labels {
    display: none;
  }
  .ddi-kea-page .interstitial-slim .kea-server-stack {
    right: 12px;
  }
  .ddi-kea-page .interstitial-slim .ddi-console-card {
    width: 120px;
    right: 12px;
  }
  .ddi-kea-page .interstitial-slim .interstitial-capabilities {
    grid-template-columns: repeat(4, auto);
  }
  .ddi-kea-page .interstitial-slim .interstitial-capabilities span {
    font-size: 0.52rem;
  }
  .ddi-kea-page .interstitial-slim .interstitial-capabilities span svg {
    width: 34px;
    height: 34px;
    padding: 8px;
  }
}
.ddi-kea-page .resilience-shell {
  grid-template-columns: 1fr;
}
@media (width<=640px) {
  .ddi-kea-page .resilience-tabs button {
    flex: none;
    min-width: 175px;
  }
}
.ddi-kea-page .interstitial-slim .interstitial-live {
  display: block;
}
.ddi-kea-page .interstitial-slim .interstitial-side-labels {
  display: none;
}
.ddi-kea-page .interstitial-slim .kea-split {
  border: 1px solid var(--success);
  width: 100%;
  min-height: 164px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-split {
    border: 1px solid color-mix(in oklab, var(--success) 70%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .kea-split {
  background: var(--hero);
  box-shadow: 0 16px 48px var(--hero);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-split {
    box-shadow: 0 16px 48px color-mix(in oklab, var(--hero) 65%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .kea-split:after {
  background-image: linear-gradient(
      90deg,
      transparent 0 49.92%,
      var(--hero-foreground) 50%,
      transparent 50.08%
    ),
    linear-gradient(var(--hero-foreground) 1px, transparent 1px),
    linear-gradient(90deg, var(--hero-foreground) 1px, transparent 1px);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-split:after {
    background-image: linear-gradient(
        90deg,
        transparent 0 49.92%,
        color-mix(in oklab, var(--hero-foreground) 72%, transparent) 50%,
        transparent 50.08%
      ),
      linear-gradient(
        color-mix(in oklab, var(--hero-foreground) 4%, transparent) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        color-mix(in oklab, var(--hero-foreground) 4%, transparent) 1px,
        transparent 1px
      );
  }
}
.ddi-kea-page .interstitial-slim .kea-split:after {
  opacity: 1;
  background-size: auto, 100% 54px, 12.5% 100%;
}
.ddi-kea-page .interstitial-slim .kea-split__pane {
  min-height: 164px;
  padding: 24px clamp(28px, 4vw, 70px);
}
.ddi-kea-page .interstitial-slim .kea-split__pane--kea:before {
  background: linear-gradient(
    90deg,
    var(--success) 0%,
    var(--primary) 55%,
    var(--hero) 100%
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-split__pane--kea:before {
    background: linear-gradient(
      90deg,
      color-mix(in oklab, var(--success) 32%, var(--hero)) 0%,
      color-mix(in oklab, var(--primary) 56%, var(--hero)) 55%,
      var(--hero) 100%
    );
  }
}
.ddi-kea-page .interstitial-slim .kea-split__pane--ddi:before {
  background: linear-gradient(
    90deg,
    var(--warning) 0%,
    var(--warning) 62%,
    var(--hero) 100%
  );
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-split__pane--ddi:before {
    background: linear-gradient(
      90deg,
      color-mix(in oklab, var(--warning) 29%, var(--hero)) 0%,
      color-mix(in oklab, var(--warning) 17%, var(--hero)) 62%,
      var(--hero) 100%
    );
  }
}
.ddi-kea-page .interstitial-slim .kea-split__copy {
  gap: 12px;
  max-width: none;
}
.ddi-kea-page .interstitial-slim .kea-split__pane b {
  color: var(--hero-foreground);
  font-size: clamp(2rem, 3.05vw, 3.45rem);
  line-height: 0.95;
}
.ddi-kea-page .interstitial-slim .kea-split__pane i {
  letter-spacing: 0.22em;
  color: var(--hero-foreground);
  font-size: clamp(0.66rem, 1vw, 1.05rem);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-split__pane i {
    color: color-mix(in oklab, var(--hero-foreground) 78%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .kea-server-stack {
  gap: 3px;
  right: 31%;
  transform: translateY(-50%) perspective(220px) rotateY(-8deg);
}
.ddi-kea-page .interstitial-slim .kea-server-stack__blank {
  border-color: var(--success);
  border-radius: 3px;
  justify-content: flex-start;
  gap: 6px;
  width: 92px;
  min-width: 92px;
  height: 29px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-server-stack__blank {
    border-color: color-mix(in oklab, var(--success) 75%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .kea-server-stack__blank {
  background: linear-gradient(90deg, var(--success), var(--success));
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-server-stack__blank {
    background: linear-gradient(
      90deg,
      color-mix(in oklab, var(--success) 24%, transparent),
      color-mix(in oklab, var(--success) 52%, transparent)
    );
  }
}
.ddi-kea-page .interstitial-slim .kea-server-stack__blank {
  box-shadow: 0 0 16px var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-server-stack__blank {
    box-shadow: 0 0 16px color-mix(in oklab, var(--success) 28%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .kea-server-stack__blank:after {
  background: var(--success);
  width: 42px;
  height: 4px;
  margin-left: auto;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-server-stack__blank:after {
    background: color-mix(in oklab, var(--success) 60%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .kea-server-stack__blank > i {
  background: var(--success);
  width: 5px;
  height: 5px;
  box-shadow: 0 0 6px var(--success);
  border-radius: 50%;
}
.ddi-kea-page .interstitial-slim .kea-streams {
  gap: 8px;
  right: -4%;
}
.ddi-kea-page .interstitial-slim .kea-streams span {
  width: clamp(90px, 11vw, 180px);
}
.ddi-kea-page .interstitial-slim .kea-streams span:nth-child(odd) {
  width: clamp(110px, 14vw, 220px);
}
.ddi-kea-page .interstitial-slim .kea-streams span:nth-child(3n) {
  width: clamp(125px, 16vw, 250px);
}
.ddi-kea-page .interstitial-slim .kea-split__pane--ddi .kea-split__copy {
  margin-left: 9%;
}
.ddi-kea-page .interstitial-slim .ddi-console-card {
  width: 180px;
  height: 112px;
  box-shadow: 0 0 22px var(--warning);
  border-width: 2px;
  border-radius: 7px;
  grid-template-rows: 13px 1fr;
  grid-template-columns: 52px 1fr;
  gap: 10px;
  padding: 10px 13px;
  right: 10%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .ddi-console-card {
    box-shadow: 0 0 22px color-mix(in oklab, var(--warning) 22%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .ddi-console-card__bar {
  background: var(--warning);
  width: 32px;
  height: 6px;
  box-shadow: 0 0 8px var(--warning);
  justify-self: end;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .ddi-console-card__bar {
    box-shadow: 0 0 8px color-mix(in oklab, var(--warning) 60%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .ddi-console-card__donut {
  width: 48px;
  height: 48px;
}
.ddi-kea-page .interstitial-slim .ddi-console-card__donut:after {
  inset: 11px;
}
.ddi-kea-page .interstitial-slim .ddi-console-card__rows {
  margin-top: -9px;
}
.ddi-kea-page .interstitial-slim .ddi-console-card__rows em {
  background: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .ddi-console-card__rows em {
    background: color-mix(in oklab, var(--warning) 46%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .ddi-console-card__bars em:first-child {
  height: 18px;
}
.ddi-kea-page .interstitial-slim .ddi-console-card__bars em:nth-child(2) {
  height: 34px;
}
.ddi-kea-page .interstitial-slim .ddi-console-card__bars em:nth-child(3) {
  height: 54px;
}
.ddi-kea-page .interstitial-slim .ddi-streams {
  left: -5%;
}
.ddi-kea-page .interstitial-slim .kea-split__seam {
  border: 2px solid var(--hero-foreground);
  width: 48px;
  height: 48px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-split__seam {
    border: 2px solid
      color-mix(in oklab, var(--hero-foreground) 72%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .kea-split__seam {
  background: var(--hero);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-split__seam {
    background: color-mix(in oklab, var(--hero) 72%, transparent);
  }
}
.ddi-kea-page .interstitial-slim .kea-split__seam {
  box-shadow: 0 0 0 5px var(--hero), 0 0 26px var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .interstitial-slim .kea-split__seam {
    box-shadow: 0 0 0 5px color-mix(in oklab, var(--hero) 45%, transparent),
      0 0 26px color-mix(in oklab, var(--warning) 50%, transparent);
  }
}
@media (width<=1040px) {
  .ddi-kea-page .interstitial-slim .kea-server-stack {
    right: 8%;
  }
  .ddi-kea-page .interstitial-slim .ddi-console-card {
    width: 140px;
    right: 4%;
  }
  .ddi-kea-page .interstitial-slim .kea-split__pane--ddi .kea-split__copy {
    margin-left: 3%;
  }
}
@media (width<=860px) {
  .ddi-kea-page .interstitial-slim .kea-split {
    grid-template-columns: 1fr 1fr;
    min-height: 142px;
  }
  .ddi-kea-page .interstitial-slim .kea-split--live {
    min-height: 142px;
  }
  .ddi-kea-page .interstitial-slim .kea-split__pane {
    min-height: 142px;
    padding: 20px;
  }
  .ddi-kea-page .interstitial-slim .kea-server-stack,
  .ddi-kea-page .interstitial-slim .ddi-console-card {
    display: none;
  }
  .ddi-kea-page .interstitial-slim .kea-split__pane--ddi .kea-split__copy {
    margin-left: 8%;
  }
}
.ddi-kea-page .ddns-flow__clients span {
  transition: background 0.4s, border-color 0.4s, color 0.4s;
  position: relative;
}
.ddi-kea-page .ddns-flow__clients span i {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-muted-foreground);
  margin-left: auto;
  font-size: 7.5px;
  font-style: normal;
}
.ddi-kea-page .ddns-flow__clients span.is-active {
  border-color: var(--color-success);
  background: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddns-flow__clients span.is-active {
    background: color-mix(in oklab, var(--success) 16%, var(--background));
  }
}
.ddi-kea-page .ddns-flow__clients span.is-active {
  animation: 0.5s ease-out both step-client-join;
}
.ddi-kea-page .ddns-flow__clients span.is-active i {
  color: var(--color-success);
  font-weight: 700;
}
.ddi-kea-page .ddns-flow__dhcp,
.ddi-kea-page .ddns-flow__dns {
  text-align: left;
  grid-template-rows: auto 1fr auto;
  place-content: stretch;
  gap: 6px;
  padding: 9px;
  display: grid;
}
.ddi-kea-page .ddns-flow__dhcp header,
.ddi-kea-page .ddns-flow__dns header {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  display: flex;
}
.ddi-kea-page .ddns-flow__dhcp header span,
.ddi-kea-page .ddns-flow__dns header span {
  font-size: 9px;
}
.ddi-kea-page .ddns-flow__dhcp ul,
.ddi-kea-page .ddns-flow__dns ul {
  align-content: start;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden;
}
.ddi-kea-page .ddns-flow__dhcp li,
.ddi-kea-page .ddns-flow__dns li {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 4px 5px;
  font-size: 8.5px;
  animation: 0.45s ease-out both step-client-join;
  display: flex;
}
.ddi-kea-page .ddns-flow__dhcp li b,
.ddi-kea-page .ddns-flow__dns li b {
  font-family: var(--font-display);
  font-size: 8.5px;
}
.ddi-kea-page .ddns-flow__dns li {
  grid-template-columns: 16px minmax(0, 1fr);
  row-gap: 3px;
  display: grid;
}
.ddi-kea-page .ddns-flow__dns li b {
  color: var(--color-success);
}
.ddi-kea-page .ddns-flow__dns li span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ddi-kea-page .ddns-flow__dhcp li em {
  color: var(--color-primary);
  font-style: normal;
}
.ddi-kea-page .ddns-flow__dhcp footer,
.ddi-kea-page .ddns-flow__dns footer {
  color: var(--color-muted-foreground);
  font-size: 8.5px;
  font-weight: 700;
}
.ddi-kea-page .step-ddi--ddns-live .ddns-flow {
  grid-template-columns: minmax(0, 0.85fr) 26px minmax(0, 0.95fr) 26px minmax(
      0,
      1.25fr
    );
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .ddns-flow__clients span.is-active,
  .ddi-kea-page .ddns-flow__dhcp li,
  .ddi-kea-page .ddns-flow__dns li {
    animation: none !important;
  }
}
.ddi-kea-page .ddns-flow {
  align-items: stretch;
  gap: 0;
}
.ddi-kea-page .ddns-flow__clients {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  min-width: 0;
}
.ddi-kea-page .ddns-flow__clients span {
  min-width: 0;
  overflow: hidden;
}
.ddi-kea-page .ddns-flow__dhcp,
.ddi-kea-page .ddns-flow__dns {
  min-width: 0;
}
.ddi-kea-page .ddns-flow__dhcp header,
.ddi-kea-page .ddns-flow__dns header {
  justify-content: flex-start;
}
.ddi-kea-page .ddns-flow__pipe {
  align-self: center;
}
.ddi-kea-page .sched-live {
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.1fr) minmax(0, 1.1fr);
  align-items: start;
  gap: 12px;
  padding: 14px;
  display: grid;
}
.ddi-kea-page .sched-live__clock {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--muted) / 0.35);
  border-radius: 12px;
  justify-items: start;
  gap: 8px;
  padding: 14px;
  transition: background 0.4s, border-color 0.4s;
  display: grid;
}
.ddi-kea-page .sched-live__clock strong {
  font-variant-numeric: tabular-nums;
  font-size: clamp(1.6rem, 2.4vw, 2.3rem);
  line-height: 1;
}
.ddi-kea-page .sched-live__clock span {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.75;
  font-size: 0.68rem;
}
.ddi-kea-page .sched-live__track {
  background: hsl(var(--border));
  border-radius: 999px;
  width: 100%;
  height: 6px;
  position: relative;
  overflow: visible;
}
.ddi-kea-page .sched-live__track i {
  background: hsl(var(--primary));
  border-radius: 999px;
  transition: width 0.6s;
  position: absolute;
  inset: 0 auto 0 0;
}
.ddi-kea-page .sched-live__track em {
  opacity: 0.7;
  font-size: 0.6rem;
  font-style: normal;
  position: absolute;
  top: 10px;
  right: 0;
}
.ddi-kea-page .sched-live.is-near .sched-live__clock {
  border-color: #f59f0a99;
}
.ddi-kea-page .sched-live.is-live .sched-live__clock {
  background: #10b77f1a;
  border-color: #10b77fb3;
}
.ddi-kea-page .sched-live.is-live .sched-live__clock strong {
  color: #0ea06f;
}
.ddi-kea-page .sched-live__card {
  border: 1px solid hsl(var(--border));
  border-radius: 12px;
  min-width: 0;
  overflow: hidden;
}
.ddi-kea-page .sched-live__card header {
  background: hsl(var(--muted) / 0.5);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-size: 0.74rem;
  display: flex;
}
.ddi-kea-page .sched-live__card header span {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #a55c09;
  background: #f59f0a2e;
  border-radius: 999px;
  padding: 2px 7px;
  font-size: 0.6rem;
}
.ddi-kea-page .sched-live__card header span.is-live {
  color: #0b835b;
  background: #10b77f2e;
}
.ddi-kea-page .sched-live__card dl {
  gap: 0;
  margin: 0;
  display: grid;
}
.ddi-kea-page .sched-live__card dl > div {
  border-top: 1px solid hsl(var(--border) / 0.6);
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 8px;
  padding: 6px 10px;
  font-size: 0.7rem;
  display: grid;
}
.ddi-kea-page .sched-live__card dt {
  opacity: 0.68;
  margin: 0;
}
.ddi-kea-page .sched-live__card dd {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  margin: 0;
  font-weight: 600;
}
.ddi-kea-page .sched-live__opts {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ddi-kea-page .sched-live__opts li {
  border-top: 1px solid hsl(var(--border) / 0.6);
  justify-content: space-between;
  gap: 8px;
  padding: 6px 10px;
  font-size: 0.7rem;
  display: flex;
}
.ddi-kea-page .sched-live__opts li b {
  opacity: 0.7;
  font-weight: 500;
}
.ddi-kea-page .sched-live.is-live .sched-live__opts li {
  animation: 0.4s both fade-in;
}
.ddi-kea-page .sched-live__card footer {
  border-top: 1px solid hsl(var(--border) / 0.6);
  opacity: 0.78;
  padding: 7px 10px;
  font-size: 0.65rem;
}
@media (width<=1180px) {
  .ddi-kea-page .sched-live {
    grid-template-columns: 1fr;
    min-width: 420px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .sched-live__track i,
  .ddi-kea-page .sched-live.is-live .sched-live__opts li {
    transition: none;
    animation: none;
  }
}
.ddi-kea-page .step-ddi--sched {
  min-width: 0;
}
.ddi-kea-page .step-ddi--sched .sched-live {
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 0.95fr) minmax(0, 0.95fr) minmax(
      0,
      1.15fr
    );
}
.ddi-kea-page .sched-live__res {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ddi-kea-page .sched-live__res li {
  border-top: 1px solid hsl(var(--border) / 0.6);
  opacity: 0.45;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "host tick" "mac tick" "ip tick";
  gap: 0 8px;
  padding: 5px 10px;
  font-size: 0.66rem;
  transition: opacity 0.35s, background 0.35s;
  display: grid;
}
.ddi-kea-page .sched-live__res li b {
  grid-area: host;
  font-weight: 600;
}
.ddi-kea-page .sched-live__res li span {
  opacity: 0.7;
  font-family: var(--font-mono, ui-monospace, monospace);
  grid-area: mac;
  font-size: 0.6rem;
}
.ddi-kea-page .sched-live__res li em {
  font-variant-numeric: tabular-nums;
  grid-area: ip;
  font-style: normal;
}
.ddi-kea-page .sched-live__res li i {
  color: #0ea06f;
  grid-area: tick;
  align-self: center;
  font-style: normal;
  font-weight: 700;
}
.ddi-kea-page .sched-live__res li.is-applied {
  opacity: 1;
  background: #10b77f14;
  animation: 0.4s both fade-in;
}
.ddi-kea-page .sched-live__res li.is-applied em {
  color: #0b835b;
  font-weight: 700;
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .sched-live__res li,
  .ddi-kea-page .sched-live__res li.is-applied {
    opacity: 1;
    transition: none;
    animation: none;
  }
}
.ddi-kea-page .pool-policies-layout .step-ddi {
  min-width: 960px;
  height: 540px;
}
.ddi-kea-page .pool-policies-layout .step-ddi--client-class {
  height: 650px;
}
.ddi-kea-page .step-ddi--client-class .step-ddi__top {
  border-top: 3px solid var(--color-hero);
  height: 34px;
}
.ddi-kea-page .step-ddi--client-class .client-class-page {
  height: 616px;
  padding: 21px 28px 55px;
}
.ddi-kea-page .step-ddi--client-class .client-class-form {
  width: 73%;
  margin-left: 9.5%;
}
.ddi-kea-page .step-ddi--client-class .step-form-field {
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 12px;
}
.ddi-kea-page .step-ddi--client-class .step-form-field > b {
  min-height: 22px;
  padding: 4px 7px;
}
.ddi-kea-page .step-ddi--client-class .client-global {
  grid-template-columns: 92px 1fr;
  gap: 12px;
  margin-top: 11px;
}
.ddi-kea-page .step-ddi--client-class .assign-pool {
  border-color: var(--foreground);
  margin-top: 14px;
  padding: 15px 76px 18px;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi--client-class .assign-pool {
    border-color: color-mix(in oklab, var(--foreground) 54%, var(--border));
  }
}
.ddi-kea-page .assign-pool__row,
.ddi-kea-page .assign-client-class__row {
  grid-template-columns: 68px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  display: grid;
}
.ddi-kea-page .assign-pool__row > span,
.ddi-kea-page .assign-client-class__row > span {
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
}
.ddi-kea-page .assign-pool__row > b,
.ddi-kea-page .assign-client-class__row > b {
  border: 1px solid var(--color-border);
  min-height: 23px;
  color: var(--color-muted-foreground);
  justify-content: space-between;
  align-items: center;
  padding: 4px 7px;
  font-weight: 500;
  display: flex;
}
.ddi-kea-page .assign-pool__row > b i,
.ddi-kea-page .assign-client-class__row > b i {
  font-style: normal;
}
.ddi-kea-page .step-ddi--client-class .client-allow {
  grid-template-columns: 68px auto auto;
  gap: 7px;
  margin-top: 13px;
}
.ddi-kea-page .client-allow b > i {
  border: 1px solid var(--color-muted-foreground);
  vertical-align: -1px;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: inline-block;
}
.ddi-kea-page .client-allow b:first-of-type > i {
  border: 2px solid var(--color-primary);
}
.ddi-kea-page .assign-pool__add,
.ddi-kea-page .assign-client-class__add {
  border: 1px solid var(--color-success);
  background: var(--color-background);
  color: var(--color-success);
  padding: 3px 10px;
  font-size: 9px;
  font-weight: 500;
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translate(-50%);
}
.ddi-kea-page .step-ddi--client-class .assigned-pools {
  grid-template-columns: 128px 1fr;
  gap: 12px;
  margin: 18px 77px 0;
}
.ddi-kea-page .step-ddi--client-class .assigned-pools > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
.ddi-kea-page .step-ddi--client-class .assigned-pools b {
  background: var(--muted);
  border: 0;
  min-height: 45px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi--client-class .assigned-pools b {
    background: color-mix(in oklab, var(--muted) 72%, var(--background));
  }
}
.ddi-kea-page .step-ddi--client-class .assigned-pools b {
  padding: 5px 17px 5px 6px;
  font-size: 7px;
}
.ddi-kea-page .step-ddi--client-class .client-form-grid {
  gap: 7px;
  width: 73%;
  margin: 14px 0 0 9.5%;
}
.ddi-kea-page .step-ddi--client-class .option-table {
  margin-top: 15px;
}
.ddi-kea-page .step-ddi--client-class .option-picker {
  grid-template-columns: 170px 1fr 210px;
  padding: 19px 16px 7px;
}
.ddi-kea-page .step-ddi--client-class .step-ddi__footer {
  padding: 9px;
  left: 0;
}
.ddi-kea-page .step-ddi--edit-pool {
  background: var(--hero);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi--edit-pool {
    background: color-mix(in oklab, var(--hero) 12%, var(--background));
  }
}
.ddi-kea-page .step-ddi--edit-pool .step-ddi__top {
  opacity: 0.45;
}
.ddi-kea-page .step-ddi--edit-pool .step-modal--pool {
  inset: 14px 86px;
}
.ddi-kea-page .step-ddi--edit-pool .step-modal > header {
  height: 38px;
  padding: 10px 12px;
}
.ddi-kea-page .step-ddi--edit-pool .pool-edit-body {
  padding: 52px 105px 54px;
}
.ddi-kea-page .step-ddi--edit-pool .pool-range {
  grid-template-columns: 82px minmax(0, 1fr) minmax(0, 1fr) 50px;
  gap: 8px;
}
.ddi-kea-page .step-ddi--edit-pool .pool-chip {
  background: var(--primary);
  margin: 22px 0 38px 90px;
  padding: 4px 7px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi--edit-pool .pool-chip {
    background: color-mix(in oklab, var(--primary) 11%, var(--background));
  }
}
.ddi-kea-page .step-ddi--edit-pool .pool-chip i {
  color: var(--color-muted-foreground);
  margin-left: 5px;
  font-style: normal;
}
.ddi-kea-page .step-ddi--edit-pool .assign-client-class {
  border-color: var(--foreground);
  margin: 0 8px 31px;
  padding: 16px 78px 22px;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi--edit-pool .assign-client-class {
    border-color: color-mix(in oklab, var(--foreground) 55%, var(--border));
  }
}
.ddi-kea-page .step-ddi--edit-pool .assign-client-class__row {
  grid-template-columns: 84px minmax(0, 1fr);
}
.ddi-kea-page .step-ddi--edit-pool .assign-client-class__row > span i {
  color: var(--color-destructive);
  font-style: normal;
}
.ddi-kea-page .step-ddi--edit-pool .client-allow {
  grid-template-columns: 84px auto auto;
  gap: 7px;
  margin-top: 18px;
}
.ddi-kea-page .step-ddi--edit-pool .option-tabs {
  margin-inline: -105px;
  padding-left: 114px;
}
.ddi-kea-page .step-ddi--edit-pool .pool-options-form {
  padding-top: 18px;
}
.ddi-kea-page .step-ddi--edit-pool .pool-option-row {
  grid-template-columns: 74px minmax(0, 1fr) 46px;
  margin: 10px 68px 0;
}
.ddi-kea-page .step-ddi--edit-pool .pool-option-row > span i {
  border: 1px solid var(--color-muted-foreground);
  border-radius: 50%;
  place-items: center;
  width: 10px;
  height: 10px;
  font-size: 7px;
  font-style: normal;
  display: inline-grid;
}
.ddi-kea-page .step-ddi--edit-pool .pool-option-row b i {
  float: right;
  width: auto;
  color: inherit;
  font-style: normal;
  line-height: inherit;
  background: 0 0;
  padding: 0;
  position: static;
}
.ddi-kea-page .step-ddi--edit-pool .pool-option-row > span i {
  color: inherit;
  background: 0 0;
  padding: 0;
  line-height: 1;
  position: static;
}
.ddi-kea-page .step-ddi--edit-pool .pool-option-row em {
  z-index: 1;
  background: var(--foreground);
  width: 145px;
  position: absolute;
  top: 27px;
  left: -12px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi--edit-pool .pool-option-row em {
    background: color-mix(in oklab, var(--foreground) 80%, var(--hero));
  }
}
.ddi-kea-page .step-ddi--edit-pool .pool-option-row em {
  color: var(--color-background);
  box-shadow: 0 5px 12px var(--hero);
  padding: 9px;
  font-style: normal;
  line-height: 1.55;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi--edit-pool .pool-option-row em {
    box-shadow: 0 5px 12px color-mix(in oklab, var(--hero) 20%, transparent);
  }
}
.ddi-kea-page .step-ddi--edit-pool .step-modal footer {
  border-top: 1px solid var(--color-border);
  justify-content: center;
  padding: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ddi-kea-page .step-ddi--edit-pool .step-modal footer b {
  background: var(--color-primary);
  min-width: 80px;
  color: var(--color-primary-foreground);
  text-align: center;
  border-radius: 999px;
  padding: 7px 18px;
}
@media (width<=1180px) {
  .ddi-kea-page .pool-policies-layout .step-ddi {
    min-width: 960px;
  }
}
.ddi-kea-page .option-table td.is-anchor,
.ddi-kea-page .option-table tr.is-flagged {
  position: relative;
}
.ddi-kea-page .option-table tr.is-flagged td {
  background: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .option-table tr.is-flagged td {
    background: color-mix(in oklab, var(--warning) 16%, var(--background));
  }
}
.ddi-kea-page .option-table tr.is-flagged td {
  border-top: 1px solid var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .option-table tr.is-flagged td {
    border-top: 1px solid
      color-mix(in oklab, var(--warning) 55%, var(--color-border));
  }
}
.ddi-kea-page .option-table tr.is-flagged td {
  border-bottom: 1px solid var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .option-table tr.is-flagged td {
    border-bottom: 1px solid
      color-mix(in oklab, var(--warning) 55%, var(--color-border));
  }
}
.ddi-kea-page .option-table tr.is-flagged td {
  color: var(--color-foreground);
}
.ddi-kea-page .option-table tr.is-flagged td:first-child {
  border-left: 3px solid var(--warning);
}
.ddi-kea-page .option-table tr.is-flagged td:last-child {
  border-right: 3px solid var(--warning);
  font-weight: 700;
}
.ddi-kea-page .option-table tr.is-flagged {
  animation: 2.6s ease-in-out infinite option-flag-pulse;
}
@keyframes option-flag-pulse {
  0%,
  to {
    box-shadow: inset 0 0 0 1px
      color-mix(in oklab, var(--warning) 30%, transparent);
  }
  50% {
    box-shadow: inset 0 0 0 1px
        color-mix(in oklab, var(--warning) 85%, transparent),
      0 0 18px color-mix(in oklab, var(--warning) 30%, transparent);
  }
}
.ddi-kea-page .option-note {
  z-index: 6;
  border: 1px solid var(--warning);
  width: min(100%, 540px);
  position: absolute;
  bottom: calc(100% + 11px);
  left: 0;
  right: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .option-note {
    border: 1px solid color-mix(in oklab, var(--warning) 70%, transparent);
  }
}
.ddi-kea-page .option-note {
  background: var(--hero);
  border-radius: 7px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .option-note {
    background: color-mix(in oklab, var(--hero) 94%, var(--warning) 6%);
  }
}
.ddi-kea-page .option-note {
  box-shadow: 0 10px 24px var(--hero);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .option-note {
    box-shadow: 0 10px 24px color-mix(in oklab, var(--hero) 40%, transparent);
  }
}
.ddi-kea-page .option-note {
  color: var(--background);
  padding: 8px 12px 8px 30px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.35;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .option-note {
    color: color-mix(in oklab, var(--background) 88%, var(--warning));
  }
}
.ddi-kea-page .option-note {
  text-align: left;
  white-space: normal;
  animation: 0.5s cubic-bezier(0.22, 0.9, 0.24, 1) 0.35s both option-note-in;
}
.ddi-kea-page .option-note i {
  background: var(--warning);
  width: 11px;
  height: 11px;
  box-shadow: 0 0 0 4px var(--warning);
  border-radius: 50%;
  margin-top: -5.5px;
  position: absolute;
  top: 50%;
  left: 11px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .option-note i {
    box-shadow: 0 0 0 4px color-mix(in oklab, var(--warning) 25%, transparent);
  }
}
.ddi-kea-page .option-note i:after {
  content: "";
  background: var(--hero);
  border-radius: 2px;
  width: 2px;
  height: 5px;
  margin: -2.5px 0 0 -1px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.ddi-kea-page .option-note:before {
  content: "";
  border-right: 1px solid var(--warning);
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -6px;
  left: 34px;
  transform: rotate(45deg);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .option-note:before {
    border-right: 1px solid color-mix(in oklab, var(--warning) 70%, transparent);
  }
}
.ddi-kea-page .option-note:before {
  border-bottom: 1px solid var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .option-note:before {
    border-bottom: 1px solid
      color-mix(in oklab, var(--warning) 70%, transparent);
  }
}
.ddi-kea-page .option-note:before {
  background: var(--hero);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .option-note:before {
    background: color-mix(in oklab, var(--hero) 94%, var(--warning) 6%);
  }
}
@keyframes option-note-in {
  0% {
    opacity: 0;
    transform: translateY(9px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.ddi-kea-page .step-ddi--dns-options .option-table {
  margin-top: 12px;
  overflow: visible;
}
.ddi-kea-page .step-ddi--dns-options .edit-domain {
  padding-top: 16px;
}
.ddi-kea-page .step-ddi--dns-options .option-picker {
  padding-top: 10px;
}
.ddi-kea-page .step-ddi--dns-options tr.option-note-gap td {
  background: 0 0;
  border: 0;
  height: 50px;
  padding: 0;
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .option-table tr.is-flagged,
  .ddi-kea-page .option-note {
    animation: none !important;
  }
  .ddi-kea-page .option-note {
    opacity: 1;
    transform: none;
  }
}
.ddi-kea-page .step-form-field > b em + em {
  margin-left: 6px;
}
.ddi-kea-page .option-table tr.is-flagged + tr.is-flagged td {
  border-top: 0;
}
.ddi-kea-page .step-ddi--dhcp-ddns .dhcp-ddns-options {
  padding: 24px 126px 64px;
}
.ddi-kea-page .step-ddi--dhcp-ddns .option-picker {
  padding-top: 4px;
}
.ddi-kea-page .step-ddi--dhcp-ddns .option-table {
  overflow: visible;
}
.ddi-kea-page .step-ddi--dhcp-ddns .option-note {
  width: auto;
  padding-bottom: 10px;
  position: static;
}
.ddi-kea-page .step-ddi--dhcp-ddns .option-note b {
  color: var(--warning);
  margin-bottom: 3px;
  display: block;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi--dhcp-ddns .option-note b {
    color: color-mix(in oklab, var(--warning) 82%, var(--background));
  }
}
.ddi-kea-page .step-ddi--dhcp-ddns .option-note b {
  letter-spacing: 0.01em;
  font-size: 12.5px;
}
.ddi-kea-page .option-note--block {
  width: auto;
  box-shadow: 0 5px 14px var(--hero);
  margin: 14px 0 12px;
  position: static;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .option-note--block {
    box-shadow: 0 5px 14px color-mix(in oklab, var(--hero) 32%, transparent);
  }
}
.ddi-kea-page .option-note--block:before {
  display: none;
}
.ddi-kea-page .step-ddi--domains .domains-page {
  padding: 50px 22px 18px;
}
.ddi-kea-page .step-ddi--domains table {
  table-layout: fixed;
}
.ddi-kea-page .step-ddi--domains td {
  padding: 11px 5px;
  overflow: visible;
}
.ddi-kea-page .step-ddi--domains .cell-managed {
  text-align: center;
}
.ddi-kea-page .step-ddi--domains .cell-secondary,
.ddi-kea-page .step-ddi--domains td:nth-child(9),
.ddi-kea-page .step-ddi--domains td:nth-child(10) {
  color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi--domains .cell-secondary,
  .ddi-kea-page .step-ddi--domains td:nth-child(9),
  .ddi-kea-page .step-ddi--domains td:nth-child(10) {
    color: color-mix(in oklab, var(--foreground) 72%, var(--muted-foreground));
  }
}
.ddi-kea-page .step-ddi--domains th:nth-child(5) {
  background: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi--domains th:nth-child(5) {
    background: color-mix(in oklab, var(--warning) 15%, var(--muted));
  }
}
.ddi-kea-page .step-ddi--domains th:nth-child(5) {
  color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .step-ddi--domains th:nth-child(5) {
    color: color-mix(in oklab, var(--warning) 74%, var(--foreground));
  }
}
.ddi-kea-page .step-ddi--domains .cell-actions {
  border-left: 1px solid var(--color-border);
  padding-left: 11px;
}
.ddi-kea-page .row-controls {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}
.ddi-kea-page .row-controls i {
  border: 1px solid var(--color-border);
  background: var(--muted);
  border-radius: 5px;
  place-items: center;
  width: 19px;
  height: 19px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .row-controls i {
    background: color-mix(in oklab, var(--muted) 55%, var(--background));
  }
}
.ddi-kea-page .row-controls i {
  color: var(--color-muted-foreground);
  cursor: pointer;
  transition: border-color 0.18s, color 0.18s;
}
.ddi-kea-page .row-controls i:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.ddi-kea-page .domains-page .row-controls i svg {
  color: inherit;
}
.ddi-kea-page .step-ddi--domains .cell-ddns {
  position: relative;
}
.ddi-kea-page .ddns-yes {
  border: 1px solid var(--warning);
  justify-content: center;
  align-items: center;
  min-width: 30px;
  padding: 3px 8px;
  display: inline-flex;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddns-yes {
    border: 1px solid color-mix(in oklab, var(--warning) 58%, var(--border));
  }
}
.ddi-kea-page .ddns-yes {
  background: var(--warning);
  border-radius: 999px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddns-yes {
    background: color-mix(in oklab, var(--warning) 17%, var(--background));
  }
}
.ddi-kea-page .ddns-yes {
  color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddns-yes {
    color: color-mix(in oklab, var(--warning) 76%, var(--foreground));
  }
}
.ddi-kea-page .ddns-yes {
  text-underline-offset: 3px;
  cursor: help;
  font-weight: 700;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.ddi-kea-page .ddns-yes:hover,
.ddi-kea-page .ddns-yes:focus {
  background: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddns-yes:hover,
  .ddi-kea-page .ddns-yes:focus {
    background: color-mix(in oklab, var(--warning) 27%, var(--background));
  }
}
.ddi-kea-page .ddns-yes:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.ddi-kea-page .ddns-tip {
  z-index: 6;
  border: 1px solid var(--warning);
  width: 216px;
  position: absolute;
  bottom: calc(100% + 9px);
  left: 50%;
  transform: translate(-50%, 4px);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddns-tip {
    border: 1px solid color-mix(in oklab, var(--warning) 52%, var(--border));
  }
}
.ddi-kea-page .ddns-tip {
  background: var(--foreground);
  border-radius: 6px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddns-tip {
    background: color-mix(in oklab, var(--foreground) 88%, var(--hero));
  }
}
.ddi-kea-page .ddns-tip {
  color: var(--color-background);
  text-align: center;
  text-transform: none;
  letter-spacing: 0;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 8px 18px var(--hero);
  padding: 8px 9px;
  font-size: 8px;
  font-weight: 600;
  line-height: 1.55;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddns-tip {
    box-shadow: 0 8px 18px color-mix(in oklab, var(--hero) 26%, transparent);
  }
}
.ddi-kea-page .ddns-tip {
  transition: opacity 0.2s, transform 0.2s;
}
.ddi-kea-page .ddns-tip:after {
  content: "";
  border: 5px solid #0000;
  border-top-color: var(--foreground);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .ddns-tip:after {
    border-top-color: color-mix(in oklab, var(--foreground) 88%, var(--hero));
  }
}
.ddi-kea-page .ddns-yes:hover .ddns-tip,
.ddi-kea-page .ddns-yes:focus .ddns-tip,
.ddi-kea-page .ddns-yes:focus-visible .ddns-tip,
.ddi-kea-page .ddns-tip--static {
  opacity: 1;
  transform: translate(-50%);
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .ddns-tip,
  .ddi-kea-page .row-controls i {
    transition: none;
  }
}
.ddi-kea-page .step-ddi--domains th {
  letter-spacing: 0.02em;
  padding: 9px 6px;
  font-size: 8px;
}
.ddi-kea-page .step-ddi--domains td {
  padding: 11px 6px;
}
.ddi-kea-page .step-ddi--domains .cell-actions {
  padding-left: 8px;
}
.ddi-kea-page .step-ddi--domains .row-controls {
  gap: 6px;
}
.ddi-kea-page .step-ddi--domains th {
  letter-spacing: 0;
}
.ddi-kea-page .step-ddi--domains .cell-name a {
  margin-right: 0;
}
.ddi-kea-page .step-ddi--domains .cell-name b {
  margin-left: 8px;
}
.ddi-kea-page .step-ddi--domains .cell-managed {
  text-align: center;
  padding-inline: 0;
}
.ddi-kea-page .step-ddi--domains .cell-managed svg {
  vertical-align: middle;
  display: inline-block;
}
.ddi-kea-page .step-ddi--domains td:nth-child(7) {
  padding-right: 10px;
}
.ddi-kea-page .step-ddi--domains td:nth-child(8) {
  padding-left: 10px;
}
.ddi-kea-page .oi-layout {
  grid-template-columns: 1fr;
  min-height: 0;
}
.ddi-kea-page .oi-tab-rail {
  border-right: 0;
  border-bottom: 1px solid var(--color-border);
  flex-direction: row;
  padding: 0;
}
.ddi-kea-page .oi-tab {
  flex: 1 1 0;
  border-bottom: 0 !important;
  border-right: 1px solid var(--hero-foreground) !important;
  min-height: 64px !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-tab {
    border-right: 1px solid
      color-mix(in oklab, var(--hero-foreground) 12%, transparent) !important;
  }
}
.ddi-kea-page .oi-tab {
  align-items: center !important;
}
.ddi-kea-page .oi-tab:last-child {
  border-right: 0 !important;
}
.ddi-kea-page .oi-tab.active {
  box-shadow: inset 0 -2px var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-tab.active {
    box-shadow: inset 0 -2px color-mix(in oklab, var(--hero-foreground) 18%, transparent);
  }
}
.ddi-kea-page .oi-tab-progress {
  z-index: 2;
  background: var(--color-success);
  height: 3px;
  box-shadow: 0 0 8px var(--success);
  bottom: 0;
  left: 0;
  right: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .oi-tab-progress {
    box-shadow: 0 0 8px color-mix(in oklab, var(--success) 42%, transparent);
  }
}
@media (width<=1023px) {
  .ddi-kea-page .oi-tab-rail {
    overflow-x: auto;
  }
  .ddi-kea-page .oi-tab {
    flex: none;
    min-width: 170px;
  }
}
.ddi-kea-page .bottom-banner {
  isolation: isolate;
  min-height: 0;
  padding-block: 48px;
}
.ddi-kea-page .bottom-banner__inner {
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  display: grid;
}
.ddi-kea-page .bottom-banner__copy {
  z-index: 2;
  text-align: center;
  max-width: none;
  position: relative;
}
.ddi-kea-page .bottom-banner__title {
  letter-spacing: -0.01em;
  text-wrap: balance;
  margin-top: 12px;
  max-width: 1100px;
  margin-inline: auto;
  font-size: clamp(1.85rem, 3.1vw, 3.1rem);
  font-weight: 700;
  line-height: 1.12;
}
.ddi-kea-page .bottom-banner__description {
  max-width: 860px;
  color: var(--hero-foreground);
  margin-top: 16px;
  margin-inline: auto;
  font-size: 1.05rem;
  line-height: 1.7;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__description {
    color: color-mix(in oklab, var(--hero-foreground) 65%, transparent);
  }
}
.ddi-kea-page .bottom-banner__actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 22px;
  display: flex;
}
.ddi-kea-page .bottom-banner__grid {
  z-index: -3;
  opacity: 0.5;
  background-image: linear-gradient(var(--hero-foreground) 1px, transparent 1px),
    linear-gradient(90deg, var(--hero-foreground) 1px, transparent 1px);
  position: absolute;
  inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__grid {
    background-image: linear-gradient(
        color-mix(in oklab, var(--hero-foreground) 6%, transparent) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        color-mix(in oklab, var(--hero-foreground) 6%, transparent) 1px,
        transparent 1px
      );
  }
}
.ddi-kea-page .bottom-banner__grid {
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(
    120% 90% at 50% 100%,
    #000 30%,
    #0000 78%
  );
  mask-image: radial-gradient(120% 90% at 50% 100%, #000 30%, #0000 78%);
}
.ddi-kea-page .bottom-banner__glow {
  z-index: -2;
  filter: blur(90px);
  opacity: 0.35;
  pointer-events: none;
  border-radius: 999px;
  width: 640px;
  height: 640px;
  position: absolute;
}
.ddi-kea-page .bottom-banner__glow--kea {
  background: radial-gradient(circle, var(--success), transparent 70%);
  top: -140px;
  left: -180px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__glow--kea {
    background: radial-gradient(
      circle,
      color-mix(in oklab, var(--success) 55%, transparent),
      transparent 70%
    );
  }
}
.ddi-kea-page .bottom-banner__glow--kea {
  animation: 9s ease-in-out infinite alternate bottomGlow;
}
.ddi-kea-page .bottom-banner__glow--ddi {
  background: radial-gradient(circle, var(--warning), transparent 70%);
  bottom: -200px;
  right: -180px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__glow--ddi {
    background: radial-gradient(
      circle,
      color-mix(in oklab, var(--warning) 45%, transparent),
      transparent 70%
    );
  }
}
.ddi-kea-page .bottom-banner__glow--ddi {
  animation: 11s ease-in-out infinite alternate-reverse bottomGlow;
}
@keyframes bottomGlow {
  0% {
    transform: translate(0) scale(1);
  }
  to {
    transform: translate(40px, 26px) scale(1.12);
  }
}
.ddi-kea-page .bottom-banner__globe {
  z-index: -1;
  aspect-ratio: 1;
  opacity: 0.78;
  border: 1px solid var(--success);
  width: 390px;
  position: absolute;
  top: 50%;
  right: max(3vw, 28px);
  overflow: hidden;
  transform: translateY(-50%);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__globe {
    border: 1px solid color-mix(in oklab, var(--success) 44%, transparent);
  }
}
.ddi-kea-page .bottom-banner__globe {
  background: radial-gradient(
      circle at 36% 30%,
      var(--success),
      transparent 54%
    ),
    var(--hero);
  border-radius: 999px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__globe {
    background: radial-gradient(
        circle at 36% 30%,
        color-mix(in oklab, var(--success) 13%, transparent),
        transparent 54%
      ),
      color-mix(in oklab, var(--hero) 82%, transparent);
  }
}
.ddi-kea-page .bottom-banner__globe {
  box-shadow: inset -44px -22px 70px var(--hero), 0 0 50px var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__globe {
    box-shadow: inset -44px -22px 70px
        color-mix(in oklab, var(--hero) 72%, transparent),
      0 0 50px color-mix(in oklab, var(--success) 16%, transparent);
  }
}
.ddi-kea-page .bottom-banner__globe {
  pointer-events: none;
  animation: 7s ease-in-out infinite globeFloat;
}
@keyframes globeFloat {
  0%,
  to {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(calc(-50% - 7px));
  }
}
.ddi-kea-page .bottom-banner__equator,
.ddi-kea-page .bottom-banner__latitude,
.ddi-kea-page .bottom-banner__meridian {
  border: 1px solid var(--success);
  position: absolute;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__equator,
  .ddi-kea-page .bottom-banner__latitude,
  .ddi-kea-page .bottom-banner__meridian {
    border: 1px solid color-mix(in oklab, var(--success) 31%, transparent);
  }
}
.ddi-kea-page .bottom-banner__equator,
.ddi-kea-page .bottom-banner__latitude,
.ddi-kea-page .bottom-banner__meridian {
  border-radius: 50%;
}
.ddi-kea-page .bottom-banner__equator {
  border-width: 1px 0 0;
  border-radius: 0;
  height: 1px;
  top: 50%;
  left: 0;
  right: 0;
}
.ddi-kea-page .bottom-banner__latitude {
  width: 90%;
  height: 25%;
  left: 5%;
}
.ddi-kea-page .bottom-banner__latitude--a {
  top: 18%;
}
.ddi-kea-page .bottom-banner__latitude--b {
  bottom: 18%;
}
.ddi-kea-page .bottom-banner__meridian {
  width: 45%;
  top: 0;
  bottom: 0;
  left: 27.5%;
}
.ddi-kea-page .bottom-banner__meridian--b {
  width: 78%;
  left: 11%;
}
.ddi-kea-page .bottom-banner__land {
  z-index: 1;
  opacity: 0.8;
  background-image: radial-gradient(
    circle,
    var(--hero-foreground) 0 1.2px,
    transparent 1.35px
  );
  position: absolute;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__land {
    background-image: radial-gradient(
      circle,
      color-mix(in oklab, var(--hero-foreground) 78%, transparent) 0 1.2px,
      transparent 1.35px
    );
  }
}
.ddi-kea-page .bottom-banner__land {
  filter: drop-shadow(0 0 7px var(--success));
  background-size: 6px 6px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__land {
    filter: drop-shadow(
      0 0 7px color-mix(in oklab, var(--success) 26%, transparent)
    );
  }
}
.ddi-kea-page .bottom-banner__land--americas {
  clip-path: polygon(
    22% 0,
    70% 5%,
    100% 21%,
    73% 38%,
    84% 52%,
    61% 67%,
    57% 100%,
    38% 86%,
    35% 62%,
    8% 45%,
    18% 29%,
    0 17%
  );
  width: 28%;
  height: 56%;
  top: 20%;
  left: 13%;
}
.ddi-kea-page .bottom-banner__land--eurasia {
  clip-path: polygon(
    0 20%,
    20% 0,
    42% 9%,
    58% 3%,
    100% 25%,
    88% 54%,
    65% 51%,
    52% 80%,
    27% 62%,
    10% 75%
  );
  width: 48%;
  height: 31%;
  top: 18%;
  left: 43%;
}
.ddi-kea-page .bottom-banner__land--africa {
  clip-path: polygon(10% 0, 81% 8%, 100% 30%, 67% 100%, 34% 75%, 0 28%);
  width: 24%;
  height: 34%;
  top: 43%;
  left: 50%;
}
.ddi-kea-page .bottom-banner__land--australia {
  clip-path: polygon(16% 12%, 70% 0, 100% 46%, 67% 100%, 0 71%);
  width: 18%;
  height: 13%;
  bottom: 21%;
  right: 7%;
}
.ddi-kea-page .bottom-banner__ring {
  z-index: 2;
  border: 1px dashed var(--success);
  border-radius: 999px;
  position: absolute;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__ring {
    border: 1px dashed color-mix(in oklab, var(--success) 48%, transparent);
  }
}
.ddi-kea-page .bottom-banner__ring--a {
  animation: 5s ease-in-out infinite ringPulse;
  inset: 34px -24px;
  transform: rotate(18deg);
}
.ddi-kea-page .bottom-banner__ring--b {
  border-color: var(--warning);
  inset: -18px 76px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__ring--b {
    border-color: color-mix(in oklab, var(--warning) 55%, transparent);
  }
}
.ddi-kea-page .bottom-banner__ring--b {
  animation: 5s ease-in-out 1.2s infinite ringPulse;
  transform: rotate(-16deg);
}
.ddi-kea-page .bottom-banner__ring--c {
  border-color: var(--hero-foreground);
  inset: 112px -28px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__ring--c {
    border-color: color-mix(in oklab, var(--hero-foreground) 28%, transparent);
  }
}
.ddi-kea-page .bottom-banner__ring--c {
  transform: rotate(-8deg);
}
@keyframes ringSpin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ringPulse {
  0%,
  to {
    opacity: 0.45;
  }
  50% {
    opacity: 1;
  }
}
.ddi-kea-page .bottom-banner__node {
  background: var(--success);
  width: 9px;
  height: 9px;
  box-shadow: 0 0 14px var(--success);
  border-radius: 999px;
  animation: 2.6s ease-in-out infinite nodePulse;
  position: absolute;
}
.ddi-kea-page .bottom-banner__node--1 {
  top: 29%;
  left: 25%;
}
.ddi-kea-page .bottom-banner__node--2 {
  background: var(--warning);
  box-shadow: 0 0 14px var(--warning);
  animation-delay: 0.4s;
  top: 27%;
  left: 67%;
}
.ddi-kea-page .bottom-banner__node--3 {
  animation-delay: 0.9s;
  top: 55%;
  left: 81%;
}
.ddi-kea-page .bottom-banner__node--4 {
  background: var(--warning);
  box-shadow: 0 0 14px var(--warning);
  animation-delay: 1.3s;
  top: 59%;
  left: 57%;
}
.ddi-kea-page .bottom-banner__node--5 {
  animation-delay: 1.7s;
  top: 62%;
  left: 27%;
}
.ddi-kea-page .bottom-banner__node--6 {
  animation-delay: 2.1s;
  top: 39%;
  left: 52%;
}
@keyframes nodePulse {
  0%,
  to {
    opacity: 0.85;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.6);
  }
}
.ddi-kea-page .bottom-banner__arc {
  pointer-events: none;
  border: 1.5px solid #0000;
  border-radius: 999px;
  position: absolute;
}
.ddi-kea-page .bottom-banner__arc--1 {
  border-top-color: var(--success);
  inset: 58px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__arc--1 {
    border-top-color: color-mix(in oklab, var(--success) 80%, transparent);
  }
}
.ddi-kea-page .bottom-banner__arc--1 {
  animation: 14s linear infinite ringSpin;
}
.ddi-kea-page .bottom-banner__arc--2 {
  border-bottom-color: var(--warning);
  inset: 105px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__arc--2 {
    border-bottom-color: color-mix(in oklab, var(--warning) 70%, transparent);
  }
}
.ddi-kea-page .bottom-banner__arc--2 {
  animation: 19s linear infinite reverse ringSpin;
}
.ddi-kea-page .bottom-banner__packets {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.ddi-kea-page .bottom-banner__packet {
  background: linear-gradient(90deg, transparent, var(--success));
  opacity: 0;
  border-radius: 2px;
  width: 10px;
  height: 3px;
  animation: 7s linear infinite packetFly;
  position: absolute;
  left: -24px;
}
.ddi-kea-page .bottom-banner__packet--1 {
  animation-delay: 0s;
  top: 22%;
}
.ddi-kea-page .bottom-banner__packet--2 {
  background: linear-gradient(90deg, transparent, var(--warning));
  animation-delay: 1.8s;
  top: 38%;
}
.ddi-kea-page .bottom-banner__packet--3 {
  animation-delay: 3.4s;
  top: 64%;
}
.ddi-kea-page .bottom-banner__packet--4 {
  background: linear-gradient(90deg, transparent, var(--hero-foreground));
  animation-delay: 5.1s;
  top: 80%;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__packet--4 {
    background: linear-gradient(
      90deg,
      transparent,
      color-mix(in oklab, var(--hero-foreground) 70%, transparent)
    );
  }
}
@keyframes packetFly {
  0% {
    opacity: 0;
    transform: translate(0);
  }
  8% {
    opacity: 0.9;
  }
  85% {
    opacity: 0.9;
  }
  to {
    opacity: 0;
    transform: translate(calc(100vw + 48px));
  }
}
.ddi-kea-page .bottom-banner__badges {
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  display: inline-flex;
}
.ddi-kea-page .bottom-banner__badge {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid var(--hero-foreground);
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__badge {
    border: 1px solid
      color-mix(in oklab, var(--hero-foreground) 22%, transparent);
  }
}
.ddi-kea-page .bottom-banner__badge {
  background: var(--hero-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__badge {
    background: color-mix(in oklab, var(--hero-foreground) 6%, transparent);
  }
}
.ddi-kea-page .bottom-banner__badge {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.ddi-kea-page .bottom-banner__badge--kea {
  color: var(--success);
  border-color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__badge--kea {
    border-color: color-mix(in oklab, var(--success) 45%, transparent);
  }
}
.ddi-kea-page .bottom-banner__badge--kea {
  box-shadow: 0 0 22px var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__badge--kea {
    box-shadow: 0 0 22px color-mix(in oklab, var(--success) 22%, transparent);
  }
}
.ddi-kea-page .bottom-banner__badge--ddi {
  color: var(--warning);
  border-color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__badge--ddi {
    border-color: color-mix(in oklab, var(--warning) 45%, transparent);
  }
}
.ddi-kea-page .bottom-banner__badge--ddi {
  box-shadow: 0 0 22px var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__badge--ddi {
    box-shadow: 0 0 22px color-mix(in oklab, var(--warning) 20%, transparent);
  }
}
.ddi-kea-page .bottom-banner__plus {
  color: var(--hero-foreground);
  font-size: 18px;
  font-weight: 800;
}
@supports (color: color-mix(in lab, red, red)) {
  .ddi-kea-page .bottom-banner__plus {
    color: color-mix(in oklab, var(--hero-foreground) 60%, transparent);
  }
}
@media (width<=640px) {
  .ddi-kea-page .bottom-banner {
    min-height: 0;
    padding-block: 44px;
  }
  .ddi-kea-page .bottom-banner__inner {
    gap: 22px;
  }
  .ddi-kea-page .bottom-banner__title {
    font-size: 1.7rem;
    line-height: 1.2;
  }
  .ddi-kea-page .bottom-banner__globe {
    opacity: 0.38;
    width: 310px;
    top: 68%;
    right: -145px;
  }
  .ddi-kea-page .bottom-banner__badges {
    flex-direction: column;
    gap: 6px;
  }
}
@media (width>=641px) and (width<=1023px) {
  .ddi-kea-page .bottom-banner__title {
    font-size: 2.15rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .bottom-banner__glow,
  .ddi-kea-page .bottom-banner__globe,
  .ddi-kea-page .bottom-banner__ring,
  .ddi-kea-page .bottom-banner__node,
  .ddi-kea-page .bottom-banner__arc,
  .ddi-kea-page .bottom-banner__packet {
    animation: none !important;
  }
  .ddi-kea-page .bottom-banner__packet {
    display: none;
  }
}
.ddi-kea-page .operations-console {
  width: min(400px, 46%);
}
.ddi-kea-page .operations-console__body {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ddi-kea-page .operations-console__metric {
  align-content: center;
  min-height: 58px;
}
.ddi-kea-page .operations-console__metric b {
  white-space: nowrap;
  font-size: 16px;
}
.ddi-kea-page .operations-console__metric:nth-child(3) {
  grid-column: 1/-1;
}
.ddi-kea-page .operations-console__metric:nth-child(3) b {
  letter-spacing: 0.02em;
  font-size: 15px;
}
@media (width<=767px) {
  .ddi-kea-page .operations-console {
    width: 84%;
  }
  .ddi-kea-page .operations-console__metric {
    min-height: 50px;
    padding: 10px;
  }
  .ddi-kea-page .operations-console__metric b {
    font-size: 14px;
  }
  .ddi-kea-page .operations-console__metric:nth-child(3) b {
    font-size: 13px;
  }
}
.ddi-kea-page .ddi-central-mark {
  vertical-align: middle;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: inline-flex;
}
.ddi-kea-page .ddi-central-mark > img {
  object-fit: contain;
  flex: none;
  width: 20px;
  height: 20px;
  display: block;
}
.ddi-kea-page .ddi-central-mark > span {
  color: inherit;
  font: inherit;
  white-space: nowrap;
}
.ddi-kea-page .scale-control-logo > img {
  width: 28px;
  height: 32px;
}
.ddi-kea-page .product-mark,
.ddi-kea-page .oi-mark {
  width: 24px;
  height: 27px;
  color: inherit;
  background: 0 0;
}
.ddi-kea-page .product-mark > img,
.ddi-kea-page .oi-mark > img {
  width: 24px;
  height: 27px;
}
.ddi-kea-page .oi-topbar .ddi-central-mark > img,
.ddi-kea-page .permission-ddi-logo > img {
  width: 15px;
  height: 17px;
}
.ddi-kea-page .step-ddi__mark,
.ddi-kea-page .perf-replica__mark,
.ddi-kea-page .tower-replica__mark,
.ddi-kea-page .res-logo {
  place-items: center;
  display: grid;
}
.ddi-kea-page .step-ddi__mark > img,
.ddi-kea-page .perf-replica__mark > img,
.ddi-kea-page .res-logo > img {
  width: 23px;
  height: 27px;
}
.ddi-kea-page .perf-replica__mark {
  height: 38px;
}
.ddi-kea-page .tower-replica__mark {
  height: 42px;
}
.ddi-kea-page .tower-replica__mark > img {
  width: 26px;
  height: 30px;
}
.ddi-kea-page .security-console__mark > img {
  width: 22px;
  height: 25px;
}
.ddi-kea-page .res-mini-rail .res-logo {
  min-height: 36px;
  color: inherit;
  font-size: inherit;
}
.ddi-kea-page .operations-console header .ddi-central-mark > img {
  width: 18px;
  height: 21px;
}
.ddi-kea-page .kea-split__copy .ddi-central-mark > img {
  width: 26px;
  height: 30px;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(
        var(--tw-enter-translate-x, 0),
        var(--tw-enter-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1)
      )
      rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(
        var(--tw-exit-translate-x, 0),
        var(--tw-exit-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1)
      )
      rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}
@keyframes accordion-down {
  0% {
    height: 0;
  }
  to {
    height: var(
      --radix-accordion-content-height,
      var(
        --bits-accordion-content-height,
        var(
          --reka-accordion-content-height,
          var(
            --kb-accordion-content-height,
            var(--ngp-accordion-content-height, auto)
          )
        )
      )
    );
  }
}
@keyframes accordion-up {
  0% {
    height: var(
      --radix-accordion-content-height,
      var(
        --bits-accordion-content-height,
        var(
          --reka-accordion-content-height,
          var(
            --kb-accordion-content-height,
            var(--ngp-accordion-content-height, auto)
          )
        )
      )
    );
  }
  to {
    height: 0;
  }
}
@keyframes caret-blink {
  0%,
  70%,
  to {
    opacity: 1;
  }
  20%,
  50% {
    opacity: 0;
  }
}

.ddi-kea-page {
  --font-sans: "Zoho Puvi", "ZohoPuvi", "Puvi", sans-serif;
  --font-display: "Zoho Puvi", "ZohoPuvi", "Puvi", sans-serif;
  --font-mono: "Zoho Puvi", "ZohoPuvi", "Puvi", monospace;
  --default-font-family: "Zoho Puvi", "ZohoPuvi", "Puvi", sans-serif;
  font-family: "Zoho Puvi", "ZohoPuvi", "Puvi", sans-serif;
}

/* Drupal host-theme isolation: keep page layout above unlayered theme rules. */
.ddi-kea-page {
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  font-family: "Zoho Puvi", "ZohoPuvi", Arial, sans-serif;
}
.ddi-kea-page #ddi-hp-static-root,
.ddi-kea-page #ddi-hp-root {
  width: 100%;
  min-width: 0;
}
.ddi-kea-page button,
.ddi-kea-page input,
.ddi-kea-page select,
.ddi-kea-page textarea {
  font-family: inherit;
}
/* Prevent Drupal content-region rules from constraining this page's internal main canvas. */
.ddi-kea-page #ddi-hp-static-root > div > main,
.ddi-kea-page #ddi-hp-root > div > main {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.ddi-kea-page section {
  max-width: none;
}

/* =========================================================
   DRUPAL HEADING COLOR ISOLATION
   Prevent Drupal theme rules from recoloring our headings
   ========================================================= */

.ddi-kea-page #ddi-hp-static-root h1,
.ddi-kea-page #ddi-hp-static-root h2,
.ddi-kea-page #ddi-hp-static-root h3,
.ddi-kea-page #ddi-hp-static-root h4,
.ddi-kea-page #ddi-hp-static-root h5,
.ddi-kea-page #ddi-hp-static-root h6,
.ddi-kea-page #ddi-hp-root h1,
.ddi-kea-page #ddi-hp-root h2,
.ddi-kea-page #ddi-hp-root h3,
.ddi-kea-page #ddi-hp-root h4,
.ddi-kea-page #ddi-hp-root h5,
.ddi-kea-page #ddi-hp-root h6 {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}


/* =========================================================
   DDI HP STABILITY PATCH — progressive enhancement
   Content remains visible even if Drupal fails to execute JS.
   ========================================================= */
.ddi-kea-page .reveal-up,
.ddi-kea-page .reveal-stagger {
  opacity: 1;
  transform: none;
}

.ddi-kea-page #ddi-hp-static-root.hp-js-active .reveal-up:not(.is-in),
.ddi-kea-page #ddi-hp-root.hp-js-active .reveal-up:not(.is-in) {
  opacity: 0;
  transform: translateY(16px);
}

.ddi-kea-page #ddi-hp-static-root.hp-js-active .reveal-up:not(.is-in) .reveal-stagger,
.ddi-kea-page #ddi-hp-root.hp-js-active .reveal-up:not(.is-in) .reveal-stagger {
  opacity: 0;
  transform: translateY(10px) scale(.96);
}

.ddi-kea-page #ddi-hp-static-root.hp-js-active .reveal-up.is-in,
.ddi-kea-page #ddi-hp-root.hp-js-active .reveal-up.is-in,
.ddi-kea-page #ddi-hp-static-root.hp-js-active .reveal-up.is-in .reveal-stagger,
.ddi-kea-page #ddi-hp-root.hp-js-active .reveal-up.is-in .reveal-stagger {
  opacity: 1;
  transform: none;
}

.ddi-kea-page [role="tab"] {
  position: relative;
}

.ddi-kea-page .hp-autoplay-progress {
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--color-success, var(--success));
  transform-origin: left center;
  animation-name: hp-autoplay-progress;
  animation-timing-function: linear;
  animation-fill-mode: both;
}

@keyframes hp-autoplay-progress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .hp-autoplay-progress { display: none !important; }
}


/* =========================================================
   DDI HP SYNCHRONIZED TAB / CAROUSEL PATCH
   ========================================================= */
.ddi-kea-page [role="tablist"][data-hp-tabs] > [role="tab"] {
  position: relative;
  overflow: hidden;
}

/* The original React snapshot contains old progress nodes. The behavior-only
   controller supplies one uniform progress meter instead. */
.ddi-kea-page .hp-js-active [data-hp-tabs="step-two"] > [role="tab"] > .step-two-tab__progress,
.ddi-kea-page .hp-js-active [data-hp-tabs="oi"] > [role="tab"] > .oi-tab-progress,
.ddi-kea-page .hp-js-active [data-hp-tabs="permissions"] > [role="tab"] > .permission-progress,
.ddi-kea-page .hp-js-active [data-hp-tabs="ipam"] > [role="tab"] > i[aria-hidden="true"],
.ddi-kea-page .hp-js-active [data-hp-tabs="performance"] > [role="tab"] > i[aria-hidden="true"],
.ddi-kea-page .hp-js-active [data-hp-tabs="resilience"] > [role="tab"] > i[aria-hidden="true"],
.ddi-kea-page .hp-js-active [data-hp-tabs="security"] > [role="tab"] > i[aria-hidden="true"] {
  display: none !important;
}

.ddi-kea-page .hp-autoplay-progress {
  pointer-events: none;
  position: absolute;
  z-index: 8;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--color-success, var(--success));
  transform-origin: left center;
  animation: hp-autoplay-progress linear both;
}

/* Keep the progress meter visually consistent on light and dark sections. */
.ddi-kea-page [data-hp-tabs="lifecycle"] .hp-autoplay-progress,
.ddi-kea-page [data-hp-tabs="permissions"] .hp-autoplay-progress {
  background: var(--color-success, var(--success));
}

@keyframes hp-autoplay-progress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

/* Freshly swapped slides use the existing carousel-fluid-enter animation.
   Ensure a fresh DOM insertion starts visible and is not held by stale state. */
.ddi-kea-page .carousel-fluid-enter {
  will-change: opacity, transform;
}

/* Sticky nav is synchronized by JS on every vertical scroll frame. */
.ddi-kea-page .kea-nav__links {
  scroll-behavior: auto;
}

@media (prefers-reduced-motion: reduce) {
  .ddi-kea-page .hp-autoplay-progress { display: none !important; }
}


/* =====================================================================
   NAVSYNC-20260928 — sticky navigation real-time synchronization
   ===================================================================== */
.ddi-kea-page .kea-nav__links > a.hp-nav-active {
  color: var(--color-success, var(--success)) !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}
.ddi-kea-page .kea-nav__links > a.hp-nav-inactive {
  color: var(--hero-foreground) !important;
  font-weight: 500 !important;
  opacity: .58 !important;
}
.ddi-kea-page .kea-nav__links > a.hp-nav-active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  height: 2px;
  background: var(--color-success, var(--success));
}
.ddi-kea-page .kea-nav__links > a {
  position: relative;
}
.ddi-kea-page .kea-nav__progress {
  transition: width .06s linear !important;
}


/* =====================================================================
   PERFECTSYNC-20260928-R2 — restored motion + stable replicas + nav sync
   ===================================================================== */

/* Create Client Class > Schedule: enabled toggle */
.ddi-kea-page .mini-toggle {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 14px;
  border-radius: 999px;
  background: var(--color-muted);
  vertical-align: middle;
  transition: background-color .22s ease, box-shadow .22s ease;
}
.ddi-kea-page .mini-toggle::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background: var(--color-background);
  box-shadow: 0 1px 3px rgba(0,0,0,.22);
  transition: transform .22s ease;
}
.ddi-kea-page .mini-toggle.is-on {
  background: var(--color-primary) !important;
  box-shadow: inset 0 0 0 1px var(--color-primary);
}
.ddi-kea-page .mini-toggle.is-on::after {
  transform: translateX(13px);
  background: #fff;
}

/* IP lifecycle screenshots have different natural dimensions. Hold the stage
   steady so DNS Footprint / Vendor Profile transitions do not resize the section. */
@media (min-width: 768px) {
  .ddi-kea-page #lifecycle [role="tablist"][aria-label="IP lifecycle views"] ~ [data-hp-panel="lifecycle"] {
    min-height: 505px;
  }
}
@media (min-width: 1180px) {
  .ddi-kea-page #lifecycle [role="tablist"][aria-label="IP lifecycle views"] ~ [data-hp-panel="lifecycle"] {
    min-height: 545px;
  }
}

/* Revived DNS footprint draw + vendor donut motion. */
.ddi-kea-page #lifecycle svg[viewBox="0 0 420 220"] path[stroke-dasharray="620"] {
  transition: stroke-dashoffset 1s ease-out;
}
.ddi-kea-page #lifecycle svg[viewBox="0 0 132 132"] circle[r="54"] {
  transition: stroke-dasharray .7s ease-out;
}

/* Heatmap filter overlay enters cleanly each time the 3.3s demo moves. */
.ddi-kea-page .hp-filter-overlay-enter {
  animation: hp-filter-overlay-enter .24s ease-out both;
}
@keyframes hp-filter-overlay-enter {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Cards view: make IPv4 and IPv6 utilization visible as two distinct lanes. */
.ddi-kea-page .tower-supernet-metrics .tower-util-family {
  min-width: 0;
  padding: 8px 10px;
  display: grid;
  gap: 7px;
  border-left: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
}
.ddi-kea-page .tower-util-family > span {
  min-width: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 6px;
}
.ddi-kea-page .tower-util-family b {
  font-family: var(--font-display);
  font-size: 13px;
  color: var(--color-foreground);
}
.ddi-kea-page .tower-util-family small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7px;
  text-transform: uppercase;
  color: var(--color-muted-foreground);
}
.ddi-kea-page .tower-util-family i {
  grid-column: 1 / -1;
  display: block;
  height: 3px;
  overflow: hidden;
  background: var(--color-muted);
}
.ddi-kea-page .tower-util-family i u {
  display: block;
  height: 100%;
  background: var(--color-primary);
  text-decoration: none;
}
.ddi-kea-page .tower-util-family > span + span i u {
  background: var(--color-success);
}

/* Forecast bar values animate into the replacement 12-month view. */
.ddi-kea-page .oi-forecast-chart-swap .oi-bars > i {
  transition: height .55s ease-out;
  animation: hp-forecast-bar-in .5s ease-out both;
}
@keyframes hp-forecast-bar-in {
  from { transform: scaleY(.15); opacity: .28; transform-origin: bottom; }
  to { transform: scaleY(1); opacity: 1; transform-origin: bottom; }
}

/* Live log stream remains a stable-height carousel while lines arrive. */
.ddi-kea-page #performance .logstream .alert-events__panel {
  min-height: 305px;
}
.ddi-kea-page #performance .logstream__body {
  scroll-behavior: smooth;
}

/* Sticky-nav active menu is authoritative and kept visible by JS. */
.ddi-kea-page .kea-nav__links {
  overscroll-behavior-inline: contain;
  scroll-snap-type: none !important;
}
.ddi-kea-page .kea-nav__links > a.hp-nav-active {
  color: var(--color-success, var(--success)) !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}
.ddi-kea-page .kea-nav__links > a.hp-nav-inactive {
  opacity: .56 !important;
}
.ddi-kea-page .kea-nav__progress {
  transition: width .04s linear !important;
}


/* =========================================================
   SEOBASE R3 — scalability queued/live visual states
   ========================================================= */
.ddi-kea-page .site-node.hp-site-queued {
  filter: grayscale(1);
  opacity: .58;
  transition: opacity .35s ease, filter .35s ease, border-color .35s ease, background-color .35s ease;
}
.ddi-kea-page .site-node.hp-site-queued .mt-4.grid p:first-child,
.ddi-kea-page .site-node.hp-site-queued .mt-3.grid .flex span:last-child {
  color: var(--muted-foreground) !important;
}
.ddi-kea-page .site-node:not(.hp-site-queued) {
  filter: none;
  transition: opacity .35s ease, filter .35s ease, border-color .35s ease, background-color .35s ease;
}
@keyframes hp-site-live-flash {
  0% { box-shadow: 0 0 0 0 color-mix(in oklab, var(--primary) 0%, transparent); }
  42% { box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary) 28%, transparent), 0 10px 28px -18px color-mix(in oklab, var(--primary) 55%, transparent); }
  100% { box-shadow: 0 0 0 0 color-mix(in oklab, var(--primary) 0%, transparent); }
}
@keyframes hp-util-live {
  from { transform: scaleX(0); opacity: .45; }
  to { transform: scaleX(1); opacity: 1; }
}
.ddi-kea-page .site-node.hp-site-live-flash {
  animation: .58s cubic-bezier(.22,1,.36,1) both site-join, .9s ease-out both hp-site-live-flash;
}
.ddi-kea-page .site-node .hp-util-live {
  transform-origin: left center;
  animation: .72s cubic-bezier(.22,1,.36,1) both hp-util-live;
}