@xaroth.nl/design 0.1.0

package/dist/themes/eve-online.css

@@ -0,0 +1,1945 @@
+@charset "UTF-8";
+@import '@fontsource-variable/oxanium/index.css';
+@import '@fontsource-variable/ibm-plex-sans/index.css';
+@import '@fontsource-variable/jetbrains-mono/index.css';
+@layer x.reset, x.core, x.theme, x.utility;
+@layer x.reset {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+  * {
+    margin: 0;
+  }
+  img,
+  svg,
+  video {
+    display: block;
+    max-width: 100%;
+  }
+  input,
+  button,
+  textarea,
+  select {
+    font: inherit;
+    color: inherit;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+      transition-duration: 0.01ms !important;
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+    }
+  }
+}
+@layer x.core {
+  :root {
+    --x-page: 75rem;
+    --x-gutter: 16px;
+    --x-gap: 16px;
+    --x-prose: 68ch;
+    --x-space-1: 4px;
+    --x-space-2: 8px;
+    --x-space-3: 12px;
+    --x-space-4: 16px;
+    --x-space-5: 24px;
+    --x-space-6: 32px;
+    --x-space-7: 48px;
+    --x-space-8: 64px;
+    --x-space-9: 96px;
+    --x-space-10: 128px;
+    --x-section: 80px;
+    --x-fs-display: clamp(2.5rem, 1.75rem + 2.5vw, 4rem);
+    --x-fs-h1: clamp(2rem, 1.6rem + 1.4vw, 2.75rem);
+    --x-fs-h2: clamp(1.5rem, 1.3rem + 0.7vw, 2rem);
+    --x-fs-h3: 1.25rem;
+    --x-fs-lead: 1.25rem;
+    --x-fs-body: 1.0625rem;
+    --x-fs-ui: 1rem;
+    --x-fs-small: 0.875rem;
+    --x-fs-label: 0.8125rem;
+    --x-control-sm: 36px;
+    --x-control-md: 44px;
+    --x-control-lg: 52px;
+    --x-row: 48px;
+    --x-focus-width: 2px;
+    --x-focus-offset: 2px;
+    --x-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
+    --x-duration: 150ms;
+  }
+  @media (min-width: 640px) {
+    :root {
+      --x-gap: 24px;
+      --x-gutter: 24px;
+      --x-section: 128px;
+    }
+  }
+  @media (min-width: 1024px) {
+    :root {
+      --x-gutter: 32px;
+    }
+  }
+  :root {
+    scrollbar-gutter: stable;
+  }
+  :root,
+  [data-x-theme] {
+    color-scheme: dark;
+    font-family: var(--x-font-body);
+    line-height: 1.65;
+    color: var(--x-color-text);
+    background: var(--x-color-bg);
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizelegibility;
+  }
+  body,
+  [data-x-theme]:not(:root) {
+    font-size: var(--x-fs-body);
+  }
+  h1,
+  h2,
+  h3,
+  h4 {
+    font-family: var(--x-font-heading);
+    font-weight: 600;
+    letter-spacing: var(--x-track-heading);
+    text-wrap: balance;
+    color: var(--x-color-text);
+  }
+  h1 {
+    font-size: var(--x-fs-h1);
+    line-height: 1.15;
+  }
+  h2 {
+    font-size: var(--x-fs-h2);
+    line-height: 1.2;
+  }
+  h3 {
+    font-size: var(--x-fs-h3);
+    line-height: 1.3;
+  }
+  h4 {
+    font-size: var(--x-fs-ui);
+    line-height: 1.4;
+  }
+  p {
+    text-wrap: pretty;
+  }
+  a {
+    color: var(--x-color-accent);
+    text-decoration-thickness: 1px;
+    text-underline-offset: 0.2em;
+  }
+  a:where(:hover) {
+    color: var(--x-color-accent-strong);
+  }
+  small {
+    font-size: var(--x-fs-small);
+  }
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family: var(--x-font-mono);
+    font-size: 0.9em;
+  }
+  hr {
+    border: 0;
+    border-top: 1px solid var(--x-color-line);
+  }
+  ::selection {
+    color: var(--x-color-on-accent);
+    background: var(--x-color-accent);
+  }
+  :focus-visible {
+    outline: var(--x-focus-width) solid var(--x-color-focus);
+    outline-offset: var(--x-focus-offset);
+  }
+  .x-display {
+    font-family: var(--x-font-display);
+    font-size: var(--x-fs-display);
+    font-weight: 600;
+    line-height: 1.1;
+    letter-spacing: var(--x-track-display);
+    text-wrap: balance;
+  }
+  .x-lead {
+    font-size: var(--x-fs-lead);
+    line-height: 1.55;
+    color: var(--x-color-text-muted);
+  }
+  .x-small {
+    font-size: var(--x-fs-small);
+    line-height: 1.5;
+  }
+  .x-label {
+    font-family: var(--x-font-ui);
+    font-size: var(--x-fs-label);
+    font-weight: 600;
+    line-height: 1.3;
+    letter-spacing: var(--x-track-label);
+    text-transform: uppercase;
+  }
+  .x-muted {
+    color: var(--x-color-text-muted);
+  }
+}
+@layer x.theme {
+  :where(:root:not([data-x-theme])),
+  [data-x-theme=eve-online] {
+    --x-font-display: 'Oxanium Variable', 'Oxanium', system-ui, sans-serif;
+    --x-font-heading: var(--x-font-display);
+    --x-font-body: 'IBM Plex Sans Variable', 'IBM Plex Sans', system-ui, sans-serif;
+    --x-font-ui: var(--x-font-display);
+    --x-font-mono: 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, monospace;
+    --x-track-display: 0.01em;
+    --x-track-heading: 0.01em;
+    --x-track-label: 0.16em;
+    --x-track-caps: 0.14em;
+    --x-color-bg: #05080c;
+    --x-color-bg-sunk: #030507;
+    --x-color-surface: #0c141b;
+    --x-color-surface-2: #111b24;
+    --x-color-surface-3: #16232e;
+    --x-color-glass: rgb(10 17 24 / 72%);
+    --x-color-glass-edge: rgb(77 220 242 / 14%);
+    --x-color-line: #17252f;
+    --x-color-line-strong: #2a4352;
+    --x-color-field-edge: #5e7f8f;
+    --x-color-rule: #2a8799;
+    --x-color-text: #dce8ee;
+    --x-color-text-muted: #a9bcc6;
+    --x-color-text-faint: #8aa0ad;
+    --x-color-accent: #4ddcf2;
+    --x-color-accent-strong: #9aefff;
+    --x-color-accent-edge: #2a8799;
+    --x-color-accent-wash: rgb(77 220 242 / 8%);
+    --x-color-on-accent: #03161b;
+    --x-color-focus: #9aefff;
+    --x-color-info: #9aefff;
+    --x-color-on-info: #03161b;
+    --x-color-info-wash: rgb(77 220 242 / 8%);
+    --x-color-success: #5fdd8d;
+    --x-color-on-success: #0e2117;
+    --x-color-success-wash: rgb(95 221 141 / 9%);
+    --x-color-warning: #f2a93b;
+    --x-color-on-warning: #211a0e;
+    --x-color-warning-wash: rgb(242 169 59 / 9%);
+    --x-color-danger: #ff6f61;
+    --x-color-on-danger: #26120f;
+    --x-color-danger-wash: rgb(255 111 97 / 9%);
+    --x-color-accent-fill: #0d2129;
+    --x-color-glow: rgb(77 220 242 / 45%);
+    --x-color-rim: #bff4ff;
+    --x-color-flare: #ffe7c2;
+    --x-radius: 0px;
+    --x-cut-sm: 6px;
+    --x-cut-md: 12px;
+    --x-cut-lg: 20px;
+    --x-bracket: 12px;
+    --x-blur: blur(14px) saturate(140%);
+    --x-shadow: 0 30px 60px -30px rgb(0 0 0 / 80%);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-alert {
+    --x-alert-bg: linear-gradient(90deg, var(--x-alert-wash), transparent 80%), var(--x-color-surface);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-alert--info {
+    --x-alert-tone: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-alert__body {
+    font-family: var(--x-font-body);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-alert--framed {
+    border: 1px solid color-mix(in srgb, var(--x-alert-tone) 35%, var(--x-color-line));
+    border-left: 3px solid var(--x-alert-tone);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-alert--framed .x-alert__title {
+    font-size: var(--x-fs-label);
+    line-height: 1.3;
+    letter-spacing: var(--x-track-label);
+    text-transform: uppercase;
+    color: var(--x-alert-tone);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-avatar {
+    --x-avatar-scale: 0.34;
+    overflow: visible;
+    color: var(--x-color-accent);
+    background: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-avatar::before, :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-avatar::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-avatar::before {
+    z-index: -1;
+    background: radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--x-color-accent) 16%, var(--x-color-surface)) 0, var(--x-color-bg-sunk) 60%);
+    clip-path: polygon(50% 4%, 90% 27%, 90% 73%, 50% 96%, 10% 73%, 10% 27%);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-avatar::after {
+    background: currentcolor;
+    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23000'%3E%3Cpath d='M50 4 90 27v46L50 96 10 73V27z' stroke-width='1.2'/%3E%3Cpath d='M50 14 81 32v36L50 86 19 68V32z' stroke-opacity='.3' stroke-dasharray='2 3'/%3E%3Cpath d='M50 4v6M50 90v6M10 27l5 3M90 27l-5 3M10 73l5-3M90 73l-5-3' stroke-width='1.2'/%3E%3C/svg%3E") center/100% 100% no-repeat;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-avatar__image {
+    clip-path: polygon(50% 4%, 90% 27%, 90% 73%, 50% 96%, 10% 73%, 10% 27%);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-avatar--xl {
+    --x-avatar-size: 148px;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-badge {
+    --x-badge-default: var(--x-color-text-faint);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-badge:is(.x-badge--info, .x-badge--success, .x-badge--warning, .x-badge--danger)::before {
+    box-shadow: 0 0 6px var(--x-badge-tone);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-breadcrumbs__item {
+    font-size: var(--x-fs-small);
+    line-height: 1.5;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-breadcrumbs__item + .x-breadcrumbs__item::before {
+    content: "/";
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button {
+    --x-cut: 8px;
+    --x-button-tone-hi: color-mix(in oklab, var(--x-button-tone) 55%, white);
+    --x-button-tint: color-mix(in oklab, var(--x-button-tone) 12%, var(--x-color-bg));
+    --x-button-tint-hi: color-mix(in oklab, var(--x-button-tone) 20%, var(--x-color-bg));
+    --x-button-edge: var(--x-button-tone);
+    position: relative;
+    isolation: isolate;
+    background: none;
+    border-color: transparent;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button::before, :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button::after {
+    content: "";
+    position: absolute;
+    inset: -1px;
+    z-index: -1;
+    pointer-events: none;
+    transition: background var(--x-duration) var(--x-ease);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button::before {
+    background: var(--x-button-bg);
+    clip-path: polygon(var(--x-cut) 0, 100% 0, 100% calc(100% - var(--x-cut)), calc(100% - var(--x-cut)) 100%, 0 100%, 0 var(--x-cut));
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button::after {
+    background: var(--x-button-border, var(--x-button-bg));
+    clip-path: polygon(evenodd, var(--x-cut) 0, 100% 0, 100% calc(100% - var(--x-cut)), calc(100% - var(--x-cut)) 100%, 0 100%, 0 var(--x-cut), var(--x-cut) 0, calc(var(--x-cut) + 0.4142135624px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - var(--x-cut) - 0.4142135624px), calc(100% - var(--x-cut) - 0.4142135624px) calc(100% - 1px), 1px calc(100% - 1px), 1px calc(var(--x-cut) + 0.4142135624px), calc(var(--x-cut) + 0.4142135624px) 1px);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button:focus-visible {
+    outline: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button:focus-visible::after {
+    inset: -5px;
+    background: var(--x-color-focus);
+    clip-path: polygon(evenodd, calc(var(--x-cut) + 2.9289321881px) 0, 100% 0, 100% calc(100% - calc(var(--x-cut) + 2.9289321881px)), calc(100% - calc(var(--x-cut) + 2.9289321881px)) 100%, 0 100%, 0 calc(var(--x-cut) + 2.9289321881px), calc(var(--x-cut) + 2.9289321881px) 0, calc(calc(var(--x-cut) + 2.9289321881px) + 0.8284271247px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - calc(var(--x-cut) + 2.9289321881px) - 0.8284271247px), calc(100% - calc(var(--x-cut) + 2.9289321881px) - 0.8284271247px) calc(100% - 2px), 2px calc(100% - 2px), 2px calc(calc(var(--x-cut) + 2.9289321881px) + 0.8284271247px), calc(calc(var(--x-cut) + 2.9289321881px) + 0.8284271247px) 2px);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button:not(.x-button--danger, .x-button--warning, .x-button--success) {
+    --x-button-tone-hi: var(--x-color-accent-strong);
+    --x-button-tint: var(--x-color-accent-fill);
+    --x-button-tint-hi: var(--x-color-accent-fill);
+    --x-button-edge: var(--x-color-accent-edge);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button--primary {
+    --x-button-bg: linear-gradient(180deg, var(--x-button-tone-hi) -40%, var(--x-button-tone) 60%);
+    --x-button-border: var(--x-button-tone);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button--primary:hover:not(:disabled, [aria-disabled=true]) {
+    filter: brightness(1.12);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button--secondary {
+    --x-button-fg: var(--x-button-tone);
+    --x-button-bg: var(--x-button-tint);
+    --x-button-border: var(--x-button-edge);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button--secondary:hover:not(:disabled, [aria-disabled=true]) {
+    --x-button-fg: var(--x-button-tone-hi);
+    --x-button-bg: var(--x-button-tint-hi);
+    --x-button-border: var(--x-button-tone);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button--tertiary {
+    --x-button-fg: var(--x-button-quiet-fg);
+    --x-button-bg: transparent;
+    --x-button-border: transparent;
+    padding: 0 var(--x-space-3);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button--tertiary:hover:not(:disabled, [aria-disabled=true]) {
+    --x-button-fg: var(--x-button-tone);
+    --x-button-bg: color-mix(in oklab, var(--x-button-tone) 8%, transparent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button:not(.x-button--danger, .x-button--warning, .x-button--success).x-button--tertiary {
+    --x-button-quiet-fg: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button:not(.x-button--danger, .x-button--warning, .x-button--success).x-button--tertiary:hover:not(:disabled, [aria-disabled=true]) {
+    --x-button-fg: var(--x-color-accent-strong);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button--tertiary .x-button__label::before {
+    content: "";
+    display: inline-block;
+    width: 0.4em;
+    height: 0.4em;
+    margin-inline-end: 0.6em;
+    vertical-align: 0.12em;
+    border-block-start: 1.5px solid currentcolor;
+    border-inline-end: 1.5px solid currentcolor;
+    transform: rotate(45deg);
+    transition: transform var(--x-duration) var(--x-ease);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button--tertiary:hover:not(:disabled, [aria-disabled=true]) .x-button__label::before {
+    transform: translateX(2px) rotate(45deg);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button--sm {
+    --x-cut: 6px;
+    padding: 0 var(--x-space-3);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button--lg {
+    --x-cut: 10px;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button:disabled,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button[aria-disabled=true]:not(.x-button--loading) {
+    --x-button-fg: var(--x-color-text-faint);
+    --x-button-bg: var(--x-color-surface-2);
+    --x-button-border: var(--x-color-line-strong);
+    opacity: 1;
+    filter: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button--tertiary:disabled,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-button--tertiary[aria-disabled=true]:not(.x-button--loading) {
+    --x-button-bg: transparent;
+    --x-button-border: transparent;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card {
+    --x-card-cut: var(--x-cut-md);
+    --x-card-edge: var(--x-color-line-strong);
+    --x-card-fill: linear-gradient(180deg, var(--x-color-surface-2), var(--x-color-surface) 60%);
+    --x-card-foot-style: dashed;
+    --x-card-index-style: decimal-leading-zero;
+    --x-card-index-prefix: 'T-';
+    isolation: isolate;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card::before, :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card::after {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    clip-path: polygon(var(--x-card-cut) 0, 100% 0, 100% calc(100% - var(--x-card-cut)), calc(100% - var(--x-card-cut)) 100%, 0 100%, 0 var(--x-card-cut));
+    pointer-events: none;
+    transition: background var(--x-duration) var(--x-ease);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card::before {
+    inset: 0;
+    background: var(--x-card-edge);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card::after {
+    inset: 1px;
+    background: var(--x-card-fill);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card--link:hover {
+    --x-card-edge: linear-gradient(
+      135deg,
+      var(--x-color-accent),
+      var(--x-color-accent-edge) 40%,
+      var(--x-color-line-strong)
+    );
+    --x-card-fill: linear-gradient(180deg, var(--x-color-surface-3), var(--x-color-surface) 70%);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card--featured {
+    --x-card-edge: linear-gradient(
+      135deg,
+      var(--x-color-accent),
+      var(--x-color-accent-edge) 25%,
+      var(--x-color-line-strong) 50%
+    );
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card--featured::after {
+    --b: var(--x-color-accent);
+    background: linear-gradient(var(--b), var(--b)) top right/var(--x-bracket) 2px no-repeat, linear-gradient(var(--b), var(--b)) top right/2px var(--x-bracket) no-repeat, linear-gradient(var(--b), var(--b)) bottom left/var(--x-bracket) 2px no-repeat, linear-gradient(var(--b), var(--b)) bottom left/2px var(--x-bracket) no-repeat, var(--x-card-fill);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card--link:has(.x-card__link:focus-visible) {
+    outline: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card--link:has(.x-card__link:focus-visible)::before {
+    inset: -3px;
+    background: var(--x-color-focus);
+    clip-path: polygon(evenodd, calc(var(--x-card-cut) + 1.7573593129px) 0, 100% 0, 100% calc(100% - calc(var(--x-card-cut) + 1.7573593129px)), calc(100% - calc(var(--x-card-cut) + 1.7573593129px)) 100%, 0 100%, 0 calc(var(--x-card-cut) + 1.7573593129px), calc(var(--x-card-cut) + 1.7573593129px) 0, calc(calc(var(--x-card-cut) + 1.7573593129px) + 0.8284271247px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - calc(var(--x-card-cut) + 1.7573593129px) - 0.8284271247px), calc(100% - calc(var(--x-card-cut) + 1.7573593129px) - 0.8284271247px) calc(100% - 2px), 2px calc(100% - 2px), 2px calc(calc(var(--x-card-cut) + 1.7573593129px) + 0.8284271247px), calc(calc(var(--x-card-cut) + 1.7573593129px) + 0.8284271247px) 2px);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card__index {
+    font-family: var(--x-font-mono);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card__foot-start, :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card__foot-end {
+    font-family: var(--x-font-display);
+    font-size: var(--x-fs-label);
+    font-weight: 600;
+    line-height: 1.3;
+    letter-spacing: var(--x-track-label);
+    text-transform: uppercase;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card__foot-start {
+    color: var(--x-color-text-faint);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card__foot-end {
+    color: var(--x-color-accent);
+    transition: transform var(--x-duration) var(--x-ease);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-card--link:hover .x-card__foot-end {
+    transform: translateX(3px);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-description-list {
+    --x-description-list-term-font: var(--x-font-display);
+    --x-description-list-term-fs: var(--x-fs-label);
+    --x-description-list-term-weight: 600;
+    --x-description-list-term-tracking: var(--x-track-label);
+    --x-description-list-term-case: uppercase;
+    --x-description-list-term-color: var(--x-color-text-faint);
+    --x-description-list-value-font: var(--x-font-mono);
+    --x-description-list-value-fs: var(--x-fs-small);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-description-list a {
+    color: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-description-list--columns {
+    --x-description-list-value-font: var(--x-font-body);
+    --x-description-list-value-fs: var(--x-fs-ui);
+    --x-description-list-value-color: var(--x-color-text-muted);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-divider--ornament,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-divider--label {
+    --x-divider-line: var(--x-color-line-strong);
+    --x-divider-gap: 0;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-divider--ornament::before,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-divider--label::before {
+    background: linear-gradient(var(--x-color-accent), var(--x-color-accent)) right/32px 1px no-repeat, linear-gradient(to right, transparent, var(--x-divider-line) 20%);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-divider--ornament::after,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-divider--label::after {
+    background: linear-gradient(var(--x-color-accent), var(--x-color-accent)) left/32px 1px no-repeat, linear-gradient(to left, transparent, var(--x-divider-line) 20%);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-divider__mark {
+    width: 8px;
+    height: 8px;
+    margin-inline: 4px;
+    border: 1px solid var(--x-color-accent);
+    rotate: 45deg;
+    box-shadow: 0 0 6px var(--x-color-glow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-divider__label {
+    padding-inline: var(--x-space-3);
+    color: var(--x-color-text-faint);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-empty-state {
+    background: var(--x-color-surface);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-field,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-choice-group,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-input,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-input-wrap,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-textarea,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-select,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-checkbox,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-radio,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-switch {
+    --x-field-font: var(--x-font-body);
+    --x-field-bg: var(--x-color-surface);
+    --x-field-glow: 0 0 0 1px var(--x-color-accent), 0 0 16px -2px var(--x-color-glow);
+    --x-field-hatch: repeating-linear-gradient(135deg, var(--x-color-surface) 0 6px, var(--x-color-surface-2) 6px 7px);
+    --x-textarea-min: 144px;
+    --x-check-ink-glow: 0 0 8px var(--x-color-glow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-switch {
+    --x-check-on-bg: var(--x-color-accent-fill);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-field__error {
+    font-weight: 400;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-input:disabled,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-textarea:disabled,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-select:disabled {
+    background-color: var(--x-color-surface);
+    background-image: var(--x-field-hatch);
+    background-size: auto;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-checkbox__input:disabled,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-radio__input:disabled,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-switch__input:disabled {
+    opacity: 0.6;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-checkbox__input:disabled::before,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-radio__input:disabled::before,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-switch__input:disabled::before {
+    box-shadow: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-radio__input {
+    --x-check-size: 16px;
+    margin: 0 2px;
+    border-radius: 0;
+    transform: rotate(45deg);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-radio__input::before {
+    border-radius: 0;
+    transform: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-filters {
+    --x-filters-switch-font: var(--x-font-display);
+    --x-filters-toggle-bg: var(--x-color-surface);
+    --x-filters-option-weight: 600;
+    --x-filters-option-bg: var(--x-color-surface);
+    --x-filters-option-hover: var(--x-color-accent);
+    --x-filters-option-on-color: var(--x-color-accent);
+    --x-filters-option-on-bg: var(--x-color-accent-fill);
+    --x-filters-option-on-shadow: inset 0 -2px 0 var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-footer {
+    padding-block: var(--x-space-8) var(--x-space-9);
+    background: var(--x-color-surface);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-footer__brand {
+    font-family: var(--x-font-display);
+    font-size: var(--x-fs-ui);
+    font-weight: 700;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    color: var(--x-color-text);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-footer__brand:hover {
+    color: var(--x-color-text);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-footer__brand svg {
+    color: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-footer__note {
+    color: var(--x-color-text-faint);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-footer__title {
+    font-family: var(--x-font-ui);
+    font-weight: 600;
+    letter-spacing: var(--x-track-label);
+    text-transform: uppercase;
+    color: var(--x-color-text-faint);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-footer__link {
+    font-size: var(--x-fs-ui);
+    color: var(--x-color-text-muted);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-footer__link:hover {
+    color: var(--x-color-accent);
+    text-decoration: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-footer--row {
+    padding-block: var(--x-space-7) var(--x-space-8);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-header {
+    --x-header-bg: color-mix(in oklab, var(--x-color-bg) 88%, transparent);
+    box-shadow: inset 0 -1px 0 var(--x-color-line);
+    backdrop-filter: blur(10px);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-header__brand {
+    font-family: var(--x-font-display);
+    font-size: var(--x-fs-ui);
+    font-weight: 700;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    color: var(--x-color-text);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-header__brand:hover {
+    color: var(--x-color-text);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-header__brand svg {
+    color: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-header__link {
+    padding: 0 14px;
+    font-family: var(--x-font-ui);
+    font-size: var(--x-fs-label);
+    font-weight: 600;
+    line-height: 1.3;
+    letter-spacing: var(--x-track-label);
+    text-transform: uppercase;
+    color: var(--x-color-text-muted);
+    transition: color var(--x-duration) var(--x-ease);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-header__link:hover {
+    color: var(--x-color-text);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-header__link[aria-current=page] {
+    color: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-header__link[aria-current=page]::after {
+    content: "";
+    position: absolute;
+    right: 14px;
+    bottom: 4px;
+    left: 14px;
+    height: 2px;
+    background: var(--x-color-accent);
+    box-shadow: 0 0 10px var(--x-color-glow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-header__toggle {
+    --x-button-quiet-fg: var(--x-color-text-muted);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-header__panel {
+    background: var(--x-color-surface-2);
+    border: 1px solid var(--x-color-line-strong);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-header__panel .x-header__link[aria-current=page]::after {
+    top: 12px;
+    right: auto;
+    bottom: 12px;
+    left: 0;
+    width: 2px;
+    height: auto;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-header--stacked .x-header__panel {
+    background: none;
+    border: 0;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-icon {
+    --x-icon-cap: square;
+    --x-icon-join: miter;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-section-head {
+    position: relative;
+    padding-bottom: var(--x-space-4);
+    border-bottom: 1px solid var(--x-color-line-strong);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-section-head::after {
+    content: "";
+    position: absolute;
+    bottom: -1px;
+    left: 0;
+    width: 64px;
+    height: 1px;
+    background: var(--x-color-accent);
+    box-shadow: 0 0 8px var(--x-color-glow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-section-head::before {
+    content: "";
+    position: absolute;
+    top: 100%;
+    right: 0;
+    left: 0;
+    height: 5px;
+    pointer-events: none;
+    background: repeating-linear-gradient(90deg, var(--x-color-line-strong) 0 1px, transparent 1px 8px) 0 0/100% 3px no-repeat, repeating-linear-gradient(90deg, var(--x-color-accent-edge) 0 1px, transparent 1px 64px) 0 0/100% 5px no-repeat;
+    mask-image: linear-gradient(90deg, #000 20%, transparent 70%);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-section-head__eyebrow {
+    display: inline-flex;
+    gap: var(--x-space-2);
+    align-items: center;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-section-head__eyebrow::before {
+    content: "";
+    width: 18px;
+    height: 1px;
+    background: currentcolor;
+    box-shadow: 0 0 6px var(--x-color-glow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-page-head {
+    position: relative;
+    padding-bottom: var(--x-space-5);
+    border-bottom: 1px solid var(--x-color-line-strong);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-page-head::after {
+    content: "";
+    position: absolute;
+    bottom: -1px;
+    left: 0;
+    width: 96px;
+    height: 1px;
+    background: var(--x-color-accent);
+    box-shadow: 0 0 8px var(--x-color-glow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-page-head--center::after {
+    left: calc(50% - 48px);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-page-head__eyebrow {
+    display: inline-flex;
+    gap: var(--x-space-2);
+    align-items: center;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-page-head__eyebrow::before {
+    content: "";
+    width: 18px;
+    height: 1px;
+    background: currentcolor;
+    box-shadow: 0 0 6px var(--x-color-glow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-page-head__title {
+    font-weight: 600;
+    letter-spacing: var(--x-track-display);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-page-head__meta {
+    font-family: var(--x-font-ui);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-pagination__list {
+    gap: 6px;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-pagination__link {
+    font-family: var(--x-font-mono);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-pagination__link:not([aria-current=page]) {
+    background: var(--x-color-surface);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-pagination__link[aria-current=page] {
+    box-shadow: 0 0 12px var(--x-color-glow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-pagination__link--edge {
+    font-family: var(--x-font-display);
+    font-weight: 600;
+    letter-spacing: var(--x-track-label);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-pagination__link--disabled {
+    border-color: var(--x-color-line);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-pagination__gap,
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-pagination__summary {
+    font-family: var(--x-font-mono);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-pagination__gap {
+    color: var(--x-color-text-faint);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel {
+    --x-surface-cut: var(--x-cut-md);
+    --x-surface-edge: var(--x-color-line);
+    --x-surface-fill: var(--x-color-surface);
+    --x-panel-lit: linear-gradient(180deg, var(--x-color-surface-2), var(--x-color-surface) 60%);
+    isolation: isolate;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel::before, :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    pointer-events: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel::before {
+    background: var(--x-surface-fill);
+    clip-path: polygon(var(--x-surface-cut) 0, 100% 0, 100% calc(100% - var(--x-surface-cut)), calc(100% - var(--x-surface-cut)) 100%, 0 100%, 0 var(--x-surface-cut));
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel::after {
+    background: var(--x-surface-edge);
+    clip-path: polygon(evenodd, var(--x-surface-cut) 0, 100% 0, 100% calc(100% - var(--x-surface-cut)), calc(100% - var(--x-surface-cut)) 100%, 0 100%, 0 var(--x-surface-cut), var(--x-surface-cut) 0, calc(var(--x-surface-cut) + 0.4142135624px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - var(--x-surface-cut) - 0.4142135624px), calc(100% - var(--x-surface-cut) - 0.4142135624px) calc(100% - 1px), 1px calc(100% - 1px), 1px calc(var(--x-surface-cut) + 0.4142135624px), calc(var(--x-surface-cut) + 0.4142135624px) 1px);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel--pad-sm {
+    --x-surface-cut: var(--x-cut-sm);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel--pad-lg, :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel--pad-xl {
+    --x-surface-cut: var(--x-cut-lg);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel--raised {
+    --x-surface-edge: var(--x-color-line-strong);
+    --x-surface-fill: linear-gradient(180deg, var(--x-color-surface-3), var(--x-color-surface-2) 60%);
+    box-shadow: var(--x-shadow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel--accent {
+    --x-surface-edge: var(--x-color-accent-edge);
+    --x-surface-fill:
+      linear-gradient(var(--x-color-accent), var(--x-color-accent)) top / 100% 2px no-repeat, var(--x-panel-lit);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel--callout {
+    --x-surface-edge: var(--x-color-accent);
+    --x-surface-fill:
+      linear-gradient(var(--x-color-accent), var(--x-color-accent)) top / 100% 2px no-repeat,
+      linear-gradient(
+        180deg,
+        color-mix(in srgb, var(--x-color-accent) 16%, var(--x-color-bg)),
+        var(--x-color-accent-fill) 60%
+      );
+    box-shadow: var(--x-shadow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel:focus-visible {
+    outline: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel:focus-visible::after {
+    inset: -4px;
+    background: var(--x-color-focus);
+    clip-path: polygon(evenodd, calc(var(--x-surface-cut) + 2.3431457505px) 0, 100% 0, 100% calc(100% - calc(var(--x-surface-cut) + 2.3431457505px)), calc(100% - calc(var(--x-surface-cut) + 2.3431457505px)) 100%, 0 100%, 0 calc(var(--x-surface-cut) + 2.3431457505px), calc(var(--x-surface-cut) + 2.3431457505px) 0, calc(calc(var(--x-surface-cut) + 2.3431457505px) + 0.8284271247px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - calc(var(--x-surface-cut) + 2.3431457505px) - 0.8284271247px), calc(100% - calc(var(--x-surface-cut) + 2.3431457505px) - 0.8284271247px) calc(100% - 2px), 2px calc(100% - 2px), 2px calc(calc(var(--x-surface-cut) + 2.3431457505px) + 0.8284271247px), calc(calc(var(--x-surface-cut) + 2.3431457505px) + 0.8284271247px) 2px);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-panel--marks::before {
+    background: linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) top 1px left 1px/var(--x-bracket) 1px no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) top 1px left 1px/1px var(--x-bracket) no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) top 1px right 1px/var(--x-bracket) 1px no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) top 1px right 1px/1px var(--x-bracket) no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) bottom 1px left 1px/var(--x-bracket) 1px no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) bottom 1px left 1px/1px var(--x-bracket) no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) bottom 1px right 1px/var(--x-bracket) 1px no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) bottom 1px right 1px/1px var(--x-bracket) no-repeat, var(--x-surface-fill);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-progress {
+    --x-progress-md: 8px;
+    --x-progress-sm: 6px;
+    --x-progress-segment: 9px;
+    --x-progress-gap: 2px;
+    --x-progress-inset: 1px;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-progress--sm {
+    --x-progress-segment: 6px;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-progress__track {
+    background: repeating-linear-gradient(90deg, var(--x-color-surface-3) 0 var(--x-progress-segment), var(--x-color-surface) var(--x-progress-segment) calc(var(--x-progress-segment) + var(--x-progress-gap)));
+    background-position: 1px 0;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-progress__track::before {
+    content: "";
+    position: absolute;
+    inset-block: 1px;
+    inset-inline-start: 1px;
+    width: calc(var(--x-progress, 0%) - 2px);
+    box-shadow: 0 0 8px color-mix(in srgb, var(--x-progress-end) 55%, transparent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-progress--empty .x-progress__track::before {
+    display: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-progress__fill {
+    inset-inline-start: 1px;
+    width: calc(var(--x-progress, 0%) - 2px);
+    mask: repeating-linear-gradient(90deg, #000 0 var(--x-progress-segment), transparent var(--x-progress-segment) calc(var(--x-progress-segment) + var(--x-progress-gap)));
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-progress--indeterminate .x-progress__track::before {
+    display: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-progress--indeterminate .x-progress__fill {
+    width: 30%;
+    mask: none;
+    box-shadow: 0 0 8px color-mix(in srgb, var(--x-progress-end) 55%, transparent);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-progress--indeterminate .x-progress__fill {
+      width: calc(100% - 2px);
+    }
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-progress__value {
+    font-family: var(--x-font-mono);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose {
+    color: var(--x-color-text-muted);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose > :is(h2, h3, h4) {
+    color: var(--x-color-text);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(a) {
+    color: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(em) {
+    color: var(--x-color-text);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(ul, ol) {
+    padding-left: 0;
+    list-style: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(ol) {
+    counter-reset: x-item;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(ul, ol) > :where(li) {
+    position: relative;
+    padding-left: 2.25rem;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(ol) > :where(li)::before {
+    counter-increment: x-item;
+    content: counter(x-item, decimal-leading-zero);
+    position: absolute;
+    top: 0.15em;
+    left: 0;
+    font-family: var(--x-font-mono);
+    font-size: var(--x-fs-small);
+    color: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(ul) > :where(li)::before {
+    content: "";
+    position: absolute;
+    top: 0.68em;
+    left: 6px;
+    width: 6px;
+    height: 6px;
+    border: 1px solid var(--x-color-accent);
+    transform: rotate(45deg);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(blockquote) {
+    padding: var(--x-space-5) var(--x-space-5) var(--x-space-5) var(--x-space-6);
+    font-family: var(--x-font-heading);
+    font-size: 1.3125rem;
+    line-height: 1.5;
+    color: var(--x-color-text);
+    background: linear-gradient(90deg, var(--x-color-accent-wash), transparent);
+    border-left: 2px solid var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(blockquote)::before {
+    content: "“";
+    position: absolute;
+    top: 8px;
+    left: 10px;
+    font-size: 2rem;
+    line-height: 1;
+    color: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(blockquote) > :is(footer, cite) {
+    font-size: var(--x-fs-label);
+    font-weight: 600;
+    line-height: 1.3;
+    letter-spacing: var(--x-track-label);
+    text-transform: uppercase;
+    color: var(--x-color-text-faint);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(blockquote) > :is(footer, cite)::before {
+    content: "// ";
+    color: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(:not(pre)) > :where(code) {
+    padding: 1px 6px;
+    color: var(--x-color-accent-strong);
+    background: var(--x-color-accent-fill);
+    border: 1px solid var(--x-color-line-strong);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(hr) {
+    height: 1px;
+    background: linear-gradient(90deg, var(--x-color-accent) 0 64px, var(--x-color-line-strong) 64px);
+    border: 0;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(figure:not(.x-code)) > :is(img, svg, video, picture) {
+    padding: var(--x-space-5);
+    color: var(--x-color-accent);
+    background: var(--x-color-surface);
+    clip-path: polygon(var(--x-cut-md) 0, 100% 0, 100% calc(100% - var(--x-cut-md)), calc(100% - var(--x-cut-md)) 100%, 0 100%, 0 var(--x-cut-md));
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(figcaption) {
+    color: var(--x-color-text-faint);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(table:not(.x-table)) {
+    background: var(--x-color-glass);
+    border: 1px solid var(--x-color-line-strong);
+    --x-table-hover: var(--x-color-accent-wash);
+    --x-table-stripe: color-mix(in srgb, var(--x-color-accent) 4%, transparent);
+    color: var(--x-color-text-muted);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(table:not(.x-table)) :where(thead th) {
+    font-family: var(--x-font-ui);
+    font-weight: 600;
+    letter-spacing: var(--x-track-label);
+    text-transform: uppercase;
+    color: var(--x-color-accent);
+    background: var(--x-color-surface-3);
+    box-shadow: inset 0 -1px 0 var(--x-color-accent-edge);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(table:not(.x-table)) :where(tbody th) {
+    font-weight: 500;
+    color: var(--x-color-text);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-prose :where(table:not(.x-table)) :where(tbody tr:hover) > :first-child {
+    box-shadow: inset 2px 0 0 var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code {
+    --x-code-kw: var(--x-color-accent);
+    --x-code-str: var(--x-color-warning);
+    --x-code-num: var(--x-color-flare);
+    --x-code-fn: var(--x-color-accent-strong);
+    --x-code-com: var(--x-color-text-faint);
+    --x-code-bg: var(--x-color-surface);
+    isolation: isolate;
+    color: var(--x-color-text);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code::before, :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    pointer-events: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code::before {
+    background: var(--x-code-bg);
+    clip-path: polygon(var(--x-cut-md) 0, 100% 0, 100% calc(100% - var(--x-cut-md)), calc(100% - var(--x-cut-md)) 100%, 0 100%, 0 var(--x-cut-md));
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code::after {
+    z-index: 1;
+    background: var(--x-color-line-strong);
+    clip-path: polygon(evenodd, var(--x-cut-md) 0, 100% 0, 100% calc(100% - var(--x-cut-md)), calc(100% - var(--x-cut-md)) 100%, 0 100%, 0 var(--x-cut-md), var(--x-cut-md) 0, calc(var(--x-cut-md) + 0.4142135624px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - var(--x-cut-md) - 0.4142135624px), calc(100% - var(--x-cut-md) - 0.4142135624px) calc(100% - 1px), 1px calc(100% - 1px), 1px calc(var(--x-cut-md) + 0.4142135624px), calc(var(--x-cut-md) + 0.4142135624px) 1px);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code__bar {
+    padding: 10px var(--x-space-4) 10px var(--x-space-5);
+    font-family: var(--x-font-ui);
+    font-weight: 600;
+    letter-spacing: var(--x-track-label);
+    text-transform: uppercase;
+    border-bottom: 1px solid var(--x-color-line-strong);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code__title {
+    color: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code__lang {
+    color: var(--x-color-text-faint);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code__line::before {
+    content: counter(x-line, decimal-leading-zero);
+    width: 2ch;
+    padding-right: 1em;
+    margin-right: 1em;
+    color: var(--x-color-text-faint);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code__kw {
+    color: var(--x-code-kw);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code__str {
+    color: var(--x-code-str);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code__num {
+    color: var(--x-code-num);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code__fn {
+    color: var(--x-code-fn);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-code__com {
+    color: var(--x-code-com);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat-group {
+    list-style: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat {
+    --x-stat-pad: var(--x-space-4);
+    --x-stat-value: var(--x-color-accent);
+    --x-stat-glow: var(--x-color-glow);
+    --x-surface-cut: var(--x-cut-md);
+    --x-surface-edge: var(--x-color-line-strong);
+    --x-surface-fill: linear-gradient(180deg, rgb(154 239 255 / 6%), transparent 40%) var(--x-color-glass);
+    isolation: isolate;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat::before, :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    pointer-events: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat::before {
+    background: var(--x-surface-fill);
+    clip-path: polygon(var(--x-surface-cut) 0, 100% 0, 100% calc(100% - var(--x-surface-cut)), calc(100% - var(--x-surface-cut)) 100%, 0 100%, 0 var(--x-surface-cut));
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat::after {
+    background: var(--x-surface-edge);
+    clip-path: polygon(evenodd, var(--x-surface-cut) 0, 100% 0, 100% calc(100% - var(--x-surface-cut)), calc(100% - var(--x-surface-cut)) 100%, 0 100%, 0 var(--x-surface-cut), var(--x-surface-cut) 0, calc(var(--x-surface-cut) + 0.4142135624px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - var(--x-surface-cut) - 0.4142135624px), calc(100% - var(--x-surface-cut) - 0.4142135624px) calc(100% - 1px), 1px calc(100% - 1px), 1px calc(var(--x-surface-cut) + 0.4142135624px), calc(var(--x-surface-cut) + 0.4142135624px) 1px);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat::before {
+    background: linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) top 1px left 1px/var(--x-bracket) 1px no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) top 1px left 1px/1px var(--x-bracket) no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) top 1px right 1px/var(--x-bracket) 1px no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) top 1px right 1px/1px var(--x-bracket) no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) bottom 1px left 1px/var(--x-bracket) 1px no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) bottom 1px left 1px/1px var(--x-bracket) no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) bottom 1px right 1px/var(--x-bracket) 1px no-repeat, linear-gradient(color-mix(in srgb, var(--x-color-accent) 80%, transparent), color-mix(in srgb, var(--x-color-accent) 80%, transparent)) bottom 1px right 1px/1px var(--x-bracket) no-repeat, var(--x-surface-fill);
+  }
+  @media (min-width: 640px) {
+    :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat {
+      --x-stat-pad: var(--x-space-5);
+    }
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat::before {
+    backdrop-filter: var(--x-blur);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat__label {
+    font-family: var(--x-font-display);
+    font-size: var(--x-fs-label);
+    font-weight: 600;
+    line-height: 1.3;
+    letter-spacing: var(--x-track-label);
+    text-transform: uppercase;
+    color: var(--x-color-text-faint);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat__value {
+    font-family: var(--x-font-display);
+    font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.375rem);
+    font-weight: 600;
+    line-height: 1;
+    text-shadow: 0 0 18px var(--x-stat-glow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat__unit {
+    text-shadow: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat--muted {
+    --x-stat-value: var(--x-color-text-muted);
+    --x-stat-glow: transparent;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat--success {
+    --x-stat-value: var(--x-color-success);
+    --x-stat-glow: rgb(95 221 141 / 35%);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat--warning {
+    --x-stat-value: var(--x-color-warning);
+    --x-stat-glow: rgb(242 169 59 / 40%);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat--danger {
+    --x-stat-value: var(--x-color-danger);
+    --x-stat-glow: rgb(255 111 97 / 35%);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat-group--framed .x-stat {
+    --x-surface-fill: linear-gradient(180deg, var(--x-color-surface-2), var(--x-color-surface) 60%);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-stat-group--framed .x-stat::before {
+    backdrop-filter: none;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-table-wrap {
+    background: var(--x-color-glass);
+    border: 1px solid var(--x-color-line-strong);
+    --x-table-cover: color-mix(in srgb, var(--x-color-surface) 50%, var(--x-color-bg));
+    --x-table-edge: color-mix(in srgb, var(--x-color-accent) 30%, transparent);
+    background: var(--x-table-hint), var(--x-color-glass);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-table {
+    --x-table-hover: var(--x-color-accent-wash);
+    --x-table-stripe: color-mix(in srgb, var(--x-color-accent) 4%, transparent);
+    color: var(--x-color-text-muted);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-table :where(thead th) {
+    font-family: var(--x-font-ui);
+    font-weight: 600;
+    letter-spacing: var(--x-track-label);
+    text-transform: uppercase;
+    color: var(--x-color-accent);
+    background: var(--x-color-surface-3);
+    box-shadow: inset 0 -1px 0 var(--x-color-accent-edge);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-table :where(tbody th) {
+    font-weight: 500;
+    color: var(--x-color-text);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-table--hover :where(tbody tr:hover) > :first-child {
+    box-shadow: inset 2px 0 0 var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-table__cell--num {
+    font-family: var(--x-font-mono);
+    font-size: 0.9375rem;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-tabs__list::after {
+    margin-left: -20px;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-tabs__link {
+    padding: 0 20px;
+    font-family: var(--x-font-display);
+    font-size: var(--x-fs-ui);
+    font-weight: 500;
+    line-height: 1.4;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-tabs__link:hover {
+    color: var(--x-color-text);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-tabs__link[aria-current=page] {
+    color: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-tabs__link[aria-current=page]::after {
+    content: "";
+    position: absolute;
+    right: 0;
+    bottom: -1px;
+    left: 0;
+    height: 2px;
+    background: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-tabs__link[aria-current=page] .x-tabs__count {
+    color: var(--x-color-accent);
+    border-color: var(--x-color-accent-edge);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-tabs__count {
+    background: var(--x-color-surface-2);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-tag::before {
+    content: "#";
+    margin-right: 2px;
+    color: var(--x-color-text-faint);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-tag--active {
+    box-shadow: 0 0 12px var(--x-color-glow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-tag--active::before {
+    color: inherit;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-timeline {
+    --x-timeline-date-fs: 0.9375rem;
+    --x-timeline-rail: 12px;
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-timeline__item:first-child::before {
+    background: linear-gradient(var(--x-color-accent), var(--x-color-line-strong));
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-timeline__item:last-child::before {
+    background: linear-gradient(var(--x-color-line-strong), transparent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-timeline__item--current::after {
+    background: var(--x-color-accent);
+    box-shadow: 0 0 10px var(--x-color-glow);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-timeline__date {
+    font-family: var(--x-font-mono);
+    color: var(--x-color-accent);
+  }
+  :where(:root:not([data-x-theme]), [data-x-theme=eve-online]) .x-tooltip {
+    --x-tooltip-font: var(--x-font-body);
+    --x-tooltip-edge: var(--x-color-line-strong);
+    --x-tooltip-max: 280px;
+    --x-tooltip-left: 0;
+    --x-tooltip-shift: 0;
+    --x-tooltip-arrow-left: 26px;
+    --x-tooltip-gap: 12px;
+  }
+}
+@layer x.utility {
+  .x-p-none {
+    padding: 0;
+  }
+  .x-p-2xs {
+    padding: var(--x-space-1);
+  }
+  .x-p-xs {
+    padding: var(--x-space-2);
+  }
+  .x-p-sm {
+    padding: var(--x-space-3);
+  }
+  .x-p-md {
+    padding: var(--x-space-4);
+  }
+  .x-p-lg {
+    padding: var(--x-space-5);
+  }
+  .x-p-xl {
+    padding: var(--x-space-6);
+  }
+  .x-p-2xl {
+    padding: var(--x-space-7);
+  }
+  .x-p-3xl {
+    padding: var(--x-space-8);
+  }
+  .x-p-4xl {
+    padding: var(--x-space-9);
+  }
+  .x-px-none {
+    padding-inline: 0;
+  }
+  .x-px-2xs {
+    padding-inline: var(--x-space-1);
+  }
+  .x-px-xs {
+    padding-inline: var(--x-space-2);
+  }
+  .x-px-sm {
+    padding-inline: var(--x-space-3);
+  }
+  .x-px-md {
+    padding-inline: var(--x-space-4);
+  }
+  .x-px-lg {
+    padding-inline: var(--x-space-5);
+  }
+  .x-px-xl {
+    padding-inline: var(--x-space-6);
+  }
+  .x-px-2xl {
+    padding-inline: var(--x-space-7);
+  }
+  .x-px-3xl {
+    padding-inline: var(--x-space-8);
+  }
+  .x-px-4xl {
+    padding-inline: var(--x-space-9);
+  }
+  .x-py-none {
+    padding-block: 0;
+  }
+  .x-py-2xs {
+    padding-block: var(--x-space-1);
+  }
+  .x-py-xs {
+    padding-block: var(--x-space-2);
+  }
+  .x-py-sm {
+    padding-block: var(--x-space-3);
+  }
+  .x-py-md {
+    padding-block: var(--x-space-4);
+  }
+  .x-py-lg {
+    padding-block: var(--x-space-5);
+  }
+  .x-py-xl {
+    padding-block: var(--x-space-6);
+  }
+  .x-py-2xl {
+    padding-block: var(--x-space-7);
+  }
+  .x-py-3xl {
+    padding-block: var(--x-space-8);
+  }
+  .x-py-4xl {
+    padding-block: var(--x-space-9);
+  }
+  .x-pt-none {
+    padding-top: 0;
+  }
+  .x-pt-2xs {
+    padding-top: var(--x-space-1);
+  }
+  .x-pt-xs {
+    padding-top: var(--x-space-2);
+  }
+  .x-pt-sm {
+    padding-top: var(--x-space-3);
+  }
+  .x-pt-md {
+    padding-top: var(--x-space-4);
+  }
+  .x-pt-lg {
+    padding-top: var(--x-space-5);
+  }
+  .x-pt-xl {
+    padding-top: var(--x-space-6);
+  }
+  .x-pt-2xl {
+    padding-top: var(--x-space-7);
+  }
+  .x-pt-3xl {
+    padding-top: var(--x-space-8);
+  }
+  .x-pt-4xl {
+    padding-top: var(--x-space-9);
+  }
+  .x-pr-none {
+    padding-right: 0;
+  }
+  .x-pr-2xs {
+    padding-right: var(--x-space-1);
+  }
+  .x-pr-xs {
+    padding-right: var(--x-space-2);
+  }
+  .x-pr-sm {
+    padding-right: var(--x-space-3);
+  }
+  .x-pr-md {
+    padding-right: var(--x-space-4);
+  }
+  .x-pr-lg {
+    padding-right: var(--x-space-5);
+  }
+  .x-pr-xl {
+    padding-right: var(--x-space-6);
+  }
+  .x-pr-2xl {
+    padding-right: var(--x-space-7);
+  }
+  .x-pr-3xl {
+    padding-right: var(--x-space-8);
+  }
+  .x-pr-4xl {
+    padding-right: var(--x-space-9);
+  }
+  .x-pb-none {
+    padding-bottom: 0;
+  }
+  .x-pb-2xs {
+    padding-bottom: var(--x-space-1);
+  }
+  .x-pb-xs {
+    padding-bottom: var(--x-space-2);
+  }
+  .x-pb-sm {
+    padding-bottom: var(--x-space-3);
+  }
+  .x-pb-md {
+    padding-bottom: var(--x-space-4);
+  }
+  .x-pb-lg {
+    padding-bottom: var(--x-space-5);
+  }
+  .x-pb-xl {
+    padding-bottom: var(--x-space-6);
+  }
+  .x-pb-2xl {
+    padding-bottom: var(--x-space-7);
+  }
+  .x-pb-3xl {
+    padding-bottom: var(--x-space-8);
+  }
+  .x-pb-4xl {
+    padding-bottom: var(--x-space-9);
+  }
+  .x-pl-none {
+    padding-left: 0;
+  }
+  .x-pl-2xs {
+    padding-left: var(--x-space-1);
+  }
+  .x-pl-xs {
+    padding-left: var(--x-space-2);
+  }
+  .x-pl-sm {
+    padding-left: var(--x-space-3);
+  }
+  .x-pl-md {
+    padding-left: var(--x-space-4);
+  }
+  .x-pl-lg {
+    padding-left: var(--x-space-5);
+  }
+  .x-pl-xl {
+    padding-left: var(--x-space-6);
+  }
+  .x-pl-2xl {
+    padding-left: var(--x-space-7);
+  }
+  .x-pl-3xl {
+    padding-left: var(--x-space-8);
+  }
+  .x-pl-4xl {
+    padding-left: var(--x-space-9);
+  }
+  .x-m-none {
+    margin: 0;
+  }
+  .x-m-2xs {
+    margin: var(--x-space-1);
+  }
+  .x-m-xs {
+    margin: var(--x-space-2);
+  }
+  .x-m-sm {
+    margin: var(--x-space-3);
+  }
+  .x-m-md {
+    margin: var(--x-space-4);
+  }
+  .x-m-lg {
+    margin: var(--x-space-5);
+  }
+  .x-m-xl {
+    margin: var(--x-space-6);
+  }
+  .x-m-2xl {
+    margin: var(--x-space-7);
+  }
+  .x-m-3xl {
+    margin: var(--x-space-8);
+  }
+  .x-m-4xl {
+    margin: var(--x-space-9);
+  }
+  .x-m-section {
+    margin: var(--x-section);
+  }
+  .x-m-auto {
+    margin: auto;
+  }
+  .x-mx-none {
+    margin-inline: 0;
+  }
+  .x-mx-2xs {
+    margin-inline: var(--x-space-1);
+  }
+  .x-mx-xs {
+    margin-inline: var(--x-space-2);
+  }
+  .x-mx-sm {
+    margin-inline: var(--x-space-3);
+  }
+  .x-mx-md {
+    margin-inline: var(--x-space-4);
+  }
+  .x-mx-lg {
+    margin-inline: var(--x-space-5);
+  }
+  .x-mx-xl {
+    margin-inline: var(--x-space-6);
+  }
+  .x-mx-2xl {
+    margin-inline: var(--x-space-7);
+  }
+  .x-mx-3xl {
+    margin-inline: var(--x-space-8);
+  }
+  .x-mx-4xl {
+    margin-inline: var(--x-space-9);
+  }
+  .x-mx-section {
+    margin-inline: var(--x-section);
+  }
+  .x-mx-auto {
+    margin-inline: auto;
+  }
+  .x-my-none {
+    margin-block: 0;
+  }
+  .x-my-2xs {
+    margin-block: var(--x-space-1);
+  }
+  .x-my-xs {
+    margin-block: var(--x-space-2);
+  }
+  .x-my-sm {
+    margin-block: var(--x-space-3);
+  }
+  .x-my-md {
+    margin-block: var(--x-space-4);
+  }
+  .x-my-lg {
+    margin-block: var(--x-space-5);
+  }
+  .x-my-xl {
+    margin-block: var(--x-space-6);
+  }
+  .x-my-2xl {
+    margin-block: var(--x-space-7);
+  }
+  .x-my-3xl {
+    margin-block: var(--x-space-8);
+  }
+  .x-my-4xl {
+    margin-block: var(--x-space-9);
+  }
+  .x-my-section {
+    margin-block: var(--x-section);
+  }
+  .x-my-auto {
+    margin-block: auto;
+  }
+  .x-mt-none {
+    margin-top: 0;
+  }
+  .x-mt-2xs {
+    margin-top: var(--x-space-1);
+  }
+  .x-mt-xs {
+    margin-top: var(--x-space-2);
+  }
+  .x-mt-sm {
+    margin-top: var(--x-space-3);
+  }
+  .x-mt-md {
+    margin-top: var(--x-space-4);
+  }
+  .x-mt-lg {
+    margin-top: var(--x-space-5);
+  }
+  .x-mt-xl {
+    margin-top: var(--x-space-6);
+  }
+  .x-mt-2xl {
+    margin-top: var(--x-space-7);
+  }
+  .x-mt-3xl {
+    margin-top: var(--x-space-8);
+  }
+  .x-mt-4xl {
+    margin-top: var(--x-space-9);
+  }
+  .x-mt-section {
+    margin-top: var(--x-section);
+  }
+  .x-mt-auto {
+    margin-top: auto;
+  }
+  .x-mr-none {
+    margin-right: 0;
+  }
+  .x-mr-2xs {
+    margin-right: var(--x-space-1);
+  }
+  .x-mr-xs {
+    margin-right: var(--x-space-2);
+  }
+  .x-mr-sm {
+    margin-right: var(--x-space-3);
+  }
+  .x-mr-md {
+    margin-right: var(--x-space-4);
+  }
+  .x-mr-lg {
+    margin-right: var(--x-space-5);
+  }
+  .x-mr-xl {
+    margin-right: var(--x-space-6);
+  }
+  .x-mr-2xl {
+    margin-right: var(--x-space-7);
+  }
+  .x-mr-3xl {
+    margin-right: var(--x-space-8);
+  }
+  .x-mr-4xl {
+    margin-right: var(--x-space-9);
+  }
+  .x-mr-section {
+    margin-right: var(--x-section);
+  }
+  .x-mr-auto {
+    margin-right: auto;
+  }
+  .x-mb-none {
+    margin-bottom: 0;
+  }
+  .x-mb-2xs {
+    margin-bottom: var(--x-space-1);
+  }
+  .x-mb-xs {
+    margin-bottom: var(--x-space-2);
+  }
+  .x-mb-sm {
+    margin-bottom: var(--x-space-3);
+  }
+  .x-mb-md {
+    margin-bottom: var(--x-space-4);
+  }
+  .x-mb-lg {
+    margin-bottom: var(--x-space-5);
+  }
+  .x-mb-xl {
+    margin-bottom: var(--x-space-6);
+  }
+  .x-mb-2xl {
+    margin-bottom: var(--x-space-7);
+  }
+  .x-mb-3xl {
+    margin-bottom: var(--x-space-8);
+  }
+  .x-mb-4xl {
+    margin-bottom: var(--x-space-9);
+  }
+  .x-mb-section {
+    margin-bottom: var(--x-section);
+  }
+  .x-mb-auto {
+    margin-bottom: auto;
+  }
+  .x-ml-none {
+    margin-left: 0;
+  }
+  .x-ml-2xs {
+    margin-left: var(--x-space-1);
+  }
+  .x-ml-xs {
+    margin-left: var(--x-space-2);
+  }
+  .x-ml-sm {
+    margin-left: var(--x-space-3);
+  }
+  .x-ml-md {
+    margin-left: var(--x-space-4);
+  }
+  .x-ml-lg {
+    margin-left: var(--x-space-5);
+  }
+  .x-ml-xl {
+    margin-left: var(--x-space-6);
+  }
+  .x-ml-2xl {
+    margin-left: var(--x-space-7);
+  }
+  .x-ml-3xl {
+    margin-left: var(--x-space-8);
+  }
+  .x-ml-4xl {
+    margin-left: var(--x-space-9);
+  }
+  .x-ml-section {
+    margin-left: var(--x-section);
+  }
+  .x-ml-auto {
+    margin-left: auto;
+  }
+  .x-gap-none {
+    gap: 0;
+  }
+  .x-gap-x-none {
+    column-gap: 0;
+  }
+  .x-gap-y-none {
+    row-gap: 0;
+  }
+  .x-gap-2xs {
+    gap: var(--x-space-1);
+  }
+  .x-gap-x-2xs {
+    column-gap: var(--x-space-1);
+  }
+  .x-gap-y-2xs {
+    row-gap: var(--x-space-1);
+  }
+  .x-gap-xs {
+    gap: var(--x-space-2);
+  }
+  .x-gap-x-xs {
+    column-gap: var(--x-space-2);
+  }
+  .x-gap-y-xs {
+    row-gap: var(--x-space-2);
+  }
+  .x-gap-sm {
+    gap: var(--x-space-3);
+  }
+  .x-gap-x-sm {
+    column-gap: var(--x-space-3);
+  }
+  .x-gap-y-sm {
+    row-gap: var(--x-space-3);
+  }
+  .x-gap-md {
+    gap: var(--x-space-4);
+  }
+  .x-gap-x-md {
+    column-gap: var(--x-space-4);
+  }
+  .x-gap-y-md {
+    row-gap: var(--x-space-4);
+  }
+  .x-gap-lg {
+    gap: var(--x-space-5);
+  }
+  .x-gap-x-lg {
+    column-gap: var(--x-space-5);
+  }
+  .x-gap-y-lg {
+    row-gap: var(--x-space-5);
+  }
+  .x-gap-xl {
+    gap: var(--x-space-6);
+  }
+  .x-gap-x-xl {
+    column-gap: var(--x-space-6);
+  }
+  .x-gap-y-xl {
+    row-gap: var(--x-space-6);
+  }
+  .x-gap-2xl {
+    gap: var(--x-space-7);
+  }
+  .x-gap-x-2xl {
+    column-gap: var(--x-space-7);
+  }
+  .x-gap-y-2xl {
+    row-gap: var(--x-space-7);
+  }
+  .x-gap-3xl {
+    gap: var(--x-space-8);
+  }
+  .x-gap-x-3xl {
+    column-gap: var(--x-space-8);
+  }
+  .x-gap-y-3xl {
+    row-gap: var(--x-space-8);
+  }
+  .x-gap-4xl {
+    gap: var(--x-space-9);
+  }
+  .x-gap-x-4xl {
+    column-gap: var(--x-space-9);
+  }
+  .x-gap-y-4xl {
+    row-gap: var(--x-space-9);
+  }
+  .x-stack-none {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+  }
+  .x-cluster-none {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0;
+    align-items: center;
+  }
+  .x-stack-2xs {
+    display: flex;
+    flex-direction: column;
+    gap: var(--x-space-1);
+  }
+  .x-cluster-2xs {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--x-space-1);
+    align-items: center;
+  }
+  .x-stack-xs {
+    display: flex;
+    flex-direction: column;
+    gap: var(--x-space-2);
+  }
+  .x-cluster-xs {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--x-space-2);
+    align-items: center;
+  }
+  .x-stack-sm {
+    display: flex;
+    flex-direction: column;
+    gap: var(--x-space-3);
+  }
+  .x-cluster-sm {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--x-space-3);
+    align-items: center;
+  }
+  .x-stack-md {
+    display: flex;
+    flex-direction: column;
+    gap: var(--x-space-4);
+  }
+  .x-cluster-md {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--x-space-4);
+    align-items: center;
+  }
+  .x-stack-lg {
+    display: flex;
+    flex-direction: column;
+    gap: var(--x-space-5);
+  }
+  .x-cluster-lg {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--x-space-5);
+    align-items: center;
+  }
+  .x-stack-xl {
+    display: flex;
+    flex-direction: column;
+    gap: var(--x-space-6);
+  }
+  .x-cluster-xl {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--x-space-6);
+    align-items: center;
+  }
+  .x-stack-2xl {
+    display: flex;
+    flex-direction: column;
+    gap: var(--x-space-7);
+  }
+  .x-cluster-2xl {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--x-space-7);
+    align-items: center;
+  }
+  .x-stack-3xl {
+    display: flex;
+    flex-direction: column;
+    gap: var(--x-space-8);
+  }
+  .x-cluster-3xl {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--x-space-8);
+    align-items: center;
+  }
+  .x-stack-4xl {
+    display: flex;
+    flex-direction: column;
+    gap: var(--x-space-9);
+  }
+  .x-cluster-4xl {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--x-space-9);
+    align-items: center;
+  }
+  .x-visually-hidden:not(:focus-within, :active) {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    white-space: nowrap;
+    border: 0;
+    clip-path: inset(50%);
+  }
+}