/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --breakpoint-sm: 40rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-7xl: 80rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-display: var(--font-display);
    --spacing-xxs: var(--kern-metric-space-2x-small);
    --spacing-xs: var(--kern-metric-space-x-small);
    --spacing-sm: var(--kern-metric-space-small);
    --spacing-md: var(--kern-metric-space-default);
    --spacing-lg: var(--kern-metric-space-large);
    --spacing-xl: var(--kern-metric-space-x-large);
    --text-xs: var(--kern-typography-font-size-static-small);
    --text-xs--line-height: var(--kern-typography-line-height-static-medium);
    --text-sm: var(--kern-typography-font-size-static-small);
    --text-sm--line-height: var(--kern-typography-line-height-static-medium);
    --text-base: var(--kern-typography-font-size-static-medium);
    --text-base--line-height: var(--kern-typography-line-height-static-medium);
    --text-lg: var(--kern-typography-font-size-static-large);
    --text-lg--line-height: var(--kern-typography-line-height-static-large);
    --text-xl: var(--kern-typography-font-size-adaptive-x-large);
    --text-xl--line-height: var(--kern-typography-line-height-adaptive-x-large);
    --text-2xl: var(--kern-typography-font-size-adaptive-2x-large);
    --text-2xl--line-height: var(--kern-typography-line-height-adaptive-2x-large);
    --text-3xl: var(--kern-typography-font-size-adaptive-3x-large);
    --text-3xl--line-height: var(--kern-typography-line-height-adaptive-3x-large);
    --tracking-tight: -0.015em;
    --radius-lg: var(--kern-metric-border-radius-large);
    --radius-md: var(--kern-metric-border-radius-medium);
    --radius-sm: var(--kern-metric-border-radius-small);
    --radius: var(--kern-metric-border-radius-default);
    --radius-full: 100%;
    --color-black: #000;
    --color-white: #fff;
    --color-kern-feedback-success: var(--kern-color-feedback-success);
    --color-kern-feedback-success-background: var(--kern-color-feedback-success-background);
    --color-kern-feedback-info: var(--kern-color-feedback-info);
    --color-kern-feedback-info-background: var(--kern-color-feedback-info-background);
    --color-kern-feedback-danger: var(--kern-color-feedback-danger);
    --color-kern-feedback-danger-background: var(--kern-color-feedback-danger-background);
    --color-kern-feedback-warning: var(--kern-color-feedback-warning);
    --color-kern-feedback-warning-background: var(--kern-color-feedback-warning-background);
    --color-footer: var(--footer-background);
    --color-footer-foreground: var(--footer-foreground);
    --color-border: var(--border);
    --color-input: var(--input, var(--background));
    --color-input-foreground: var(--input-foreground, var(--foreground));
    --color-searchbar-border: var(--searchbar-color-border);
    --color-searchbar-background: var(--searchbar-color-background);
    --color-ring: var(--border);
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-primary: var(--primary);
    --color-primary-foreground: var(--primary-foreground);
    --color-secondary: var(--secondary, var(--accent));
    --color-secondary-foreground: var(--secondary-foreground, var(--accent-foreground));
    --color-destructive: var(--destructive);
    --color-destructive-foreground: var(--destructive-foreground, var(--primary-foreground));
    --color-muted: var(--muted);
    --color-muted-foreground: var(--muted-foreground);
    --color-accent: var(--accent);
    --color-accent-foreground: var(--accent-foreground);
    --color-info: var(--info);
    --color-info-background: var(--info);
    @supports (color: color-mix(in lab, red, red)) {
      --color-info-background: color-mix(in oklch, var(--info), white 85%);
    }
    --color-popover: var(--popover, var(--muted));
    --color-popover-foreground: var(--popover-foreground, var(--foreground));
    --color-card: var(--card, var(--muted));
    --color-card-foreground: var(--card-foreground, var(--foreground));
    --color-sidebar: var(--sidebar-background, var(--muted));
    --color-sidebar-foreground: var(--sidebar-foreground, var(--foreground));
    --color-sidebar-accent: var(--sidebar-accent, var(--accent));
    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground, var(--accent-foreground));
    --color-sidebar-border: var(--sidebar-border, var(--border));
    --color-sidebar-ring: var(--sidebar-ring, var(--border));
    --color-bund: #17406E;
    --color-dunkelgrau-80: #798183;
    --color-dunkelgrau-100: #576164;
    --color-hellgrau-20: #F2F3F4;
    --color-hellgrau-40: #E5E8E9;
    --color-dunkelgruen-80: #337D6A;
    --color-dunkelrot-80: #933F57;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, 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;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, 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;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .-top-12 {
    top: calc(var(--spacing) * -12);
  }
  .top-\(--sticky-header-offset\) {
    top: var(--sticky-header-offset);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-\[2px\] {
    top: 2px;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[60\%\] {
    top: 60%;
  }
  .top-full {
    top: 100%;
  }
  .top-px {
    top: 1px;
  }
  .top-sm {
    top: var(--spacing-sm);
  }
  .-right-12 {
    right: calc(var(--spacing) * -12);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-sm {
    right: var(--spacing-sm);
  }
  .-bottom-6 {
    bottom: calc(var(--spacing) * -6);
  }
  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }
  .-bottom-16 {
    bottom: calc(var(--spacing) * -16);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .-left-6 {
    left: calc(var(--spacing) * -6);
  }
  .-left-10 {
    left: calc(var(--spacing) * -10);
  }
  .-left-12 {
    left: calc(var(--spacing) * -12);
  }
  .-left-\[29px\] {
    left: calc(29px * -1);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-7 {
    left: calc(var(--spacing) * 7);
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .isolate {
    isolation: isolate;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-50 {
    z-index: 50;
  }
  .order-first {
    order: -9999;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-9 {
    grid-column-start: 9;
  }
  .col-end-3 {
    grid-column-end: 3;
  }
  .col-end-11 {
    grid-column-end: 11;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-m-6 {
    margin: calc(var(--spacing) * -6);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-2\.5 {
    margin-inline: calc(var(--spacing) * 2.5);
  }
  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-lg {
    margin-block: var(--spacing-lg);
  }
  .my-md {
    margin-block: var(--spacing-md);
  }
  .my-xl {
    margin-block: var(--spacing-xl);
  }
  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .ms-sm {
    margin-inline-start: var(--spacing-sm);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .mt-0\! {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\! {
    margin-top: calc(var(--spacing) * 2) !important;
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-4\! {
    margin-top: calc(var(--spacing) * 4) !important;
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-5\! {
    margin-top: calc(var(--spacing) * 5) !important;
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-6\! {
    margin-top: calc(var(--spacing) * 6) !important;
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-8\! {
    margin-top: calc(var(--spacing) * 8) !important;
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-12\! {
    margin-top: calc(var(--spacing) * 12) !important;
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-22 {
    margin-top: calc(var(--spacing) * 22);
  }
  .mt-32 {
    margin-top: calc(var(--spacing) * 32);
  }
  .mt-lg {
    margin-top: var(--spacing-lg);
  }
  .mt-sm\! {
    margin-top: var(--spacing-sm) !important;
  }
  .mt-xl {
    margin-top: var(--spacing-xl);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\! {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-4\! {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .mb-5\! {
    margin-bottom: calc(var(--spacing) * 5) !important;
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-xl {
    margin-bottom: var(--spacing-xl);
  }
  .mb-xl\! {
    margin-bottom: var(--spacing-xl) !important;
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .-ml-7\.5 {
    margin-left: calc(var(--spacing) * -7.5);
  }
  .-ml-px {
    margin-left: -1px;
  }
  .ml-0\! {
    margin-left: calc(var(--spacing) * 0) !important;
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-4\! {
    margin-left: calc(var(--spacing) * 4) !important;
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline\! {
    display: inline !important;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .field-sizing-content {
    field-sizing: content;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .h-\(--radix-navigation-menu-viewport-height\) {
    height: var(--radix-navigation-menu-viewport-height);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-2\/3 {
    height: calc(2 / 3 * 100%);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\! {
    height: calc(var(--spacing) * 4) !important;
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-8\! {
    height: calc(var(--spacing) * 8) !important;
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-13 {
    height: calc(var(--spacing) * 13);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-\[50vh\] {
    height: 50vh;
  }
  .h-auto {
    height: auto;
  }
  .h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .h-svh {
    height: 100svh;
  }
  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[calc\(100vh-200px\)\] {
    max-height: calc(100vh - 200px);
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\/4 {
    width: calc(3 / 4 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-65 {
    width: calc(var(--spacing) * 65);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[min\(calc\(100vw-2rem\)\,24rem\)\] {
    width: min(calc(100vw - 2rem), 24rem);
  }
  .w-\[var\(--anchor-width\)\] {
    width: var(--anchor-width);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: -moz-max-content;
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-269\.5 {
    max-width: calc(var(--spacing) * 269.5);
  }
  .max-w-\[1400px\] {
    max-width: 1400px;
  }
  .max-w-lg {
    max-width: var(--spacing-lg);
  }
  .max-w-max {
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .max-w-xl {
    max-width: var(--spacing-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .min-w-full {
    min-width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-none {
    flex: none;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-11\/12 {
    flex-basis: calc(11 / 12 * 100%);
  }
  .basis-full {
    flex-basis: 100%;
  }
  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }
  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }
  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-in {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.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);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .scroll-m-12 {
    scroll-margin: calc(var(--spacing) * 12);
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-\[0_1fr\] {
    grid-template-columns: 0 1fr;
  }
  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-center {
    place-content: center;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-items-start {
    justify-items: start;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7\.5 {
    gap: calc(var(--spacing) * 7.5);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-md {
    gap: var(--spacing-md);
  }
  .gap-sm {
    gap: var(--spacing-sm);
  }
  .gap-xl {
    gap: var(--spacing-xl);
  }
  .gap-xs {
    gap: var(--spacing-xs);
  }
  .space-y-0\.5 {
    :where(& > :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)));
    }
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1\.5 {
    :where(& > :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)));
    }
  }
  .space-y-2 {
    :where(& > :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)));
    }
  }
  .space-y-4 {
    :where(& > :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)));
    }
  }
  .space-y-4\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-lg {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-lg) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-lg) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-2 {
    -moz-column-gap: calc(var(--spacing) * 2);
         column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    -moz-column-gap: calc(var(--spacing) * 3);
         column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    -moz-column-gap: calc(var(--spacing) * 4);
         column-gap: calc(var(--spacing) * 4);
  }
  .space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-3 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .divide-y {
    :where(& > :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)));
    }
  }
  .divide-border {
    :where(& > :not(:last-child)) {
      border-color: var(--color-border);
    }
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .rounded {
    border-radius: var(--radius);
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-sm\! {
    border-radius: var(--radius-sm) !important;
  }
  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-\[--color-border\] {
    border-color: --color-border;
  }
  .border-border {
    border-color: var(--color-border);
  }
  .border-border\/25 {
    border-color: var(--color-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 25%, transparent);
    }
  }
  .border-border\/50 {
    border-color: var(--color-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
    }
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-foreground {
    border-color: var(--color-foreground);
  }
  .border-input {
    border-color: var(--color-input);
  }
  .border-kern-feedback-danger {
    border-color: var(--color-kern-feedback-danger);
  }
  .border-kern-feedback-info {
    border-color: var(--color-kern-feedback-info);
  }
  .border-kern-feedback-success {
    border-color: var(--color-kern-feedback-success);
  }
  .border-kern-feedback-warning {
    border-color: var(--color-kern-feedback-warning);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-searchbar-border {
    border-color: var(--color-searchbar-border);
  }
  .border-sidebar-border {
    border-color: var(--color-sidebar-border);
  }
  .bg-\[--color-bg\] {
    background-color: --color-bg;
  }
  .bg-accent\/10 {
    background-color: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }
  .bg-background {
    background-color: var(--color-background);
  }
  .bg-black\/80 {
    background-color: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .bg-border {
    background-color: var(--color-border);
  }
  .bg-card {
    background-color: var(--color-card);
  }
  .bg-destructive {
    background-color: var(--color-destructive);
  }
  .bg-footer {
    background-color: var(--color-footer);
  }
  .bg-hellgrau-20 {
    background-color: var(--color-hellgrau-20);
  }
  .bg-info {
    background-color: var(--color-info);
  }
  .bg-info-background {
    background-color: var(--color-info-background);
  }
  .bg-input {
    background-color: var(--color-input);
  }
  .bg-kern-feedback-danger-background {
    background-color: var(--color-kern-feedback-danger-background);
  }
  .bg-kern-feedback-info-background {
    background-color: var(--color-kern-feedback-info-background);
  }
  .bg-kern-feedback-success-background {
    background-color: var(--color-kern-feedback-success-background);
  }
  .bg-kern-feedback-warning-background {
    background-color: var(--color-kern-feedback-warning-background);
  }
  .bg-muted {
    background-color: var(--color-muted);
  }
  .bg-muted\/40 {
    background-color: var(--color-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
    }
  }
  .bg-popover {
    background-color: var(--color-popover);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary\/5 {
    background-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
  }
  .bg-primary\/10 {
    background-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-primary\/15 {
    background-color: var(--color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
    }
  }
  .bg-searchbar-background {
    background-color: var(--color-searchbar-background);
  }
  .bg-secondary {
    background-color: var(--color-secondary);
  }
  .bg-sidebar {
    background-color: var(--color-sidebar);
  }
  .bg-sidebar-border {
    background-color: var(--color-sidebar-border);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-t {
    --tw-gradient-position: to top;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sidebar {
    --tw-gradient-from: var(--color-sidebar);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .fill-current {
    fill: currentcolor;
  }
  .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-lg {
    padding: var(--spacing-lg);
  }
  .p-md {
    padding: var(--spacing-md);
  }
  .p-sm {
    padding: var(--spacing-sm);
  }
  .p-xl {
    padding: var(--spacing-xl);
  }
  .p-xs {
    padding: var(--spacing-xs);
  }
  .p-xxs {
    padding: var(--spacing-xxs);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-5\! {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-32 {
    padding-inline: calc(var(--spacing) * 32);
  }
  .px-md {
    padding-inline: var(--spacing-md);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\! {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-sm {
    padding-block: var(--spacing-sm);
  }
  .py-xxs {
    padding-block: var(--spacing-xxs);
  }
  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }
  .ps-sm {
    padding-inline-start: var(--spacing-sm);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-0\! {
    padding-top: calc(var(--spacing) * 0) !important;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-xl {
    padding-top: var(--spacing-xl);
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-4\! {
    padding-bottom: calc(var(--spacing) * 4) !important;
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-xl {
    padding-bottom: var(--spacing-xl);
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\! {
    padding-left: calc(var(--spacing) * 2) !important;
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-4\! {
    padding-left: calc(var(--spacing) * 4) !important;
  }
  .pl-6\! {
    padding-left: calc(var(--spacing) * 6) !important;
  }
  .pl-7\.5 {
    padding-left: calc(var(--spacing) * 7.5);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-8\! {
    padding-left: calc(var(--spacing) * 8) !important;
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-lg {
    padding-left: var(--spacing-lg);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-start {
    text-align: start;
  }
  .font-display {
    font-family: var(--font-display);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-2xl\! {
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-base\! {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-lg\! {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm\! {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xl\! {
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-tight\! {
    --tw-leading: var(--leading-tight) !important;
    line-height: var(--leading-tight) !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-bold\! {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-medium\! {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .text-balance {
    text-wrap: balance;
  }
  .wrap-break-word {
    overflow-wrap: break-word;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-black\/50 {
    color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .text-bund {
    color: var(--color-bund);
  }
  .text-card-foreground {
    color: var(--color-card-foreground);
  }
  .text-current {
    color: currentcolor;
  }
  .text-destructive {
    color: var(--color-destructive);
  }
  .text-destructive-foreground {
    color: var(--color-destructive-foreground);
  }
  .text-dunkelgrau-100 {
    color: var(--color-dunkelgrau-100);
  }
  .text-dunkelgruen-80 {
    color: var(--color-dunkelgruen-80);
  }
  .text-dunkelrot-80 {
    color: var(--color-dunkelrot-80);
  }
  .text-footer-foreground {
    color: var(--color-footer-foreground);
  }
  .text-footer-foreground\! {
    color: var(--color-footer-foreground) !important;
  }
  .text-foreground {
    color: var(--color-foreground);
  }
  .text-foreground\! {
    color: var(--color-foreground) !important;
  }
  .text-info {
    color: var(--color-info);
  }
  .text-input-foreground {
    color: var(--color-input-foreground);
  }
  .text-kern-feedback-danger {
    color: var(--color-kern-feedback-danger);
  }
  .text-kern-feedback-info {
    color: var(--color-kern-feedback-info);
  }
  .text-kern-feedback-success {
    color: var(--color-kern-feedback-success);
  }
  .text-kern-feedback-warning {
    color: var(--color-kern-feedback-warning);
  }
  .text-muted {
    color: var(--color-muted);
  }
  .text-muted-foreground {
    color: var(--color-muted-foreground);
  }
  .text-popover-foreground {
    color: var(--color-popover-foreground);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-foreground {
    color: var(--color-primary-foreground);
  }
  .text-primary-foreground\! {
    color: var(--color-primary-foreground) !important;
  }
  .text-secondary-foreground {
    color: var(--color-secondary-foreground);
  }
  .text-sidebar-foreground {
    color: var(--color-sidebar-foreground);
  }
  .text-sidebar-foreground\/70 {
    color: var(--color-sidebar-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-sidebar-foreground) 70%, transparent);
    }
  }
  .text-white {
    color: var(--color-white);
  }
  .italic {
    font-style: italic;
  }
  .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,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline\! {
    text-decoration-line: none !important;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-dotted\! {
    text-decoration-style: dotted !important;
  }
  .decoration-2 {
    text-decoration-thickness: 2px;
  }
  .decoration-\[3px\]\! {
    text-decoration-thickness: 3px !important;
  }
  .decoration-from-font {
    text-decoration-thickness: from-font;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(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);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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);
  }
  .ring-sidebar-ring {
    --tw-ring-color: var(--color-sidebar-ring);
  }
  .ring-offset-background {
    --tw-ring-offset-color: var(--color-background);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .invert {
    --tw-invert: invert(100%);
    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,);
  }
  .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,);
  }
  .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, 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));
  }
  .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));
  }
  .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));
  }
  .transition-\[width\,height\,padding\,background-color\,color\] {
    transition-property: width,height,padding,background-color,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .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));
  }
  .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));
  }
  .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));
  }
  .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));
  }
  .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));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .fade-in-0 {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }
  .zoom-in-95 {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
  .\[text-underline-position\:from-font\] {
    text-underline-position: from-font;
  }
  .group-open\:rotate-90 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 90deg;
    }
  }
  .group-focus-within\/menu-item\:opacity-100 {
    &:is(:where(.group\/menu-item):focus-within *) {
      opacity: 100%;
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/menu-item\:opacity-100 {
    &:is(:where(.group\/menu-item):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .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);
    }
  }
  .group-aria-invalid\:border-destructive {
    &:is(:where(.group)[aria-invalid="true"] *) {
      border-color: var(--color-destructive);
    }
  }
  .group-aria-invalid\:ring-destructive\/20 {
    &:is(:where(.group)[aria-invalid="true"] *) {
      --tw-ring-color: var(--color-destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
      }
    }
  }
  .group-data-open\:rotate-90 {
    &:is(:where(.group)[data-open] *) {
      rotate: 90deg;
    }
  }
  .group-data-selected\:opacity-100 {
    &:is(:where(.group)[data-selected] *) {
      opacity: 100%;
    }
  }
  .group-data-\[collapsible\=icon\]\:-mt-8 {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      margin-top: calc(var(--spacing) * -8);
    }
  }
  .group-data-\[collapsible\=icon\]\:hidden {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      display: none;
    }
  }
  .group-data-\[collapsible\=icon\]\:size-8\! {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--spacing) * 8) !important;
      height: calc(var(--spacing) * 8) !important;
    }
  }
  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: var(--sidebar-width-icon);
    }
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
    }
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
    }
  }
  .group-data-\[collapsible\=icon\]\:overflow-hidden {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      overflow: hidden;
    }
  }
  .group-data-\[collapsible\=icon\]\:p-0\! {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
  .group-data-\[collapsible\=icon\]\:p-2\! {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      padding: calc(var(--spacing) * 2) !important;
    }
  }
  .group-data-\[collapsible\=icon\]\:opacity-0 {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      opacity: 0%;
    }
  }
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      right: calc(var(--sidebar-width) * -1);
    }
  }
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      left: calc(var(--sidebar-width) * -1);
    }
  }
  .group-data-\[collapsible\=offcanvas\]\:w-0 {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      width: calc(var(--spacing) * 0);
    }
  }
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .group-data-\[disabled\=true\]\:pointer-events-none {
    &:is(:where(.group)[data-disabled="true"] *) {
      pointer-events: none;
    }
  }
  .group-data-\[disabled\=true\]\:opacity-50 {
    &:is(:where(.group)[data-disabled="true"] *) {
      opacity: 50%;
    }
  }
  .group-data-\[side\=left\]\:-right-4 {
    &:is(:where(.group)[data-side="left"] *) {
      right: calc(var(--spacing) * -4);
    }
  }
  .group-data-\[side\=left\]\:border-r {
    &:is(:where(.group)[data-side="left"] *) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .group-data-\[side\=right\]\:left-0 {
    &:is(:where(.group)[data-side="right"] *) {
      left: calc(var(--spacing) * 0);
    }
  }
  .group-data-\[side\=right\]\:rotate-180 {
    &:is(:where(.group)[data-side="right"] *) {
      rotate: 180deg;
    }
  }
  .group-data-\[side\=right\]\:border-l {
    &:is(:where(.group)[data-side="right"] *) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .group-data-\[state\=open\]\:rotate-180 {
    &:is(:where(.group)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
  .group-data-\[state\=open\]\/collapsible\:rotate-180 {
    &:is(:where(.group\/collapsible)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
  .group-data-\[variant\=floating\]\:rounded-lg {
    &:is(:where(.group)[data-variant="floating"] *) {
      border-radius: var(--radius-lg);
    }
  }
  .group-data-\[variant\=floating\]\:border {
    &:is(:where(.group)[data-variant="floating"] *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .group-data-\[variant\=floating\]\:border-sidebar-border {
    &:is(:where(.group)[data-variant="floating"] *) {
      border-color: var(--color-sidebar-border);
    }
  }
  .group-data-\[variant\=floating\]\:shadow {
    &:is(:where(.group)[data-variant="floating"] *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .group-\[\.toast\]\:bg-muted {
    &:is(:where(.group):is(.toast) *) {
      background-color: var(--color-muted);
    }
  }
  .group-\[\.toast\]\:bg-primary {
    &:is(:where(.group):is(.toast) *) {
      background-color: var(--color-primary);
    }
  }
  .group-\[\.toast\]\:text-muted-foreground {
    &:is(:where(.group):is(.toast) *) {
      color: var(--color-muted-foreground);
    }
  }
  .group-\[\.toast\]\:text-primary-foreground {
    &:is(:where(.group):is(.toast) *) {
      color: var(--color-primary-foreground);
    }
  }
  .group-\[\.toaster\]\:border-border {
    &:is(:where(.group):is(.toaster) *) {
      border-color: var(--color-border);
    }
  }
  .group-\[\.toaster\]\:bg-background {
    &:is(:where(.group):is(.toaster) *) {
      background-color: var(--color-background);
    }
  }
  .group-\[\.toaster\]\:text-foreground {
    &:is(:where(.group):is(.toaster) *) {
      color: var(--color-foreground);
    }
  }
  .group-\[\.toaster\]\:shadow-lg {
    &:is(:where(.group):is(.toaster) *) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .peer-hover\/menu-button\:text-sidebar-accent-foreground {
    &:is(:where(.peer\/menu-button):hover ~ *) {
      @media (hover: hover) {
        color: var(--color-sidebar-accent-foreground);
      }
    }
  }
  .peer-disabled\:cursor-not-allowed {
    &:is(:where(.peer):disabled ~ *) {
      cursor: not-allowed;
    }
  }
  .peer-disabled\:opacity-50 {
    &:is(:where(.peer):disabled ~ *) {
      opacity: 50%;
    }
  }
  .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
    &:is(:where(.peer\/menu-button)[data-active="true"] ~ *) {
      color: var(--color-sidebar-accent-foreground);
    }
  }
  .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
    &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
      top: calc(var(--spacing) * 1.5);
    }
  }
  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
    &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
      top: calc(var(--spacing) * 2.5);
    }
  }
  .peer-data-\[size\=sm\]\/menu-button\:top-1 {
    &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
      top: calc(var(--spacing) * 1);
    }
  }
  .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .file\:bg-transparent {
    &::file-selector-button {
      background-color: transparent;
    }
  }
  .file\:text-sm {
    &::file-selector-button {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .file\:font-medium {
    &::file-selector-button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .file\:text-foreground {
    &::file-selector-button {
      color: var(--color-foreground);
    }
  }
  .placeholder\:text-muted-foreground {
    &::-moz-placeholder {
      color: var(--color-muted-foreground);
    }
    &::placeholder {
      color: var(--color-muted-foreground);
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:-inset-2 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * -2);
    }
  }
  .after\:inset-0 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .after\:inset-y-0 {
    &::after {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .after\:left-1\/2 {
    &::after {
      content: var(--tw-content);
      left: calc(1 / 2 * 100%);
    }
  }
  .after\:z-1 {
    &::after {
      content: var(--tw-content);
      z-index: 1;
    }
  }
  .after\:w-\[2px\] {
    &::after {
      content: var(--tw-content);
      width: 2px;
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      &::after {
        content: var(--tw-content);
        left: 100%;
      }
    }
  }
  .first\:mt-0 {
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .invalid\:border-destructive {
    &:invalid {
      border-color: var(--color-destructive);
    }
  }
  .empty\:invisible {
    &:empty {
      visibility: hidden;
    }
  }
  .hover\:bg-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent);
      }
    }
  }
  .hover\:bg-destructive\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-hellgrau-20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-hellgrau-20);
      }
    }
  }
  .hover\:bg-info {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-info);
      }
    }
  }
  .hover\:bg-muted {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-muted);
      }
    }
  }
  .hover\:bg-muted-foreground\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-muted-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-muted-foreground) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-sidebar-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sidebar-accent);
      }
    }
  }
  .hover\:text-accent {
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent);
      }
    }
  }
  .hover\:text-accent\! {
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent) !important;
      }
    }
  }
  .hover\:text-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent-foreground);
      }
    }
  }
  .hover\:text-bund\/80 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #17406E 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-bund) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--color-foreground);
      }
    }
  }
  .hover\:text-info-background {
    &:hover {
      @media (hover: hover) {
        color: var(--color-info-background);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-sidebar-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sidebar-accent-foreground);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:decoration-2\! {
    &:hover {
      @media (hover: hover) {
        text-decoration-thickness: 2px !important;
      }
    }
  }
  .hover\:opacity-50 {
    &:hover {
      @media (hover: hover) {
        opacity: 50%;
      }
    }
  }
  .hover\:opacity-75 {
    &:hover {
      @media (hover: hover) {
        opacity: 75%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(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);
      }
    }
  }
  .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-sidebar);
        }
      }
    }
  }
  .hover\:after\:bg-sidebar-border {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-color: var(--color-sidebar-border);
        }
      }
    }
  }
  .focus\:not-sr-only {
    &:focus {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
  }
  .focus\:fixed {
    &:focus {
      position: fixed;
    }
  }
  .focus\:z-50 {
    &:focus {
      z-index: 50;
    }
  }
  .focus\:m-3 {
    &:focus {
      margin: calc(var(--spacing) * 3);
    }
  }
  .focus\:ml-4 {
    &:focus {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .focus\:h-\[calc\(var\(--sticky-header-offset\)-1\.5rem\)\] {
    &:focus {
      height: calc(var(--sticky-header-offset) - 1.5rem);
    }
  }
  .focus\:rounded-lg {
    &:focus {
      border-radius: var(--radius-lg);
    }
  }
  .focus\:border {
    &:focus {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .focus\:bg-accent {
    &:focus {
      background-color: var(--color-accent);
    }
  }
  .focus\:bg-white {
    &:focus {
      background-color: var(--color-white);
    }
  }
  .focus\:px-3 {
    &:focus {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .focus\:py-2 {
    &:focus {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .focus\:align-middle {
    &:focus {
      vertical-align: middle;
    }
  }
  .focus\:text-sm {
    &:focus {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .focus\:font-bold {
    &:focus {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .focus\:text-accent {
    &:focus {
      color: var(--color-accent);
    }
  }
  .focus\:text-accent-foreground {
    &:focus {
      color: var(--color-accent-foreground);
    }
  }
  .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);
    }
  }
  .focus\:ring-ring {
    &:focus {
      --tw-ring-color: var(--color-ring);
    }
  }
  .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);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .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);
    }
  }
  .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);
    }
  }
  .focus-visible\:ring-ring {
    &:focus-visible {
      --tw-ring-color: var(--color-ring);
    }
  }
  .focus-visible\:ring-sidebar-ring {
    &:focus-visible {
      --tw-ring-color: var(--color-sidebar-ring);
    }
  }
  .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);
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:bg-sidebar-accent {
    &:active {
      background-color: var(--color-sidebar-accent);
    }
  }
  .active\:text-sidebar-accent-foreground {
    &:active {
      color: var(--color-sidebar-accent-foreground);
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .in-data-\[side\=left\]\:cursor-w-resize {
    :where(*[data-side="left"]) & {
      cursor: w-resize;
    }
  }
  .in-data-\[side\=right\]\:cursor-e-resize {
    :where(*[data-side="right"]) & {
      cursor: e-resize;
    }
  }
  .has-data-\[variant\=inset\]\:bg-sidebar {
    &:has(*[data-variant="inset"]) {
      background-color: var(--color-sidebar);
    }
  }
  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
    &:has(>svg) {
      grid-template-columns: calc(var(--spacing) * 4) 1fr;
    }
  }
  .has-\[\>svg\]\:gap-x-3 {
    &:has(>svg) {
      -moz-column-gap: calc(var(--spacing) * 3);
           column-gap: calc(var(--spacing) * 3);
    }
  }
  .aria-disabled\:pointer-events-none {
    &[aria-disabled="true"] {
      pointer-events: none;
    }
  }
  .aria-disabled\:opacity-50 {
    &[aria-disabled="true"] {
      opacity: 50%;
    }
  }
  .aria-invalid\:border-destructive {
    &[aria-invalid="true"] {
      border-color: var(--color-destructive);
    }
  }
  .aria-invalid\:ring-destructive\/20 {
    &[aria-invalid="true"] {
      --tw-ring-color: var(--color-destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
      }
    }
  }
  .data-disabled\:pointer-events-none {
    &[data-disabled] {
      pointer-events: none;
    }
  }
  .data-disabled\:opacity-50 {
    &[data-disabled] {
      opacity: 50%;
    }
  }
  .data-highlighted\:bg-accent {
    &[data-highlighted] {
      background-color: var(--color-accent);
    }
  }
  .data-highlighted\:text-accent-foreground {
    &[data-highlighted] {
      color: var(--color-accent-foreground);
    }
  }
  .data-selected\:bg-accent\/30 {
    &[data-selected] {
      background-color: var(--color-accent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-accent) 30%, transparent);
      }
    }
  }
  .data-\[active\=true\]\:bg-sidebar-accent {
    &[data-active="true"] {
      background-color: var(--color-sidebar-accent);
    }
  }
  .data-\[active\=true\]\:font-medium {
    &[data-active="true"] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .data-\[active\=true\]\:text-sidebar-accent-foreground {
    &[data-active="true"] {
      color: var(--color-sidebar-accent-foreground);
    }
  }
  .data-\[disabled\=true\]\:pointer-events-none {
    &[data-disabled="true"] {
      pointer-events: none;
    }
  }
  .data-\[disabled\=true\]\:opacity-50 {
    &[data-disabled="true"] {
      opacity: 50%;
    }
  }
  .data-\[motion\=from-end\]\:slide-in-from-right-52 {
    &[data-motion="from-end"] {
      --tw-enter-translate-x: calc(52*var(--spacing));
    }
  }
  .data-\[motion\=from-start\]\:slide-in-from-left-52 {
    &[data-motion="from-start"] {
      --tw-enter-translate-x: calc(52*var(--spacing)*-1);
    }
  }
  .data-\[motion\=to-end\]\:slide-out-to-right-52 {
    &[data-motion="to-end"] {
      --tw-exit-translate-x: calc(52*var(--spacing));
    }
  }
  .data-\[motion\=to-start\]\:slide-out-to-left-52 {
    &[data-motion="to-start"] {
      --tw-exit-translate-x: calc(52*var(--spacing)*-1);
    }
  }
  .data-\[motion\^\=from-\]\:animate-in {
    &[data-motion^="from-"] {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.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);
    }
  }
  .data-\[motion\^\=from-\]\:fade-in {
    &[data-motion^="from-"] {
      --tw-enter-opacity: 0;
    }
  }
  .data-\[motion\^\=to-\]\:animate-out {
    &[data-motion^="to-"] {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.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);
    }
  }
  .data-\[motion\^\=to-\]\:fade-out {
    &[data-motion^="to-"] {
      --tw-exit-opacity: 0;
    }
  }
  .data-\[selected\=true\]\:bg-accent {
    &[data-selected="true"] {
      background-color: var(--color-accent);
    }
  }
  .data-\[selected\=true\]\:text-accent-foreground {
    &[data-selected="true"] {
      color: var(--color-accent-foreground);
    }
  }
  .data-\[side\=bottom\]\:slide-in-from-top-2 {
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
  }
  .data-\[side\=left\]\:slide-in-from-right-2 {
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
  }
  .data-\[side\=right\]\:slide-in-from-left-2 {
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
  }
  .data-\[side\=top\]\:slide-in-from-bottom-2 {
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
  }
  .\*\:data-\[slot\=alert-description\]\:text-destructive\/90 {
    :is(& > *) {
      &[data-slot="alert-description"] {
        color: var(--color-destructive);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
        }
      }
    }
  }
  .data-\[state\=active\]\:bg-background {
    &[data-state="active"] {
      background-color: var(--color-background);
    }
  }
  .data-\[state\=active\]\:bg-primary {
    &[data-state="active"] {
      background-color: var(--color-primary);
    }
  }
  .data-\[state\=active\]\:text-foreground {
    &[data-state="active"] {
      color: var(--color-foreground);
    }
  }
  .data-\[state\=active\]\:text-primary-foreground {
    &[data-state="active"] {
      color: var(--color-primary-foreground);
    }
  }
  .data-\[state\=active\]\:shadow {
    &[data-state="active"] {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .data-\[state\=checked\]\:bg-primary {
    &[data-state="checked"] {
      background-color: var(--color-primary);
    }
  }
  .data-\[state\=checked\]\:text-primary-foreground {
    &[data-state="checked"] {
      color: var(--color-primary-foreground);
    }
  }
  .data-\[state\=closed\]\:animate-collapsible-up {
    &[data-state="closed"] {
      animation: collapsible-up var(--tw-animation-duration,var(--tw-duration,.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);
    }
  }
  .data-\[state\=closed\]\:animate-out {
    &[data-state="closed"] {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.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);
    }
  }
  .data-\[state\=closed\]\:duration-300 {
    &[data-state="closed"] {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .data-\[state\=closed\]\:fade-out-0 {
    &[data-state="closed"] {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
  }
  .data-\[state\=closed\]\:zoom-out-95 {
    &[data-state="closed"] {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .data-\[state\=closed\]\:slide-out-to-bottom {
    &[data-state="closed"] {
      --tw-exit-translate-y: 100%;
    }
  }
  .data-\[state\=closed\]\:slide-out-to-left {
    &[data-state="closed"] {
      --tw-exit-translate-x: -100%;
    }
  }
  .data-\[state\=closed\]\:slide-out-to-left-1\/2 {
    &[data-state="closed"] {
      --tw-exit-translate-x: calc(1 / 2*-100%);
    }
  }
  .data-\[state\=closed\]\:slide-out-to-right {
    &[data-state="closed"] {
      --tw-exit-translate-x: 100%;
    }
  }
  .data-\[state\=closed\]\:slide-out-to-top {
    &[data-state="closed"] {
      --tw-exit-translate-y: -100%;
    }
  }
  .data-\[state\=closed\]\:slide-out-to-top-\[48\%\] {
    &[data-state="closed"] {
      --tw-exit-translate-y: calc(48%*-1);
    }
  }
  .data-\[state\=hidden\]\:animate-out {
    &[data-state="hidden"] {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.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);
    }
  }
  .data-\[state\=hidden\]\:fade-out {
    &[data-state="hidden"] {
      --tw-exit-opacity: 0;
    }
  }
  .data-\[state\=open\]\:animate-collapsible-down {
    &[data-state="open"] {
      animation: collapsible-down var(--tw-animation-duration,var(--tw-duration,.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);
    }
  }
  .data-\[state\=open\]\:animate-in {
    &[data-state="open"] {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.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);
    }
  }
  .data-\[state\=open\]\:bg-accent {
    &[data-state="open"] {
      background-color: var(--color-accent);
    }
  }
  .data-\[state\=open\]\:bg-secondary {
    &[data-state="open"] {
      background-color: var(--color-secondary);
    }
  }
  .data-\[state\=open\]\:text-accent {
    &[data-state="open"] {
      color: var(--color-accent);
    }
  }
  .data-\[state\=open\]\:text-muted-foreground {
    &[data-state="open"] {
      color: var(--color-muted-foreground);
    }
  }
  .data-\[state\=open\]\:opacity-100 {
    &[data-state="open"] {
      opacity: 100%;
    }
  }
  .data-\[state\=open\]\:duration-500 {
    &[data-state="open"] {
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .data-\[state\=open\]\:fade-in-0 {
    &[data-state="open"] {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
  }
  .data-\[state\=open\]\:zoom-in-90 {
    &[data-state="open"] {
      --tw-enter-scale: calc(90*1%);
      --tw-enter-scale: .9;
    }
  }
  .data-\[state\=open\]\:zoom-in-95 {
    &[data-state="open"] {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
  }
  .data-\[state\=open\]\:slide-in-from-bottom {
    &[data-state="open"] {
      --tw-enter-translate-y: 100%;
    }
  }
  .data-\[state\=open\]\:slide-in-from-left {
    &[data-state="open"] {
      --tw-enter-translate-x: -100%;
    }
  }
  .data-\[state\=open\]\:slide-in-from-left-1\/2 {
    &[data-state="open"] {
      --tw-enter-translate-x: calc(1 / 2*-100%);
    }
  }
  .data-\[state\=open\]\:slide-in-from-right {
    &[data-state="open"] {
      --tw-enter-translate-x: 100%;
    }
  }
  .data-\[state\=open\]\:slide-in-from-top {
    &[data-state="open"] {
      --tw-enter-translate-y: -100%;
    }
  }
  .data-\[state\=open\]\:slide-in-from-top-\[48\%\] {
    &[data-state="open"] {
      --tw-enter-translate-y: calc(48%*-1);
    }
  }
  .data-\[state\=open\]\:hover\:bg-sidebar-accent {
    &[data-state="open"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-sidebar-accent);
        }
      }
    }
  }
  .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
    &[data-state="open"] {
      &:hover {
        @media (hover: hover) {
          color: var(--color-sidebar-accent-foreground);
        }
      }
    }
  }
  .data-\[state\=visible\]\:animate-in {
    &[data-state="visible"] {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.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);
    }
  }
  .data-\[state\=visible\]\:fade-in {
    &[data-state="visible"] {
      --tw-enter-opacity: 0;
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .contrast-more\:text-current {
    @media (prefers-contrast: more) {
      color: currentcolor;
    }
  }
  .max-lg\:hidden {
    @media (width < 64rem) {
      display: none;
    }
  }
  .max-md\:hidden {
    @media (width < 48rem) {
      display: none;
    }
  }
  .max-md\:h-full {
    @media (width < 48rem) {
      height: 100%;
    }
  }
  .max-md\:flex-wrap {
    @media (width < 48rem) {
      flex-wrap: wrap;
    }
  }
  .max-sm\:ml-6\! {
    @media (width < 40rem) {
      margin-left: calc(var(--spacing) * 6) !important;
    }
  }
  .max-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
  .max-sm\:min-w-5 {
    @media (width < 40rem) {
      min-width: calc(var(--spacing) * 5);
    }
  }
  .max-sm\:flex-wrap {
    @media (width < 40rem) {
      flex-wrap: wrap;
    }
  }
  .max-sm\:py-2 {
    @media (width < 40rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .sm\:mt-8\! {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 8) !important;
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .sm\:w-\[260px\] {
    @media (width >= 40rem) {
      width: 260px;
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:max-w-\(--breakpoint-sm\) {
    @media (width >= 40rem) {
      max-width: var(--breakpoint-sm);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sm\:space-x-2 {
    @media (width >= 40rem) {
      :where(& > :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)));
      }
    }
  }
  .sm\:rounded-lg {
    @media (width >= 40rem) {
      border-radius: var(--radius-lg);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:pt-24 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .sm\:pr-8 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .sm\:pl-4 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .md\:absolute {
    @media (width >= 48rem) {
      position: absolute;
    }
  }
  .md\:sticky {
    @media (width >= 48rem) {
      position: sticky;
    }
  }
  .md\:top-1\/2 {
    @media (width >= 48rem) {
      top: calc(1 / 2 * 100%);
    }
  }
  .md\:right-6 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .md\:-left-15 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * -15);
    }
  }
  .md\:-left-\[2\.3rem\] {
    @media (width >= 48rem) {
      left: calc(2.3rem * -1);
    }
  }
  .md\:left-1\/2 {
    @media (width >= 48rem) {
      left: calc(1 / 2 * 100%);
    }
  }
  .md\:left-8 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 8);
    }
  }
  .md\:left-auto {
    @media (width >= 48rem) {
      left: auto;
    }
  }
  .md\:order-last {
    @media (width >= 48rem) {
      order: 9999;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:mb-10 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:ml-2 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  .md\:ml-14 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 14);
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:block\! {
    @media (width >= 48rem) {
      display: block !important;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:h-3 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 3);
    }
  }
  .md\:h-\[100px\] {
    @media (width >= 48rem) {
      height: 100px;
    }
  }
  .md\:max-h-\[min\(calc\(100vh-5rem\)\,400px\)\]\! {
    @media (width >= 48rem) {
      max-height: min(calc(100vh - 5rem), 400px) !important;
    }
  }
  .md\:w-\(--radix-navigation-menu-viewport-width\) {
    @media (width >= 48rem) {
      width: var(--radix-navigation-menu-viewport-width);
    }
  }
  .md\:w-3 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 3);
    }
  }
  .md\:w-\[576px\] {
    @media (width >= 48rem) {
      width: 576px;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:max-w-3xl {
    @media (width >= 48rem) {
      max-width: var(--container-3xl);
    }
  }
  .md\:-translate-x-1\/2 {
    @media (width >= 48rem) {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:translate-x-0 {
    @media (width >= 48rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:-translate-y-1\/2 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-6 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:flex-nowrap {
    @media (width >= 48rem) {
      flex-wrap: nowrap;
    }
  }
  .md\:flex-wrap {
    @media (width >= 48rem) {
      flex-wrap: wrap;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:divide-x {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
  }
  .md\:p-9 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:p-xl {
    @media (width >= 48rem) {
      padding: var(--spacing-xl);
    }
  }
  .md\:px-19 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 19);
    }
  }
  .md\:py-14 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .md\:pt-7\.5 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 7.5);
    }
  }
  .md\:pb-10 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:pl-20 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 20);
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:opacity-0 {
    @media (width >= 48rem) {
      opacity: 0%;
    }
  }
  .md\:peer-data-\[variant\=inset\]\:m-2 {
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        margin: calc(var(--spacing) * 2);
      }
    }
  }
  .md\:peer-data-\[variant\=inset\]\:ml-0 {
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        margin-left: calc(var(--spacing) * 0);
      }
    }
  }
  .md\:peer-data-\[variant\=inset\]\:shadow {
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-state="collapsed"] ~ *) {
        &:is(:where(.peer)[data-variant="inset"] ~ *) {
          margin-left: calc(var(--spacing) * 2);
        }
      }
    }
  }
  .after\:md\:hidden {
    &::after {
      content: var(--tw-content);
      @media (width >= 48rem) {
        display: none;
      }
    }
  }
  .lg\:m-0 {
    @media (width >= 64rem) {
      margin: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-10\! {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 10) !important;
    }
  }
  .lg\:h-12 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .lg\:h-20 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .lg\:w-12 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .lg\:w-20 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .lg\:max-w-7xl {
    @media (width >= 64rem) {
      max-width: var(--container-7xl);
    }
  }
  .lg\:basis-3\/5 {
    @media (width >= 64rem) {
      flex-basis: calc(3 / 5 * 100%);
    }
  }
  .lg\:basis-242\.5 {
    @media (width >= 64rem) {
      flex-basis: calc(var(--spacing) * 242.5);
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:gap-5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:p-6 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-xl {
    @media (width >= 64rem) {
      padding-inline: var(--spacing-xl);
    }
  }
  .lg\:pt-8 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:pt-32 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .lg\:pl-xl {
    @media (width >= 64rem) {
      padding-left: var(--spacing-xl);
    }
  }
  .lg\:text-center {
    @media (width >= 64rem) {
      text-align: center;
    }
  }
  .lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .xl\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .ltr\:left-0 {
    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      left: calc(var(--spacing) * 0);
    }
  }
  .ltr\:mr-auto {
    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-right: auto;
    }
  }
  .ltr\:ml-3 {
    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  .ltr\:pr-\[6px\] {
    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-right: 6px;
    }
  }
  .ltr\:pl-3 {
    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .rtl\:right-0 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      right: calc(var(--spacing) * 0);
    }
  }
  .rtl\:mr-3 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  .rtl\:ml-auto {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-left: auto;
    }
  }
  .rtl\:rotate-180 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      rotate: 180deg;
    }
  }
  .rtl\:pr-3 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  .rtl\:pl-\[6px\] {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-left: 6px;
    }
  }
  .dark\:border-b {
    &:where([data-kern-theme="dark"], [data-kern-theme="dark"] *) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .contrast-more\:dark\:text-current {
    @media (prefers-contrast: more) {
      &:where([data-kern-theme="dark"], [data-kern-theme="dark"] *) {
        color: currentcolor;
      }
    }
  }
  .print\:hidden {
    @media print {
      display: none;
    }
  }
  .print\:bg-transparent {
    @media print {
      background-color: transparent;
    }
  }
  .\[\&_\.kern-label\]\:flex {
    & .kern-label {
      display: flex;
    }
  }
  .\[\&_\.kern-label\]\:items-center {
    & .kern-label {
      align-items: center;
    }
  }
  .\[\&_\.kern-label\]\:gap-1 {
    & .kern-label {
      gap: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
    & .recharts-cartesian-axis-tick text {
      fill: var(--color-muted-foreground);
    }
  }
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 {
    & .recharts-cartesian-grid line[stroke='#ccc'] {
      stroke: var(--color-border);
      @supports (color: color-mix(in lab, red, red)) {
        stroke: color-mix(in oklab, var(--color-border) 50%, transparent);
      }
    }
  }
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
    & .recharts-curve.recharts-tooltip-cursor {
      stroke: var(--color-border);
    }
  }
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
    & .recharts-dot[stroke='#fff'] {
      stroke: transparent;
    }
  }
  .\[\&_\.recharts-layer\]\:outline-none {
    & .recharts-layer {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
    & .recharts-polar-grid [stroke='#ccc'] {
      stroke: var(--color-border);
    }
  }
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
    & .recharts-radial-bar-background-sector {
      fill: var(--color-muted);
    }
  }
  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted {
    & .recharts-rectangle.recharts-tooltip-cursor {
      fill: var(--color-muted);
    }
  }
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
    & .recharts-reference-line [stroke='#ccc'] {
      stroke: var(--color-border);
    }
  }
  .\[\&_\.recharts-sector\]\:outline-none {
    & .recharts-sector {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
    & .recharts-sector[stroke='#fff'] {
      stroke: transparent;
    }
  }
  .\[\&_\.recharts-surface\]\:outline-none {
    & .recharts-surface {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_p\]\:leading-relaxed {
    & p {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden {
    &::-webkit-details-marker {
      display: none;
    }
  }
  .\[\&\:\:marker\]\:hidden {
    &::marker {
      display: none;
    }
  }
  .\[\[cmdk-group-heading\]\]\:px-2 {
    &:is([cmdk-group-heading]) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\[cmdk-group-heading\]\]\:py-1\.5 {
    &:is([cmdk-group-heading]) {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .\[\[cmdk-group-heading\]\]\:text-xs {
    &:is([cmdk-group-heading]) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\[cmdk-group-heading\]\]\:font-medium {
    &:is([cmdk-group-heading]) {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\[cmdk-group-heading\]\]\:text-muted-foreground {
    &:is([cmdk-group-heading]) {
      color: var(--color-muted-foreground);
    }
  }
  .\[\[cmdk-group\]\]\:px-2 {
    &:is([cmdk-group]) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\[cmdk-input\]\]\:h-12 {
    &:is([cmdk-input]) {
      height: calc(var(--spacing) * 12);
    }
  }
  .\[\[cmdk-item\]\]\:px-2 {
    &:is([cmdk-item]) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\[cmdk-item\]\]\:py-3 {
    &:is([cmdk-item]) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>button\]\:hidden {
    &>button {
      display: none;
    }
  }
  .\[\&\>p\:last-child\]\:mb-0 {
    &>p:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>svg\]\:size-4 {
    &>svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>svg\]\:h-2\.5 {
    &>svg {
      height: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\>svg\]\:h-3 {
    &>svg {
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>svg\]\:w-2\.5 {
    &>svg {
      width: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\>svg\]\:w-3 {
    &>svg {
      width: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>svg\]\:shrink-0 {
    &>svg {
      flex-shrink: 0;
    }
  }
  .\[\&\>svg\]\:translate-y-0\.5 {
    &>svg {
      --tw-translate-y: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&\>svg\]\:text-current {
    &>svg {
      color: currentcolor;
    }
  }
  .\[\&\>svg\]\:text-muted-foreground {
    &>svg {
      color: var(--color-muted-foreground);
    }
  }
  .\[\&\>svg\]\:text-sidebar-accent-foreground {
    &>svg {
      color: var(--color-sidebar-accent-foreground);
    }
  }
  .\[\&\[cmdk-group\]\:not\(\[hidden\]\)\~\[cmdk-group\]\]\:pt-0 {
    &[cmdk-group]:not([hidden])~[cmdk-group] {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .\[\&\[cmdk-input-wrapper\]svg\]\:h-5 {
    &[cmdk-input-wrapper]svg {
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&\[cmdk-input-wrapper\]svg\]\:w-5 {
    &[cmdk-input-wrapper]svg {
      width: calc(var(--spacing) * 5);
    }
  }
  .\[\&\[cmdk-item\]svg\]\:h-5 {
    &[cmdk-item]svg {
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&\[cmdk-item\]svg\]\:w-5 {
    &[cmdk-item]svg {
      width: calc(var(--spacing) * 5);
    }
  }
  .\[\&svg\]\:pointer-events-none {
    &svg {
      pointer-events: none;
    }
  }
  .\[\&svg\]\:size-4 {
    &svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&svg\]\:shrink-0 {
    &svg {
      flex-shrink: 0;
    }
  }
  .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    [data-side=left][data-collapsible=offcanvas] & {
      right: calc(var(--spacing) * -2);
    }
  }
  .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    [data-side=left][data-state=collapsed] & {
      cursor: e-resize;
    }
  }
  .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    [data-side=right][data-collapsible=offcanvas] & {
      left: calc(var(--spacing) * -2);
    }
  }
  .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    [data-side=right][data-state=collapsed] & {
      cursor: w-resize;
    }
  }
}
@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;
}
[data-rmiz-ghost] {
  position: absolute;
  pointer-events: none;
}
[data-rmiz-btn-zoom], [data-rmiz-btn-unzoom] {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  border: none;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  color: #fff;
  height: 40px;
  margin: 0;
  outline-offset: 2px;
  padding: 9px;
  touch-action: manipulation;
  width: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[data-rmiz-btn-zoom]:not(:focus):not(:active) {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  pointer-events: none;
  white-space: nowrap;
  width: 1px;
}
[data-rmiz-btn-zoom] {
  position: absolute;
  inset: 10px 10px auto auto;
  cursor: zoom-in;
}
[data-rmiz-btn-unzoom] {
  position: absolute;
  inset: 20px 20px auto auto;
  cursor: zoom-out;
  z-index: 1;
}
[data-rmiz-content="found"] img, [data-rmiz-content="found"] svg, [data-rmiz-content="found"] [role="img"], [data-rmiz-content="found"] [data-zoom] {
  cursor: zoom-in;
}
[data-rmiz-modal]::backdrop {
  display: none;
}
[data-rmiz-modal][open] {
  position: fixed;
  width: 100vw;
  width: 100dvw;
  height: 100vh;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
  pointer-events: all;
}
[data-rmiz-modal-overlay] {
  position: absolute;
  inset: 0;
  transition: background-color 0.3s;
}
[data-rmiz-modal-overlay="hidden"] {
  background-color: rgba(255, 255, 255, 0);
}
[data-rmiz-modal-overlay="visible"] {
  background-color: rgba(255, 255, 255, 1);
}
[data-rmiz-modal-content] {
  position: relative;
  width: 100%;
  height: 100%;
}
[data-rmiz-modal-img] {
  position: absolute;
  cursor: zoom-out;
  image-rendering: high-quality;
  transform-origin: top left;
  transition: transform 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  [data-rmiz-modal-overlay], [data-rmiz-modal-img] {
    transition-duration: 0.01ms !important;
  }
}
:root, .light, .light-theme {
  --blue-1: #fbfdff;
  --blue-2: #f4faff;
  --blue-3: #e6f4fe;
  --blue-4: #d5efff;
  --blue-5: #c2e5ff;
  --blue-6: #acd8fc;
  --blue-7: #8ec8f6;
  --blue-8: #5eb1ef;
  --blue-9: #0090ff;
  --blue-10: #0588f0;
  --blue-11: #0d74ce;
  --blue-12: #113264;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --blue-1: color(display-p3 0.986 0.992 0.999);
      --blue-2: color(display-p3 0.96 0.979 0.998);
      --blue-3: color(display-p3 0.912 0.956 0.991);
      --blue-4: color(display-p3 0.853 0.932 1);
      --blue-5: color(display-p3 0.788 0.894 0.998);
      --blue-6: color(display-p3 0.709 0.843 0.976);
      --blue-7: color(display-p3 0.606 0.777 0.947);
      --blue-8: color(display-p3 0.451 0.688 0.917);
      --blue-9: color(display-p3 0.247 0.556 0.969);
      --blue-10: color(display-p3 0.234 0.523 0.912);
      --blue-11: color(display-p3 0.15 0.44 0.84);
      --blue-12: color(display-p3 0.102 0.193 0.379);
    }
  }
}
.dark, .dark-theme {
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --blue-1: color(display-p3 0.057 0.081 0.122);
      --blue-2: color(display-p3 0.072 0.098 0.147);
      --blue-3: color(display-p3 0.078 0.154 0.27);
      --blue-4: color(display-p3 0.033 0.197 0.37);
      --blue-5: color(display-p3 0.08 0.245 0.441);
      --blue-6: color(display-p3 0.14 0.298 0.511);
      --blue-7: color(display-p3 0.195 0.361 0.6);
      --blue-8: color(display-p3 0.239 0.434 0.72);
      --blue-9: color(display-p3 0.247 0.556 0.969);
      --blue-10: color(display-p3 0.344 0.612 0.973);
      --blue-11: color(display-p3 0.49 0.72 1);
      --blue-12: color(display-p3 0.788 0.898 0.99);
    }
  }
}
:root, .light, .light-theme {
  --slate-1: #fcfcfd;
  --slate-2: #f9f9fb;
  --slate-3: #f0f0f3;
  --slate-4: #e8e8ec;
  --slate-5: #e0e1e6;
  --slate-6: #d9d9e0;
  --slate-7: #cdced6;
  --slate-8: #b9bbc6;
  --slate-9: #8b8d98;
  --slate-10: #80838d;
  --slate-11: #60646c;
  --slate-12: #1c2024;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --slate-1: color(display-p3 0.988 0.988 0.992);
      --slate-2: color(display-p3 0.976 0.976 0.984);
      --slate-3: color(display-p3 0.94 0.941 0.953);
      --slate-4: color(display-p3 0.908 0.909 0.925);
      --slate-5: color(display-p3 0.88 0.881 0.901);
      --slate-6: color(display-p3 0.85 0.852 0.876);
      --slate-7: color(display-p3 0.805 0.808 0.838);
      --slate-8: color(display-p3 0.727 0.733 0.773);
      --slate-9: color(display-p3 0.547 0.553 0.592);
      --slate-10: color(display-p3 0.503 0.512 0.549);
      --slate-11: color(display-p3 0.379 0.392 0.421);
      --slate-12: color(display-p3 0.113 0.125 0.14);
    }
  }
}
.dark, .dark-theme {
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --slate-1: color(display-p3 0.067 0.067 0.074);
      --slate-2: color(display-p3 0.095 0.098 0.105);
      --slate-3: color(display-p3 0.13 0.135 0.145);
      --slate-4: color(display-p3 0.156 0.163 0.176);
      --slate-5: color(display-p3 0.183 0.191 0.206);
      --slate-6: color(display-p3 0.215 0.226 0.244);
      --slate-7: color(display-p3 0.265 0.28 0.302);
      --slate-8: color(display-p3 0.357 0.381 0.409);
      --slate-9: color(display-p3 0.415 0.431 0.463);
      --slate-10: color(display-p3 0.469 0.483 0.514);
      --slate-11: color(display-p3 0.692 0.704 0.728);
      --slate-12: color(display-p3 0.93 0.933 0.94);
    }
  }
}
:root, .light, .light-theme {
  --grass-1: #fbfefb;
  --grass-2: #f5fbf5;
  --grass-3: #e9f6e9;
  --grass-4: #daf1db;
  --grass-5: #c9e8ca;
  --grass-6: #b2ddb5;
  --grass-7: #94ce9a;
  --grass-8: #65ba74;
  --grass-9: #46a758;
  --grass-10: #3e9b4f;
  --grass-11: #2a7e3b;
  --grass-12: #203c25;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --grass-1: color(display-p3 0.986 0.996 0.985);
      --grass-2: color(display-p3 0.966 0.983 0.964);
      --grass-3: color(display-p3 0.923 0.965 0.917);
      --grass-4: color(display-p3 0.872 0.94 0.865);
      --grass-5: color(display-p3 0.811 0.908 0.802);
      --grass-6: color(display-p3 0.733 0.864 0.724);
      --grass-7: color(display-p3 0.628 0.803 0.622);
      --grass-8: color(display-p3 0.477 0.72 0.482);
      --grass-9: color(display-p3 0.38 0.647 0.378);
      --grass-10: color(display-p3 0.344 0.598 0.342);
      --grass-11: color(display-p3 0.263 0.488 0.261);
      --grass-12: color(display-p3 0.151 0.233 0.153);
    }
  }
}
:root, .light, .light-theme {
  --cyan-1: #fafdfe;
  --cyan-2: #f2fafb;
  --cyan-3: #def7f9;
  --cyan-4: #caf1f6;
  --cyan-5: #b5e9f0;
  --cyan-6: #9ddde7;
  --cyan-7: #7dcedc;
  --cyan-8: #3db9cf;
  --cyan-9: #00a2c7;
  --cyan-10: #0797b9;
  --cyan-11: #107d98;
  --cyan-12: #0d3c48;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --cyan-1: color(display-p3 0.982 0.992 0.996);
      --cyan-2: color(display-p3 0.955 0.981 0.984);
      --cyan-3: color(display-p3 0.888 0.965 0.975);
      --cyan-4: color(display-p3 0.821 0.941 0.959);
      --cyan-5: color(display-p3 0.751 0.907 0.935);
      --cyan-6: color(display-p3 0.671 0.862 0.9);
      --cyan-7: color(display-p3 0.564 0.8 0.854);
      --cyan-8: color(display-p3 0.388 0.715 0.798);
      --cyan-9: color(display-p3 0.282 0.627 0.765);
      --cyan-10: color(display-p3 0.264 0.583 0.71);
      --cyan-11: color(display-p3 0.08 0.48 0.63);
      --cyan-12: color(display-p3 0.108 0.232 0.277);
    }
  }
}
:root, .light, .light-theme {
  --amber-1: #fefdfb;
  --amber-2: #fefbe9;
  --amber-3: #fff7c2;
  --amber-4: #ffee9c;
  --amber-5: #fbe577;
  --amber-6: #f3d673;
  --amber-7: #e9c162;
  --amber-8: #e2a336;
  --amber-9: #ffc53d;
  --amber-10: #ffba18;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --amber-1: color(display-p3 0.995 0.992 0.985);
      --amber-2: color(display-p3 0.994 0.986 0.921);
      --amber-3: color(display-p3 0.994 0.969 0.782);
      --amber-4: color(display-p3 0.989 0.937 0.65);
      --amber-5: color(display-p3 0.97 0.902 0.527);
      --amber-6: color(display-p3 0.936 0.844 0.506);
      --amber-7: color(display-p3 0.89 0.762 0.443);
      --amber-8: color(display-p3 0.85 0.65 0.3);
      --amber-9: color(display-p3 1 0.77 0.26);
      --amber-10: color(display-p3 0.959 0.741 0.274);
      --amber-11: color(display-p3 0.64 0.4 0);
      --amber-12: color(display-p3 0.294 0.208 0.145);
    }
  }
}
:root, .light, .light-theme {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feebec;
  --red-4: #ffdbdc;
  --red-5: #ffcdce;
  --red-6: #fdbdbe;
  --red-7: #f4a9aa;
  --red-8: #eb8e90;
  --red-9: #e5484d;
  --red-10: #dc3e42;
  --red-11: #ce2c31;
  --red-12: #641723;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --red-1: color(display-p3 0.998 0.989 0.988);
      --red-2: color(display-p3 0.995 0.971 0.971);
      --red-3: color(display-p3 0.985 0.925 0.925);
      --red-4: color(display-p3 0.999 0.866 0.866);
      --red-5: color(display-p3 0.984 0.812 0.811);
      --red-6: color(display-p3 0.955 0.751 0.749);
      --red-7: color(display-p3 0.915 0.675 0.672);
      --red-8: color(display-p3 0.872 0.575 0.572);
      --red-9: color(display-p3 0.83 0.329 0.324);
      --red-10: color(display-p3 0.798 0.294 0.285);
      --red-11: color(display-p3 0.744 0.234 0.222);
      --red-12: color(display-p3 0.36 0.115 0.143);
    }
  }
}
.mdxeditor .cm-editor {
  --sp-font-mono: var(--font-mono);
  --sp-font-body: var(--font-body);
  padding: var(--sp-space-4) 0;
}
.mdxeditor .sp-editor .cm-editor {
  padding-bottom: 0;
}
.mdxeditor .cm-scroller {
  padding: 0 !important;
}
.mdxeditor .cm-focused {
  outline: none;
}
.mdxeditor .sp-wrapper {
  overflow: hidden;
}
.mdxeditor .sp-layout {
  border: none;
}
.mdxeditor .sp-cm pre {
  white-space: break-spaces;
  word-break: break-word;
  overflow-wrap: anywhere;
  flex-shrink: 1;
}
.mdxeditor .cm-mergeView .cm-scroller {
  font-family: var(--font-mono);
  line-height: 1.3rem;
  font-size: var(--text-xs);
}
.mdxeditor .cm-sourceView .cm-scroller {
  font-family: var(--font-mono);
  line-height: 1.3rem;
  font-size: var(--text-xs);
}
.mdxeditor .cm-gutters {
  background: transparent;
  font-size: var(--text-xxs);
}
.mdxeditor .cm-activeLine {
  background: transparent;
}
.mdxeditor .cm-tooltip-autocomplete {
  background: var(--baseBgSubtle);
}
.mdxeditor hr.selected[data-lexical-decorator=true] {
  outline: 2px solid highlight;
}
._editorRoot_1e2ox_53 {
  --accentBase: var(--blue-1);
  --accentBgSubtle: var(--blue-2);
  --accentBg: var(--blue-3);
  --accentBgHover: var(--blue-4);
  --accentBgActive: var(--blue-5);
  --accentLine: var(--blue-6);
  --accentBorder: var(--blue-7);
  --accentBorderHover: var(--blue-8);
  --accentSolid: var(--blue-9);
  --accentSolidHover: var(--blue-10);
  --accentText: var(--blue-11);
  --accentTextContrast: var(--blue-12);
  --basePageBg: white;
  --baseBase: var(--slate-1);
  --baseBgSubtle: var(--slate-2);
  --baseBg: var(--slate-3);
  --baseBgHover: var(--slate-4);
  --baseBgActive: var(--slate-5);
  --baseLine: var(--slate-6);
  --baseBorder: var(--slate-7);
  --baseBorderHover: var(--slate-8);
  --baseSolid: var(--slate-9);
  --baseSolidHover: var(--slate-10);
  --baseText: var(--slate-11);
  --baseTextContrast: var(--slate-12);
  --admonitionTipBg: var(--cyan-4);
  --admonitionTipBorder: var(--cyan-8);
  --admonitionInfoBg: var(--grass-4);
  --admonitionInfoBorder: var(--grass-8);
  --admonitionCautionBg: var(--amber-4);
  --admonitionCautionBorder: var(--amber-8);
  --admonitionDangerBg: var(--red-4);
  --admonitionDangerBorder: var(--red-8);
  --admonitionNoteBg: var(--slate-4);
  --admonitionNoteBorder: var(--slate-8);
  --error-color: var(--red-10);
  --spacing-0: 0px;
  --spacing-px: 1px;
  --spacing-0_5: 0.125rem;
  --spacing-1: 0.25rem;
  --spacing-1_5: 0.375rem;
  --spacing-2: 0.5rem;
  --spacing-2_5: 0.625rem;
  --spacing-3: 0.75rem;
  --spacing-3_5: 0.875rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --radius-none: 0px;
  --radius-small: var(--spacing-0_5);
  --radius-base: var(--spacing-1);
  --radius-medium: var(--spacing-1_5);
  --radius-large: var(--spacing-2);
  --radius-extra-large: var(--spacing-3);
  --radius-full: 9999px;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
    sans-serif;
  --text-base: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;
  --text-xxs: 0.6rem;
  font-family: var(--font-body);
  color: var(--baseText);
}
._nestedListItem_1e2ox_158 {
  list-style: none;
}
._toolbarRoot_1e2ox_162 {
  z-index: 2;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-1);
  border-radius: var(--radius-medium);
  padding: var(--spacing-1_5);
  align-items: center;
  overflow-x: auto;
  position: sticky;
  top: 0;
  background-color: var(--baseBg);
  width: inherit;
}
._toolbarRoot_1e2ox_162 div[role='separator'] {
  margin: var(--spacing-2) var(--spacing-1);
  border-left: 1px solid var(--baseBorder);
  border-right: 1px solid var(--baseBase);
  height: var(--spacing-4);
}
._toolbarRoot_1e2ox_162 svg {
  color: var(--baseTextContrast);
  display: block;
}
._readOnlyToolbarRoot_1e2ox_189 {
  pointer-events: none;
  background: var(--baseBase);
}
._readOnlyToolbarRoot_1e2ox_189 > div {
  opacity: 0.5;
}
._toolbarModeSwitch_1e2ox_198 {
  opacity: 1 !important;
  margin-left: auto;
  align-self: stretch;
  align-items: stretch;
  display: flex;
  border: 1px solid var(--baseBg);
  border-radius: var(--radius-medium);
  font-size: var(--text-xs);
}
._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208 {
  padding-inline-end: var(--spacing-4);
  padding-inline-start: var(--spacing-4);
}
._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:active, ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208[data-state='on'] {
  background-color: var(--baseBorder);
}
._toolbarGroupOfGroups_1e2ox_219 {
  display: flex;
  margin: 0 var(--spacing-1);
}
._toolbarToggleSingleGroup_1e2ox_224:first-of-type ._toolbarToggleItem_1e2ox_208:only-child, ._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:first-child, ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:first-child {
  border-top-left-radius: var(--radius-base);
  border-bottom-left-radius: var(--radius-base);
}
._toolbarToggleSingleGroup_1e2ox_224:last-of-type ._toolbarToggleItem_1e2ox_208:only-child, ._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:last-child, ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:last-child {
  border-top-right-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}
._toolbarToggleItem_1e2ox_208, ._toolbarButton_1e2ox_239 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-0_5);
}
@media (hover: hover) {
  ._toolbarToggleItem_1e2ox_208:hover, ._toolbarButton_1e2ox_239:hover {
    background-color: var(--baseBgActive);
  }
}
._toolbarToggleItem_1e2ox_208:active svg, ._toolbarButton_1e2ox_239:active svg {
  transform: translate(1px, 1px);
}
._toolbarToggleItem_1e2ox_208[data-state='on'], ._toolbarButton_1e2ox_239[data-state='on'], ._toolbarToggleItem_1e2ox_208:active, ._toolbarButton_1e2ox_239:active {
  color: var(--baseTextContrast);
  background-color: var(--baseBgActive);
}
._toolbarToggleItem_1e2ox_208[data-disabled], ._toolbarButton_1e2ox_239[data-disabled] {
  pointer-events: none;
}
._toolbarToggleItem_1e2ox_208[data-disabled] svg, ._toolbarButton_1e2ox_239[data-disabled] svg {
  color: var(--baseBorderHover);
}
._toolbarButton_1e2ox_239 {
  border-radius: var(--radius-base);
}
._toolbarButton_1e2ox_239 + ._toolbarButton_1e2ox_239 {
  margin-left: var(--spacing-1);
}
._activeToolbarButton_1e2ox_275 {
  color: var(--accentText);
}
._toolbarToggleSingleGroup_1e2ox_224 {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
._toolbarNodeKindSelectContainer_1e2ox_285, ._toolbarButtonDropdownContainer_1e2ox_286, ._toolbarCodeBlockLanguageSelectContent_1e2ox_287, ._selectContainer_1e2ox_288 {
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
  z-index: 3;
  width: var(--spacing-36);
  border-bottom-left-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
  background-color: var(--basePageBg);
  font-size: var(--text-sm);
}
._toolbarButtonDropdownContainer_1e2ox_286 {
  border-top-right-radius: var(--radius-base);
}
._toolbarButtonDropdownContainer_1e2ox_286 ._selectItem_1e2ox_301:first-child {
  border-top-right-radius: var(--radius-base);
}
._toolbarNodeKindSelectTrigger_1e2ox_306, ._toolbarButtonSelectTrigger_1e2ox_307, ._selectTrigger_1e2ox_308 {
  border: 0;
  background-color: transparent;
  display: flex;
  color: inherit;
  align-items: center;
  width: var(--spacing-36);
  padding: var(--spacing-0_5) var(--spacing-1);
  padding-inline-start: var(--spacing-2);
  border-radius: var(--radius-medium);
  white-space: nowrap;
  flex-wrap: nowrap;
  font-size: var(--text-sm);
  background-color: var(--basePageBg);
  margin: 0 var(--spacing-1);
}
._toolbarNodeKindSelectTrigger_1e2ox_306[data-state='open'], ._toolbarButtonSelectTrigger_1e2ox_307[data-state='open'], ._selectTrigger_1e2ox_308[data-state='open'] {
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
  border-bottom-right-radius: var(--radius-none);
  border-bottom-left-radius: var(--radius-none);
}
._selectTrigger_1e2ox_308[data-placeholder] > span:first-child {
  color: var(--baseBorderHover);
}
._toolbarButtonSelectTrigger_1e2ox_307 {
  width: auto;
  padding-inline-start: var(--spacing-2);
  padding-inline-end: var(--spacing-1);
  padding-block: var(--spacing-0_5);
}
._toolbarCodeBlockLanguageSelectTrigger_1e2ox_343, ._toolbarCodeBlockLanguageSelectContent_1e2ox_287 {
  width: var(--spacing-48);
}
._toolbarNodeKindSelectItem_1e2ox_348, ._selectItem_1e2ox_301 {
  cursor: default;
  display: flex;
  padding: var(--spacing-2);
}
._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {
  background-color: var(--baseBg);
}
._toolbarNodeKindSelectItem_1e2ox_348[data-state='checked'], ._selectItem_1e2ox_301[data-state='checked'] {
  color: var(--baseTextContrast);
  background-color: var(--baseBg);
}
._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {
  outline: none;
}
._toolbarNodeKindSelectItem_1e2ox_348:last-child, ._selectItem_1e2ox_301:last-child {
  border-bottom-left-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}
._toolbarNodeKindSelectDropdownArrow_1e2ox_373, ._selectDropdownArrow_1e2ox_374 {
  margin-left: auto;
  display: flex;
  align-items: center;
}
._contentEditable_1e2ox_380 {
  box-sizing: border-box;
  width: 100%;
  color: var(--baseTextContrast);
  padding: var(--spacing-3);
}
._contentEditable_1e2ox_380:focus {
  outline: none;
}
._codeMirrorWrapper_1e2ox_392 {
  margin-bottom: var(--spacing-5);
  border: 1px solid var(--baseLine);
  border-radius: var(--radius-medium);
  overflow: hidden;
  padding: 0.8rem;
  position: relative;
}
._sandPackWrapper_1e2ox_401 {
  margin-bottom: var(--spacing-5);
  border: 1px solid var(--baseLine);
  border-radius: var(--radius-medium);
  overflow: hidden;
  position: relative;
}
._codeMirrorToolbar_1e2ox_409 {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  z-index: 1;
  background-color: var(--baseBase);
  border-bottom-left-radius: var(--radius-base);
}
._frontmatterWrapper_1e2ox_413 {
  border-radius: var(--radius-medium);
  padding: var(--spacing-3);
  background-color: var(--baseBgSubtle);
}
._frontmatterWrapper_1e2ox_413[data-expanded='true'] {
  margin-bottom: var(--spacing-10);
}
._frontmatterToggleButton_1e2ox_423 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  font-size: var(--text-sm);
}
._propertyPanelTitle_1e2ox_431 {
  font-size: var(--text-xs);
  font-weight: 400;
  margin: 0;
  padding-top: var(--spacing-2);
  padding-left: var(--spacing-2);
}
._propertyEditorTable_1e2ox_439 {
  table-layout: fixed;
  border-spacing: var(--spacing-2);
}
._propertyEditorTable_1e2ox_439 th {
  text-align: left;
  font-size: var(--text-sm);
  padding: var(--spacing-2) var(--spacing-3);
}
._propertyEditorTable_1e2ox_439 col:nth-child(1) {
  width: 30%;
}
._propertyEditorTable_1e2ox_439 col:nth-child(2) {
  width: 70%;
}
._propertyEditorTable_1e2ox_439 td:last-child ._iconButton_1e2ox_457 {
  margin-left: var(--spacing-4);
  margin-right: var(--spacing-4);
}
._propertyEditorTable_1e2ox_439 ._readOnlyColumnCell_1e2ox_462 {
  padding-left: 0;
}
._propertyEditorLabelCell_1e2ox_467 {
  font-weight: 400;
}
._readOnlyColumnCell_1e2ox_462 {
  padding-left: 0;
}
._buttonsFooter_1e2ox_475 {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-2);
}
._propertyEditorInput_1e2ox_481 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  font-size: var(--text-sm);
}
._iconButton_1e2ox_457 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  color: var(--baseText);
}
@media (hover: hover) {
  ._iconButton_1e2ox_457:hover {
    color: var(--baseTextContrast);
  }
}
._iconButton_1e2ox_457:disabled, ._iconButton_1e2ox_457:disabled:hover {
  color: var(--baseLine);
}
._primaryButton_1e2ox_507, ._secondaryButton_1e2ox_508 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-2) var(--spacing-3);
  border: 1px solid var(--accentBorder);
  background-color: var(--accentSolidHover);
  color: var(--baseBase);
  font-size: var(--text-xs);
  border-radius: var(--radius-medium);
}
._primaryButton_1e2ox_507:disabled, ._secondaryButton_1e2ox_508:disabled {
  background: var(--accentLine);
  border-color: var(--accentBg);
}
._smallButton_1e2ox_523 {
  font-size: var(--text-xs);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--radius-base);
}
._secondaryButton_1e2ox_508 {
  border: 1px solid var(--baseBorder);
  background-color: var(--baseSolidHover);
  color: var(--baseBase);
}
._dialogForm_1e2ox_535 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-2);
}
._linkDialogEditForm_1e2ox_541 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-2);
  padding: 0;
}
._linkDialogInputContainer_1e2ox_549 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
._linkDialogInputWrapper_1e2ox_555 {
  display: flex;
  align-items: center;
  background-color: var(--baseBase);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
}
._linkDialogInputWrapper_1e2ox_555[data-visible-dropdown='true'] {
  border-bottom-left-radius: var(--radius-none);
  border-bottom-right-radius: var(--radius-none);
  border-bottom-width: 0;
}
._linkDialogInputWrapper_1e2ox_555 > button {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding-right: var(--spacing-2);
}
._linkDialogInput_1e2ox_549, ._dialogInput_1e2ox_576 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 20rem;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: var(--text-sm);
}
._linkDialogInput_1e2ox_549::-moz-placeholder, ._dialogInput_1e2ox_576::-moz-placeholder {
  color: var(--baseBorder);
}
._linkDialogInput_1e2ox_549::placeholder, ._dialogInput_1e2ox_576::placeholder {
  color: var(--baseBorder);
}
._linkDialogAnchor_1e2ox_587 {
  position: fixed;
  background-color: highlight;
  z-index: -1;
}
._linkDialogAnchor_1e2ox_587[data-visible='true'] {
  visibility: visible;
}
._linkDialogAnchor_1e2ox_587[data-visible='false'] {
  visibility: hidden;
}
._linkDialogPopoverContent_1e2ox_601, ._tableColumnEditorPopoverContent_1e2ox_602, ._dialogContent_1e2ox_603 {
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
  display: flex;
  align-items: center;
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  border: 1px solid var(--baseBg);
  background-color: var(--basePageBg);
  padding: var(--spacing-1) var(--spacing-1);
  font-size: var(--text-sm);
}
._largeDialogContent_1e2ox_615 {
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBgSubtle);
  padding: var(--spacing-4);
  font-size: var(--text-sm);
}
._dialogTitle_1e2ox_625 {
  font-size: var(--text-base);
  font-weight: 600;
  padding-left: var(--spacing-2);
}
._dialogCloseButton_1e2ox_631 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  position: absolute;
  top: 10px;
  right: 10px;
}
._popoverContent_1e2ox_638 {
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
  display: flex;
  align-items: center;
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  background-color: var(--baseBgSubtle);
  padding: var(--spacing-2) var(--spacing-2);
  font-size: var(--text-sm);
  z-index: 1;
}
._popoverArrow_1e2ox_650 {
  fill: var(--basePageBg);
}
._linkDialogPreviewAnchor_1e2ox_654 {
  margin-right: var(--spacing-1);
  display: flex;
  align-items: center;
  color: var(--accentText);
  text-decoration: none;
  border: 1px solid transparent;
}
@media (hover: hover) {
  ._linkDialogPreviewAnchor_1e2ox_654:hover {
    color: var(--accentSolidHover);
  }
}
._linkDialogPreviewAnchor_1e2ox_654 span {
  max-width: 14rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._tooltipTrigger_1e2ox_677 {
  align-self: center;
}
._tooltipContent_1e2ox_681 {
  z-index: 2;
  position: relative;
  border-radius: var(--radius-medium);
  padding: var(--spacing-1) var(--spacing-2);
  font-size: var(--text-xs);
  background-color: var(--baseText);
  color: var(--baseBase);
}
._tooltipContent_1e2ox_681 svg {
  fill: var(--baseText);
}
._actionButton_1e2ox_695 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-1);
  border-radius: var(--radius-medium);
  color: var(--baseTextContrast);
}
._actionButton_1e2ox_695 svg {
  display: block;
}
@media (hover: hover) {
  ._actionButton_1e2ox_695:hover {
    background-color: var(--baseBg);
  }
}
._actionButton_1e2ox_695:active svg {
  transform: translate(1px, 1px);
}
._actionButton_1e2ox_695[data-state='on'], ._actionButton_1e2ox_695:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}
._primaryActionButton_1e2ox_702 {
  background-color: var(--accentSolid);
  color: var(--baseBase);
}
@media (hover: hover) {
  ._primaryActionButton_1e2ox_702:hover {
    background-color: var(--accentSolidHover);
    color: var(--baseBase);
  }
}
._tableEditor_1e2ox_714 {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
._tableEditor_1e2ox_714 thead > tr > th {
  text-align: right;
}
._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725), ._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true']) {
  border: 1px solid var(--baseBgActive);
  padding: var(--spacing-1) var(--spacing-2);
  white-space: normal;
}
:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div {
  outline: none;
}
:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div > p {
  margin: 0;
}
[data-active='true']:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) {
  outline: solid 1px var(--baseSolid);
}
._tableEditor_1e2ox_714 ._tableColumnEditorTrigger_1e2ox_744, ._tableEditor_1e2ox_714 ._tableRowEditorTrigger_1e2ox_745, ._tableEditor_1e2ox_714 ._addRowButton_1e2ox_746, ._tableEditor_1e2ox_714 ._addColumnButton_1e2ox_747, ._tableEditor_1e2ox_714 ._iconButton_1e2ox_457 {
  opacity: 0.15;
}
@media (hover: hover) {
  ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457 {
    opacity: 0.3;
  }
  ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744:hover, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745:hover, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746:hover, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747:hover, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457:hover {
    opacity: 1;
  }
}
._toolCell_1e2ox_725 {
  text-align: right;
}
._toolCell_1e2ox_725 button {
  margin: auto;
  display: block;
}
._tableColumnEditorTrigger_1e2ox_744 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  color: var(--baseTextContrast);
  padding: var(--spacing-1);
  border-radius: var(--radius-full);
  opacity: 0.2;
}
._tableColumnEditorTrigger_1e2ox_744 svg {
  display: block;
}
@media (hover: hover) {
  ._tableColumnEditorTrigger_1e2ox_744:hover {
    background-color: var(--baseBg);
  }
}
._tableColumnEditorTrigger_1e2ox_744:active svg {
  transform: translate(1px, 1px);
}
._tableColumnEditorTrigger_1e2ox_744[data-state='on'], ._tableColumnEditorTrigger_1e2ox_744:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}
._tableColumnEditorTrigger_1e2ox_744[data-active='true'] {
  opacity: 1 !important;
}
._tableColumnEditorToolbar_1e2ox_789 {
  display: flex;
}
._tableColumnEditorToolbar_1e2ox_789 > button {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
}
._tableColumnEditorToolbar_1e2ox_789 > button svg {
  display: block;
}
@media (hover: hover) {
  ._tableColumnEditorToolbar_1e2ox_789 > button:hover {
    background-color: var(--baseBg);
  }
}
._tableColumnEditorToolbar_1e2ox_789 > button:active svg {
  transform: translate(1px, 1px);
}
._tableColumnEditorToolbar_1e2ox_789 > button[data-state='on'], ._tableColumnEditorToolbar_1e2ox_789 > button:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}
._tableColumnEditorToolbar_1e2ox_789 [role='separator'] {
  margin-left: var(--spacing-1);
  margin-right: var(--spacing-1);
}
._toggleGroupRoot_1e2ox_802 {
  display: inline-flex;
}
._toggleGroupRoot_1e2ox_802 button {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
}
._toggleGroupRoot_1e2ox_802 button svg {
  display: block;
}
@media (hover: hover) {
  ._toggleGroupRoot_1e2ox_802 button:hover {
    background-color: var(--baseBg);
  }
}
._toggleGroupRoot_1e2ox_802 button:active svg {
  transform: translate(1px, 1px);
}
._toggleGroupRoot_1e2ox_802 button[data-state='on'], ._toggleGroupRoot_1e2ox_802 button:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}
._toggleGroupRoot_1e2ox_802 button:first-child {
  border-top-left-radius: var(--radius-base);
  border-bottom-left-radius: var(--radius-base);
}
._toggleGroupRoot_1e2ox_802 button:last-child {
  border-top-right-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}
._tableToolsColumn_1e2ox_820 {
  width: 2rem;
}
._tableToolsColumn_1e2ox_820 button {
  margin: auto;
  display: block;
}
._leftAlignedCell_1e2ox_829 {
  text-align: left;
}
._rightAlignedCell_1e2ox_833 {
  text-align: right;
}
._centeredCell_1e2ox_837 {
  text-align: center;
}
._addColumnButton_1e2ox_747, ._addRowButton_1e2ox_746 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
  background-color: var(--baseBase);
  display: flex;
  align-items: center;
}
._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {
  display: block;
}
@media (hover: hover) {
  ._addColumnButton_1e2ox_747:hover, ._addRowButton_1e2ox_746:hover {
    background-color: var(--baseBg);
  }
}
._addColumnButton_1e2ox_747:active svg, ._addRowButton_1e2ox_746:active svg {
  transform: translate(1px, 1px);
}
._addColumnButton_1e2ox_747[data-state='on'], ._addRowButton_1e2ox_746[data-state='on'], ._addColumnButton_1e2ox_747:active, ._addRowButton_1e2ox_746:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}
._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {
  margin: auto;
}
._addRowButton_1e2ox_746 {
  width: 100%;
  margin-top: var(--spacing-px);
  box-sizing: border-box;
  border-bottom-right-radius: var(--radius-medium);
  border-bottom-left-radius: var(--radius-medium);
}
._addColumnButton_1e2ox_747 {
  margin-left: var(--spacing-px);
  height: 100%;
  border-top-right-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
}
._dialogOverlay_1e2ox_870 {
  position: fixed;
  inset: 0;
  animation: _overlayShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
  background-color: var(--baseBase);
  z-index: 51;
  opacity: 0.5;
}
._dialogContent_1e2ox_603, ._largeDialogContent_1e2ox_615 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: _contentShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 52;
}
._dialogContent_1e2ox_603:focus, ._largeDialogContent_1e2ox_615:focus {
  outline: none;
}
@keyframes _overlayShow_1e2ox_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes _contentShow_1e2ox_1 {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
._focusedImage_1e2ox_916 {
  outline: highlight solid 2px;
}
._imageWrapper_1e2ox_920 {
  display: inline-block;
  position: relative;
}
._imageWrapper_1e2ox_920[draggable='true'] {
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
}
._editImageToolbar_1e2ox_933 {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  z-index: 1;
  background-color: var(--baseBase);
  border-bottom-left-radius: var(--radius-base);
}
._editImageButton_1e2ox_937 svg {
  display: block;
}
._inlineEditor_1e2ox_943 {
  display: inline-flex;
  border-radius: var(--radius-medium);
  padding: var(--spacing-1);
  gap: var(--spacing-2);
  align-items: center;
  background: var(--baseBg);
}
._blockEditor_1e2ox_952 {
  display: flex;
  justify-content: stretch;
  border-radius: var(--radius-medium);
  padding: var(--spacing-2);
  gap: var(--spacing-2);
  align-items: center;
  background: var(--baseBg);
}
._blockEditor_1e2ox_952 ._nestedEditor_1e2ox_961 {
  flex-grow: 1;
}
._nestedEditor_1e2ox_961 {
  background: var(--basePageBg);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--radius-medium);
}
._nestedEditor_1e2ox_961 > p {
  margin: 0;
}
._nestedEditor_1e2ox_961:focus {
  outline: none;
}
._genericComponentName_1e2ox_980 {
  font-size: var(--text-sm);
  color: var(--baseText);
  padding-right: var(--spacing-2);
}
._diffSourceToggleWrapper_1e2ox_986 {
  margin-left: auto;
  pointer-events: auto;
  opacity: 1;
  position: sticky;
  right: 0;
}
._diffSourceToggle_1e2ox_986 {
  border-radius: var(--radius-medium);
  background-color: var(--baseBase);
  display: flex;
}
._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 {
  padding: 0;
}
._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 > span {
  display: block;
  padding: var(--spacing-1) var(--spacing-1);
}
._selectWithLabel_1e2ox_1012 {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  margin-left: var(--spacing-2);
}
._selectWithLabel_1e2ox_1012 > label {
  font-size: var(--text-sm);
}
._selectWithLabel_1e2ox_1012 ._selectTrigger_1e2ox_308 {
  border: 1px solid var(--baseBorder);
}
._toolbarTitleMode_1e2ox_1027 {
  font-size: var(--text-sm);
  margin-left: var(--spacing-2);
}
._imageControlWrapperResizing_1e2ox_1032 {
  touch-action: none;
}
._imageResizer_1e2ox_1036 {
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: var(--accentText);
  border: 1px solid var(--baseBg);
}
._imageResizer_1e2ox_1036._imageResizerN_1e2ox_1045 {
  top: -6px;
  left: 48%;
  cursor: n-resize;
}
._imageResizer_1e2ox_1036._imageResizerNe_1e2ox_1051 {
  top: -6px;
  right: -6px;
  cursor: ne-resize;
}
._imageResizer_1e2ox_1036._imageResizerE_1e2ox_1057 {
  bottom: 48%;
  right: -6px;
  cursor: e-resize;
}
._imageResizer_1e2ox_1036._imageResizerSe_1e2ox_1063 {
  bottom: -2px;
  right: -6px;
  cursor: nwse-resize;
}
._imageResizer_1e2ox_1036._imageResizerS_1e2ox_1063 {
  bottom: -2px;
  left: 48%;
  cursor: s-resize;
}
._imageResizer_1e2ox_1036._imageResizerSw_1e2ox_1075 {
  bottom: -2px;
  left: -6px;
  cursor: sw-resize;
}
._imageResizer_1e2ox_1036._imageResizerW_1e2ox_1081 {
  bottom: 48%;
  left: -6px;
  cursor: w-resize;
}
._imageResizer_1e2ox_1036._imageResizerNw_1e2ox_1087 {
  top: -6px;
  left: -6px;
  cursor: nw-resize;
}
._imagePlaceholder_1e2ox_1093 {
  border: 2px dashed;
  padding: 48px;
  margin: 12px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
._imageDimensionsContainer_1e2ox_1101 {
  display: flex;
  gap: var(--spacing-4);
}
._placeholder_1e2ox_1106 {
  color: var(--baseSolid);
  overflow: hidden;
  position: absolute;
  top: 0;
  padding: var(--spacing-3);
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  display: inline-block;
  pointer-events: none;
}
._rootContentEditableWrapper_1e2ox_1119 {
  position: relative;
}
._downshiftContainer_1e2ox_1123 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
._downshiftInputWrapper_1e2ox_1129 {
  display: flex;
  align-items: center;
  background-color: var(--baseBase);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
}
._downshiftInputWrapper_1e2ox_1129[data-visible-dropdown='true'] {
  border-bottom-left-radius: var(--radius-none);
  border-bottom-right-radius: var(--radius-none);
  border-bottom-width: 0;
}
._downshiftInputWrapper_1e2ox_1129 > button {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding-right: var(--spacing-2);
}
._downshiftInput_1e2ox_1129 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 20rem;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: var(--text-sm);
}
._downshiftInput_1e2ox_1129::-moz-placeholder {
  color: var(--baseBorder);
}
._downshiftInput_1e2ox_1129::placeholder {
  color: var(--baseBorder);
}
._downshiftAutocompleteContainer_1e2ox_1160 {
  position: relative;
}
._downshiftAutocompleteContainer_1e2ox_1160 ul {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  font-size: var(--text-sm);
  width: 100%;
  display: none;
  border-bottom-left-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
  max-height: var(--spacing-48);
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--baseBorder);
  border-top-width: 0;
  background-color: var(--baseBase);
}
._downshiftAutocompleteContainer_1e2ox_1160 ul[data-visible='true'] {
  display: block;
}
._downshiftAutocompleteContainer_1e2ox_1160 ul li {
  padding: var(--spacing-2) var(--spacing-3);
  white-space: nowrap;
  margin-bottom: var(--spacing-1);
  overflow-x: hidden;
  text-overflow: ellipsis;
}
._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-selected='true'] {
  background-color: var(--baseBgSubtle);
}
._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-highlighted='true'] {
  background-color: var(--baseBgHover);
}
._downshiftAutocompleteContainer_1e2ox_1160 ul li:last-of-type {
  border-bottom-left-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
}
._textInput_1e2ox_1206 {
  all: unset;
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  padding: var(--spacing-2) var(--spacing-3);
}
form._multiFieldForm_1e2ox_1214 {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-2);
  gap: var(--spacing-2);
}
form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 label {
  font-size: var(--text-xs);
}
._markdownParseError_1e2ox_1231 {
  border-radius: var(--radius-base);
  border: 1px solid var(--error-color);
  padding: var(--spacing-2);
  margin-block: var(--spacing-2);
  color: var(--error-color);
  font-size: var(--text-xs);
}
._popupContainer_1e2ox_1240 {
  position: relative;
  z-index: 2;
}
._inputSizer_1e2ox_1245 {
  display: inline-grid;
  vertical-align: baseline;
  align-items: center;
  position: relative;
}
._inputSizer_1e2ox_1245::after, ._inputSizer_1e2ox_1245 input {
  width: auto;
  min-width: 1rem;
  grid-area: 1 / 2;
  font: inherit;
  margin: 0;
  padding: 0 2px;
  resize: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: inherit;
}
._inputSizer_1e2ox_1245 span {
  padding: 0.25em;
}
._inputSizer_1e2ox_1245::after {
  content: attr(data-value);
  white-space: pre-wrap;
}
:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --blue-1: #fbfdff;
  --blue-2: #f4faff;
  --blue-3: #e6f4fe;
  --blue-4: #d5efff;
  --blue-5: #c2e5ff;
  --blue-6: #acd8fc;
  --blue-7: #8ec8f6;
  --blue-8: #5eb1ef;
  --blue-9: #0090ff;
  --blue-10: #0588f0;
  --blue-11: #0d74ce;
  --blue-12: #113264;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --blue-1: color(display-p3 0.986 0.992 0.999);
      --blue-2: color(display-p3 0.96 0.979 0.998);
      --blue-3: color(display-p3 0.912 0.956 0.991);
      --blue-4: color(display-p3 0.853 0.932 1);
      --blue-5: color(display-p3 0.788 0.894 0.998);
      --blue-6: color(display-p3 0.709 0.843 0.976);
      --blue-7: color(display-p3 0.606 0.777 0.947);
      --blue-8: color(display-p3 0.451 0.688 0.917);
      --blue-9: color(display-p3 0.247 0.556 0.969);
      --blue-10: color(display-p3 0.234 0.523 0.912);
      --blue-11: color(display-p3 0.15 0.44 0.84);
      --blue-12: color(display-p3 0.102 0.193 0.379);
    }
  }
}
._dark_1tncs_1, ._dark-theme_1tncs_1 {
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    ._dark_1tncs_1, ._dark-theme_1tncs_1 {
      --blue-1: color(display-p3 0.057 0.081 0.122);
      --blue-2: color(display-p3 0.072 0.098 0.147);
      --blue-3: color(display-p3 0.078 0.154 0.27);
      --blue-4: color(display-p3 0.033 0.197 0.37);
      --blue-5: color(display-p3 0.08 0.245 0.441);
      --blue-6: color(display-p3 0.14 0.298 0.511);
      --blue-7: color(display-p3 0.195 0.361 0.6);
      --blue-8: color(display-p3 0.239 0.434 0.72);
      --blue-9: color(display-p3 0.247 0.556 0.969);
      --blue-10: color(display-p3 0.344 0.612 0.973);
      --blue-11: color(display-p3 0.49 0.72 1);
      --blue-12: color(display-p3 0.788 0.898 0.99);
    }
  }
}
:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --slate-1: #fcfcfd;
  --slate-2: #f9f9fb;
  --slate-3: #f0f0f3;
  --slate-4: #e8e8ec;
  --slate-5: #e0e1e6;
  --slate-6: #d9d9e0;
  --slate-7: #cdced6;
  --slate-8: #b9bbc6;
  --slate-9: #8b8d98;
  --slate-10: #80838d;
  --slate-11: #60646c;
  --slate-12: #1c2024;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --slate-1: color(display-p3 0.988 0.988 0.992);
      --slate-2: color(display-p3 0.976 0.976 0.984);
      --slate-3: color(display-p3 0.94 0.941 0.953);
      --slate-4: color(display-p3 0.908 0.909 0.925);
      --slate-5: color(display-p3 0.88 0.881 0.901);
      --slate-6: color(display-p3 0.85 0.852 0.876);
      --slate-7: color(display-p3 0.805 0.808 0.838);
      --slate-8: color(display-p3 0.727 0.733 0.773);
      --slate-9: color(display-p3 0.547 0.553 0.592);
      --slate-10: color(display-p3 0.503 0.512 0.549);
      --slate-11: color(display-p3 0.379 0.392 0.421);
      --slate-12: color(display-p3 0.113 0.125 0.14);
    }
  }
}
._dark_1tncs_1, ._dark-theme_1tncs_1 {
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    ._dark_1tncs_1, ._dark-theme_1tncs_1 {
      --slate-1: color(display-p3 0.067 0.067 0.074);
      --slate-2: color(display-p3 0.095 0.098 0.105);
      --slate-3: color(display-p3 0.13 0.135 0.145);
      --slate-4: color(display-p3 0.156 0.163 0.176);
      --slate-5: color(display-p3 0.183 0.191 0.206);
      --slate-6: color(display-p3 0.215 0.226 0.244);
      --slate-7: color(display-p3 0.265 0.28 0.302);
      --slate-8: color(display-p3 0.357 0.381 0.409);
      --slate-9: color(display-p3 0.415 0.431 0.463);
      --slate-10: color(display-p3 0.469 0.483 0.514);
      --slate-11: color(display-p3 0.692 0.704 0.728);
      --slate-12: color(display-p3 0.93 0.933 0.94);
    }
  }
}
:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --grass-1: #fbfefb;
  --grass-2: #f5fbf5;
  --grass-3: #e9f6e9;
  --grass-4: #daf1db;
  --grass-5: #c9e8ca;
  --grass-6: #b2ddb5;
  --grass-7: #94ce9a;
  --grass-8: #65ba74;
  --grass-9: #46a758;
  --grass-10: #3e9b4f;
  --grass-11: #2a7e3b;
  --grass-12: #203c25;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --grass-1: color(display-p3 0.986 0.996 0.985);
      --grass-2: color(display-p3 0.966 0.983 0.964);
      --grass-3: color(display-p3 0.923 0.965 0.917);
      --grass-4: color(display-p3 0.872 0.94 0.865);
      --grass-5: color(display-p3 0.811 0.908 0.802);
      --grass-6: color(display-p3 0.733 0.864 0.724);
      --grass-7: color(display-p3 0.628 0.803 0.622);
      --grass-8: color(display-p3 0.477 0.72 0.482);
      --grass-9: color(display-p3 0.38 0.647 0.378);
      --grass-10: color(display-p3 0.344 0.598 0.342);
      --grass-11: color(display-p3 0.263 0.488 0.261);
      --grass-12: color(display-p3 0.151 0.233 0.153);
    }
  }
}
:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --cyan-1: #fafdfe;
  --cyan-2: #f2fafb;
  --cyan-3: #def7f9;
  --cyan-4: #caf1f6;
  --cyan-5: #b5e9f0;
  --cyan-6: #9ddde7;
  --cyan-7: #7dcedc;
  --cyan-8: #3db9cf;
  --cyan-9: #00a2c7;
  --cyan-10: #0797b9;
  --cyan-11: #107d98;
  --cyan-12: #0d3c48;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --cyan-1: color(display-p3 0.982 0.992 0.996);
      --cyan-2: color(display-p3 0.955 0.981 0.984);
      --cyan-3: color(display-p3 0.888 0.965 0.975);
      --cyan-4: color(display-p3 0.821 0.941 0.959);
      --cyan-5: color(display-p3 0.751 0.907 0.935);
      --cyan-6: color(display-p3 0.671 0.862 0.9);
      --cyan-7: color(display-p3 0.564 0.8 0.854);
      --cyan-8: color(display-p3 0.388 0.715 0.798);
      --cyan-9: color(display-p3 0.282 0.627 0.765);
      --cyan-10: color(display-p3 0.264 0.583 0.71);
      --cyan-11: color(display-p3 0.08 0.48 0.63);
      --cyan-12: color(display-p3 0.108 0.232 0.277);
    }
  }
}
:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --amber-1: #fefdfb;
  --amber-2: #fefbe9;
  --amber-3: #fff7c2;
  --amber-4: #ffee9c;
  --amber-5: #fbe577;
  --amber-6: #f3d673;
  --amber-7: #e9c162;
  --amber-8: #e2a336;
  --amber-9: #ffc53d;
  --amber-10: #ffba18;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --amber-1: color(display-p3 0.995 0.992 0.985);
      --amber-2: color(display-p3 0.994 0.986 0.921);
      --amber-3: color(display-p3 0.994 0.969 0.782);
      --amber-4: color(display-p3 0.989 0.937 0.65);
      --amber-5: color(display-p3 0.97 0.902 0.527);
      --amber-6: color(display-p3 0.936 0.844 0.506);
      --amber-7: color(display-p3 0.89 0.762 0.443);
      --amber-8: color(display-p3 0.85 0.65 0.3);
      --amber-9: color(display-p3 1 0.77 0.26);
      --amber-10: color(display-p3 0.959 0.741 0.274);
      --amber-11: color(display-p3 0.64 0.4 0);
      --amber-12: color(display-p3 0.294 0.208 0.145);
    }
  }
}
:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feebec;
  --red-4: #ffdbdc;
  --red-5: #ffcdce;
  --red-6: #fdbdbe;
  --red-7: #f4a9aa;
  --red-8: #eb8e90;
  --red-9: #e5484d;
  --red-10: #dc3e42;
  --red-11: #ce2c31;
  --red-12: #641723;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --red-1: color(display-p3 0.998 0.989 0.988);
      --red-2: color(display-p3 0.995 0.971 0.971);
      --red-3: color(display-p3 0.985 0.925 0.925);
      --red-4: color(display-p3 0.999 0.866 0.866);
      --red-5: color(display-p3 0.984 0.812 0.811);
      --red-6: color(display-p3 0.955 0.751 0.749);
      --red-7: color(display-p3 0.915 0.675 0.672);
      --red-8: color(display-p3 0.872 0.575 0.572);
      --red-9: color(display-p3 0.83 0.329 0.324);
      --red-10: color(display-p3 0.798 0.294 0.285);
      --red-11: color(display-p3 0.744 0.234 0.222);
      --red-12: color(display-p3 0.36 0.115 0.143);
    }
  }
}
._bold_1tncs_10 {
  font-weight: bold;
}
._italic_1tncs_14 {
  font-style: italic;
}
._underline_1tncs_18 {
  text-decoration: underline;
}
._bold_1tncs_10 {
  font-weight: 700;
}
._italic_1tncs_14 {
  font-style: italic;
}
._underline_1tncs_18 {
  text-decoration: underline;
}
._strikethrough_1tncs_34 {
  text-decoration: line-through;
}
._underlineStrikethrough_1tncs_38 {
  text-decoration: underline line-through;
}
._subscript_1tncs_42 {
  font-size: .8em;
  vertical-align: sub !important;
}
._superscript_1tncs_47 {
  font-size: .8em;
  vertical-align: super;
}
._code_1tncs_52 {
  background-color: var(--baseBg);
  padding: 1px .25rem;
  font-family: var(--font-mono);
  font-size: 94%;
}
._nestedListItem_1tncs_59 {
  list-style: none;
  list-style-type: none;
}
._nestedListItem_1tncs_59:before, ._nestedListItem_1tncs_59:after {
  display: none;
}
._listitem_1tncs_69 {
  margin: var(--spacing-2) 0;
}
._listItemChecked_1tncs_73, ._listItemUnchecked_1tncs_74 {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  margin-inline-start: -1rem;
  padding-left: var(--spacing-6);
  padding-right: var(--spacing-6);
  list-style-type: none;
  outline: none;
}
._listItemChecked_1tncs_73 {
  text-decoration: line-through;
}
._listItemUnchecked_1tncs_74:before, ._listItemChecked_1tncs_73:before {
  content: '';
  width: var(--spacing-4);
  height: var(--spacing-4);
  top: 0;
  left: 0;
  cursor: pointer;
  display: block;
  background-size: cover;
  position: absolute;
}
._listItemUnchecked_1tncs_74[dir='rtl']:before, ._listItemChecked_1tncs_73[dir='rtl']:before {
  left: auto;
  right: 0;
}
._listItemUnchecked_1tncs_74:focus:before, ._listItemChecked_1tncs_73:focus:before {
  box-shadow: 0 0 0 2px var(--accentBgActive);
  border-radius: var(--radius-small);
}
._listItemUnchecked_1tncs_74:before {
  border: 1px solid var(--baseBorder);
  border-radius: var(--radius-small);
}
._listItemChecked_1tncs_73:before {
  border: 1px solid var(--accentBorder);
  border-radius: var(--radius-small);
  background-color: var(--accentSolid);
  background-repeat: no-repeat;
}
._listItemChecked_1tncs_73:after {
  content: '';
  cursor: pointer;
  border-color: var(--baseBase);
  border-style: solid;
  position: absolute;
  display: block;
  top: var(--spacing-0_5);
  width: var(--spacing-1);
  left: var(--spacing-1_5);
  right: var(--spacing-1_5);
  height: var(--spacing-2);
  transform: rotate(45deg);
  border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;
}
._nestedListItem_1tncs_59 {
  list-style-type: none;
}
._nestedListItem_1tncs_59:before, ._nestedListItem_1tncs_59:after {
  display: none;
}
._admonitionDanger_1tncs_151, ._admonitionInfo_1tncs_152, ._admonitionNote_1tncs_153, ._admonitionTip_1tncs_154, ._admonitionCaution_1tncs_155 {
  padding: var(--spacing-2);
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
  border-left: 3px solid var(--admonitionBorder);
  background-color: var(--admonitionBg);
}
._admonitionInfo_1tncs_152 {
  --admonitionBorder: var(--admonitionInfoBorder);
  --admonitionBg: var(--admonitionInfoBg);
}
._admonitionTip_1tncs_154 {
  --admonitionBorder: var(--admonitionTipBorder);
  --admonitionBg: var(--admonitionTipBg);
}
._admonitionCaution_1tncs_155 {
  --admonitionBorder: var(--admonitionCautionBorder);
  --admonitionBg: var(--admonitionCautionBg);
}
._admonitionDanger_1tncs_151 {
  --admonitionBorder: var(--admonitionDangerBorder);
  --admonitionBg: var(--admonitionDangerBg);
}
._admonitionNote_1tncs_153 {
  --admonitionBorder: var(--admonitionNoteBorder);
  --admonitionBg: var(--admonitionNoteBg);
}
._mdxExpression_1tncs_188 {
  font-family: var(--font-mono);
  font-size: 84%;
  color: var(--accentText);
}
._mdxExpression_1tncs_188 input:focus-visible {
  outline: none;
}
@charset "UTF-8";
*,*:before,*:after {
  box-sizing: border-box;
}
html {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  scrollbar-gutter: stable;
}
body {
  background-color: var(--kern-color-layout-background-default);
}
img,picture,video,canvas,svg {
  display: block;
  max-width: 100%;
  height: auto;
}
[data-kern-theme=dark],.kern-dark,[data-kern-theme=light],.kern-light {
  background-color: var(--kern-color-layout-background-default);
}
body:has(.kern-dialog[open]) {
  overflow: hidden;
}
*:not(i) {
  font-family: var(--kern-typography-font-family-default);
}
area[href]:not([tabindex="-1"]):focus,iframe:not([tabindex="-1"]):focus,[tabindex]:not([tabindex="-1"]):focus,[contentEditable=true]:not([tabindex="-1"]):focus {
  border-radius: var(--kern-metric-border-radius-default, .25rem);
  box-shadow: 0 0 0 2px var(--kern-color-action-on-default),0 0 0 4px var(--kern-color-action-focus-border-inside),0 0 0 6px var(--kern-color-action-focus-border-outside);
}
area[href]:not([tabindex="-1"]):focus:focus-visible,iframe:not([tabindex="-1"]):focus:focus-visible,[tabindex]:not([tabindex="-1"]):focus:focus-visible,[contentEditable=true]:not([tabindex="-1"]):focus:focus-visible {
  outline: 0;
}
.kern-sr-only {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.kern-sr-only:not(caption) {
  position: absolute !important;
}
.kern-sr-only-mobile {
  display: inline;
}
@media (max-width: 575px) {
  .kern-sr-only-mobile {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .kern-sr-only-mobile:not(caption) {
    position: absolute !important;
  }
}
.kern-error {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  gap: var(--kern-metric-space-small, 8px);
  align-items: flex-start;
  align-self: stretch;
}
.kern-error .kern-icon {
  background-color: var(--kern-color-feedback-danger, #BD0F09);
  margin: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
}
.kern-number {
  display: flex;
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 2px 0;
  justify-content: center;
  align-items: center;
  border-radius: var(--kern-metric-border-radius-circle, 50%);
  border: var(--kern-metric-border-width-default, 2px) solid var(--kern-color-layout-text-default, #171A2B);
  color: var(--kern-color-layout-text-default, #171A2B);
}
.kern-icon {
  display: inline-block;
  width: var(--kern-metric-dimension-default, 24px);
  height: var(--kern-metric-dimension-default, 24px);
  min-width: var(--kern-metric-dimension-default, 24px);
  min-height: var(--kern-metric-dimension-default, 24px);
}
.kern-icon--small {
  width: var(--kern-metric-dimension-small, 20px);
  min-width: var(--kern-metric-dimension-small, 20px);
  height: var(--kern-metric-dimension-small, 20px);
  min-height: var(--kern-metric-dimension-small, 20px);
}
.kern-icon--default {
  width: var(--kern-metric-dimension-default, 24px);
  min-width: var(--kern-metric-dimension-default, 24px);
  height: var(--kern-metric-dimension-default, 24px);
  min-height: var(--kern-metric-dimension-default, 24px);
}
.kern-icon--large {
  width: var(--kern-metric-dimension-large, 32px);
  min-width: var(--kern-metric-dimension-large, 32px);
  height: var(--kern-metric-dimension-large, 32px);
  min-height: var(--kern-metric-dimension-large, 32px);
}
.kern-icon--x-large {
  width: var(--kern-metric-dimension-x-large, 48px);
  min-width: var(--kern-metric-dimension-x-large, 48px);
  height: var(--kern-metric-dimension-x-large, 48px);
  min-height: var(--kern-metric-dimension-x-large, 48px);
}
.kern-icon--account-circle {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Zm146.5-204.5Q340-521 340-580t40.5-99.5Q421-720 480-720t99.5 40.5Q620-639 620-580t-40.5 99.5Q539-440 480-440t-99.5-40.5ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Zm146.5-204.5Q340-521 340-580t40.5-99.5Q421-720 480-720t99.5 40.5Q620-639 620-580t-40.5 99.5Q539-440 480-440t-99.5-40.5ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--account-circle {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--add {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--add {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--arrow-down {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--arrow-down {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--arrow-up {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-528 324-372q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-528Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-528 324-372q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-528Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--arrow-up {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--arrow-forward {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M647-440H200q-17 0-28.5-11.5T160-480q0-17 11.5-28.5T200-520h447L451-716q-12-12-11.5-28t12.5-28q12-11 28-11.5t28 11.5l264 264q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L508-188q-11 11-27.5 11T452-188q-12-12-12-28.5t12-28.5l195-195Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M647-440H200q-17 0-28.5-11.5T160-480q0-17 11.5-28.5T200-520h447L451-716q-12-12-11.5-28t12.5-28q12-11 28-11.5t28 11.5l264 264q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L508-188q-11 11-27.5 11T452-188q-12-12-12-28.5t12-28.5l195-195Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--arrow-forward {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--arrow-back {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m313-440 196 196q12 12 11.5 28T508-188q-12 11-28 11.5T452-188L188-452q-6-6-8.5-13t-2.5-15q0-8 2.5-15t8.5-13l264-264q11-11 27.5-11t28.5 11q12 12 12 28.5T508-715L313-520h447q17 0 28.5 11.5T800-480q0 17-11.5 28.5T760-440H313Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m313-440 196 196q12 12 11.5 28T508-188q-12 11-28 11.5T452-188L188-452q-6-6-8.5-13t-2.5-15q0-8 2.5-15t8.5-13l264-264q11-11 27.5-11t28.5 11q12 12 12 28.5T508-715L313-520h447q17 0 28.5 11.5T800-480q0 17-11.5 28.5T760-440H313Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--arrow-back {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--autorenew {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M240-478q0 16 2 31.5t7 30.5q5 17-1 32.5T227-361q-16 8-31.5 1.5T175-383q-8-23-11.5-47t-3.5-48q0-134 93-228t227-94h7l-36-36q-11-11-11-28t11-28q11-11 28-11t28 11l104 104q12 12 12 28t-12 28L507-628q-11 11-28 11t-28-11q-11-11-11-28t11-28l36-36h-7q-100 0-170 70.5T240-478Zm480-4q0-16-2-31.5t-7-30.5q-5-17 1-32.5t21-22.5q16-8 31.5-1.5T785-577q8 23 11.5 47t3.5 48q0 134-93 228t-227 94h-7l36 36q11 11 11 28t-11 28q-11 11-28 11t-28-11L349-172q-12-12-12-28t12-28l104-104q11-11 28-11t28 11q11 11 11 28t-11 28l-36 36h7q100 0 170-70.5T720-482Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M240-478q0 16 2 31.5t7 30.5q5 17-1 32.5T227-361q-16 8-31.5 1.5T175-383q-8-23-11.5-47t-3.5-48q0-134 93-228t227-94h7l-36-36q-11-11-11-28t11-28q11-11 28-11t28 11l104 104q12 12 12 28t-12 28L507-628q-11 11-28 11t-28-11q-11-11-11-28t11-28l36-36h-7q-100 0-170 70.5T240-478Zm480-4q0-16-2-31.5t-7-30.5q-5-17 1-32.5t21-22.5q16-8 31.5-1.5T785-577q8 23 11.5 47t3.5 48q0 134-93 228t-227 94h-7l36 36q11 11 11 28t-11 28q-11 11-28 11t-28-11L349-172q-12-12-12-28t12-28l104-104q11-11 28-11t28 11q11 11 11 28t-11 28l-36 36h7q100 0 170-70.5T720-482Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--autorenew {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--calendar-today {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-40q0-17 11.5-28.5T280-880q17 0 28.5 11.5T320-840v40h320v-40q0-17 11.5-28.5T680-880q17 0 28.5 11.5T720-840v40h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-40q0-17 11.5-28.5T280-880q17 0 28.5 11.5T320-840v40h320v-40q0-17 11.5-28.5T680-880q17 0 28.5 11.5T720-840v40h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--calendar-today {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--check {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--check {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--checklist {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m221-313 142-142q12-12 28-11.5t28 12.5q11 12 11 28t-11 28L250-228q-12 12-28 12t-28-12l-86-86q-11-11-11-28t11-28q11-11 28-11t28 11l57 57Zm0-320 142-142q12-12 28-11.5t28 12.5q11 12 11 28t-11 28L250-548q-12 12-28 12t-28-12l-86-86q-11-11-11-28t11-28q11-11 28-11t28 11l57 57Zm339 353q-17 0-28.5-11.5T520-320q0-17 11.5-28.5T560-360h280q17 0 28.5 11.5T880-320q0 17-11.5 28.5T840-280H560Zm0-320q-17 0-28.5-11.5T520-640q0-17 11.5-28.5T560-680h280q17 0 28.5 11.5T880-640q0 17-11.5 28.5T840-600H560Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m221-313 142-142q12-12 28-11.5t28 12.5q11 12 11 28t-11 28L250-228q-12 12-28 12t-28-12l-86-86q-11-11-11-28t11-28q11-11 28-11t28 11l57 57Zm0-320 142-142q12-12 28-11.5t28 12.5q11 12 11 28t-11 28L250-548q-12 12-28 12t-28-12l-86-86q-11-11-11-28t11-28q11-11 28-11t28 11l57 57Zm339 353q-17 0-28.5-11.5T520-320q0-17 11.5-28.5T560-360h280q17 0 28.5 11.5T880-320q0 17-11.5 28.5T840-280H560Zm0-320q-17 0-28.5-11.5T520-640q0-17 11.5-28.5T560-680h280q17 0 28.5 11.5T880-640q0 17-11.5 28.5T840-600H560Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--checklist {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--chevron-left {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m432-480 156 156q11 11 11 28t-11 28q-11 11-28 11t-28-11L348-452q-6-6-8.5-13t-2.5-15q0-8 2.5-15t8.5-13l184-184q11-11 28-11t28 11q11 11 11 28t-11 28L432-480Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m432-480 156 156q11 11 11 28t-11 28q-11 11-28 11t-28-11L348-452q-6-6-8.5-13t-2.5-15q0-8 2.5-15t8.5-13l184-184q11-11 28-11t28 11q11 11 11 28t-11 28L432-480Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--chevron-left {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--chevron-right {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M504-480 348-636q-11-11-11-28t11-28q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L404-268q-11 11-28 11t-28-11q-11-11-11-28t11-28l156-156Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M504-480 348-636q-11-11-11-28t11-28q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L404-268q-11 11-28 11t-28-11q-11-11-11-28t11-28l156-156Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--chevron-right {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--close {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--close {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--content-copy {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360ZM200-80q-33 0-56.5-23.5T120-160v-520q0-17 11.5-28.5T160-720q17 0 28.5 11.5T200-680v520h400q17 0 28.5 11.5T640-120q0 17-11.5 28.5T600-80H200Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360ZM200-80q-33 0-56.5-23.5T120-160v-520q0-17 11.5-28.5T160-720q17 0 28.5 11.5T200-680v520h400q17 0 28.5 11.5T640-120q0 17-11.5 28.5T600-80H200Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--content-copy {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--danger {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-79q-16 0-30.5-6T423-102L102-423q-11-12-17-26.5T79-480q0-16 6-31t17-26l321-321q12-12 26.5-17.5T480-881q16 0 31 5.5t26 17.5l321 321q12 11 17.5 26t5.5 31q0 16-5.5 30.5T858-423L537-102q-11 11-26 17t-31 6Zm0-361q17 0 28.5-11.5T520-480v-160q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640v160q0 17 11.5 28.5T480-440Zm0 120q17 0 28.5-11.5T520-360q0-17-11.5-28.5T480-400q-17 0-28.5 11.5T440-360q0 17 11.5 28.5T480-320Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-79q-16 0-30.5-6T423-102L102-423q-11-12-17-26.5T79-480q0-16 6-31t17-26l321-321q12-12 26.5-17.5T480-881q16 0 31 5.5t26 17.5l321 321q12 11 17.5 26t5.5 31q0 16-5.5 30.5T858-423L537-102q-11 11-26 17t-31 6Zm0-361q17 0 28.5-11.5T520-480v-160q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640v160q0 17 11.5 28.5T480-440Zm0 120q17 0 28.5-11.5T520-360q0-17-11.5-28.5T480-400q-17 0-28.5 11.5T440-360q0 17 11.5 28.5T480-320Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--danger {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--dehaze {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M120-680v-80h720v80H120Zm0 480v-80h720v80H120Zm0-240v-80h720v80H120Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M120-680v-80h720v80H120Zm0 480v-80h720v80H120Zm0-240v-80h720v80H120Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--dehaze {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--delete {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M280-120q-33 0-56.5-23.5T200-200v-520q-17 0-28.5-11.5T160-760q0-17 11.5-28.5T200-800h160q0-17 11.5-28.5T400-840h160q17 0 28.5 11.5T600-800h160q17 0 28.5 11.5T800-760q0 17-11.5 28.5T760-720v520q0 33-23.5 56.5T680-120H280Zm120-160q17 0 28.5-11.5T440-320v-280q0-17-11.5-28.5T400-640q-17 0-28.5 11.5T360-600v280q0 17 11.5 28.5T400-280Zm160 0q17 0 28.5-11.5T600-320v-280q0-17-11.5-28.5T560-640q-17 0-28.5 11.5T520-600v280q0 17 11.5 28.5T560-280Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M280-120q-33 0-56.5-23.5T200-200v-520q-17 0-28.5-11.5T160-760q0-17 11.5-28.5T200-800h160q0-17 11.5-28.5T400-840h160q17 0 28.5 11.5T600-800h160q17 0 28.5 11.5T800-760q0 17-11.5 28.5T760-720v520q0 33-23.5 56.5T680-120H280Zm120-160q17 0 28.5-11.5T440-320v-280q0-17-11.5-28.5T400-640q-17 0-28.5 11.5T360-600v280q0 17 11.5 28.5T400-280Zm160 0q17 0 28.5-11.5T600-320v-280q0-17-11.5-28.5T560-640q-17 0-28.5 11.5T520-600v280q0 17 11.5 28.5T560-280Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--delete {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--download {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-337q-8 0-15-2.5t-13-8.5L308-492q-12-12-11.5-28t11.5-28q12-12 28.5-12.5T365-549l75 75v-286q0-17 11.5-28.5T480-800q17 0 28.5 11.5T520-760v286l75-75q12-12 28.5-11.5T652-548q11 12 11.5 28T652-492L508-348q-6 6-13 8.5t-15 2.5ZM240-160q-33 0-56.5-23.5T160-240v-80q0-17 11.5-28.5T200-360q17 0 28.5 11.5T240-320v80h480v-80q0-17 11.5-28.5T760-360q17 0 28.5 11.5T800-320v80q0 33-23.5 56.5T720-160H240Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-337q-8 0-15-2.5t-13-8.5L308-492q-12-12-11.5-28t11.5-28q12-12 28.5-12.5T365-549l75 75v-286q0-17 11.5-28.5T480-800q17 0 28.5 11.5T520-760v286l75-75q12-12 28.5-11.5T652-548q11 12 11.5 28T652-492L508-348q-6 6-13 8.5t-15 2.5ZM240-160q-33 0-56.5-23.5T160-240v-80q0-17 11.5-28.5T200-360q17 0 28.5 11.5T240-320v80h480v-80q0-17 11.5-28.5T760-360q17 0 28.5 11.5T800-320v80q0 33-23.5 56.5T720-160H240Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--download {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--draft {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h287q16 0 30.5 6t25.5 17l194 194q11 11 17 25.5t6 30.5v447q0 33-23.5 56.5T720-80H240Zm280-560q0 17 11.5 28.5T560-600h160L520-800v160Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h287q16 0 30.5 6t25.5 17l194 194q11 11 17 25.5t6 30.5v447q0 33-23.5 56.5T720-80H240Zm280-560q0 17 11.5 28.5T560-600h160L520-800v160Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--draft {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--drive-folder-upload {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h207q16 0 30.5 6t25.5 17l57 57h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm320-120q17 0 28.5-11.5T520-320v-128l36 36q11 11 28 11t28-11q11-11 11-28t-11-28L508-572q-12-12-28-12t-28 12L348-468q-11 11-11 28t11 28q11 11 28 11t28-11l36-36v128q0 17 11.5 28.5T480-280Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h207q16 0 30.5 6t25.5 17l57 57h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm320-120q17 0 28.5-11.5T520-320v-128l36 36q11 11 28 11t28-11q11-11 11-28t-11-28L508-572q-12-12-28-12t-28 12L348-468q-11 11-11 28t11 28q11 11 28 11t28-11l36-36v128q0 17 11.5 28.5T480-280Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--drive-folder-upload {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--easy-language {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M120-274v-286q0-32 23.5-54t55.5-20q79 12 150.5 46.5T480-498q59-55 130.5-89.5T761-634q32-2 55.5 20t23.5 54v286q0 32-21 54.5T766-195q-64 10-124 33t-112 61q-11 9-23.5 13.5T480-83q-14 0-26.5-4.5T430-101q-52-38-112-61t-124-33q-32-2-53-24.5T120-274Zm360-326q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M120-274v-286q0-32 23.5-54t55.5-20q79 12 150.5 46.5T480-498q59-55 130.5-89.5T761-634q32-2 55.5 20t23.5 54v286q0 32-21 54.5T766-195q-64 10-124 33t-112 61q-11 9-23.5 13.5T480-83q-14 0-26.5-4.5T430-101q-52-38-112-61t-124-33q-32-2-53-24.5T120-274Zm360-326q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--easy-language {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--edit {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M160-120q-17 0-28.5-11.5T120-160v-97q0-16 6-30.5t17-25.5l505-504q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L313-143q-11 11-25.5 17t-30.5 6h-97Zm544-528 56-56-56-56-56 56 56 56Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M160-120q-17 0-28.5-11.5T120-160v-97q0-16 6-30.5t17-25.5l505-504q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L313-143q-11 11-25.5 17t-30.5 6h-97Zm544-528 56-56-56-56-56 56 56 56Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--edit {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--home {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M160-200v-360q0-19 8.5-36t23.5-28l240-180q21-16 48-16t48 16l240 180q15 11 23.5 28t8.5 36v360q0 33-23.5 56.5T720-120H600q-17 0-28.5-11.5T560-160v-200q0-17-11.5-28.5T520-400h-80q-17 0-28.5 11.5T400-360v200q0 17-11.5 28.5T360-120H240q-33 0-56.5-23.5T160-200Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M160-200v-360q0-19 8.5-36t23.5-28l240-180q21-16 48-16t48 16l240 180q15 11 23.5 28t8.5 36v360q0 33-23.5 56.5T720-120H600q-17 0-28.5-11.5T560-160v-200q0-17-11.5-28.5T520-400h-80q-17 0-28.5 11.5T400-360v200q0 17-11.5 28.5T360-120H240q-33 0-56.5-23.5T160-200Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--home {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--help {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm2 160q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Zm4-172q25 0 43.5 16t18.5 40q0 22-13.5 39T502-525q-23 20-40.5 44T444-427q0 14 10.5 23.5T479-394q15 0 25.5-10t13.5-25q4-21 18-37.5t30-31.5q23-22 39.5-48t16.5-58q0-51-41.5-83.5T484-720q-38 0-72.5 16T359-655q-7 12-4.5 25.5T368-609q14 8 29 5t25-17q11-15 27.5-23t34.5-8Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm2 160q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Zm4-172q25 0 43.5 16t18.5 40q0 22-13.5 39T502-525q-23 20-40.5 44T444-427q0 14 10.5 23.5T479-394q15 0 25.5-10t13.5-25q4-21 18-37.5t30-31.5q23-22 39.5-48t16.5-58q0-51-41.5-83.5T484-720q-38 0-72.5 16T359-655q-7 12-4.5 25.5T368-609q14 8 29 5t25-17q11-15 27.5-23t34.5-8Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--help {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--info {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-280q17 0 28.5-11.5T520-320v-160q0-17-11.5-28.5T480-520q-17 0-28.5 11.5T440-480v160q0 17 11.5 28.5T480-280Zm0-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-280q17 0 28.5-11.5T520-320v-160q0-17-11.5-28.5T480-520q-17 0-28.5 11.5T440-480v160q0 17 11.5 28.5T480-280Zm0-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--info {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--keyboard-double-arrow-left {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m313-480 155 156q11 11 11.5 27.5T468-268q-11 11-28 11t-28-11L228-452q-6-6-8.5-13t-2.5-15q0-8 2.5-15t8.5-13l184-184q11-11 27.5-11.5T468-692q11 11 11 28t-11 28L313-480Zm264 0 155 156q11 11 11.5 27.5T732-268q-11 11-28 11t-28-11L492-452q-6-6-8.5-13t-2.5-15q0-8 2.5-15t8.5-13l184-184q11-11 27.5-11.5T732-692q11 11 11 28t-11 28L577-480Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m313-480 155 156q11 11 11.5 27.5T468-268q-11 11-28 11t-28-11L228-452q-6-6-8.5-13t-2.5-15q0-8 2.5-15t8.5-13l184-184q11-11 27.5-11.5T468-692q11 11 11 28t-11 28L313-480Zm264 0 155 156q11 11 11.5 27.5T732-268q-11 11-28 11t-28-11L492-452q-6-6-8.5-13t-2.5-15q0-8 2.5-15t8.5-13l184-184q11-11 27.5-11.5T732-692q11 11 11 28t-11 28L577-480Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--keyboard-double-arrow-left {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--keyboard-double-arrow-right {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M383-480 228-636q-11-11-11.5-27.5T228-692q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L284-268q-11 11-27.5 11.5T228-268q-11-11-11-28t11-28l155-156Zm264 0L492-636q-11-11-11.5-27.5T492-692q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L548-268q-11 11-27.5 11.5T492-268q-11-11-11-28t11-28l155-156Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M383-480 228-636q-11-11-11.5-27.5T228-692q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L284-268q-11 11-27.5 11.5T228-268q-11-11-11-28t11-28l155-156Zm264 0L492-636q-11-11-11.5-27.5T492-692q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L548-268q-11 11-27.5 11.5T492-268q-11-11-11-28t11-28l155-156Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--keyboard-double-arrow-right {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--logout {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h240q17 0 28.5 11.5T480-800q0 17-11.5 28.5T440-760H200v560h240q17 0 28.5 11.5T480-160q0 17-11.5 28.5T440-120H200Zm487-320H400q-17 0-28.5-11.5T360-480q0-17 11.5-28.5T400-520h287l-75-75q-11-11-11-27t11-28q11-12 28-12.5t29 11.5l143 143q12 12 12 28t-12 28L669-309q-12 12-28.5 11.5T612-310q-11-12-10.5-28.5T613-366l74-74Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h240q17 0 28.5 11.5T480-800q0 17-11.5 28.5T440-760H200v560h240q17 0 28.5 11.5T480-160q0 17-11.5 28.5T440-120H200Zm487-320H400q-17 0-28.5-11.5T360-480q0-17 11.5-28.5T400-520h287l-75-75q-11-11-11-27t11-28q11-12 28-12.5t29 11.5l143 143q12 12 12 28t-12 28L669-309q-12 12-28.5 11.5T612-310q-11-12-10.5-28.5T613-366l74-74Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--logout {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--language {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M325-111.5q-73-31.5-127.5-86t-86-127.5Q80-398 80-480.5t31.5-155q31.5-72.5 86-127t127.5-86Q398-880 480.5-880t155 31.5q72.5 31.5 127 86t86 127Q880-563 880-480.5T848.5-325q-31.5 73-86 127.5t-127 86Q563-80 480.5-80T325-111.5ZM480-162q26-36 45-75t31-83H404q12 44 31 83t45 75Zm-104-16q-18-33-31.5-68.5T322-320H204q29 50 72.5 87t99.5 55Zm208 0q56-18 99.5-55t72.5-87H638q-9 38-22.5 73.5T584-178ZM170-400h136q-3-20-4.5-39.5T300-480q0-21 1.5-40.5T306-560H170q-5 20-7.5 39.5T160-480q0 21 2.5 40.5T170-400Zm216 0h188q3-20 4.5-39.5T580-480q0-21-1.5-40.5T574-560H386q-3 20-4.5 39.5T380-480q0 21 1.5 40.5T386-400Zm268 0h136q5-20 7.5-39.5T800-480q0-21-2.5-40.5T790-560H654q3 20 4.5 39.5T660-480q0 21-1.5 40.5T654-400Zm-16-240h118q-29-50-72.5-87T584-782q18 33 31.5 68.5T638-640Zm-234 0h152q-12-44-31-83t-45-75q-26 36-45 75t-31 83Zm-200 0h118q9-38 22.5-73.5T376-782q-56 18-99.5 55T204-640Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M325-111.5q-73-31.5-127.5-86t-86-127.5Q80-398 80-480.5t31.5-155q31.5-72.5 86-127t127.5-86Q398-880 480.5-880t155 31.5q72.5 31.5 127 86t86 127Q880-563 880-480.5T848.5-325q-31.5 73-86 127.5t-127 86Q563-80 480.5-80T325-111.5ZM480-162q26-36 45-75t31-83H404q12 44 31 83t45 75Zm-104-16q-18-33-31.5-68.5T322-320H204q29 50 72.5 87t99.5 55Zm208 0q56-18 99.5-55t72.5-87H638q-9 38-22.5 73.5T584-178ZM170-400h136q-3-20-4.5-39.5T300-480q0-21 1.5-40.5T306-560H170q-5 20-7.5 39.5T160-480q0 21 2.5 40.5T170-400Zm216 0h188q3-20 4.5-39.5T580-480q0-21-1.5-40.5T574-560H386q-3 20-4.5 39.5T380-480q0 21 1.5 40.5T386-400Zm268 0h136q5-20 7.5-39.5T800-480q0-21-2.5-40.5T790-560H654q3 20 4.5 39.5T660-480q0 21-1.5 40.5T654-400Zm-16-240h118q-29-50-72.5-87T584-782q18 33 31.5 68.5T638-640Zm-234 0h152q-12-44-31-83t-45-75q-26 36-45 75t-31 83Zm-200 0h118q9-38 22.5-73.5T376-782q-56 18-99.5 55T204-640Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--language {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--mail {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-287q5 0 10.5-1.5T501-453l283-177q8-5 12-12.5t4-16.5q0-20-17-30t-35 1L480-520 212-688q-18-11-35-.5T160-659q0 10 4 17.5t12 11.5l283 177q5 3 10.5 4.5T480-447Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-287q5 0 10.5-1.5T501-453l283-177q8-5 12-12.5t4-16.5q0-20-17-30t-35 1L480-520 212-688q-18-11-35-.5T160-659q0 10 4 17.5t12 11.5l283 177q5 3 10.5 4.5T480-447Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--mail {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--more-vert {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--more-vert {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--open-in-new {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h240q17 0 28.5 11.5T480-800q0 17-11.5 28.5T440-760H200v560h560v-240q0-17 11.5-28.5T800-480q17 0 28.5 11.5T840-440v240q0 33-23.5 56.5T760-120H200Zm560-584L416-360q-11 11-28 11t-28-11q-11-11-11-28t11-28l344-344H600q-17 0-28.5-11.5T560-800q0-17 11.5-28.5T600-840h200q17 0 28.5 11.5T840-800v200q0 17-11.5 28.5T800-560q-17 0-28.5-11.5T760-600v-104Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h240q17 0 28.5 11.5T480-800q0 17-11.5 28.5T440-760H200v560h560v-240q0-17 11.5-28.5T800-480q17 0 28.5 11.5T840-440v240q0 33-23.5 56.5T760-120H200Zm560-584L416-360q-11 11-28 11t-28-11q-11-11-11-28t11-28l344-344H600q-17 0-28.5-11.5T560-800q0-17 11.5-28.5T600-840h200q17 0 28.5 11.5T840-800v200q0 17-11.5 28.5T800-560q-17 0-28.5-11.5T760-600v-104Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--open-in-new {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--question-mark {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M584-637q0-43-28.5-69T480-732q-29 0-52.5 12.5T387-683q-16 23-43.5 26.5T296-671q-14-13-15.5-32t9.5-36q32-48 81.5-74.5T480-840q97 0 157.5 55T698-641q0 45-19 81t-70 85q-37 35-50 54.5T542-376q-4 24-20.5 40T482-320q-23 0-39.5-15.5T426-374q0-39 17-71.5t57-68.5q51-45 67.5-69.5T584-637ZM480-80q-33 0-56.5-23.5T400-160q0-33 23.5-56.5T480-240q33 0 56.5 23.5T560-160q0 33-23.5 56.5T480-80Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M584-637q0-43-28.5-69T480-732q-29 0-52.5 12.5T387-683q-16 23-43.5 26.5T296-671q-14-13-15.5-32t9.5-36q32-48 81.5-74.5T480-840q97 0 157.5 55T698-641q0 45-19 81t-70 85q-37 35-50 54.5T542-376q-4 24-20.5 40T482-320q-23 0-39.5-15.5T426-374q0-39 17-71.5t57-68.5q51-45 67.5-69.5T584-637ZM480-80q-33 0-56.5-23.5T400-160q0-33 23.5-56.5T480-240q33 0 56.5 23.5T560-160q0 33-23.5 56.5T480-80Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--question-mark {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--search {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M380-320q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l224 224q11 11 11 28t-11 28q-11 11-28 11t-28-11L532-372q-30 24-69 38t-83 14Zm0-80q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M380-320q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l224 224q11 11 11 28t-11 28q-11 11-28 11t-28-11L532-372q-30 24-69 38t-83 14Zm0-80q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--search {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--sign-language {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M200-40q-17 0-28.5-11.5T160-80q0-17 11.5-28.5T200-120h160v-40H120q-17 0-28.5-11.5T80-200q0-17 11.5-28.5T120-240h240v-40H80q-17 0-28.5-11.5T40-320q0-17 11.5-28.5T80-360h280v-40H160q-17 0-28.5-11.5T120-440q0-17 11.5-28.5T160-480h244l-34-60q-12-21-9.5-44.5T380-625l4-3q11-11 25.5-12t26.5 8l236 176q23 17 35.5 42t12.5 54v200q0 50-35 85t-85 35H200Zm593-374q-10 0-18-5.5T763-436q-9-20-23-37t-32-31L524-641 303-807q-14-10-16-26t8-30q10-14 26-16.5t30 7.5l224 169 24-33-160-120q-14-10-16.5-26t7.5-30q10-14 26-16t30 8l196 146 9-69q3-24 19-41t39-21l6-1q15-2 27 6t17 22l84 283q8 27 3 55t-22 51l-48 64q-5 6-10.5 8.5T793-414ZM248-599q10-14 25.5-16t29.5 8q14 10 16.5 25.5T312-552q-10 14-26 16.5t-30-7.5q-14-10-16-26t8-30Zm15-88q-14-10-16-26t8-30q10-14 26-16t30 8l32 25q15 12 15.5 27t-8.5 27q-9 12-24 16t-30-7l-33-24Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M200-40q-17 0-28.5-11.5T160-80q0-17 11.5-28.5T200-120h160v-40H120q-17 0-28.5-11.5T80-200q0-17 11.5-28.5T120-240h240v-40H80q-17 0-28.5-11.5T40-320q0-17 11.5-28.5T80-360h280v-40H160q-17 0-28.5-11.5T120-440q0-17 11.5-28.5T160-480h244l-34-60q-12-21-9.5-44.5T380-625l4-3q11-11 25.5-12t26.5 8l236 176q23 17 35.5 42t12.5 54v200q0 50-35 85t-85 35H200Zm593-374q-10 0-18-5.5T763-436q-9-20-23-37t-32-31L524-641 303-807q-14-10-16-26t8-30q10-14 26-16.5t30 7.5l224 169 24-33-160-120q-14-10-16.5-26t7.5-30q10-14 26-16t30 8l196 146 9-69q3-24 19-41t39-21l6-1q15-2 27 6t17 22l84 283q8 27 3 55t-22 51l-48 64q-5 6-10.5 8.5T793-414ZM248-599q10-14 25.5-16t29.5 8q14 10 16.5 25.5T312-552q-10 14-26 16.5t-30-7.5q-14-10-16-26t8-30Zm15-88q-14-10-16-26t8-30q10-14 26-16t30 8l32 25q15 12 15.5 27t-8.5 27q-9 12-24 16t-30-7l-33-24Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--sign-language {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--success {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m424-408-86-86q-11-11-28-11t-28 11q-11 11-11 28t11 28l114 114q12 12 28 12t28-12l226-226q11-11 11-28t-11-28q-11-11-28-11t-28 11L424-408Zm56 328q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m424-408-86-86q-11-11-28-11t-28 11q-11 11-11 28t11 28l114 114q12 12 28 12t28-12l226-226q11-11 11-28t-11-28q-11-11-28-11t-28 11L424-408Zm56 328q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--success {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--visibility {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-134 0-244.5-72T61-462q-5-9-7.5-18.5T51-500q0-10 2.5-19.5T61-538q64-118 174.5-190T480-800q134 0 244.5 72T899-538q5 9 7.5 18.5T909-500q0 10-2.5 19.5T899-462q-64 118-174.5 190T480-200Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-134 0-244.5-72T61-462q-5-9-7.5-18.5T51-500q0-10 2.5-19.5T61-538q64-118 174.5-190T480-800q134 0 244.5 72T899-538q5 9 7.5 18.5T909-500q0 10-2.5 19.5T899-462q-64 118-174.5 190T480-200Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--visibility {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--visibility-off {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M764-84 624-222q-35 11-71 16.5t-73 5.5q-134 0-245-72T61-462q-5-9-7.5-18.5T51-500q0-10 2.5-19.5T61-538q22-39 47-76t58-66l-83-84q-11-11-11-27.5T84-820q11-11 28-11t28 11l680 680q11 11 11.5 27.5T820-84q-11 11-28 11t-28-11ZM480-320q11 0 21-1t20-4L305-541q-3 10-4 20t-1 21q0 75 52.5 127.5T480-320Zm0-480q134 0 245.5 72.5T900-537q5 8 7.5 17.5T910-500q0 10-2 19.5t-7 17.5q-19 37-42.5 70T806-331q-14 14-33 13t-33-15l-80-80q-7-7-9-16.5t1-19.5q4-13 6-25t2-26q0-75-52.5-127.5T480-680q-14 0-26 2t-25 6q-10 3-20 1t-17-9l-33-33q-19-19-12.5-44t31.5-32q25-5 50.5-8t51.5-3Zm79 226q11 13 18.5 28.5T587-513q1 8-6 11t-13-3l-82-82q-6-6-2.5-13t11.5-7q19 2 35 10.5t29 22.5Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M764-84 624-222q-35 11-71 16.5t-73 5.5q-134 0-245-72T61-462q-5-9-7.5-18.5T51-500q0-10 2.5-19.5T61-538q22-39 47-76t58-66l-83-84q-11-11-11-27.5T84-820q11-11 28-11t28 11l680 680q11 11 11.5 27.5T820-84q-11 11-28 11t-28-11ZM480-320q11 0 21-1t20-4L305-541q-3 10-4 20t-1 21q0 75 52.5 127.5T480-320Zm0-480q134 0 245.5 72.5T900-537q5 8 7.5 17.5T910-500q0 10-2 19.5t-7 17.5q-19 37-42.5 70T806-331q-14 14-33 13t-33-15l-80-80q-7-7-9-16.5t1-19.5q4-13 6-25t2-26q0-75-52.5-127.5T480-680q-14 0-26 2t-25 6q-10 3-20 1t-17-9l-33-33q-19-19-12.5-44t31.5-32q25-5 50.5-8t51.5-3Zm79 226q11 13 18.5 28.5T587-513q1 8-6 11t-13-3l-82-82q-6-6-2.5-13t11.5-7q19 2 35 10.5t29 22.5Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--visibility-off {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--warning {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M109-120q-11 0-20-5.5T75-140q-5-9-5.5-19.5T75-180l370-640q6-10 15.5-15t19.5-5q10 0 19.5 5t15.5 15l370 640q6 10 5.5 20.5T885-140q-5 9-14 14.5t-20 5.5H109Zm371-120q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm0-120q17 0 28.5-11.5T520-400v-120q0-17-11.5-28.5T480-560q-17 0-28.5 11.5T440-520v120q0 17 11.5 28.5T480-360Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M109-120q-11 0-20-5.5T75-140q-5-9-5.5-19.5T75-180l370-640q6-10 15.5-15t19.5-5q10 0 19.5 5t15.5 15l370 640q6 10 5.5 20.5T885-140q-5 9-14 14.5t-20 5.5H109Zm371-120q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm0-120q17 0 28.5-11.5T520-400v-120q0-17-11.5-28.5T480-560q-17 0-28.5 11.5T440-520v120q0 17 11.5 28.5T480-360Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--warning {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--brightness-medium {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M346-160H240q-33 0-56.5-23.5T160-240v-106l-77-78q-11-12-17-26.5T60-480q0-15 6-29.5T83-536l77-78v-106q0-33 23.5-56.5T240-800h106l78-77q12-11 26.5-17t29.5-6q15 0 29.5 6t26.5 17l78 77h106q33 0 56.5 23.5T800-720v106l77 78q11 12 17 26.5t6 29.5q0 15-6 29.5T877-424l-77 78v106q0 33-23.5 56.5T720-160H614l-78 77q-12 11-26.5 17T480-60q-15 0-29.5-6T424-83l-78-77Zm34-80 100 100 100-100h140v-140l100-100-100-100v-140H580L480-820 380-720H240v140L140-480l100 100v140h140Zm100-40q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680v400Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M346-160H240q-33 0-56.5-23.5T160-240v-106l-77-78q-11-12-17-26.5T60-480q0-15 6-29.5T83-536l77-78v-106q0-33 23.5-56.5T240-800h106l78-77q12-11 26.5-17t29.5-6q15 0 29.5 6t26.5 17l78 77h106q33 0 56.5 23.5T800-720v106l77 78q11 12 17 26.5t6 29.5q0 15-6 29.5T877-424l-77 78v106q0 33-23.5 56.5T720-160H614l-78 77q-12 11-26.5 17T480-60q-15 0-29.5-6T424-83l-78-77Zm34-80 100 100 100-100h140v-140l100-100-100-100v-140H580L480-820 380-720H240v140L140-480l100 100v140h140Zm100-40q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680v400Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--brightness-medium {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--light-mode {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 80q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM80-440q-17 0-28.5-11.5T40-480q0-17 11.5-28.5T80-520h80q17 0 28.5 11.5T200-480q0 17-11.5 28.5T160-440H80Zm720 0q-17 0-28.5-11.5T760-480q0-17 11.5-28.5T800-520h80q17 0 28.5 11.5T920-480q0 17-11.5 28.5T880-440h-80ZM480-760q-17 0-28.5-11.5T440-800v-80q0-17 11.5-28.5T480-920q17 0 28.5 11.5T520-880v80q0 17-11.5 28.5T480-760Zm0 720q-17 0-28.5-11.5T440-80v-80q0-17 11.5-28.5T480-200q17 0 28.5 11.5T520-160v80q0 17-11.5 28.5T480-40ZM226-678l-43-42q-12-11-11.5-28t11.5-29q12-12 29-12t28 12l42 43q11 12 11 28t-11 28q-11 12-27.5 11.5T226-678Zm494 495-42-43q-11-12-11-28.5t11-27.5q11-12 27.5-11.5T734-282l43 42q12 11 11.5 28T777-183q-12 12-29 12t-28-12Zm-42-495q-12-11-11.5-27.5T678-734l42-43q11-12 28-11.5t29 11.5q12 12 12 29t-12 28l-43 42q-12 11-28 11t-28-11ZM183-183q-12-12-12-29t12-28l43-42q12-11 28.5-11t27.5 11q12 11 11.5 27.5T282-226l-42 43q-11 12-28 11.5T183-183Zm297-297Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 80q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM80-440q-17 0-28.5-11.5T40-480q0-17 11.5-28.5T80-520h80q17 0 28.5 11.5T200-480q0 17-11.5 28.5T160-440H80Zm720 0q-17 0-28.5-11.5T760-480q0-17 11.5-28.5T800-520h80q17 0 28.5 11.5T920-480q0 17-11.5 28.5T880-440h-80ZM480-760q-17 0-28.5-11.5T440-800v-80q0-17 11.5-28.5T480-920q17 0 28.5 11.5T520-880v80q0 17-11.5 28.5T480-760Zm0 720q-17 0-28.5-11.5T440-80v-80q0-17 11.5-28.5T480-200q17 0 28.5 11.5T520-160v80q0 17-11.5 28.5T480-40ZM226-678l-43-42q-12-11-11.5-28t11.5-29q12-12 29-12t28 12l42 43q11 12 11 28t-11 28q-11 12-27.5 11.5T226-678Zm494 495-42-43q-11-12-11-28.5t11-27.5q11-12 27.5-11.5T734-282l43 42q12 11 11.5 28T777-183q-12 12-29 12t-28-12Zm-42-495q-12-11-11.5-27.5T678-734l42-43q11-12 28-11.5t29 11.5q12 12 12 29t-12 28l-43 42q-12 11-28 11t-28-11ZM183-183q-12-12-12-29t12-28l43-42q12-11 28.5-11t27.5 11q12 11 11.5 27.5T282-226l-42 43q-11 12-28 11.5T183-183Zm297-297Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--light-mode {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-icon--dark-mode {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-120q-151 0-255.5-104.5T120-480q0-138 90-239.5T440-838q13-2 23 3.5t16 14.5q6 9 6.5 21t-7.5 23q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q11-7 22.5-6.5T819-479q10 5 15.5 15t3.5 24q-14 138-117.5 229T480-120Zm0-80q88 0 158-48.5T740-375q-20 5-40 8t-40 3q-123 0-209.5-86.5T364-660q0-20 3-40t8-40q-78 32-126.5 102T200-480q0 116 82 198t198 82Zm-10-270Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-120q-151 0-255.5-104.5T120-480q0-138 90-239.5T440-838q13-2 23 3.5t16 14.5q6 9 6.5 21t-7.5 23q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q11-7 22.5-6.5T819-479q10 5 15.5 15t3.5 24q-14 138-117.5 229T480-120Zm0-80q88 0 158-48.5T740-375q-20 5-40 8t-40 3q-123 0-209.5-86.5T364-660q0-20 3-40t8-40q-78 32-126.5 102T200-480q0 116 82 198t198 82Zm-10-270Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-layout-text-default, #171a2b);
}
@media (forced-colors: active) {
  .kern-icon--dark-mode {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-accordion {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  border-radius: var(--kern-metric-border-radius-none, 0px);
  border-top: var(--kern-metric-border-width-light, 1px) solid var(--kern-color-layout-border, #A5AAC3);
  border-bottom: var(--kern-metric-border-width-light, 1px) solid var(--kern-color-layout-border, #A5AAC3);
}
.kern-accordion+.kern-accordion {
  margin-top: calc(var(--kern-metric-border-width-light) * -1);
}
.kern-accordion[open]>summary:after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-528 324-372q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-528Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-528 324-372q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-528Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-action-default, #1A3DA5);
}
@media (forced-colors: active) {
  .kern-accordion[open]>summary:after {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-accordion__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--kern-metric-space-small, 8px);
  flex: 1 0 0;
  padding: var(--kern-metric-space-default, 16px) var(--kern-metric-space-x-small, 4px);
  list-style-type: none;
}
.kern-accordion__header::-webkit-details-marker,.kern-accordion__header::marker {
  display: none;
}
.kern-accordion__header:after {
  content: "";
  width: var(--kern-metric-dimension-default, 24px);
  min-width: var(--kern-metric-dimension-default, 24px);
  height: var(--kern-metric-dimension-default, 24px);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--kern-color-action-default, #1A3DA5);
}
@media (forced-colors: active) {
  .kern-accordion__header:after {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-accordion__header:hover {
  background: var(--kern-color-action-state-indicator-tint-hover-opacity);
  cursor: pointer;
}
.kern-accordion__header:not([tabindex="-1"]):focus-visible {
  position: relative;
  z-index: 1;
  outline-color: transparent;
  box-shadow: 0 0 0 2px var(--kern-color-action-on-default),0 0 0 4px var(--kern-color-action-focus-border-inside),0 0 0 6px var(--kern-color-action-focus-border-outside);
}
@media (forced-colors: active) {
  .kern-accordion__header:not([tabindex="-1"]):focus-visible {
    outline-offset: 4px !important;
    outline-width: 3px !important;
    outline-color: transparent !important;
  }
}
.kern-accordion__header .kern-title {
  color: var(--kern-color-action-default, #1A3DA5);
  flex: 1;
  overflow-wrap: break-word;
}
.kern-accordion__body {
  padding: var(--kern-metric-space-none, 0px) var(--kern-metric-space-x-small, 4px) var(--kern-metric-space-large, 24px) var(--kern-metric-space-x-small, 4px);
}
.kern-alert {
  border-radius: var(--kern-metric-border-radius-default, 4px);
  border: var(--kern-metric-border-width-default, 2px) solid transparent;
}
.kern-alert--info {
  border-color: var(--kern-color-feedback-info, #006490);
  background-color: var(--kern-color-feedback-info-background, #E0F4FC);
}
.kern-alert--info .kern-icon--info {
  background-color: var(--kern-color-feedback-info, #006490);
}
@media (forced-colors: active) {
  .kern-alert--info .kern-icon--info {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-alert--success {
  border-color: var(--kern-color-feedback-success, #006B51);
  background-color: var(--kern-color-feedback-success-background, #DEF6ED);
}
.kern-alert--success .kern-icon--success {
  background-color: var(--kern-color-feedback-success, #006B51);
}
@media (forced-colors: active) {
  .kern-alert--success .kern-icon--success {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-alert--warning {
  border-color: var(--kern-color-feedback-warning, #8A4F00);
  background-color: var(--kern-color-feedback-warning-background, #FFEFD0);
}
.kern-alert--warning .kern-icon--warning {
  background-color: var(--kern-color-feedback-warning, #8A4F00);
}
@media (forced-colors: active) {
  .kern-alert--warning .kern-icon--warning {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-alert--danger {
  border-color: var(--kern-color-feedback-danger, #BD0F09);
  background-color: var(--kern-color-feedback-danger-background, #FEECE8);
}
.kern-alert--danger .kern-icon--danger {
  background-color: var(--kern-color-feedback-danger, #BD0F09);
}
@media (forced-colors: active) {
  .kern-alert--danger .kern-icon--danger {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-alert__header {
  display: flex;
  padding: var(--kern-metric-space-default, 16px);
  align-items: center;
}
.kern-alert__header .kern-icon {
  width: var(--kern-metric-dimension-large, 32px);
  height: var(--kern-metric-dimension-large, 32px);
  min-width: var(--kern-metric-dimension-large, 32px);
  min-height: var(--kern-metric-dimension-large, 32px);
}
.kern-alert .kern-title {
  padding-left: var(--kern-metric-space-small, 8px);
  padding-right: var(--kern-metric-space-small, 8px);
}
.kern-alert__body {
  padding: var(--kern-metric-space-small, 8px) var(--kern-metric-space-large, 24px) var(--kern-metric-space-default, 16px) var(--kern-metric-space-large, 24px);
  background: var(--kern-color-layout-background-default, #FFF);
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-small, 8px);
}
.kern-badge {
  display: inline-flex;
  align-items: center;
  padding: var(--kern-metric-space-2x-small, 2px) var(--kern-metric-space-default, 16px) var(--kern-metric-space-2x-small, 2px) var(--kern-component-badge-space-left, 12px);
  border-radius: var(--kern-metric-border-radius-default, 4px);
  min-height: var(--kern-metric-dimension-large, 32px);
}
.kern-badge .kern-label {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-label-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-label-small-padding-bottom, 1px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-small, 16px);
  font-weight: var(--kern-typography-font-weight-medium, 500);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  padding: var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-x-small, 4px);
}
.kern-badge .kern-icon {
  width: var(--kern-metric-dimension-default, 24px);
  height: var(--kern-metric-dimension-default, 24px);
  min-width: var(--kern-metric-dimension-default, 24px);
  min-height: var(--kern-metric-dimension-default, 24px);
}
.kern-badge--info {
  background: var(--kern-color-feedback-info-background, #E0F4FC);
  border: var(--kern-metric-border-width-light, 1px) solid var(--kern-color-feedback-info, #006490);
}
.kern-badge--info .kern-icon {
  background-color: var(--kern-color-feedback-info, #006490);
}
@media (forced-colors: active) {
  .kern-badge--info .kern-icon {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-badge--success {
  background: var(--kern-color-feedback-success-background, #DEF6ED);
  border: var(--kern-metric-border-width-light, 1px) solid var(--kern-color-feedback-success, #006B51);
}
.kern-badge--success .kern-icon {
  background-color: var(--kern-color-feedback-success, #006B51);
}
@media (forced-colors: active) {
  .kern-badge--success .kern-icon {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-badge--warning {
  background: var(--kern-color-feedback-warning-background, #FFEFD0);
  border: var(--kern-metric-border-width-light, 1px) solid var(--kern-color-feedback-warning, #8A4F00);
}
.kern-badge--warning .kern-icon {
  background-color: var(--kern-color-feedback-warning, #8A4F00);
}
@media (forced-colors: active) {
  .kern-badge--warning .kern-icon {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-badge--danger {
  background: var(--kern-color-feedback-danger-background, #FEECE8);
  border: var(--kern-metric-border-width-light, 1px) solid var(--kern-color-feedback-danger, #BD0F09);
}
.kern-badge--danger .kern-icon {
  background-color: var(--kern-color-feedback-danger, #BD0F09);
}
@media (forced-colors: active) {
  .kern-badge--danger .kern-icon {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-badge--small {
  padding: var(--kern-metric-space-none, 0px) var(--kern-metric-space-small, 8px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-x-small, 4px);
  min-height: var(--kern-metric-dimension-default, 24px);
  border: none;
}
.kern-badge--small.kern-badge--info {
  box-shadow: inset 0 0 0 1px var(--kern-color-feedback-info, #006490);
}
.kern-badge--small.kern-badge--success {
  box-shadow: inset 0 0 0 1px var(--kern-color-feedback-success, #006B51);
}
.kern-badge--small.kern-badge--warning {
  box-shadow: inset 0 0 0 1px var(--kern-color-feedback-warning, #8A4F00);
}
.kern-badge--small.kern-badge--danger {
  box-shadow: inset 0 0 0 1px var(--kern-color-feedback-danger, #BD0F09);
}
.kern-badge--small .kern-label {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-label-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-label-small-padding-bottom, 1px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-small, 16px);
  font-weight: var(--kern-typography-font-weight-medium, 500);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  padding: var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-x-small, 4px);
}
.kern-badge--small .kern-icon {
  width: var(--kern-metric-dimension-small, 20px);
  height: var(--kern-metric-dimension-small, 20px);
  min-width: var(--kern-metric-dimension-small, 20px);
  min-height: var(--kern-metric-dimension-small, 20px);
}
.kern-btn {
  display: inline-flex;
  min-height: var(--kern-metric-dimension-x-large, 48px);
  padding: var(--kern-metric-space-none, 0px) var(--kern-metric-space-default, 16px);
  justify-content: center;
  align-items: center;
  vertical-align: top;
  gap: var(--kern-metric-space-none, 0px);
  border: none;
  border-radius: var(--kern-metric-border-radius-default, 4px);
  position: relative;
}
.kern-btn:has(.kern-sr-only) {
  width: var(--kern-metric-dimension-x-large, 48px);
}
@media (max-width: 575px) {
  .kern-btn:has(.kern-sr-only-mobile) {
    width: var(--kern-metric-dimension-x-large, 48px);
  }
}
.kern-btn .kern-label {
  padding: var(--kern-metric-space-small, 8px);
}
.kern-btn:not(:disabled):hover,.kern-btn:not([aria-disabled=true]):hover {
  cursor: pointer;
}
.kern-btn:not([disabled]):not([tabindex="-1"]):focus,.kern-btn:not([aria-disabled=true]):not([tabindex="-1"]):focus {
  border-radius: var(--kern-metric-border-radius-default, .25rem);
  box-shadow: 0 0 0 2px var(--kern-color-action-on-default),0 0 0 4px var(--kern-color-action-focus-border-inside),0 0 0 6px var(--kern-color-action-focus-border-outside);
}
@media (forced-colors: active) {
  .kern-btn:not([disabled]):not([tabindex="-1"]):focus:focus-visible,.kern-btn:not([aria-disabled=true]):not([tabindex="-1"]):focus:focus-visible {
    outline-offset: 4px !important;
    outline-width: 3px !important;
    outline-color: transparent !important;
  }
}
.kern-btn:disabled,.kern-btn[disabled],.kern-btn[aria-disabled=true] {
  cursor: not-allowed !important;
}
.kern-btn--block {
  width: 100%;
}
.kern-btn--primary {
  background: var(--kern-color-action-default, #1A3DA5);
}
@media (forced-colors: active) {
  .kern-btn--primary {
    border: 3px solid transparent;
  }
}
.kern-btn--primary .kern-label {
  color: var(--kern-color-action-on-default, #FFF);
}
.kern-btn--primary>.kern-icon {
  background-color: var(--kern-color-action-on-default, #FFF);
}
@media (forced-colors: active) {
  .kern-btn--primary>.kern-icon {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-btn--primary:not(:disabled):hover,.kern-btn--primary:not([aria-disabled=true]):hover {
  background: var(--kern-color-action-state-indicator-shade-hover);
}
.kern-btn--primary:active {
  background: var(--kern-color-action-state-indicator-shade-active);
}
.kern-btn--primary:disabled,.kern-btn--primary[disabled],.kern-btn--primary[aria-disabled=true] {
  background: var(--action-default, #1A3DA5);
  opacity: var(--action-state-opacity-disabled, .4);
}
.kern-btn--secondary {
  border: var(--kern-metric-border-width-light, 1px) solid var(--kern-color-action-default, #1A3DA5);
  background: transparent;
}
.kern-btn--secondary .kern-label {
  color: var(--kern-color-action-default, #1A3DA5);
}
.kern-btn--secondary>.kern-icon {
  background-color: var(--kern-color-action-default, #1A3DA5);
}
@media (forced-colors: active) {
  .kern-btn--secondary>.kern-icon {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-btn--secondary:not(:disabled):hover,.kern-btn--secondary:not([aria-disabled=true]):hover {
  background: var(--kern-color-action-state-indicator-tint-hover-opacity);
}
.kern-btn--secondary:active {
  background: var(--kern-color-action-state-indicator-tint-active-opacity);
}
.kern-btn--secondary:disabled,.kern-btn--secondary[disabled],.kern-btn--secondary[aria-disabled=true] {
  opacity: var(--action-state-opacity-disabled, .4);
}
@media (forced-colors: active) {
  .kern-btn--secondary {
    border: 1px solid transparent !important;
  }
}
.kern-btn--tertiary {
  background: transparent;
}
.kern-btn--tertiary .kern-label {
  color: var(--kern-color-action-default, #1A3DA5);
}
.kern-btn--tertiary>.kern-icon {
  background-color: var(--kern-color-action-default, #1A3DA5);
}
@media (forced-colors: active) {
  .kern-btn--tertiary>.kern-icon {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-btn--tertiary:not(:disabled):hover,.kern-btn--tertiary:not([aria-disabled=true]):hover {
  background: var(--kern-color-action-state-indicator-tint-hover-opacity);
}
.kern-btn--tertiary:active {
  background: var(--kern-color-action-state-indicator-tint-active-opacity);
}
.kern-btn--tertiary:disabled,.kern-btn--tertiary[disabled],.kern-btn--tertiary[aria-disabled=true] {
  opacity: var(--action-state-opacity-disabled, .4);
}
.kern-btn--tertiary .kern-label {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: var(--kern-3, 3px);
}
.kern-btn--tertiary:hover .kern-label {
  text-decoration-thickness: var(--kern-3, 3px);
}
.kern-btn--tertiary:hover:disabled .kern-label,.kern-btn--tertiary:hover[disabled] .kern-label,.kern-btn--tertiary:hover[aria-disabled=true] .kern-label {
  text-decoration-thickness: var(--kern-metric-border-width-light, 1px);
}
.kern-btn--tertiary:has(.kern-icon) .kern-label {
  text-decoration: none;
}
.kern-btn--x-small {
  position: relative;
  min-height: var(--kern-metric-dimension-large, 32px);
  padding: var(--kern-metric-space-none, 0) var(--kern-metric-space-small, 8px);
  margin-top: var(--kern-metric-space-small, 8px);
  margin-bottom: var(--kern-metric-space-small, 8px);
}
.kern-btn--x-small .kern-label {
  font-size: var(--kern-typography-font-size-static-small, 16px);
  padding: var(--kern-metric-space-none, 0) var(--kern-metric-space-small, 8px) var(--kern-metric-space-none, 0) var(--kern-metric-space-x-small, 4px);
}
.kern-btn--x-small .kern-icon {
  width: var(--kern-metric-dimension-small, 20px);
  height: var(--kern-metric-dimension-small, 20px);
  min-width: var(--kern-metric-dimension-small, 20px);
  min-height: var(--kern-metric-dimension-small, 20px);
}
.kern-btn--x-small:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--kern-metric-space-small, 8px) * -1);
  right: var(--kern-metric-space-none, 0);
  bottom: calc(var(--kern-metric-space-small, 8px) * -1);
  left: var(--kern-metric-space-none, 0);
  background: transparent;
}
.kern-btn--x-small:has(.kern-sr-only) {
  width: var(--kern-metric-dimension-large, 32px);
  margin: var(--kern-metric-space-small, 8px);
}
.kern-btn--x-small:has(.kern-sr-only):before {
  right: calc(var(--kern-metric-space-small, 8px) * -1);
  left: calc(var(--kern-metric-space-small, 8px) * -1);
}
@media (max-width: 575px) {
  .kern-btn--x-small:has(.kern-sr-only-mobile) {
    width: var(--kern-metric-dimension-large, 32px);
    margin: var(--kern-metric-space-small, 8px);
  }
  .kern-btn--x-small:has(.kern-sr-only-mobile):before {
    right: calc(var(--kern-metric-space-small, 8px) * -1);
    left: calc(var(--kern-metric-space-small, 8px) * -1);
  }
}
.kern-btn-wrapper {
  display: flex;
  gap: var(--kern-metric-space-small, 8px);
  flex-wrap: wrap;
}
.kern-btn-wrapper:has(.kern-btn--x-small):has(.kern-sr-only) {
  gap: var(--kern-metric-space-none, 0px);
}
@media (max-width: 575px) {
  .kern-btn-wrapper:has(.kern-btn--x-small):has(.kern-sr-only-mobile) {
    gap: var(--kern-metric-space-none, 0px);
  }
}
.kern-card {
  display: flex;
  padding: var(--kern-metric-space-none, 0px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--kern-metric-space-none, 0px);
  flex-shrink: 0;
  border-radius: var(--kern-metric-border-radius-default, 4px);
  border: var(--kern-metric-border-width-light, 1px) solid var(--layout-border, #A5AAC3);
  background: var(--kern-color-layout-background-default, #FFF);
  height: 100%;
}
.kern-card--hug,.kern-card--hug .kern-card__container {
  height: auto;
}
.kern-card__media {
  display: flex;
  padding: 0px var(--kern-metric-space-none, 0px);
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
.kern-card__media * {
  width: 100%;
  overflow: hidden;
  border-top-left-radius: var(--kern-metric-border-radius-default, 4px);
  border-top-right-radius: var(--kern-metric-border-radius-default, 4px);
}
.kern-card__container {
  display: flex;
  padding: var(--kern-metric-space-large, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--kern-metric-space-default, 16px);
  align-self: stretch;
  height: 100%;
}
.kern-card__header {
  display: flex;
  padding: var(--kern-metric-space-none, 0px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--kern-metric-space-none, 0px);
  align-self: stretch;
}
.kern-card__body {
  display: flex;
  padding: var(--kern-metric-space-none, 0px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--kern-metric-space-small, 8px);
  align-self: stretch;
  flex: 1 1 auto;
}
.kern-card__footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: var(--kern-metric-space-default, 16px);
  align-items: flex-start;
  gap: var(--kern-metric-space-default, 16px);
  align-self: stretch;
}
.kern-card__footer .kern-btn {
  flex: 1 1 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.kern-card--active,.kern-card--interactive {
  position: relative;
}
.kern-card--active .kern-link--stretched,.kern-card--interactive .kern-link--stretched {
  color: var(--kern-color-action-default, #1A3DA5);
  letter-spacing: var(--kern-metric-space-none, 0px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: var(--kern-1, 1px);
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: var(--kern-3, 3px);
}
.kern-card--active .kern-link--stretched:after,.kern-card--interactive .kern-link--stretched:after {
  position: absolute;
  top: var(--kern-metric-space-none, 0px);
  right: var(--kern-metric-space-none, 0px);
  bottom: var(--kern-metric-space-none, 0px);
  left: var(--kern-metric-space-none, 0px);
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}
.kern-card--active .kern-link--stretched:hover,.kern-card--interactive .kern-link--stretched:hover {
  text-decoration-thickness: 3px;
}
.kern-card--active .kern-link--stretched:hover:after,.kern-card--interactive .kern-link--stretched:hover:after {
  background: var(--kern-color-action-state-indicator-tint-hover-opacity);
}
.kern-card--active .kern-link--stretched:active:after,.kern-card--interactive .kern-link--stretched:active:after {
  background: var(--kern-color-action-state-indicator-tint-active-opacity);
}
.kern-card--active .kern-link--stretched:focus-visible,.kern-card--interactive .kern-link--stretched:focus-visible {
  outline-color: transparent;
}
.kern-card--active .kern-link--stretched:focus-visible:after,.kern-card--interactive .kern-link--stretched:focus-visible:after {
  border-radius: var(--kern-metric-border-radius-default, .25rem);
  box-shadow: var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) 2px var(--kern-color-action-on-default),var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) 4px var(--kern-color-action-focus-border-inside),var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) 6px var(--kern-color-action-focus-border-outside);
}
@media (forced-colors: active) {
  .kern-card--active .kern-link--stretched:focus-visible:after,.kern-card--interactive .kern-link--stretched:focus-visible:after {
    outline-offset: 4px !important;
    outline-width: 3px !important;
    outline-color: transparent !important;
  }
}
.kern-card--small .kern-card__container {
  padding: var(--kern-metric-space-default, 16px);
  gap: var(--kern-metric-space-small, 8px);
}
.kern-card--small .kern-card__container .kern-card__header .kern-preline {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  color: var(--kern-color-layout-text-muted, #404565);
  padding: var(--kern-metric-baseline-preline-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-preline-small-padding-bottom, 1px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-small, 16px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-card--small .kern-card__container .kern-card__header .kern-title {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-title-small-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-title-small-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-card--small .kern-card__container .kern-card__header .kern-subline {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  color: var(--kern-color-layout-text-muted, #404565);
  padding: var(--kern-metric-baseline-subline-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-subline-small-padding-bottom, 9px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-small, 16px);
  font-weight: var(--kern-typography-font-weight-medium, 500);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-card--small .kern-card__container .kern-card__body .kern-body {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-small-padding-bottom, 1px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-small, 16px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-card--large .kern-card__container {
  padding: var(--kern-metric-space-x-large, 32px);
  gap: var(--kern-metric-space-large, 24px);
}
.kern-card--large .kern-card__container .kern-card__header .kern-preline {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  color: var(--kern-color-layout-text-muted, #404565);
  padding: var(--kern-metric-baseline-preline-large-padding-top, 1px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-preline-large-padding-bottom, 7px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-large, 21px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-large, 32px);
}
.kern-card--large .kern-card__container .kern-card__header .kern-title {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-title-large-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-title-large-padding-bottom, 9px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-adaptive-large, 26px);
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
  line-height: var(--kern-typography-line-height-adaptive-large, 32px);
}
.kern-card--large .kern-card__container .kern-card__header .kern-subline {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  color: var(--kern-color-layout-text-muted, #404565);
  padding: var(--kern-metric-baseline-subline-large-padding-top, 1px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-subline-large-padding-bottom, 7px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-large, 21px);
  font-weight: var(--kern-typography-font-weight-medium, 500);
  line-height: var(--kern-typography-line-height-static-large, 32px);
}
.kern-card--large .kern-card__container .kern-card__body .kern-body {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-large-padding-top, 1px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-large-padding-bottom, 7px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-large, 21px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-large, 32px);
}
.kern-form-check {
  display: grid;
  grid-template-columns: var(--kern-metric-dimension-large, 32px) auto;
  align-items: start;
  padding-right: var(--kern-metric-space-default, 16px);
}
.kern-form-check__radio,.kern-form-check__checkbox {
  width: var(--kern-metric-dimension-large, 32px);
  height: var(--kern-metric-dimension-large, 32px);
  border: var(--kern-metric-border-width-default, 2px) solid var(--kern-color-form-input-border, #171a2b);
  background: var(--kern-color-form-input-background, #f7f7f9);
  margin: var(--kern-metric-space-none, 0px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.kern-form-check__radio:hover,.kern-form-check__checkbox:hover {
  border: var(--kern-metric-border-width-bold, 4px) solid var(--kern-color-form-input-border, #171a2b);
}
.kern-form-check__radio:focus,.kern-form-check__radio:focus-visible,.kern-form-check__checkbox:focus,.kern-form-check__checkbox:focus-visible {
  box-shadow: 0 0 0 var(--kern-metric-border-width-bold, 4px) var(--kern-color-form-input-border, #171a2b);
  outline-offset: var(--kern-metric-border-width-default, 2px);
  outline: var(--kern-metric-border-width-default, 2px) solid var(--kern-color-form-input-border, #171a2b);
  border: var(--kern-metric-border-width-none, 0px);
  forced-color-adjust: none;
}
@media (forced-colors: active) {
  .kern-form-check__radio:focus,.kern-form-check__radio:focus-visible,.kern-form-check__checkbox:focus,.kern-form-check__checkbox:focus-visible {
    outline-offset: 4px !important;
    outline-width: 3px !important;
    outline-color: transparent !important;
  }
}
.kern-form-check__radio:focus:hover,.kern-form-check__radio:focus-visible:hover,.kern-form-check__checkbox:focus:hover,.kern-form-check__checkbox:focus-visible:hover {
  border: var(--kern-metric-border-width-none, 0px);
}
.kern-form-check__radio:checked:focus,.kern-form-check__radio:checked:focus-visible,.kern-form-check__checkbox:checked:focus,.kern-form-check__checkbox:checked:focus-visible {
  box-shadow: 0 0 0 var(--kern-metric-border-width-bold, 4px) var(--kern-color-form-input-border, #171a2b);
  outline-offset: var(--kern-metric-border-width-bold, 4px);
  outline-color: transparent;
  border: var(--kern-metric-border-width-none, 0px);
  forced-color-adjust: none;
}
@media (forced-colors: active) {
  .kern-form-check__radio:checked:focus,.kern-form-check__radio:checked:focus-visible,.kern-form-check__checkbox:checked:focus,.kern-form-check__checkbox:checked:focus-visible {
    outline-offset: 4px !important;
    outline-width: 3px !important;
    outline-color: transparent !important;
  }
}
.kern-form-check__radio:checked:focus:hover,.kern-form-check__radio:checked:focus-visible:hover,.kern-form-check__checkbox:checked:focus:hover,.kern-form-check__checkbox:checked:focus-visible:hover {
  border: var(--kern-metric-border-width-none, 0px);
}
.kern-form-check__radio--error:focus,.kern-form-check__radio--error:focus-visible,.kern-form-check__checkbox--error:focus,.kern-form-check__checkbox--error:focus-visible {
  box-shadow: 0 0 0 var(--kern-metric-border-width-bold, 4px) var(--kern-color-feedback-danger, #bd0f09);
  outline: var(--kern-metric-border-width-none, 0px);
}
@media (forced-colors: active) {
  .kern-form-check__radio--error:focus,.kern-form-check__radio--error:focus-visible,.kern-form-check__checkbox--error:focus,.kern-form-check__checkbox--error:focus-visible {
    box-shadow: 0 0 0 var(--kern-metric-border-width-bold, 4px) var(--kern-color-layout-background-inverted) !important;
    background-color: var(--kern-color-layout-background-default) !important;
  }
}
.kern-form-check__radio--error:checked:focus,.kern-form-check__radio--error:checked:focus-visible,.kern-form-check__checkbox--error:checked:focus,.kern-form-check__checkbox--error:checked:focus-visible {
  box-shadow: 0 0 0 var(--kern-metric-border-width-bold, 4px) var(--kern-color-feedback-danger, #bd0f09) !important;
  outline: var(--kern-metric-border-width-none, 0px);
}
@media (forced-colors: active) {
  .kern-form-check__radio--error:checked:focus,.kern-form-check__radio--error:checked:focus-visible,.kern-form-check__checkbox--error:checked:focus,.kern-form-check__checkbox--error:checked:focus-visible {
    box-shadow: 0 0 0 var(--kern-metric-border-width-bold, 4px) var(--kern-color-layout-background-inverted) !important;
    background-color: var(--kern-color-layout-background-default) !important;
  }
}
.kern-form-check__radio[disabled],.kern-form-check__radio[aria-disabled=true],.kern-form-check__checkbox[disabled],.kern-form-check__checkbox[aria-disabled=true] {
  outline: 0;
  opacity: var(--kern-color-action-state-opacity-disabled, .4);
}
.kern-form-check__radio[disabled]:checked,.kern-form-check__radio[aria-disabled=true]:checked,.kern-form-check__checkbox[disabled]:checked,.kern-form-check__checkbox[aria-disabled=true]:checked {
  outline: var(--kern-metric-border-width-none, 0px);
}
.kern-form-check__radio[disabled]:hover,.kern-form-check__radio[aria-disabled=true]:hover,.kern-form-check__checkbox[disabled]:hover,.kern-form-check__checkbox[aria-disabled=true]:hover {
  cursor: default;
}
.kern-form-check__radio[disabled]~.kern-label,.kern-form-check__radio[aria-disabled=true]~.kern-label,.kern-form-check__checkbox[disabled]~.kern-label,.kern-form-check__checkbox[aria-disabled=true]~.kern-label {
  opacity: var(--kern-color-action-state-opacity-disabled, .4);
  cursor: default;
}
.kern-form-check .kern-label {
  font-weight: var(--kern-typography-font-weight-regular, 400);
  padding-top: var(--kern-metric-space-x-small, 4px);
  padding-left: var(--kern-metric-space-default, 16px);
}
.kern-form-check .kern-label:has(.kern-label__optional) {
  display: flex;
  align-items: center;
  align-content: center;
  gap: var(--kern-metric-space-none, 0px) var(--kern-metric-space-small, 8px);
  align-self: stretch;
  flex-wrap: wrap;
}
.kern-form-check .kern-label__optional {
  color: var(--kern-color-layout-text-muted, #404565);
  font-weight: var(--kern-typography-font-weight-regular, 400);
}
.kern-form-check .kern-error {
  grid-column: span 2;
  padding-top: var(--kern-metric-space-small, 8px);
}
.kern-form-check .kern-error .kern-icon {
  width: var(--kern-metric-dimension-default, 24px);
  height: var(--kern-metric-dimension-default, 24px);
  min-width: var(--kern-metric-dimension-default, 24px);
  min-height: var(--kern-metric-dimension-default, 24px);
}
.kern-form-check--error {
  border-left: var(--kern-metric-border-width-bold, 4px) solid var(--kern-color-feedback-danger, #bd0f09);
  padding-left: var(--kern-metric-space-default, 16px);
}
.kern-form-check--error .kern-form-check__checkbox--error {
  border-color: var(--kern-color-feedback-danger, #bd0f09) !important;
  outline-color: var(--kern-color-feedback-danger, #bd0f09) !important;
  background: var(--kern-color-feedback-danger-background, #feece8);
}
.kern-form-check--error .kern-form-check__radio:before {
  background-color: var(--kern-color-feedback-danger, #bd0f09);
}
.kern-form-check__checkbox {
  border-radius: var(--kern-metric-border-radius-small, 2px);
}
.kern-form-check__checkbox:before {
  content: "";
}
.kern-form-check__checkbox:focus:before,.kern-form-check__checkbox:focus-visible:before {
  margin: var(--kern-6, 6px);
}
.kern-form-check__checkbox:checked:before {
  display: block;
  position: relative;
  left: var(--kern-3, 3px);
  top: var(--kern-8, 8px);
  transform: rotate(47deg) translate(-50%,-50%);
  background-color: transparent;
  border-width: var(--kern-metric-space-none, 0px) var(--kern-metric-border-width-default, 2px) var(--kern-metric-border-width-default, 2px) var(--kern-metric-space-none, 0px);
  border-color: var(--kern-color-form-input-border, #171A2B);
  border-style: solid;
  height: var(--kern-metric-dimension-x-small, 16px);
  width: var(--kern-metric-dimension-2x-small, 8px);
  margin: 4px;
}
.kern-form-check__checkbox:checked:hover:before {
  margin: var(--kern-metric-space-2x-small, 2px);
}
.kern-form-check__checkbox:checked:focus:before,.kern-form-check__checkbox:checked:focus-visible:before {
  margin: var(--kern-6, 6px);
}
.kern-form-check__checkbox--error {
  border-color: var(--kern-color-feedback-danger, #BD0F09) !important;
  outline-color: var(--kern-color-feedback-danger, #BD0F09) !important;
  background: var(--kern-color-feedback-danger-background, #FEECE8);
}
.kern-form-check__checkbox--error:checked:before {
  border-color: var(--kern-color-feedback-danger, #BD0F09);
}
@media (forced-colors: active) {
  .kern-form-check__checkbox--error:checked:before {
    border-color: var(--kern-color-layout-background-inverted) !important;
  }
}
.kern-form-check__checkbox--error:checked:focus,.kern-form-check__checkbox--error:checked:focus-visible {
  box-shadow: 0 0 0 var(--kern-metric-border-width-bold, 4px) var(--kern-color-feedback-danger, #BD0F09);
  outline: var(--kern-metric-border-width-none, 0px);
  border: var(--kern-metric-border-width-none, 0px);
}
.kern-form-check__checkbox--error:focus,.kern-form-check__checkbox--error:focus-visible {
  box-shadow: 0 0 0 var(--kern-metric-border-width-bold, 4px) var(--kern-color-feedback-danger, #BD0F09);
  outline: var(--kern-metric-border-width-none, 0px);
  border: var(--kern-metric-border-width-none, 0px);
}
.kern-dialog {
  max-width: var(--kern-small, 768px);
  border-radius: var(--kern-metric-border-radius-large, 8px);
  border: var(--kern-metric-border-width-light, 1px) solid var(--kern-color-layout-border, #A5AAC3);
  background: var(--kern-color-layout-background-default, #FFF);
  padding: var(--kern-metric-space-none, 0px);
}
.kern-dialog__header {
  display: flex;
  justify-content: space-between;
  min-height: var(--kern-metric-dimension-3x-large, 64px);
  padding: var(--kern-metric-space-small, 8px) var(--kern-metric-space-small, 8px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-x-large, 32px);
  align-items: flex-start;
  gap: var(--kern-metric-space-default, 16px);
}
.kern-dialog .kern-title {
  display: flex;
  align-items: flex-start;
  gap: var(--kern-metric-space-none, 0px);
  flex: 1 0 0;
}
.kern-dialog__body {
  display: flex;
  padding: var(--kern-metric-space-small, 8px) var(--kern-metric-space-x-large, 32px) var(--kern-metric-space-large, 24px) var(--kern-metric-space-x-large, 32px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--kern-metric-space-default, 16px);
}
.kern-dialog__footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--kern-metric-space-default, 16px);
  padding: var(--kern-metric-space-large, 24px) var(--kern-metric-space-x-large, 32px) var(--kern-metric-space-x-large, 32px) var(--kern-metric-space-x-large, 32px);
  border-top: 1px solid var(--kern-color-layout-border, #A5AAC3);
}
@media (max-width: 576px) {
  .kern-dialog__footer {
    flex-direction: column;
  }
}
.kern-dialog__footer .kern-btn {
  flex-grow: 1;
  align-self: stretch;
}
.kern-dialog__footer .kern-btn+.kern-btn {
  margin-left: var(--kern-metric-space-none, 0px);
}
.kern-dialog::backdrop {
  background: var(--kern-color-layout-background-overlay);
}
@media (max-width: 768px) {
  .kern-dialog {
    overflow-y: auto;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: var(--kern-metric-space-none, 0px);
    border-radius: var(--border-radius-large, 8px) var(--kern-metric-border-radius-large, 8px) var(--kern-metric-border-radius-none, 0px) var(--kern-metric-border-radius-none, 0px);
  }
}
.kern-description-list {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--kern-metric-space-small, 8px);
}
.kern-description-list p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.kern-description-list--col .kern-description-list-item {
  gap: var(--kern-metric-border-width-none, 0px);
}
.kern-description-list--col .kern-description-list-item__key,.kern-description-list--col .kern-description-list-item__value {
  width: 100%;
  max-width: 100%;
}
.kern-description-list-item {
  display: flex;
  padding: var(--kern-metric-space-none, 0px);
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--kern-metric-space-none, 0px);
  align-self: stretch;
  flex-wrap: wrap;
  flex-direction: column;
  word-break: break-word;
}
@media (min-width: 768px) {
  .kern-description-list-item {
    flex-direction: row;
    gap: var(--kern-metric-space-x-large, 32px);
  }
}
.kern-description-list-item__key {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
}
@media (min-width: 768px) {
  .kern-description-list-item__key {
    width: 30%;
    max-width: var(--kern-component-description-list-term-max-width, 352px);
  }
}
.kern-description-list-item__value {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-description-list-item__value ul {
  list-style: none;
  padding-left: var(--kern-metric-border-width-none, 0px);
}
@media (min-width: 768px) {
  .kern-description-list-item__value {
    width: calc(70% - var(--kern-metric-space-x-large, 32px));
  }
}
.kern-divider {
  border: var(--kern-metric-border-radius-none, 0px);
  margin: var(--kern-metric-space-none, 0px);
  height: var(--kern-metric-border-width-light, 1px);
  background-color: var(--kern-color-layout-border, #A5AAC3);
}
@media (forced-colors: active) {
  .kern-divider {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-dropdown {
  position: relative;
}
.kern-dropdown[open] .kern-dropdown__header:before {
  content: "";
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: var(--kern-metric-space-none, 0px);
  left: var(--kern-metric-space-none, 0px);
  cursor: auto;
}
.kern-dropdown__header {
  cursor: pointer;
  list-style-type: none;
  display: inline-flex;
  min-height: var(--kern-metric-dimension-x-large, 48px);
  justify-content: center;
  align-items: center;
  vertical-align: top;
  gap: var(--kern-metric-space-none, 0px);
  border: none;
  border-radius: var(--kern-metric-border-radius-default, 4px);
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  padding: var(--kern-metric-space-none, 0px) var(--kern-metric-space-default, 16px);
  color: var(--kern-color-action-default, #1A3DA5);
}
.kern-dropdown__header:after {
  content: "";
  width: var(--kern-metric-dimension-default, 24px);
  min-width: var(--kern-metric-dimension-default, 24px);
  height: var(--kern-metric-dimension-default, 24px);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--kern-color-action-default, #1A3DA5);
}
@media (forced-colors: active) {
  .kern-dropdown__header:after {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-dropdown__header:hover {
  background: var(--kern-color-action-state-indicator-tint-hover-opacity);
  cursor: pointer;
}
.kern-dropdown__header .kern-label {
  color: var(--kern-color-action-default, #1A3DA5);
  padding: var(--kern-metric-space-small, 8px);
}
.kern-dropdown__body {
  display: flex;
  z-index: 99;
  position: absolute;
  left: 0;
  flex-direction: column;
  border: var(--kern-metric-border-width-light, 1px) solid var(--kern-color-action-default, #1A3DA5);
  margin: 2px;
  white-space: nowrap;
  background: var(--kern-color-layout-background-default);
  border-radius: var(--kern-metric-border-radius-default);
}
.kern-dropdown__body .kern-list {
  padding: 0;
}
.kern-dropdown__body .kern-list li {
  margin-bottom: var(--kern-metric-space-none, 0px);
  padding: .25rem 1rem .25rem 0;
  list-style: none;
  position: relative;
}
.kern-dropdown__body .kern-list li:hover {
  background: var(--kern-color-action-state-indicator-tint-hover-opacity);
  cursor: pointer;
}
.kern-dropdown__body .kern-list li .kern-link {
  text-decoration: none;
}
.kern-dropdown__body .kern-list li:has(input:checked):before {
  content: "";
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-action-default, #1A3DA5);
  position: absolute;
  top: 8px;
  left: 8px;
  width: 24px;
  height: 24px;
}
@media (forced-colors: active) {
  .kern-dropdown__body .kern-list li:has(input:checked):before {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-dropdown__body .kern-list li label {
  width: 100%;
  display: block;
  padding-left: 2.5rem;
  color: var(--kern-color-action-default, #1A3DA5);
}
.kern-dropdown__body .kern-list li label input {
  all: unset;
}
.kern-fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  min-width: auto;
}
.kern-fieldset--error {
  border-left: var(--kern-metric-border-width-bold, 4px) solid var(--kern-color-feedback-danger, #BD0F09);
  padding-left: var(--kern-metric-space-default, 16px);
}
.kern-fieldset legend {
  float: left;
}
.kern-fieldset legend.kern-label {
  margin-bottom: var(--kern-metric-space-small, 8px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
}
.kern-fieldset:has(.kern-hint) legend.kern-label {
  margin-bottom: var(--kern-metric-space-none, 0px);
}
.kern-fieldset .kern-label:has(.kern-label__optional) {
  display: flex;
  align-items: center;
  align-content: center;
  gap: var(--kern-metric-space-none, 0px) var(--kern-metric-space-small, 8px);
  align-self: stretch;
  flex-wrap: wrap;
}
.kern-fieldset .kern-label__optional {
  color: var(--kern-color-layout-text-muted, #404565);
  font-weight: var(--kern-typography-font-weight-regular, 400);
}
.kern-fieldset .kern-hint {
  clear: left;
  margin-bottom: var(--kern-metric-space-small, 8px);
}
.kern-fieldset__body {
  clear: left;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-default, 16px);
}
.kern-fieldset__body--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}
.kern-fieldset .kern-error {
  margin-top: var(--kern-metric-space-small, 8px);
}
.kern-fieldset .kern-error .kern-icon {
  width: var(--kern-metric-dimension-default, 24px);
  height: var(--kern-metric-dimension-default, 24px);
  min-width: var(--kern-metric-dimension-default, 24px);
  min-height: var(--kern-metric-dimension-default, 24px);
}
.kern-form-input {
  display: flex;
  padding: var(--kern-metric-space-none, 0px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--kern-metric-space-none, 0px);
  align-self: stretch;
}
.kern-form-input:has(input[disabled],textarea[disabled],input[aria-disabled=true],textarea[aria-disabled=true]) {
  cursor: not-allowed;
}
.kern-form-input:has(input[disabled],textarea[disabled],input[aria-disabled=true],textarea[aria-disabled=true]) .kern-label {
  cursor: not-allowed;
}
.kern-form-input .kern-label {
  margin-bottom: var(--kern-metric-space-small, 8px);
}
.kern-form-input .kern-label:has(.kern-label__optional) {
  display: flex;
  align-items: center;
  align-content: center;
  gap: var(--kern-metric-space-none, 0px) var(--kern-metric-space-small, 8px);
  align-self: stretch;
  flex-wrap: wrap;
}
.kern-form-input .kern-label__optional {
  color: var(--kern-color-layout-text-muted, #404565);
  font-weight: var(--kern-typography-font-weight-regular, 400);
}
.kern-form-input:has(.kern-hint) .kern-label {
  margin-bottom: var(--kern-metric-space-none, 0px);
}
.kern-form-input .kern-hint {
  margin-bottom: var(--kern-metric-space-small, 8px);
}
.kern-form-input__input {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  padding: var(--kern-metric-space-none, 0px) var(--kern-metric-space-default, 16px);
  height: var(--kern-metric-dimension-x-large, 48px);
  align-items: center;
  align-self: stretch;
  width: 100%;
  border-radius: var(--kern-metric-border-radius-small, 2px);
  border: none;
  border-bottom: var(--kern-metric-border-width-default, 2px) solid var(--kern-color-form-input-border, #171A2B);
  background: var(--kern-color-form-input-background, #F7F7F9);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
}
@media (forced-colors: active) {
  .kern-form-input__input {
    border: 1px solid transparent !important;
  }
}
.kern-form-input__input:hover {
  border-width: var(--kern-metric-border-width-bold, 4px);
  padding-top: calc(var(--kern-metric-border-width-bold, 4px) - var(--kern-metric-border-width-default, 2px));
}
.kern-form-input__input:focus {
  border-radius: var(--kern-metric-border-radius-small, 2px);
  outline: var(--kern-metric-border-width-bold, 4px) solid var(--kern-color-form-input-border, #171A2B);
  background: var(--kern-color-form-input-background, #F7F7F9);
  border: none;
  padding-bottom: calc(var(--kern-metric-border-width-bold, 4px) - var(--kern-metric-border-width-default, 2px));
}
.kern-form-input__input:focus:hover {
  padding-top: var(--kern-metric-space-none, 0px);
}
.kern-form-input__input[readonly],.kern-form-input__input[readonly=readonly] {
  border-radius: var(--kern-metric-border-radius-none, 0px);
  border-bottom: var(--kern-metric-border-width-light, 1px) solid var(--kern-color-layout-border, #A5AAC3);
  background: inherit;
  cursor: not-allowed;
}
@media (forced-colors: active) {
  .kern-form-input__input[readonly],.kern-form-input__input[readonly=readonly] {
    border: 1px solid transparent !important;
  }
}
.kern-form-input__input[readonly]:hover,.kern-form-input__input[readonly=readonly]:hover {
  padding-top: var(--kern-metric-space-none, 0px);
}
.kern-form-input__input[readonly]:focus,.kern-form-input__input[readonly=readonly]:focus {
  border-radius: var(--kern-metric-border-radius-small, 2px);
  padding-top: var(--kern-metric-border-width-light, 1px);
  border-width: var(--kern-metric-border-width-none, 0);
}
.kern-form-input__input[disabled],.kern-form-input__input[disabled=disabled],.kern-form-input__input[aria-disabled=true] {
  opacity: var(--kern-color-action-state-opacity-disabled, .4);
  cursor: not-allowed;
}
.kern-form-input__input[disabled]:hover,.kern-form-input__input[disabled=disabled]:hover,.kern-form-input__input[aria-disabled=true]:hover {
  border-width: var(--kern-metric-border-width-default, 2px);
  padding-top: var(--kern-metric-space-none, 0px);
}
.kern-form-input__input--error {
  border-bottom: var(--kern-metric-border-width-default, 2px) solid var(--kern-color-feedback-danger, #BD0F09);
  background: var(--kern-color-feedback-danger-background, #FEECE8);
}
@media (forced-colors: active) {
  .kern-form-input__input--error {
    border: 1px solid transparent !important;
  }
}
.kern-form-input__input--error:focus {
  outline-color: var(--kern-color-feedback-danger, #BD0F09);
  background: var(--kern-color-feedback-danger-background, #FEECE8);
  border: none;
}
.kern-form-input__input--width-2 {
  max-width: var(--kern-metric-dimension-2x-large);
}
.kern-form-input__input--width-4 {
  max-width: var(--kern-metric-dimension-4x-large);
}
.kern-form-input input[type=file].kern-form-input__input {
  order: 4;
  display: flex;
  padding: var(--kern-metric-space-large, 24px);
  gap: 16px var(--kern-metric-space-default, 16px);
  align-items: flex-start;
  align-self: stretch;
  border-radius: var(--kern-metric-border-radius-small, 2px);
  outline: var(--kern-metric-border-width-default, 2px) dashed var(--kern-color-form-input-border, #171A2B);
  border: none;
  height: inherit;
}
.kern-form-input input[type=file].kern-form-input__input:hover {
  outline: none;
  box-shadow: inset var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-border-width-bold, 4px) var(--kern-color-form-input-border, #171A2B);
  cursor: pointer;
}
@media (forced-colors: active) {
  .kern-form-input input[type=file].kern-form-input__input:hover {
    outline: var(--kern-metric-border-width-bold, 4px) solid var(--kern-color-layout-background-inverted);
    outline-offset: -4px;
  }
}
.kern-form-input input[type=file].kern-form-input__input:focus {
  outline: var(--kern-metric-border-width-bold, 4px) solid var(--kern-color-form-input-border, #171A2B);
}
.kern-form-input input[type=file].kern-form-input__input:focus:hover {
  box-shadow: none;
}
.kern-form-input input[type=file].kern-form-input__input[disabled],.kern-form-input input[type=file].kern-form-input__input[disabled=disabled],.kern-form-input input[type=file].kern-form-input__input[aria-disabled=true] {
  outline: var(--kern-metric-border-width-default, 2px) dashed var(--kern-color-form-input-border, #171A2B);
  box-shadow: none;
  cursor: not-allowed;
}
.kern-form-input input[type=file].kern-form-input__input::file-selector-button {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  margin-right: var(--kern-metric-space-default, 16px);
  min-height: var(--kern-metric-dimension-x-large, 48px);
  padding: var(--kern-metric-space-none, 0px) var(--kern-metric-space-default, 16px);
  border: none;
  border-radius: var(--kern-metric-border-radius-default, 4px);
  border: var(--kern-metric-border-width-light, 1px) solid var(--kern-color-action-default, #1A3DA5);
  color: var(--kern-color-action-default, #1A3DA5);
  background: #1a3da500;
}
.kern-form-input .kern-error {
  order: 5;
  margin-top: var(--kern-metric-space-small, 8px);
}
.kern-form-input .kern-error .kern-icon {
  width: var(--kern-metric-dimension-default, 24px);
  height: var(--kern-metric-dimension-default, 24px);
  min-width: var(--kern-metric-dimension-default, 24px);
  min-height: var(--kern-metric-dimension-default, 24px);
}
.kern-form-input--error {
  border-left: var(--kern-metric-border-width-bold, 4px) solid var(--kern-color-feedback-danger, #BD0F09);
  padding-left: var(--kern-metric-space-default, 16px);
}
.kern-form-input--error input[type=file].kern-form-input__input,.kern-form-input--error .kern-form-input__input[type=file] {
  outline-color: var(--kern-color-feedback-danger, #BD0F09);
}
.kern-form-input--error input[type=file].kern-form-input__input:hover,.kern-form-input--error .kern-form-input__input[type=file]:hover {
  background: var(--kern-color-feedback-danger-background, #FEECE8);
  box-shadow: inset var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-border-width-bold, 4px) var(--kern-color-feedback-danger, #BD0F09);
}
.kern-form-input--error input[type=file].kern-form-input__input:focus,.kern-form-input--error .kern-form-input__input[type=file]:focus {
  outline-color: var(--kern-color-feedback-danger, #BD0F09);
}
textarea {
  padding: var(--kern-metric-space-small, 8px) var(--kern-metric-space-default, 16px) !important;
  min-height: var(--kern-metric-dimension-5x-large, 96px);
}
textarea.kern-form-input__input:hover {
  padding-top: var(--kern-metric-space-none, 0px);
}
input[type=checkbox],input[type=color],input[type=file],input[type=radio],input[type=range],input[type=file]::-webkit-file-upload-button,label,option,select {
  cursor: pointer;
}
.kern-input-group {
  display: flex;
  align-items: stretch;
  width: 100%;
  gap: var(--kern-metric-space-x-small);
  flex-wrap: wrap;
}
.kern-input-group .kern-input-group-text {
  display: flex;
  align-items: center;
  border-radius: var(--kern-metric-border-radius-small, 2px);
  border-bottom-width: var(--kern-metric-border-width-default, 2px);
  padding-top: var(--kern-metric-space-none, 0px);
  padding-right: var(--kern-metric-space-default, 16px);
  padding-bottom: var(--kern-metric-space-none, 0px);
  padding-left: var(--kern-metric-space-default, 16px);
  border-bottom: 2px solid var(--kern-color-form-input-border, #171a2b);
  color: var(--kern-color-layout-text-muted, #404565);
  height: var(--kern-metric-dimension-x-large, 48px);
}
.kern-input-group .kern-input-group-text--readonly {
  border-bottom: 2px solid var(--kern-color-layout-border, #a5aac3);
  color: var(--kern-color-layout-text-muted, #404565);
}
.kern-input-group .kern-input-group-text--disabled {
  opacity: var(--kern-action-state-opacity-disabled, .4);
  background-color: var(--kern-color-form-input-background, #f7f7f9);
}
.kern-input-group .kern-btn {
  flex: 1 0 auto;
}
.kern-input-group .kern-btn .kern-label {
  margin-bottom: 0;
}
.kern-input-group .kern-form-input__input {
  border-radius: var(--kern-metric-border-radius-small, 2px);
  flex: 999 1 220px;
}
.kern-kopfzeile {
  background: var(--kern-color-layout-background-hued, #F7F7F9);
  padding: var(--kern-component-kopfzeile-padding, 5px) var(--kern-metric-space-none, 0px);
}
@media (forced-colors: active) {
  .kern-kopfzeile {
    border-bottom: 1px solid transparent;
  }
}
.kern-kopfzeile__content {
  display: flex;
  padding: var(--kern-1, 1px) var(--kern-metric-space-none, 0px);
  align-items: center;
  gap: var(--kern-metric-space-small, 8px);
}
.kern-kopfzeile__flagge {
  display: flex;
  width: var(--kern-metric-dimension-default, 24px);
  height: var(--kern-metric-dimension-small, 20px);
  padding: var(--kern-metric-space-2x-small, 2px) var(--kern-metric-space-none, 0px);
}
.kern-kopfzeile__flagge svg {
  vertical-align: baseline;
  outline: var(--kern-1, 1px) solid #FFFFFF;
}
.kern-kopfzeile__label {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-component-kopfzeile-font-family, "Fira Sans");
  font-style: normal;
  font-weight: 400;
  font-size: var(--kern-component-kopfzeile-font-size, 16px);
  line-height: var(--kern-component-kopfzeile-line-height, 20px);
}
@media only screen and (max-width: 768px) {
  .kern-kopfzeile__flagge {
    width: var(--kern-18, 18px);
    height: var(--kern-16, 16px);
  }
  .kern-kopfzeile__label {
    font-size: var(--kern-14, 14px);
    line-height: var(--kern-16, 16px);
  }
  .kern-kopfzeile .kern-container,.kern-kopfzeile .kern-container-fluid {
    padding-left: var(--kern-metric-space-small, 8px);
    padding-right: var(--kern-metric-space-small, 8px);
  }
}
.kern-loader {
  display: none;
  box-sizing: border-box;
  border-width: var(--kern-10, 10px);
  border-style: solid;
  border-color: var(--kern-color-feedback-loader-background) var(--kern-color-feedback-loader-background) var(--kern-color-feedback-loader-background) var(--kern-color-feedback-loader);
  width: var(--kern-metric-dimension-5x-large, 96px);
  height: var(--kern-metric-dimension-5x-large, 96px);
  border-radius: 50%;
  animation: rotation 1.5s linear infinite;
  position: relative;
}
@media (forced-colors: active) {
  .kern-loader {
    border-color: var(--kern-color-layout-background-default) var(--kern-color-layout-background-default) var(--kern-color-layout-background-default) var(--kern-color-layout-background-inverted);
    forced-color-adjust: none;
    outline-color: transparent;
    box-shadow: 0 0 0 1px var(--kern-color-layout-background-inverted),inset 0 0 0 1px var(--kern-color-layout-background-inverted);
  }
}
.kern-loader:before,.kern-loader:after {
  content: "";
  height: var(--kern-10, 10px);
  background: var(--kern-color-feedback-loader);
  position: absolute;
}
.kern-loader:before {
  width: var(--kern-metric-border-radius-small, 2px);
  border-radius: var(--kern-metric-space-none, 0px) var(--kern-metric-border-radius-small, 2px) var(--kern-metric-border-radius-small, 2px) var(--kern-metric-space-none, 0px);
  left: var(--kern-7, 7px);
  top: var(--kern-metric-space-2x-small, 2px);
  transform: rotate(-45deg);
}
.kern-loader:after {
  width: var(--kern-metric-border-radius-small, 2px);
  border-radius: var(--kern-metric-space-none, 0px) var(--kern-metric-border-radius-small, 2px) var(--kern-metric-border-radius-small, 2px) var(--kern-metric-space-none, 0px);
  left: var(--kern-7, 7px);
  bottom: var(--kern-metric-space-2x-small, 2px);
  transform: rotate(45deg);
}
.kern-loader--visible {
  display: block;
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.kern-progress {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--kern-metric-space-small, 8px);
}
.kern-progress progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  height: var(--kern-metric-dimension-2x-small, 8px);
  border-radius: var(--kern-metric-border-radius-small, 2px);
  background: var(--kern-color-feedback-loader-background, #DFE1EA);
  color: var(--kern-color-feedback-loader);
}
.kern-progress progress[value]::-webkit-progress-bar {
  background: var(--kern-color-feedback-loader-background, #DFE1EA);
  border-radius: var(--kern-metric-border-radius-small, 2px);
}
.kern-progress progress[value]::-webkit-progress-value {
  background-color: var(--kern-color-feedback-loader);
  border-radius: var(--kern-metric-border-radius-small, 2px);
}
.kern-progress progress[value]::-moz-progress-bar {
  background-color: var(--kern-color-feedback-loader);
  border-radius: var(--kern-metric-border-radius-small, 2px);
}
@media (forced-colors: active) {
  .kern-progress progress[value] {
    background-color: var(--kern-color-layout-background-default);
    border: 1px solid var(--kern-color-layout-background-inverted);
    color: var(--kern-color-layout-background-inverted);
    forced-color-adjust: none;
  }
  .kern-progress progress[value]::-webkit-progress-bar {
    background-color: var(--kern-color-layout-background-default);
  }
  .kern-progress progress[value]::-webkit-progress-value {
    background-color: var(--kern-color-layout-background-inverted);
  }
  .kern-progress progress[value]::-moz-progress-bar {
    background-color: var(--kern-color-layout-background-inverted);
  }
}
.kern-form-check__radio {
  display: flex;
  border-radius: 100%;
}
.kern-form-check__radio:before {
  border-radius: 100%;
  content: "";
  margin: auto;
}
.kern-form-check__radio:checked:before {
  background-color: var(--kern-color-form-input-border, #171A2B);
  height: var(--kern-12, 12px);
  width: var(--kern-12, 12px);
}
.kern-form-check__radio--error {
  border-color: var(--kern-color-feedback-danger, #BD0F09) !important;
  outline-color: var(--kern-color-feedback-danger, #BD0F09) !important;
  background: var(--kern-color-feedback-danger-background, #FEECE8);
}
.kern-form-check__radio--error.kern-form-check__radio:checked:before {
  background-color: var(--kern-color-feedback-danger, #BD0F09);
}
@media (forced-colors: active) {
  .kern-form-check__radio--error.kern-form-check__radio:checked:before {
    background-color: var(--kern-color-layout-background-inverted) !important;
  }
}
.kern-form-input:has(select[disabled]),.kern-form-input:has(select[aria-disabled=true]) {
  cursor: not-allowed;
}
.kern-form-input:has(select[disabled]) .kern-label,.kern-form-input:has(select[aria-disabled=true]) .kern-label {
  cursor: not-allowed;
}
.kern-form-input__select-wrapper:has(.kern-form-input__select--error) {
  border-color: var(--kern-color-feedback-danger, #bd0f09);
  background: var(--kern-color-feedback-danger-background, #feece8);
}
.kern-form-input__select-wrapper:has(.kern-form-input__select--error):after {
  background-color: var(--kern-color-feedback-danger, #bd0f09);
}
.kern-form-input__select-wrapper:has(.kern-form-input__select--error):hover {
  border-color: var(--kern-color-feedback-danger, #bd0f09);
}
.kern-form-input__select-wrapper {
  position: relative;
  display: flex;
  height: var(--kern-metric-dimension-x-large, 48px);
  gap: var(--kern-metric-space-none, 0px);
  align-self: stretch;
  border-radius: var(--kern-metric-border-radius-small, 2px);
  border-bottom: var(--kern-metric-border-width-default, 2px) solid var(--kern-color-form-input-border, #171a2b);
  background: var(--kern-color-form-input-background, #f7f7f9);
}
@media (forced-colors: active) {
  .kern-form-input__select-wrapper {
    border: 1px solid transparent !important;
  }
}
.kern-form-input__select-wrapper:has(select[disabled]),.kern-form-input__select-wrapper:has(select[aria-disabled=true]) {
  opacity: var(--kern-color-action-state-opacity-disabled, .4);
}
.kern-form-input__select-wrapper:hover {
  border-bottom: var(--kern-metric-border-width-bold, 4px) solid var(--kern-color-form-input-border, #171a2b);
}
.kern-form-input__select-wrapper:hover .kern-form-input__select {
  padding: var(--kern-metric-space-small, 8px) var(--kern-40, 40px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-default, 16px);
}
@media (forced-colors: active) {
  .kern-form-input__select-wrapper:hover .kern-form-input__select {
    padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-40, 40px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-default, 16px);
  }
}
.kern-form-input__select-wrapper:hover:has(.kern-form-input__select:focus) {
  border-bottom: var(--kern-metric-border-width-default, 2px) solid var(--kern-color-form-input-border, #171a2b);
}
.kern-form-input__select-wrapper:hover:has(.kern-form-input__select:focus) .kern-form-input__select {
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-40, 40px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-default, 16px);
}
.kern-form-input__select-wrapper:hover:has(select[disabled]),.kern-form-input__select-wrapper:hover:has(select[aria-disabled=true]) {
  border-bottom: var(--kern-metric-border-width-default, 2px) solid var(--kern-color-form-input-border, #171a2b);
}
.kern-form-input__select-wrapper:hover:has(select[disabled]) .kern-form-input__select,.kern-form-input__select-wrapper:hover:has(select[aria-disabled=true]) .kern-form-input__select {
  padding: var(--kern-metric-space-small, 6px) var(--kern-metric-space-default, 16px) var(--kern-4, 4px) var(--kern-metric-space-default, 16px);
}
.kern-form-input__select-wrapper:after {
  content: " ";
  display: inline-block;
  position: absolute;
  right: var(--kern-metric-dimension-x-small, 16px);
  top: var(--kern-metric-dimension-default, 24px);
  transform: translateY(-50%);
  pointer-events: none;
  width: var(--kern-metric-dimension-default, 24px);
  height: var(--kern-metric-dimension-default, 24px);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' viewBox='0 -960 960 960' width='' fill='%23000000'%3E%3Cpath d='M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z'/%3E%3C/svg%3E");
  background-color: var(--kern-color-action-default);
}
@media (forced-colors: active) {
  .kern-form-input__select-wrapper:after {
    background-color: var(--kern-color-layout-background-inverted) !important;
    forced-color-adjust: none;
  }
}
.kern-form-input__select {
  background-color: transparent;
  box-sizing: border-box;
  width: 100%;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-40, 40px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-default, 16px);
}
.kern-form-input__select:focus {
  border-radius: var(--kern-metric-border-radius-small, 2px);
  outline: var(--kern-metric-border-width-bold, 4px) solid var(--kern-color-form-input-border, #171a2b);
  background: var(--kern-color-form-input-background, #f7f7f9);
  border: none;
}
.kern-form-input__select--error:focus {
  outline-color: var(--kern-color-feedback-danger, #bd0f09);
  background: var(--kern-color-feedback-danger-background, #feece8);
}
.kern-form-input__select option {
  margin: 40px;
  background: var(--kern-color-form-input-background, #f7f7f9);
}
.kern-form-input__select[disabled],.kern-form-input__select[disabled=disabled],.kern-form-input__select[aria-disabled=true] {
  opacity: .7;
  cursor: not-allowed;
}
.kern-summary-group__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  padding: var(--kern-metric-baseline-heading-medium-padding-top, 8px) var(--kern-metric-space-none, 0px) calc(var(--kern-metric-baseline-heading-medium-padding-bottom, 8px) + var(--kern-metric-space-default, 16px)) var(--kern-metric-space-none, 0px);
  margin-top: var(--kern-metric-space-x-large, 32px);
}
.kern-summary-group__header:first-of-type {
  margin-top: var(--kern-metric-space-none, 0px);
}
.kern-summary__header {
  display: flex;
  padding: var(--kern-metric-space-default, 16px) var(--skern-pace-none, 0px);
  align-items: flex-start;
  gap: var(--kern-metric-space-small, 8px) var(--kern-metric-space-default, 16px);
  align-self: stretch;
}
.kern-summary__header .kern-number {
  margin-top: var(--kern-metric-space-x-small, 4px);
}
.kern-summary .kern-title {
  font-weight: var(--kern-typography-font-weight-regular, 400);
}
.kern-summary__body {
  display: flex;
  padding: var(--kern-metric-space-default, 16px);
  flex-direction: column;
  gap: var(--kern-metric-space-x-large, 32px);
  border-radius: var(--kern-metric-border-radius-default, 4px);
  background: var(--kern-color-layout-background-hued, #f7f7f9);
}
@media (forced-colors: active) {
  .kern-summary__body {
    border: 1px solid transparent !important;
  }
}
.kern-table {
  width: 100%;
  border-spacing: var(--kern-metric-space-none, 0px);
  border-collapse: collapse;
}
.kern-table--small .kern-title {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-heading-small-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-heading-small-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-table--small .kern-table__header,.kern-table--small .kern-table__cell {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-small-padding-bottom, 1px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-small, 16px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  padding: calc(var(--kern-metric-baseline-body-small-padding-top, 7px) + var(--kern-metric-space-small, 8px)) calc(var(--kern-metric-space-none, 0px) + var(--kern-metric-space-x-small, 4px)) calc(var(--kern-metric-baseline-body-small-padding-bottom, 1px) + var(--kern-metric-space-small, 8px)) calc(var(--kern-metric-space-none, 0px) + var(--kern-metric-space-x-small, 4px));
}
.kern-table--small .kern-table__cell--action {
  padding: var(--kern-metric-space-none, 0px) calc(var(--kern-metric-space-none, 0px) + var(--kern-metric-space-x-small, 4px));
  text-wrap: nowrap;
}
.kern-table--small .kern-table__header {
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
}
.kern-table--striped .kern-table__body .kern-table__row:nth-child(odd) .kern-table__header,.kern-table--striped .kern-table__body .kern-table__row:nth-child(odd) .kern-table__cell {
  background-color: var(--kern-color-layout-background-hued, #F7F7F9);
}
.kern-table .kern-title {
  display: table-caption;
  text-align: left;
}
.kern-table__header,.kern-table__cell {
  text-align: left;
  vertical-align: top;
  box-shadow: inset 0 -1px 0 0 var(--kern-color-layout-border, #A5AAC3);
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  padding: calc(var(--kern-metric-baseline-body-default-padding-top, 6px) + var(--kern-metric-space-small, 8px)) calc(var(--kern-metric-space-none, 0px) + var(--kern-metric-space-x-small, 4px)) calc(var(--kern-metric-baseline-body-default-padding-bottom, 2px) + var(--kern-metric-space-small, 8px)) calc(var(--kern-metric-space-none, 0px) + var(--kern-metric-space-x-small, 4px));
}
.kern-table__header--numeric,.kern-table__cell--numeric {
  text-align: right;
  text-wrap: nowrap;
}
.kern-table__header--action,.kern-table__cell--action {
  text-align: right;
}
@media (forced-colors: active) {
  .kern-table__header,.kern-table__cell {
    border-bottom: 1px solid transparent;
  }
}
.kern-table__cell--action {
  padding: var(--kern-metric-space-none, 0px) calc(var(--kern-metric-space-none, 0px) + var(--kern-metric-space-x-small, 4px));
  text-wrap: nowrap;
}
.kern-table__header {
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
}
.kern-table__footer {
  box-shadow: inset 0 1px 0 0 var(--kern-color-layout-border, #A5AAC3);
}
.kern-table__footer .kern-table__cell {
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
}
.kern-table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.kern-task-list {
  display: block;
}
.kern-task-list-group {
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-x-large, 32px);
}
.kern-task-list__header {
  display: flex;
  padding-bottom: var(--kern-metric-space-default, 16px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--kern-metric-space-default, 16px);
  align-self: stretch;
  margin-top: var(--kern-metric-space-x-large, 32px);
}
.kern-task-list__header:first-of-type {
  margin-top: var(--kern-metric-space-none, 0px);
}
.kern-task-list__header .kern-heading {
  display: flex;
  align-items: flex-start;
  gap: var(--kern-metric-space-none, 0px);
  align-self: stretch;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-heading-medium-padding-top, 5px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-heading-medium-padding-bottom, 3px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-adaptive-medium, 21px);
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
  line-height: var(--kern-typography-line-height-adaptive-medium, 24px);
}
.kern-task-list__list {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-small, 8px);
  align-self: stretch;
  list-style: none;
}
.kern-task-list__item {
  display: flex;
  padding: var(--kern-metric-space-small, 8px) var(--kern-metric-space-default, 16px);
  align-items: flex-start;
  gap: var(--kern-metric-space-default, 16px);
  flex: 1 0 0;
  justify-content: space-between;
  position: relative;
  border-radius: var(--kern-metric-border-radius-default, 4px);
  background: var(--kern-color-layout-background-hued, #F7F7F9);
}
@media (forced-colors: active) {
  .kern-task-list__item {
    border: 1px solid transparent !important;
  }
}
.kern-task-list__item .kern-number {
  margin-top: var(--kern-12, 12px);
}
.kern-task-list__item:has(.kern-link) {
  color: var(--kern-color-action-default, #1A3DA5);
}
.kern-task-list__item:has(.kern-link) .kern-number {
  color: var(--kern-color-action-default, #1A3DA5);
  border-color: var(--kern-color-action-default, #1A3DA5);
}
.kern-task-list__item .kern-link--stretched:after {
  position: absolute;
  top: var(--kern-metric-space-none, 0px);
  right: var(--kern-metric-space-none, 0px);
  bottom: var(--kern-metric-space-none, 0px);
  left: var(--kern-metric-space-none, 0px);
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}
.kern-task-list__item .kern-link--stretched:focus-visible {
  outline-color: transparent;
}
.kern-task-list__item .kern-link--stretched:focus-visible:after {
  border-radius: var(--kern-metric-border-radius-default, .25rem);
  box-shadow: var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) 2px var(--kern-color-action-on-default),var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) 4px var(--kern-color-action-focus-border-inside),var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) 6px var(--kern-color-action-focus-border-outside);
}
.kern-task-list__item:has(.kern-link--stretched:hover) {
  background: var(--kern-color-action-state-indicator-tint-hover-opacity);
}
.kern-task-list__item:has(.kern-link--stretched:active) {
  background: var(--kern-color-action-state-indicator-tint-active-opacity);
}
.kern-task-list__title {
  display: flex;
  padding: var(--kern-metric-space-small, 8px) var(--kern-metric-space-none, 0px);
  align-items: flex-start;
  gap: var(--kern-metric-space-default, 16px);
  flex-grow: 1;
  flex-wrap: wrap;
}
@media all and (min-width: 768px) {
  .kern-task-list__title {
    flex-wrap: nowrap;
  }
}
.kern-task-list__title .kern-link:visited {
  color: var(--kern-color-action-default, #1A3DA5);
}
.kern-task-list__title .kern-link,.kern-task-list__title .kern-body {
  flex-grow: 1;
}
.kern-task-list__status {
  text-align: right;
  white-space: nowrap;
}
.kern-body {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-body--large {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-large-padding-top, 1px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-large-padding-bottom, 7px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-large, 21px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-large, 32px);
}
.kern-body--small {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-small-padding-bottom, 1px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-small, 16px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-body--bold {
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
}
.kern-body--muted {
  color: var(--kern-color-layout-text-muted, #404565);
}
.kern-hint {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  color: var(--kern-color-layout-text-muted, #404565);
}
.kern-heading-display {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-heading-display-padding-top, 12px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-heading-display-padding-bottom, 12px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-adaptive-2x-large, 48px);
  font-weight: var(--kern-typography-font-weight-medium, 500);
  line-height: var(--kern-typography-line-height-adaptive-2x-large, 56px);
}
.kern-heading-x-large {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-heading-x-large-padding-top, 9px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-heading-x-large-padding-bottom, 7px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-adaptive-x-large, 32px);
  font-weight: var(--kern-typography-font-weight-medium, 500);
  line-height: var(--kern-typography-line-height-adaptive-x-large, 40px);
}
.kern-heading-large {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-heading-large-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-heading-large-padding-bottom, 9px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-adaptive-large, 26px);
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
  line-height: var(--kern-typography-line-height-adaptive-large, 32px);
}
.kern-heading-medium {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-heading-medium-padding-top, 5px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-heading-medium-padding-bottom, 3px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-adaptive-medium, 21px);
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
  line-height: var(--kern-typography-line-height-adaptive-medium, 24px);
}
.kern-heading-small {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-heading-small-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-heading-small-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-label {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-label-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-label-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-medium, 500);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  width: -moz-fit-content;
  width: fit-content;
}
.kern-label--large {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-label-large-padding-top, 1px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-label-large-padding-bottom, 7px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-large, 21px);
  font-weight: var(--kern-typography-font-weight-medium, 500);
  line-height: var(--kern-typography-line-height-static-large, 32px);
}
.kern-label--small {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-label-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-label-small-padding-bottom, 1px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-small, 16px);
  font-weight: var(--kern-typography-font-weight-medium, 500);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-link {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  color: var(--kern-color-action-default, #1A3DA5);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: var(--kern-1, 1px);
  text-underline-offset: var(--kern-3, 3px);
  display: inline-flex;
  align-items: flex-start;
  gap: var(--kern-metric-space-x-small, 4px);
}
.kern-link .kern-icon {
  background-color: var(--kern-color-action-default, #1A3DA5);
}
.kern-link:has(.kern-icon) {
  text-decoration: none;
}
.kern-link:has(.kern-icon):active,.kern-link:has(.kern-icon):hover {
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: var(--kern-3, 3px);
  text-underline-offset: var(--kern-3, 3px);
}
.kern-link:hover {
  text-decoration-thickness: var(--kern-3, 3px);
}
.kern-link:active {
  color: var(--kern-color-action-default, #1A3DA5);
  text-decoration-thickness: var(--kern-3, 3px);
}
.kern-link:active .kern-icon {
  background-color: var(--kern-color-action-default, #1A3DA5);
}
.kern-link:visited {
  color: var(--kern-color-action-visited, #75009E);
}
.kern-link:visited .kern-icon {
  background-color: var(--kern-color-action-visited, #75009E);
}
.kern-link--x-small {
  gap: var(--kern-metric-space-2x-small, 2px);
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-small-padding-bottom, 1px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-small, 16px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  color: var(--kern-color-action-default, #1A3DA5);
}
.kern-link--x-small .kern-icon {
  width: var(--kern-metric-dimension-small, 20px);
  height: var(--kern-metric-dimension-small, 20px);
  min-width: var(--kern-metric-dimension-small, 20px);
  min-height: var(--kern-metric-dimension-small, 20px);
}
.kern-link:not(.kern-link--stretched):focus-visible {
  position: relative;
  z-index: 1;
  outline-color: transparent;
  border-radius: var(--kern-metric-border-radius-small, .125rem);
  box-shadow: var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) 2px var(--kern-color-action-on-default),var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) 4px var(--kern-color-action-focus-border-inside),var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) var(--kern-metric-space-none, 0px) 6px var(--kern-color-action-focus-border-outside);
}
@media (forced-colors: active) {
  .kern-link:not(.kern-link--stretched):focus-visible {
    outline-offset: 4px !important;
    outline-width: 3px !important;
    outline-color: transparent !important;
  }
}
a.kern-btn {
  text-decoration: none;
}
.kern-list {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-none, 0);
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  padding-left: var(--kern-metric-space-none, 0);
}
.kern-list--small {
  font-size: var(--kern-typography-font-size-static-small, 16px);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  padding: var(--kern-metric-baseline-body-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-small-padding-bottom, 1px) var(--kern-metric-space-none, 0px);
}
.kern-list--small .kern-link {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-body-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-small-padding-bottom, 1px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-small, 16px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  color: var(--kern-color-action-default, #1A3DA5);
}
.kern-list--small .kern-link .kern-icon {
  width: var(--kern-metric-dimension-small, 20px);
  height: var(--kern-metric-dimension-small, 20px);
  min-width: var(--kern-metric-dimension-small, 20px);
  min-height: var(--kern-metric-dimension-small, 20px);
}
.kern-list--large {
  font-size: var(--kern-typography-font-size-static-large, 21px);
  line-height: var(--kern-typography-line-height-static-large, 32px);
  padding: var(--kern-metric-baseline-body-large-padding-top, 1px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-body-large-padding-bottom, 7px) var(--kern-metric-space-none, 0px);
}
.kern-list--bullet {
  padding-left: var(--kern-metric-space-x-large, 32px);
  gap: var(--kern-metric-space-default, 16px);
  list-style-type: disc;
}
.kern-list--number {
  padding-left: var(--kern-metric-space-x-large, 32px);
  gap: var(--kern-metric-space-default, 16px);
  list-style-type: decimal;
}
.kern-list--horizontal {
  flex-direction: row;
  gap: var(--kern-metric-space-none, 0) var(--kern-metric-space-default, 16px);
  flex-wrap: wrap;
}
.kern-subline {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  color: var(--kern-color-layout-text-muted, #404565);
  padding: var(--kern-metric-baseline-subline-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-subline-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-medium, 500);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-subline--large {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  color: var(--kern-color-layout-text-muted, #404565);
  padding: var(--kern-metric-baseline-subline-large-padding-top, 1px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-subline-large-padding-bottom, 7px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-large, 21px);
  font-weight: var(--kern-typography-font-weight-medium, 500);
  line-height: var(--kern-typography-line-height-static-large, 32px);
}
.kern-subline--small {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  color: var(--kern-color-layout-text-muted, #404565);
  padding: var(--kern-metric-baseline-subline-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-subline-small-padding-bottom, 9px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-small, 16px);
  font-weight: var(--kern-typography-font-weight-medium, 500);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-preline {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  color: var(--kern-color-layout-text-muted, #404565);
  padding: var(--kern-metric-baseline-preline-default-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-preline-default-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
  width: -moz-fit-content;
  width: fit-content;
}
.kern-preline--large {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  color: var(--kern-color-layout-text-muted, #404565);
  padding: var(--kern-metric-baseline-preline-large-padding-top, 1px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-preline-large-padding-bottom, 7px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-large, 21px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-large, 32px);
}
.kern-preline--small {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  color: var(--kern-color-layout-text-muted, #404565);
  padding: var(--kern-metric-baseline-preline-small-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-preline-small-padding-bottom, 1px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-small, 16px);
  font-weight: var(--kern-typography-font-weight-regular, 400);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-title {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-title-default-padding-top, 5px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-title-default-padding-bottom, 3px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-adaptive-medium, 21px);
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
  line-height: var(--kern-typography-line-height-adaptive-medium, 24px);
}
.kern-title--large {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-title-large-padding-top, 7px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-title-large-padding-bottom, 9px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-adaptive-large, 26px);
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
  line-height: var(--kern-typography-line-height-adaptive-large, 32px);
}
.kern-title--small {
  color: var(--kern-color-layout-text-default, #171A2B);
  font-family: var(--kern-typography-font-family-default, "Fira Sans");
  font-style: normal;
  letter-spacing: var(--kern-metric-space-none, 0px);
  padding: var(--kern-metric-baseline-title-small-padding-top, 6px) var(--kern-metric-space-none, 0px) var(--kern-metric-baseline-title-small-padding-bottom, 2px) var(--kern-metric-space-none, 0px);
  font-size: var(--kern-typography-font-size-static-medium, 18px);
  font-weight: var(--kern-typography-font-weight-semi-bold, 600);
  line-height: var(--kern-typography-line-height-static-medium, 24px);
}
.kern-container-fluid,.kern-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
}
.kern-container {
  max-width: 1600px;
}
.kern-container .kern-row [class^=kern-col],.kern-container .kern-row [class*=kern-col],.kern-container-fluid .kern-row [class^=kern-col],.kern-container-fluid .kern-row [class*=kern-col] {
  padding: 1rem;
  box-sizing: border-box;
}
.kern-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
  box-sizing: border-box;
}
.kern-row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}
.kern-col {
  flex: 1 0 0%;
}
.kern-row .kern-col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}
.kern-row .kern-col-offset-1 {
  margin-left: 8.3333333333%;
}
.kern-row .kern-col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.kern-row .kern-col-offset-2 {
  margin-left: 16.6666666667%;
}
.kern-row .kern-col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.kern-row .kern-col-offset-3 {
  margin-left: 25%;
}
.kern-row .kern-col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.kern-row .kern-col-offset-4 {
  margin-left: 33.3333333333%;
}
.kern-row .kern-col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}
.kern-row .kern-col-offset-5 {
  margin-left: 41.6666666667%;
}
.kern-row .kern-col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.kern-row .kern-col-offset-6 {
  margin-left: 50%;
}
.kern-row .kern-col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}
.kern-row .kern-col-offset-7 {
  margin-left: 58.3333333333%;
}
.kern-row .kern-col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}
.kern-row .kern-col-offset-8 {
  margin-left: 66.6666666667%;
}
.kern-row .kern-col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.kern-row .kern-col-offset-9 {
  margin-left: 75%;
}
.kern-row .kern-col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}
.kern-row .kern-col-offset-10 {
  margin-left: 83.3333333333%;
}
.kern-row .kern-col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}
.kern-row .kern-col-offset-11 {
  margin-left: 91.6666666667%;
}
.kern-row .kern-col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.kern-row .kern-col-offset-12 {
  margin-left: 100%;
}
@media (min-width: 576px) {
  .kern-container {
    max-width: 96%;
  }
  .kern-row .kern-col-sm-offset-0 {
    margin-left: 0;
  }
  .kern-row .kern-col-sm-1 {
    width: 8.3333333333%;
  }
  .kern-row .kern-col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .kern-row .kern-col-sm-2 {
    width: 16.6666666667%;
  }
  .kern-row .kern-col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .kern-row .kern-col-sm-3 {
    width: 25%;
  }
  .kern-row .kern-col-sm-offset-3 {
    margin-left: 25%;
  }
  .kern-row .kern-col-sm-4 {
    width: 33.3333333333%;
  }
  .kern-row .kern-col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .kern-row .kern-col-sm-5 {
    width: 41.6666666667%;
  }
  .kern-row .kern-col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .kern-row .kern-col-sm-6 {
    width: 50%;
  }
  .kern-row .kern-col-sm-offset-6 {
    margin-left: 50%;
  }
  .kern-row .kern-col-sm-7 {
    width: 58.3333333333%;
  }
  .kern-row .kern-col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .kern-row .kern-col-sm-8 {
    width: 66.6666666667%;
  }
  .kern-row .kern-col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .kern-row .kern-col-sm-9 {
    width: 75%;
  }
  .kern-row .kern-col-sm-offset-9 {
    margin-left: 75%;
  }
  .kern-row .kern-col-sm-10 {
    width: 83.3333333333%;
  }
  .kern-row .kern-col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .kern-row .kern-col-sm-11 {
    width: 91.6666666667%;
  }
  .kern-row .kern-col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .kern-row .kern-col-sm-12 {
    width: 100%;
  }
  .kern-row .kern-col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .kern-container {
    max-width: 96%;
  }
  .kern-row .kern-col-md-offset-0 {
    margin-left: 0;
  }
  .kern-row .kern-col-md-1 {
    width: 8.3333333333%;
  }
  .kern-row .kern-col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .kern-row .kern-col-md-2 {
    width: 16.6666666667%;
  }
  .kern-row .kern-col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .kern-row .kern-col-md-3 {
    width: 25%;
  }
  .kern-row .kern-col-md-offset-3 {
    margin-left: 25%;
  }
  .kern-row .kern-col-md-4 {
    width: 33.3333333333%;
  }
  .kern-row .kern-col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .kern-row .kern-col-md-5 {
    width: 41.6666666667%;
  }
  .kern-row .kern-col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .kern-row .kern-col-md-6 {
    width: 50%;
  }
  .kern-row .kern-col-md-offset-6 {
    margin-left: 50%;
  }
  .kern-row .kern-col-md-7 {
    width: 58.3333333333%;
  }
  .kern-row .kern-col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .kern-row .kern-col-md-8 {
    width: 66.6666666667%;
  }
  .kern-row .kern-col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .kern-row .kern-col-md-9 {
    width: 75%;
  }
  .kern-row .kern-col-md-offset-9 {
    margin-left: 75%;
  }
  .kern-row .kern-col-md-10 {
    width: 83.3333333333%;
  }
  .kern-row .kern-col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .kern-row .kern-col-md-11 {
    width: 91.6666666667%;
  }
  .kern-row .kern-col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .kern-row .kern-col-md-12 {
    width: 100%;
  }
  .kern-row .kern-col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .kern-container {
    max-width: 96%;
  }
  .kern-row .kern-col-lg-offset-0 {
    margin-left: 0;
  }
  .kern-row .kern-col-lg-1 {
    width: 8.3333333333%;
  }
  .kern-row .kern-col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .kern-row .kern-col-lg-2 {
    width: 16.6666666667%;
  }
  .kern-row .kern-col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .kern-row .kern-col-lg-3 {
    width: 25%;
  }
  .kern-row .kern-col-lg-offset-3 {
    margin-left: 25%;
  }
  .kern-row .kern-col-lg-4 {
    width: 33.3333333333%;
  }
  .kern-row .kern-col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .kern-row .kern-col-lg-5 {
    width: 41.6666666667%;
  }
  .kern-row .kern-col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .kern-row .kern-col-lg-6 {
    width: 50%;
  }
  .kern-row .kern-col-lg-offset-6 {
    margin-left: 50%;
  }
  .kern-row .kern-col-lg-7 {
    width: 58.3333333333%;
  }
  .kern-row .kern-col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .kern-row .kern-col-lg-8 {
    width: 66.6666666667%;
  }
  .kern-row .kern-col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .kern-row .kern-col-lg-9 {
    width: 75%;
  }
  .kern-row .kern-col-lg-offset-9 {
    margin-left: 75%;
  }
  .kern-row .kern-col-lg-10 {
    width: 83.3333333333%;
  }
  .kern-row .kern-col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .kern-row .kern-col-lg-11 {
    width: 91.6666666667%;
  }
  .kern-row .kern-col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .kern-row .kern-col-lg-12 {
    width: 100%;
  }
  .kern-row .kern-col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .kern-container {
    max-width: 96%;
  }
  .kern-row .kern-col-xl-offset-0 {
    margin-left: 0;
  }
  .kern-row .kern-col-xl-1 {
    width: 8.3333333333%;
  }
  .kern-row .kern-col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .kern-row .kern-col-xl-2 {
    width: 16.6666666667%;
  }
  .kern-row .kern-col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .kern-row .kern-col-xl-3 {
    width: 25%;
  }
  .kern-row .kern-col-xl-offset-3 {
    margin-left: 25%;
  }
  .kern-row .kern-col-xl-4 {
    width: 33.3333333333%;
  }
  .kern-row .kern-col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .kern-row .kern-col-xl-5 {
    width: 41.6666666667%;
  }
  .kern-row .kern-col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .kern-row .kern-col-xl-6 {
    width: 50%;
  }
  .kern-row .kern-col-xl-offset-6 {
    margin-left: 50%;
  }
  .kern-row .kern-col-xl-7 {
    width: 58.3333333333%;
  }
  .kern-row .kern-col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .kern-row .kern-col-xl-8 {
    width: 66.6666666667%;
  }
  .kern-row .kern-col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .kern-row .kern-col-xl-9 {
    width: 75%;
  }
  .kern-row .kern-col-xl-offset-9 {
    margin-left: 75%;
  }
  .kern-row .kern-col-xl-10 {
    width: 83.3333333333%;
  }
  .kern-row .kern-col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .kern-row .kern-col-xl-11 {
    width: 91.6666666667%;
  }
  .kern-row .kern-col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .kern-row .kern-col-xl-12 {
    width: 100%;
  }
  .kern-row .kern-col-xl-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1600px) {
  .kern-container {
    max-width: 1536px;
  }
  .kern-row .kern-col-xxl-offset-0 {
    margin-left: 0;
  }
  .kern-row .kern-col-xxl-1 {
    width: 8.3333333333%;
  }
  .kern-row .kern-col-xxl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .kern-row .kern-col-xxl-2 {
    width: 16.6666666667%;
  }
  .kern-row .kern-col-xxl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .kern-row .kern-col-xxl-3 {
    width: 25%;
  }
  .kern-row .kern-col-xxl-offset-3 {
    margin-left: 25%;
  }
  .kern-row .kern-col-xxl-4 {
    width: 33.3333333333%;
  }
  .kern-row .kern-col-xxl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .kern-row .kern-col-xxl-5 {
    width: 41.6666666667%;
  }
  .kern-row .kern-col-xxl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .kern-row .kern-col-xxl-6 {
    width: 50%;
  }
  .kern-row .kern-col-xxl-offset-6 {
    margin-left: 50%;
  }
  .kern-row .kern-col-xxl-7 {
    width: 58.3333333333%;
  }
  .kern-row .kern-col-xxl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .kern-row .kern-col-xxl-8 {
    width: 66.6666666667%;
  }
  .kern-row .kern-col-xxl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .kern-row .kern-col-xxl-9 {
    width: 75%;
  }
  .kern-row .kern-col-xxl-offset-9 {
    margin-left: 75%;
  }
  .kern-row .kern-col-xxl-10 {
    width: 83.3333333333%;
  }
  .kern-row .kern-col-xxl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .kern-row .kern-col-xxl-11 {
    width: 91.6666666667%;
  }
  .kern-row .kern-col-xxl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .kern-row .kern-col-xxl-12 {
    width: 100%;
  }
  .kern-row .kern-col-xxl-offset-12 {
    margin-left: 100%;
  }
}
.kern-stack {
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-default);
}
.kern-flex {
  display: flex;
}
.kern-inline-flex {
  display: inline-flex;
}
.kern-grid {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
}
.kern-inline-grid {
  display: inline-grid;
}
.kern-block {
  display: block;
}
.kern-inline-block {
  display: inline-block;
}
.kern-inline {
  display: inline;
}
.kern-hidden {
  display: none;
}
.kern-flex-row {
  flex-direction: row;
}
.kern-flex-col {
  flex-direction: column;
}
.kern-flex-row-reverse {
  flex-direction: row-reverse;
}
.kern-flex-col-reverse {
  flex-direction: column-reverse;
}
.kern-flex-wrap {
  flex-wrap: wrap;
}
.kern-flex-nowrap {
  flex-wrap: nowrap;
}
.kern-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.kern-order-0 {
  order: 0;
}
.kern-order-1 {
  order: 1;
}
.kern-order-2 {
  order: 2;
}
.kern-order-3 {
  order: 3;
}
.kern-order-4 {
  order: 4;
}
.kern-order-5 {
  order: 5;
}
.kern-order-6 {
  order: 6;
}
.kern-order-7 {
  order: 7;
}
.kern-order-8 {
  order: 8;
}
.kern-order-9 {
  order: 9;
}
.kern-order-10 {
  order: 10;
}
.kern-order-11 {
  order: 11;
}
.kern-order-12 {
  order: 12;
}
.kern-order-first {
  order: -9999;
}
.kern-order-last {
  order: 9999;
}
.kern-justify-content-start {
  justify-content: flex-start;
}
.kern-align-content-start {
  align-content: flex-start;
}
.kern-justify-content-end {
  justify-content: flex-end;
}
.kern-align-content-end {
  align-content: flex-end;
}
.kern-justify-content-center {
  justify-content: center;
}
.kern-align-content-center {
  align-content: center;
}
.kern-justify-content-between {
  justify-content: space-between;
}
.kern-align-content-between {
  align-content: space-between;
}
.kern-justify-content-around {
  justify-content: space-around;
}
.kern-align-content-around {
  align-content: space-around;
}
.kern-justify-content-evenly {
  justify-content: space-evenly;
}
.kern-align-content-evenly {
  align-content: space-evenly;
}
.kern-align-items-start {
  align-items: flex-start;
}
.kern-align-items-end {
  align-items: flex-end;
}
.kern-align-items-center {
  align-items: center;
}
.kern-align-items-stretch {
  align-items: stretch;
}
.kern-align-items-baseline {
  align-items: baseline;
}
.kern-justify-items-start {
  justify-items: flex-start;
}
.kern-justify-items-end {
  justify-items: flex-end;
}
.kern-justify-items-center {
  justify-items: center;
}
.kern-justify-items-stretch {
  justify-items: stretch;
}
.kern-justify-items-baseline {
  justify-items: baseline;
}
.kern-place-items-start {
  place-items: flex-start;
}
.kern-place-items-end {
  place-items: flex-end;
}
.kern-place-items-center {
  place-items: center;
}
.kern-place-items-stretch {
  place-items: stretch;
}
.kern-place-items-baseline {
  place-items: baseline;
}
.kern-place-content-start {
  place-content: flex-start;
}
.kern-place-content-end {
  place-content: flex-end;
}
.kern-place-content-center {
  place-content: center;
}
.kern-place-content-between {
  place-content: space-between;
}
.kern-place-content-around {
  place-content: space-around;
}
.kern-place-content-evenly {
  place-content: space-evenly;
}
.kern-grid-cols-1 {
  grid-template-columns: repeat(1,minmax(0,1fr));
}
.kern-grid-cols-2 {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.kern-grid-cols-3 {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.kern-grid-cols-4 {
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.kern-grid-cols-5 {
  grid-template-columns: repeat(5,minmax(0,1fr));
}
.kern-grid-cols-6 {
  grid-template-columns: repeat(6,minmax(0,1fr));
}
.kern-grid-cols-7 {
  grid-template-columns: repeat(7,minmax(0,1fr));
}
.kern-grid-cols-8 {
  grid-template-columns: repeat(8,minmax(0,1fr));
}
.kern-grid-cols-9 {
  grid-template-columns: repeat(9,minmax(0,1fr));
}
.kern-grid-cols-10 {
  grid-template-columns: repeat(10,minmax(0,1fr));
}
.kern-grid-cols-11 {
  grid-template-columns: repeat(11,minmax(0,1fr));
}
.kern-grid-cols-12 {
  grid-template-columns: repeat(12,minmax(0,1fr));
}
.kern-grid-rows-1 {
  grid-template-rows: repeat(1,minmax(0,1fr));
}
.kern-grid-rows-2 {
  grid-template-rows: repeat(2,minmax(0,1fr));
}
.kern-grid-rows-3 {
  grid-template-rows: repeat(3,minmax(0,1fr));
}
.kern-grid-rows-4 {
  grid-template-rows: repeat(4,minmax(0,1fr));
}
.kern-grid-rows-5 {
  grid-template-rows: repeat(5,minmax(0,1fr));
}
.kern-grid-rows-6 {
  grid-template-rows: repeat(6,minmax(0,1fr));
}
.kern-grid-cols-none {
  grid-template-columns: none;
}
.kern-grid-rows-none {
  grid-template-rows: none;
}
.kern-grid-flow-row {
  grid-auto-flow: row;
}
.kern-grid-flow-col {
  grid-auto-flow: column;
}
.kern-grid-flow-dense {
  grid-auto-flow: dense;
}
.kern-grid-flow-row-dense {
  grid-auto-flow: row dense;
}
.kern-grid-flow-col-dense {
  grid-auto-flow: column dense;
}
.kern-auto-cols-auto {
  grid-auto-columns: auto;
}
.kern-auto-rows-auto {
  grid-auto-rows: auto;
}
.kern-auto-cols-min {
  grid-auto-columns: min-content;
}
.kern-auto-rows-min {
  grid-auto-rows: min-content;
}
.kern-auto-cols-max {
  grid-auto-columns: max-content;
}
.kern-auto-rows-max {
  grid-auto-rows: max-content;
}
.kern-auto-cols-fr {
  grid-auto-columns: minmax(0,1fr);
}
.kern-auto-rows-fr {
  grid-auto-rows: minmax(0,1fr);
}
.kern-gap-none {
  gap: var(--kern-metric-space-none);
}
.kern-gap-x-none {
  -moz-column-gap: var(--kern-metric-space-none);
       column-gap: var(--kern-metric-space-none);
}
.kern-gap-y-none {
  row-gap: var(--kern-metric-space-none);
}
.kern-gap-xxs {
  gap: var(--kern-metric-space-2x-small);
}
.kern-gap-x-xxs {
  -moz-column-gap: var(--kern-metric-space-2x-small);
       column-gap: var(--kern-metric-space-2x-small);
}
.kern-gap-y-xxs {
  row-gap: var(--kern-metric-space-2x-small);
}
.kern-gap-xs {
  gap: var(--kern-metric-space-x-small);
}
.kern-gap-x-xs {
  -moz-column-gap: var(--kern-metric-space-x-small);
       column-gap: var(--kern-metric-space-x-small);
}
.kern-gap-y-xs {
  row-gap: var(--kern-metric-space-x-small);
}
.kern-gap-sm {
  gap: var(--kern-metric-space-small);
}
.kern-gap-x-sm {
  -moz-column-gap: var(--kern-metric-space-small);
       column-gap: var(--kern-metric-space-small);
}
.kern-gap-y-sm {
  row-gap: var(--kern-metric-space-small);
}
.kern-gap-md {
  gap: var(--kern-metric-space-default);
}
.kern-gap-x-md {
  -moz-column-gap: var(--kern-metric-space-default);
       column-gap: var(--kern-metric-space-default);
}
.kern-gap-y-md {
  row-gap: var(--kern-metric-space-default);
}
.kern-gap-lg {
  gap: var(--kern-metric-space-large);
}
.kern-gap-x-lg {
  -moz-column-gap: var(--kern-metric-space-large);
       column-gap: var(--kern-metric-space-large);
}
.kern-gap-y-lg {
  row-gap: var(--kern-metric-space-large);
}
.kern-gap-xl {
  gap: var(--kern-metric-space-x-large);
}
.kern-gap-x-xl {
  -moz-column-gap: var(--kern-metric-space-x-large);
       column-gap: var(--kern-metric-space-x-large);
}
.kern-gap-y-xl {
  row-gap: var(--kern-metric-space-x-large);
}
.kern-overflow-auto {
  overflow: auto;
}
.kern-overflow-x-auto {
  overflow-x: auto;
}
.kern-overflow-y-auto {
  overflow-y: auto;
}
.kern-overflow-hidden {
  overflow: hidden;
}
.kern-overflow-x-hidden {
  overflow-x: hidden;
}
.kern-overflow-y-hidden {
  overflow-y: hidden;
}
.kern-overflow-visible {
  overflow: visible;
}
.kern-overflow-x-visible {
  overflow-x: visible;
}
.kern-overflow-y-visible {
  overflow-y: visible;
}
.kern-overflow-scroll {
  overflow: scroll;
}
.kern-overflow-x-scroll {
  overflow-x: scroll;
}
.kern-overflow-y-scroll {
  overflow-y: scroll;
}
.kern-col-1 {
  grid-column: auto/span 1;
}
.kern-col-2 {
  grid-column: auto/span 2;
}
.kern-col-3 {
  grid-column: auto/span 3;
}
.kern-col-4 {
  grid-column: auto/span 4;
}
.kern-col-5 {
  grid-column: auto/span 5;
}
.kern-col-6 {
  grid-column: auto/span 6;
}
.kern-col-7 {
  grid-column: auto/span 7;
}
.kern-col-8 {
  grid-column: auto/span 8;
}
.kern-col-9 {
  grid-column: auto/span 9;
}
.kern-col-10 {
  grid-column: auto/span 10;
}
.kern-col-11 {
  grid-column: auto/span 11;
}
.kern-col-12 {
  grid-column: auto/span 12;
}
.kern-col-start-1 {
  grid-column-start: 1;
}
.kern-col-end-1 {
  grid-column-end: 1;
}
.kern-col-start-2 {
  grid-column-start: 2;
}
.kern-col-end-2 {
  grid-column-end: 2;
}
.kern-col-start-3 {
  grid-column-start: 3;
}
.kern-col-end-3 {
  grid-column-end: 3;
}
.kern-col-start-4 {
  grid-column-start: 4;
}
.kern-col-end-4 {
  grid-column-end: 4;
}
.kern-col-start-5 {
  grid-column-start: 5;
}
.kern-col-end-5 {
  grid-column-end: 5;
}
.kern-col-start-6 {
  grid-column-start: 6;
}
.kern-col-end-6 {
  grid-column-end: 6;
}
.kern-col-start-7 {
  grid-column-start: 7;
}
.kern-col-end-7 {
  grid-column-end: 7;
}
.kern-col-start-8 {
  grid-column-start: 8;
}
.kern-col-end-8 {
  grid-column-end: 8;
}
.kern-col-start-9 {
  grid-column-start: 9;
}
.kern-col-end-9 {
  grid-column-end: 9;
}
.kern-col-start-10 {
  grid-column-start: 10;
}
.kern-col-end-10 {
  grid-column-end: 10;
}
.kern-col-start-11 {
  grid-column-start: 11;
}
.kern-col-end-11 {
  grid-column-end: 11;
}
.kern-col-start-12 {
  grid-column-start: 12;
}
.kern-col-end-12 {
  grid-column-end: 12;
}
.kern-col-start-13 {
  grid-column-start: 13;
}
.kern-col-end-13 {
  grid-column-end: 13;
}
.kern-col-full {
  grid-column: 1/-1;
}
.kern-col-auto {
  grid-column: auto;
}
.kern-col-start-auto {
  grid-column-start: auto;
}
.kern-col-end-auto {
  grid-column-end: auto;
}
.kern-row-1 {
  grid-row: auto/span 1;
}
.kern-row-2 {
  grid-row: auto/span 2;
}
.kern-row-3 {
  grid-row: auto/span 3;
}
.kern-row-4 {
  grid-row: auto/span 4;
}
.kern-row-5 {
  grid-row: auto/span 5;
}
.kern-row-6 {
  grid-row: auto/span 6;
}
.kern-row-start-1 {
  grid-row-start: 1;
}
.kern-row-end-1 {
  grid-row-end: 1;
}
.kern-row-start-2 {
  grid-row-start: 2;
}
.kern-row-end-2 {
  grid-row-end: 2;
}
.kern-row-start-3 {
  grid-row-start: 3;
}
.kern-row-end-3 {
  grid-row-end: 3;
}
.kern-row-start-4 {
  grid-row-start: 4;
}
.kern-row-end-4 {
  grid-row-end: 4;
}
.kern-row-start-5 {
  grid-row-start: 5;
}
.kern-row-end-5 {
  grid-row-end: 5;
}
.kern-row-start-6 {
  grid-row-start: 6;
}
.kern-row-end-6 {
  grid-row-end: 6;
}
.kern-row-start-7 {
  grid-row-start: 7;
}
.kern-row-end-7 {
  grid-row-end: 7;
}
.kern-row-full {
  grid-row: 1/-1;
}
.kern-row-auto {
  grid-row: auto;
}
.kern-row-start-auto {
  grid-row-start: auto;
}
.kern-row-end-auto {
  grid-row-end: auto;
}
.kern-flex-1 {
  flex: 1 1 0%;
}
.kern-flex-auto {
  flex: 1 1 auto;
}
.kern-flex-initial {
  flex: 0 1 auto;
}
.kern-flex-none {
  flex: none;
}
.kern-flex-grow-1 {
  flex-grow: 1;
}
.kern-flex-grow-2 {
  flex-grow: 2;
}
.kern-flex-grow-3 {
  flex-grow: 3;
}
.kern-flex-grow-4 {
  flex-grow: 4;
}
.kern-flex-grow-5 {
  flex-grow: 5;
}
.kern-flex-grow-6 {
  flex-grow: 6;
}
.kern-flex-grow-7 {
  flex-grow: 7;
}
.kern-flex-grow-8 {
  flex-grow: 8;
}
.kern-flex-grow-9 {
  flex-grow: 9;
}
.kern-flex-grow-10 {
  flex-grow: 10;
}
.kern-flex-grow-11 {
  flex-grow: 11;
}
.kern-flex-grow-12 {
  flex-grow: 12;
}
.kern-flex-grow {
  flex-grow: 1;
}
.kern-flex-grow-0 {
  flex-grow: 0;
}
.kern-flex-shrink {
  flex-shrink: 1;
}
.kern-flex-shrink-0 {
  flex-shrink: 0;
}
.kern-basis-auto {
  flex-basis: auto;
}
.kern-basis-0 {
  flex-basis: 0;
}
.kern-basis-full {
  flex-basis: 100%;
}
.kern-basis-1-2 {
  flex-basis: 50%;
}
.kern-basis-1-3 {
  flex-basis: 33.333333%;
}
.kern-basis-2-3 {
  flex-basis: 66.666667%;
}
.kern-basis-1-4 {
  flex-basis: 25%;
}
.kern-basis-3-4 {
  flex-basis: 75%;
}
.kern-align-self-start {
  align-self: flex-start;
}
.kern-align-self-end {
  align-self: flex-end;
}
.kern-align-self-center {
  align-self: center;
}
.kern-align-self-stretch {
  align-self: stretch;
}
.kern-align-self-baseline {
  align-self: baseline;
}
.kern-align-self-auto {
  align-self: auto;
}
.kern-justify-self-start {
  justify-self: flex-start;
}
.kern-justify-self-end {
  justify-self: flex-end;
}
.kern-justify-self-center {
  justify-self: center;
}
.kern-justify-self-stretch {
  justify-self: stretch;
}
.kern-justify-self-baseline {
  justify-self: baseline;
}
.kern-justify-self-auto {
  justify-self: auto;
}
.kern-place-self-start {
  place-self: flex-start;
}
.kern-place-self-end {
  place-self: flex-end;
}
.kern-place-self-center {
  place-self: center;
}
.kern-place-self-stretch {
  place-self: stretch;
}
.kern-place-self-baseline {
  place-self: baseline;
}
.kern-place-self-auto {
  place-self: auto;
}
.kern-aspect-square {
  aspect-ratio: 1/1;
}
.kern-aspect-video {
  aspect-ratio: 16/9;
}
.kern-aspect-auto {
  aspect-ratio: auto;
}
.kern-min-w-0 {
  min-width: 0;
}
.kern-min-w-full {
  min-width: 100%;
}
.kern-max-w-full {
  max-width: 100%;
}
.kern-max-w-none {
  max-width: none;
}
.kern-min-h-0 {
  min-height: 0;
}
.kern-min-h-full {
  min-height: 100%;
}
.kern-min-h-screen {
  min-height: 100vh;
}
.kern-max-h-full {
  max-height: 100%;
}
.kern-max-h-screen {
  max-height: 100vh;
}
.kern-w-full {
  width: 100%;
}
.kern-w-auto {
  width: auto;
}
.kern-w-screen {
  width: 100vw;
}
.kern-h-full {
  height: 100%;
}
.kern-h-auto {
  height: auto;
}
.kern-h-screen {
  height: 100vh;
}
.kern-stack-none {
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-none);
}
.kern-stack-xxs {
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-2x-small);
}
.kern-stack-xs {
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-x-small);
}
.kern-stack-sm {
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-small);
}
.kern-stack-md {
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-default);
}
.kern-stack-lg {
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-large);
}
.kern-stack-xl {
  display: flex;
  flex-direction: column;
  gap: var(--kern-metric-space-x-large);
}
@media (min-width: 576px) {
  .kern-flex-sm {
    display: flex;
  }
  .kern-inline-flex-sm {
    display: inline-flex;
  }
  .kern-grid-sm {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
  }
  .kern-inline-grid-sm {
    display: inline-grid;
  }
  .kern-block-sm {
    display: block;
  }
  .kern-inline-block-sm {
    display: inline-block;
  }
  .kern-inline-sm {
    display: inline;
  }
  .kern-hidden-sm {
    display: none;
  }
  .kern-flex-row-sm {
    flex-direction: row;
  }
  .kern-flex-col-sm {
    flex-direction: column;
  }
  .kern-flex-row-reverse-sm {
    flex-direction: row-reverse;
  }
  .kern-flex-col-reverse-sm {
    flex-direction: column-reverse;
  }
  .kern-flex-wrap-sm {
    flex-wrap: wrap;
  }
  .kern-flex-nowrap-sm {
    flex-wrap: nowrap;
  }
  .kern-flex-wrap-reverse-sm {
    flex-wrap: wrap-reverse;
  }
  .kern-order-0-sm {
    order: 0;
  }
  .kern-order-1-sm {
    order: 1;
  }
  .kern-order-2-sm {
    order: 2;
  }
  .kern-order-3-sm {
    order: 3;
  }
  .kern-order-4-sm {
    order: 4;
  }
  .kern-order-5-sm {
    order: 5;
  }
  .kern-order-6-sm {
    order: 6;
  }
  .kern-order-7-sm {
    order: 7;
  }
  .kern-order-8-sm {
    order: 8;
  }
  .kern-order-9-sm {
    order: 9;
  }
  .kern-order-10-sm {
    order: 10;
  }
  .kern-order-11-sm {
    order: 11;
  }
  .kern-order-12-sm {
    order: 12;
  }
  .kern-order-first-sm {
    order: -9999;
  }
  .kern-order-last-sm {
    order: 9999;
  }
  .kern-justify-content-start-sm {
    justify-content: flex-start;
  }
  .kern-align-content-start-sm {
    align-content: flex-start;
  }
  .kern-justify-content-end-sm {
    justify-content: flex-end;
  }
  .kern-align-content-end-sm {
    align-content: flex-end;
  }
  .kern-justify-content-center-sm {
    justify-content: center;
  }
  .kern-align-content-center-sm {
    align-content: center;
  }
  .kern-justify-content-between-sm {
    justify-content: space-between;
  }
  .kern-align-content-between-sm {
    align-content: space-between;
  }
  .kern-justify-content-around-sm {
    justify-content: space-around;
  }
  .kern-align-content-around-sm {
    align-content: space-around;
  }
  .kern-justify-content-evenly-sm {
    justify-content: space-evenly;
  }
  .kern-align-content-evenly-sm {
    align-content: space-evenly;
  }
  .kern-align-items-start-sm {
    align-items: flex-start;
  }
  .kern-align-items-end-sm {
    align-items: flex-end;
  }
  .kern-align-items-center-sm {
    align-items: center;
  }
  .kern-align-items-stretch-sm {
    align-items: stretch;
  }
  .kern-align-items-baseline-sm {
    align-items: baseline;
  }
  .kern-justify-items-start-sm {
    justify-items: flex-start;
  }
  .kern-justify-items-end-sm {
    justify-items: flex-end;
  }
  .kern-justify-items-center-sm {
    justify-items: center;
  }
  .kern-justify-items-stretch-sm {
    justify-items: stretch;
  }
  .kern-justify-items-baseline-sm {
    justify-items: baseline;
  }
  .kern-place-items-start-sm {
    place-items: flex-start;
  }
  .kern-place-items-end-sm {
    place-items: flex-end;
  }
  .kern-place-items-center-sm {
    place-items: center;
  }
  .kern-place-items-stretch-sm {
    place-items: stretch;
  }
  .kern-place-items-baseline-sm {
    place-items: baseline;
  }
  .kern-place-content-start-sm {
    place-content: flex-start;
  }
  .kern-place-content-end-sm {
    place-content: flex-end;
  }
  .kern-place-content-center-sm {
    place-content: center;
  }
  .kern-place-content-between-sm {
    place-content: space-between;
  }
  .kern-place-content-around-sm {
    place-content: space-around;
  }
  .kern-place-content-evenly-sm {
    place-content: space-evenly;
  }
  .kern-grid-cols-1-sm {
    grid-template-columns: repeat(1,minmax(0,1fr));
  }
  .kern-grid-cols-2-sm {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .kern-grid-cols-3-sm {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .kern-grid-cols-4-sm {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .kern-grid-cols-5-sm {
    grid-template-columns: repeat(5,minmax(0,1fr));
  }
  .kern-grid-cols-6-sm {
    grid-template-columns: repeat(6,minmax(0,1fr));
  }
  .kern-grid-cols-7-sm {
    grid-template-columns: repeat(7,minmax(0,1fr));
  }
  .kern-grid-cols-8-sm {
    grid-template-columns: repeat(8,minmax(0,1fr));
  }
  .kern-grid-cols-9-sm {
    grid-template-columns: repeat(9,minmax(0,1fr));
  }
  .kern-grid-cols-10-sm {
    grid-template-columns: repeat(10,minmax(0,1fr));
  }
  .kern-grid-cols-11-sm {
    grid-template-columns: repeat(11,minmax(0,1fr));
  }
  .kern-grid-cols-12-sm {
    grid-template-columns: repeat(12,minmax(0,1fr));
  }
  .kern-grid-rows-1-sm {
    grid-template-rows: repeat(1,minmax(0,1fr));
  }
  .kern-grid-rows-2-sm {
    grid-template-rows: repeat(2,minmax(0,1fr));
  }
  .kern-grid-rows-3-sm {
    grid-template-rows: repeat(3,minmax(0,1fr));
  }
  .kern-grid-rows-4-sm {
    grid-template-rows: repeat(4,minmax(0,1fr));
  }
  .kern-grid-rows-5-sm {
    grid-template-rows: repeat(5,minmax(0,1fr));
  }
  .kern-grid-rows-6-sm {
    grid-template-rows: repeat(6,minmax(0,1fr));
  }
  .kern-grid-cols-none-sm {
    grid-template-columns: none;
  }
  .kern-grid-rows-none-sm {
    grid-template-rows: none;
  }
  .kern-grid-flow-row-sm {
    grid-auto-flow: row;
  }
  .kern-grid-flow-col-sm {
    grid-auto-flow: column;
  }
  .kern-grid-flow-dense-sm {
    grid-auto-flow: dense;
  }
  .kern-grid-flow-row-dense-sm {
    grid-auto-flow: row dense;
  }
  .kern-grid-flow-col-dense-sm {
    grid-auto-flow: column dense;
  }
  .kern-auto-cols-auto-sm {
    grid-auto-columns: auto;
  }
  .kern-auto-rows-auto-sm {
    grid-auto-rows: auto;
  }
  .kern-auto-cols-min-sm {
    grid-auto-columns: min-content;
  }
  .kern-auto-rows-min-sm {
    grid-auto-rows: min-content;
  }
  .kern-auto-cols-max-sm {
    grid-auto-columns: max-content;
  }
  .kern-auto-rows-max-sm {
    grid-auto-rows: max-content;
  }
  .kern-auto-cols-fr-sm {
    grid-auto-columns: minmax(0,1fr);
  }
  .kern-auto-rows-fr-sm {
    grid-auto-rows: minmax(0,1fr);
  }
  .kern-gap-none-sm {
    gap: var(--kern-metric-space-none);
  }
  .kern-gap-x-none-sm {
    -moz-column-gap: var(--kern-metric-space-none);
         column-gap: var(--kern-metric-space-none);
  }
  .kern-gap-y-none-sm {
    row-gap: var(--kern-metric-space-none);
  }
  .kern-gap-xxs-sm {
    gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-x-xxs-sm {
    -moz-column-gap: var(--kern-metric-space-2x-small);
         column-gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-y-xxs-sm {
    row-gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-xs-sm {
    gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-x-xs-sm {
    -moz-column-gap: var(--kern-metric-space-x-small);
         column-gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-y-xs-sm {
    row-gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-sm-sm {
    gap: var(--kern-metric-space-small);
  }
  .kern-gap-x-sm-sm {
    -moz-column-gap: var(--kern-metric-space-small);
         column-gap: var(--kern-metric-space-small);
  }
  .kern-gap-y-sm-sm {
    row-gap: var(--kern-metric-space-small);
  }
  .kern-gap-md-sm {
    gap: var(--kern-metric-space-default);
  }
  .kern-gap-x-md-sm {
    -moz-column-gap: var(--kern-metric-space-default);
         column-gap: var(--kern-metric-space-default);
  }
  .kern-gap-y-md-sm {
    row-gap: var(--kern-metric-space-default);
  }
  .kern-gap-lg-sm {
    gap: var(--kern-metric-space-large);
  }
  .kern-gap-x-lg-sm {
    -moz-column-gap: var(--kern-metric-space-large);
         column-gap: var(--kern-metric-space-large);
  }
  .kern-gap-y-lg-sm {
    row-gap: var(--kern-metric-space-large);
  }
  .kern-gap-xl-sm {
    gap: var(--kern-metric-space-x-large);
  }
  .kern-gap-x-xl-sm {
    -moz-column-gap: var(--kern-metric-space-x-large);
         column-gap: var(--kern-metric-space-x-large);
  }
  .kern-gap-y-xl-sm {
    row-gap: var(--kern-metric-space-x-large);
  }
  .kern-overflow-auto-sm {
    overflow: auto;
  }
  .kern-overflow-x-auto-sm {
    overflow-x: auto;
  }
  .kern-overflow-y-auto-sm {
    overflow-y: auto;
  }
  .kern-overflow-hidden-sm {
    overflow: hidden;
  }
  .kern-overflow-x-hidden-sm {
    overflow-x: hidden;
  }
  .kern-overflow-y-hidden-sm {
    overflow-y: hidden;
  }
  .kern-overflow-visible-sm {
    overflow: visible;
  }
  .kern-overflow-x-visible-sm {
    overflow-x: visible;
  }
  .kern-overflow-y-visible-sm {
    overflow-y: visible;
  }
  .kern-overflow-scroll-sm {
    overflow: scroll;
  }
  .kern-overflow-x-scroll-sm {
    overflow-x: scroll;
  }
  .kern-overflow-y-scroll-sm {
    overflow-y: scroll;
  }
  .kern-col-1-sm {
    grid-column: auto/span 1;
  }
  .kern-col-2-sm {
    grid-column: auto/span 2;
  }
  .kern-col-3-sm {
    grid-column: auto/span 3;
  }
  .kern-col-4-sm {
    grid-column: auto/span 4;
  }
  .kern-col-5-sm {
    grid-column: auto/span 5;
  }
  .kern-col-6-sm {
    grid-column: auto/span 6;
  }
  .kern-col-7-sm {
    grid-column: auto/span 7;
  }
  .kern-col-8-sm {
    grid-column: auto/span 8;
  }
  .kern-col-9-sm {
    grid-column: auto/span 9;
  }
  .kern-col-10-sm {
    grid-column: auto/span 10;
  }
  .kern-col-11-sm {
    grid-column: auto/span 11;
  }
  .kern-col-12-sm {
    grid-column: auto/span 12;
  }
  .kern-col-start-1-sm {
    grid-column-start: 1;
  }
  .kern-col-end-1-sm {
    grid-column-end: 1;
  }
  .kern-col-start-2-sm {
    grid-column-start: 2;
  }
  .kern-col-end-2-sm {
    grid-column-end: 2;
  }
  .kern-col-start-3-sm {
    grid-column-start: 3;
  }
  .kern-col-end-3-sm {
    grid-column-end: 3;
  }
  .kern-col-start-4-sm {
    grid-column-start: 4;
  }
  .kern-col-end-4-sm {
    grid-column-end: 4;
  }
  .kern-col-start-5-sm {
    grid-column-start: 5;
  }
  .kern-col-end-5-sm {
    grid-column-end: 5;
  }
  .kern-col-start-6-sm {
    grid-column-start: 6;
  }
  .kern-col-end-6-sm {
    grid-column-end: 6;
  }
  .kern-col-start-7-sm {
    grid-column-start: 7;
  }
  .kern-col-end-7-sm {
    grid-column-end: 7;
  }
  .kern-col-start-8-sm {
    grid-column-start: 8;
  }
  .kern-col-end-8-sm {
    grid-column-end: 8;
  }
  .kern-col-start-9-sm {
    grid-column-start: 9;
  }
  .kern-col-end-9-sm {
    grid-column-end: 9;
  }
  .kern-col-start-10-sm {
    grid-column-start: 10;
  }
  .kern-col-end-10-sm {
    grid-column-end: 10;
  }
  .kern-col-start-11-sm {
    grid-column-start: 11;
  }
  .kern-col-end-11-sm {
    grid-column-end: 11;
  }
  .kern-col-start-12-sm {
    grid-column-start: 12;
  }
  .kern-col-end-12-sm {
    grid-column-end: 12;
  }
  .kern-col-start-13-sm {
    grid-column-start: 13;
  }
  .kern-col-end-13-sm {
    grid-column-end: 13;
  }
  .kern-col-full-sm {
    grid-column: 1/-1;
  }
  .kern-col-auto-sm {
    grid-column: auto;
  }
  .kern-col-start-auto-sm {
    grid-column-start: auto;
  }
  .kern-col-end-auto-sm {
    grid-column-end: auto;
  }
  .kern-row-1-sm {
    grid-row: auto/span 1;
  }
  .kern-row-2-sm {
    grid-row: auto/span 2;
  }
  .kern-row-3-sm {
    grid-row: auto/span 3;
  }
  .kern-row-4-sm {
    grid-row: auto/span 4;
  }
  .kern-row-5-sm {
    grid-row: auto/span 5;
  }
  .kern-row-6-sm {
    grid-row: auto/span 6;
  }
  .kern-row-start-1-sm {
    grid-row-start: 1;
  }
  .kern-row-end-1-sm {
    grid-row-end: 1;
  }
  .kern-row-start-2-sm {
    grid-row-start: 2;
  }
  .kern-row-end-2-sm {
    grid-row-end: 2;
  }
  .kern-row-start-3-sm {
    grid-row-start: 3;
  }
  .kern-row-end-3-sm {
    grid-row-end: 3;
  }
  .kern-row-start-4-sm {
    grid-row-start: 4;
  }
  .kern-row-end-4-sm {
    grid-row-end: 4;
  }
  .kern-row-start-5-sm {
    grid-row-start: 5;
  }
  .kern-row-end-5-sm {
    grid-row-end: 5;
  }
  .kern-row-start-6-sm {
    grid-row-start: 6;
  }
  .kern-row-end-6-sm {
    grid-row-end: 6;
  }
  .kern-row-start-7-sm {
    grid-row-start: 7;
  }
  .kern-row-end-7-sm {
    grid-row-end: 7;
  }
  .kern-row-full-sm {
    grid-row: 1/-1;
  }
  .kern-row-auto-sm {
    grid-row: auto;
  }
  .kern-row-start-auto-sm {
    grid-row-start: auto;
  }
  .kern-row-end-auto-sm {
    grid-row-end: auto;
  }
  .kern-flex-1-sm {
    flex: 1 1 0%;
  }
  .kern-flex-auto-sm {
    flex: 1 1 auto;
  }
  .kern-flex-initial-sm {
    flex: 0 1 auto;
  }
  .kern-flex-none-sm {
    flex: none;
  }
  .kern-flex-grow-1-sm {
    flex-grow: 1;
  }
  .kern-flex-grow-2-sm {
    flex-grow: 2;
  }
  .kern-flex-grow-3-sm {
    flex-grow: 3;
  }
  .kern-flex-grow-4-sm {
    flex-grow: 4;
  }
  .kern-flex-grow-5-sm {
    flex-grow: 5;
  }
  .kern-flex-grow-6-sm {
    flex-grow: 6;
  }
  .kern-flex-grow-7-sm {
    flex-grow: 7;
  }
  .kern-flex-grow-8-sm {
    flex-grow: 8;
  }
  .kern-flex-grow-9-sm {
    flex-grow: 9;
  }
  .kern-flex-grow-10-sm {
    flex-grow: 10;
  }
  .kern-flex-grow-11-sm {
    flex-grow: 11;
  }
  .kern-flex-grow-12-sm {
    flex-grow: 12;
  }
  .kern-flex-grow-sm {
    flex-grow: 1;
  }
  .kern-flex-grow-0-sm {
    flex-grow: 0;
  }
  .kern-flex-shrink-sm {
    flex-shrink: 1;
  }
  .kern-flex-shrink-0-sm {
    flex-shrink: 0;
  }
  .kern-basis-auto-sm {
    flex-basis: auto;
  }
  .kern-basis-0-sm {
    flex-basis: 0;
  }
  .kern-basis-full-sm {
    flex-basis: 100%;
  }
  .kern-basis-1-2-sm {
    flex-basis: 50%;
  }
  .kern-basis-1-3-sm {
    flex-basis: 33.333333%;
  }
  .kern-basis-2-3-sm {
    flex-basis: 66.666667%;
  }
  .kern-basis-1-4-sm {
    flex-basis: 25%;
  }
  .kern-basis-3-4-sm {
    flex-basis: 75%;
  }
  .kern-align-self-start-sm {
    align-self: flex-start;
  }
  .kern-align-self-end-sm {
    align-self: flex-end;
  }
  .kern-align-self-center-sm {
    align-self: center;
  }
  .kern-align-self-stretch-sm {
    align-self: stretch;
  }
  .kern-align-self-baseline-sm {
    align-self: baseline;
  }
  .kern-align-self-auto-sm {
    align-self: auto;
  }
  .kern-justify-self-start-sm {
    justify-self: flex-start;
  }
  .kern-justify-self-end-sm {
    justify-self: flex-end;
  }
  .kern-justify-self-center-sm {
    justify-self: center;
  }
  .kern-justify-self-stretch-sm {
    justify-self: stretch;
  }
  .kern-justify-self-baseline-sm {
    justify-self: baseline;
  }
  .kern-justify-self-auto-sm {
    justify-self: auto;
  }
  .kern-place-self-start-sm {
    place-self: flex-start;
  }
  .kern-place-self-end-sm {
    place-self: flex-end;
  }
  .kern-place-self-center-sm {
    place-self: center;
  }
  .kern-place-self-stretch-sm {
    place-self: stretch;
  }
  .kern-place-self-baseline-sm {
    place-self: baseline;
  }
  .kern-place-self-auto-sm {
    place-self: auto;
  }
  .kern-aspect-square-sm {
    aspect-ratio: 1/1;
  }
  .kern-aspect-video-sm {
    aspect-ratio: 16/9;
  }
  .kern-aspect-auto-sm {
    aspect-ratio: auto;
  }
  .kern-min-w-0-sm {
    min-width: 0;
  }
  .kern-min-w-full-sm {
    min-width: 100%;
  }
  .kern-max-w-full-sm {
    max-width: 100%;
  }
  .kern-max-w-none-sm {
    max-width: none;
  }
  .kern-min-h-0-sm {
    min-height: 0;
  }
  .kern-min-h-full-sm {
    min-height: 100%;
  }
  .kern-min-h-screen-sm {
    min-height: 100vh;
  }
  .kern-max-h-full-sm {
    max-height: 100%;
  }
  .kern-max-h-screen-sm {
    max-height: 100vh;
  }
  .kern-w-full-sm {
    width: 100%;
  }
  .kern-w-auto-sm {
    width: auto;
  }
  .kern-w-screen-sm {
    width: 100vw;
  }
  .kern-h-full-sm {
    height: 100%;
  }
  .kern-h-auto-sm {
    height: auto;
  }
  .kern-h-screen-sm {
    height: 100vh;
  }
  .kern-stack-none-sm {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-none);
  }
  .kern-stack-xxs-sm {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-2x-small);
  }
  .kern-stack-xs-sm {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-x-small);
  }
  .kern-stack-sm-sm {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-small);
  }
  .kern-stack-md-sm {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-default);
  }
  .kern-stack-lg-sm {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-large);
  }
  .kern-stack-xl-sm {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-x-large);
  }
}
@media (min-width: 768px) {
  .kern-flex-md {
    display: flex;
  }
  .kern-inline-flex-md {
    display: inline-flex;
  }
  .kern-grid-md {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
  }
  .kern-inline-grid-md {
    display: inline-grid;
  }
  .kern-block-md {
    display: block;
  }
  .kern-inline-block-md {
    display: inline-block;
  }
  .kern-inline-md {
    display: inline;
  }
  .kern-hidden-md {
    display: none;
  }
  .kern-flex-row-md {
    flex-direction: row;
  }
  .kern-flex-col-md {
    flex-direction: column;
  }
  .kern-flex-row-reverse-md {
    flex-direction: row-reverse;
  }
  .kern-flex-col-reverse-md {
    flex-direction: column-reverse;
  }
  .kern-flex-wrap-md {
    flex-wrap: wrap;
  }
  .kern-flex-nowrap-md {
    flex-wrap: nowrap;
  }
  .kern-flex-wrap-reverse-md {
    flex-wrap: wrap-reverse;
  }
  .kern-order-0-md {
    order: 0;
  }
  .kern-order-1-md {
    order: 1;
  }
  .kern-order-2-md {
    order: 2;
  }
  .kern-order-3-md {
    order: 3;
  }
  .kern-order-4-md {
    order: 4;
  }
  .kern-order-5-md {
    order: 5;
  }
  .kern-order-6-md {
    order: 6;
  }
  .kern-order-7-md {
    order: 7;
  }
  .kern-order-8-md {
    order: 8;
  }
  .kern-order-9-md {
    order: 9;
  }
  .kern-order-10-md {
    order: 10;
  }
  .kern-order-11-md {
    order: 11;
  }
  .kern-order-12-md {
    order: 12;
  }
  .kern-order-first-md {
    order: -9999;
  }
  .kern-order-last-md {
    order: 9999;
  }
  .kern-justify-content-start-md {
    justify-content: flex-start;
  }
  .kern-align-content-start-md {
    align-content: flex-start;
  }
  .kern-justify-content-end-md {
    justify-content: flex-end;
  }
  .kern-align-content-end-md {
    align-content: flex-end;
  }
  .kern-justify-content-center-md {
    justify-content: center;
  }
  .kern-align-content-center-md {
    align-content: center;
  }
  .kern-justify-content-between-md {
    justify-content: space-between;
  }
  .kern-align-content-between-md {
    align-content: space-between;
  }
  .kern-justify-content-around-md {
    justify-content: space-around;
  }
  .kern-align-content-around-md {
    align-content: space-around;
  }
  .kern-justify-content-evenly-md {
    justify-content: space-evenly;
  }
  .kern-align-content-evenly-md {
    align-content: space-evenly;
  }
  .kern-align-items-start-md {
    align-items: flex-start;
  }
  .kern-align-items-end-md {
    align-items: flex-end;
  }
  .kern-align-items-center-md {
    align-items: center;
  }
  .kern-align-items-stretch-md {
    align-items: stretch;
  }
  .kern-align-items-baseline-md {
    align-items: baseline;
  }
  .kern-justify-items-start-md {
    justify-items: flex-start;
  }
  .kern-justify-items-end-md {
    justify-items: flex-end;
  }
  .kern-justify-items-center-md {
    justify-items: center;
  }
  .kern-justify-items-stretch-md {
    justify-items: stretch;
  }
  .kern-justify-items-baseline-md {
    justify-items: baseline;
  }
  .kern-place-items-start-md {
    place-items: flex-start;
  }
  .kern-place-items-end-md {
    place-items: flex-end;
  }
  .kern-place-items-center-md {
    place-items: center;
  }
  .kern-place-items-stretch-md {
    place-items: stretch;
  }
  .kern-place-items-baseline-md {
    place-items: baseline;
  }
  .kern-place-content-start-md {
    place-content: flex-start;
  }
  .kern-place-content-end-md {
    place-content: flex-end;
  }
  .kern-place-content-center-md {
    place-content: center;
  }
  .kern-place-content-between-md {
    place-content: space-between;
  }
  .kern-place-content-around-md {
    place-content: space-around;
  }
  .kern-place-content-evenly-md {
    place-content: space-evenly;
  }
  .kern-grid-cols-1-md {
    grid-template-columns: repeat(1,minmax(0,1fr));
  }
  .kern-grid-cols-2-md {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .kern-grid-cols-3-md {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .kern-grid-cols-4-md {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .kern-grid-cols-5-md {
    grid-template-columns: repeat(5,minmax(0,1fr));
  }
  .kern-grid-cols-6-md {
    grid-template-columns: repeat(6,minmax(0,1fr));
  }
  .kern-grid-cols-7-md {
    grid-template-columns: repeat(7,minmax(0,1fr));
  }
  .kern-grid-cols-8-md {
    grid-template-columns: repeat(8,minmax(0,1fr));
  }
  .kern-grid-cols-9-md {
    grid-template-columns: repeat(9,minmax(0,1fr));
  }
  .kern-grid-cols-10-md {
    grid-template-columns: repeat(10,minmax(0,1fr));
  }
  .kern-grid-cols-11-md {
    grid-template-columns: repeat(11,minmax(0,1fr));
  }
  .kern-grid-cols-12-md {
    grid-template-columns: repeat(12,minmax(0,1fr));
  }
  .kern-grid-rows-1-md {
    grid-template-rows: repeat(1,minmax(0,1fr));
  }
  .kern-grid-rows-2-md {
    grid-template-rows: repeat(2,minmax(0,1fr));
  }
  .kern-grid-rows-3-md {
    grid-template-rows: repeat(3,minmax(0,1fr));
  }
  .kern-grid-rows-4-md {
    grid-template-rows: repeat(4,minmax(0,1fr));
  }
  .kern-grid-rows-5-md {
    grid-template-rows: repeat(5,minmax(0,1fr));
  }
  .kern-grid-rows-6-md {
    grid-template-rows: repeat(6,minmax(0,1fr));
  }
  .kern-grid-cols-none-md {
    grid-template-columns: none;
  }
  .kern-grid-rows-none-md {
    grid-template-rows: none;
  }
  .kern-grid-flow-row-md {
    grid-auto-flow: row;
  }
  .kern-grid-flow-col-md {
    grid-auto-flow: column;
  }
  .kern-grid-flow-dense-md {
    grid-auto-flow: dense;
  }
  .kern-grid-flow-row-dense-md {
    grid-auto-flow: row dense;
  }
  .kern-grid-flow-col-dense-md {
    grid-auto-flow: column dense;
  }
  .kern-auto-cols-auto-md {
    grid-auto-columns: auto;
  }
  .kern-auto-rows-auto-md {
    grid-auto-rows: auto;
  }
  .kern-auto-cols-min-md {
    grid-auto-columns: min-content;
  }
  .kern-auto-rows-min-md {
    grid-auto-rows: min-content;
  }
  .kern-auto-cols-max-md {
    grid-auto-columns: max-content;
  }
  .kern-auto-rows-max-md {
    grid-auto-rows: max-content;
  }
  .kern-auto-cols-fr-md {
    grid-auto-columns: minmax(0,1fr);
  }
  .kern-auto-rows-fr-md {
    grid-auto-rows: minmax(0,1fr);
  }
  .kern-gap-none-md {
    gap: var(--kern-metric-space-none);
  }
  .kern-gap-x-none-md {
    -moz-column-gap: var(--kern-metric-space-none);
         column-gap: var(--kern-metric-space-none);
  }
  .kern-gap-y-none-md {
    row-gap: var(--kern-metric-space-none);
  }
  .kern-gap-xxs-md {
    gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-x-xxs-md {
    -moz-column-gap: var(--kern-metric-space-2x-small);
         column-gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-y-xxs-md {
    row-gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-xs-md {
    gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-x-xs-md {
    -moz-column-gap: var(--kern-metric-space-x-small);
         column-gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-y-xs-md {
    row-gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-sm-md {
    gap: var(--kern-metric-space-small);
  }
  .kern-gap-x-sm-md {
    -moz-column-gap: var(--kern-metric-space-small);
         column-gap: var(--kern-metric-space-small);
  }
  .kern-gap-y-sm-md {
    row-gap: var(--kern-metric-space-small);
  }
  .kern-gap-md-md {
    gap: var(--kern-metric-space-default);
  }
  .kern-gap-x-md-md {
    -moz-column-gap: var(--kern-metric-space-default);
         column-gap: var(--kern-metric-space-default);
  }
  .kern-gap-y-md-md {
    row-gap: var(--kern-metric-space-default);
  }
  .kern-gap-lg-md {
    gap: var(--kern-metric-space-large);
  }
  .kern-gap-x-lg-md {
    -moz-column-gap: var(--kern-metric-space-large);
         column-gap: var(--kern-metric-space-large);
  }
  .kern-gap-y-lg-md {
    row-gap: var(--kern-metric-space-large);
  }
  .kern-gap-xl-md {
    gap: var(--kern-metric-space-x-large);
  }
  .kern-gap-x-xl-md {
    -moz-column-gap: var(--kern-metric-space-x-large);
         column-gap: var(--kern-metric-space-x-large);
  }
  .kern-gap-y-xl-md {
    row-gap: var(--kern-metric-space-x-large);
  }
  .kern-overflow-auto-md {
    overflow: auto;
  }
  .kern-overflow-x-auto-md {
    overflow-x: auto;
  }
  .kern-overflow-y-auto-md {
    overflow-y: auto;
  }
  .kern-overflow-hidden-md {
    overflow: hidden;
  }
  .kern-overflow-x-hidden-md {
    overflow-x: hidden;
  }
  .kern-overflow-y-hidden-md {
    overflow-y: hidden;
  }
  .kern-overflow-visible-md {
    overflow: visible;
  }
  .kern-overflow-x-visible-md {
    overflow-x: visible;
  }
  .kern-overflow-y-visible-md {
    overflow-y: visible;
  }
  .kern-overflow-scroll-md {
    overflow: scroll;
  }
  .kern-overflow-x-scroll-md {
    overflow-x: scroll;
  }
  .kern-overflow-y-scroll-md {
    overflow-y: scroll;
  }
  .kern-col-1-md {
    grid-column: auto/span 1;
  }
  .kern-col-2-md {
    grid-column: auto/span 2;
  }
  .kern-col-3-md {
    grid-column: auto/span 3;
  }
  .kern-col-4-md {
    grid-column: auto/span 4;
  }
  .kern-col-5-md {
    grid-column: auto/span 5;
  }
  .kern-col-6-md {
    grid-column: auto/span 6;
  }
  .kern-col-7-md {
    grid-column: auto/span 7;
  }
  .kern-col-8-md {
    grid-column: auto/span 8;
  }
  .kern-col-9-md {
    grid-column: auto/span 9;
  }
  .kern-col-10-md {
    grid-column: auto/span 10;
  }
  .kern-col-11-md {
    grid-column: auto/span 11;
  }
  .kern-col-12-md {
    grid-column: auto/span 12;
  }
  .kern-col-start-1-md {
    grid-column-start: 1;
  }
  .kern-col-end-1-md {
    grid-column-end: 1;
  }
  .kern-col-start-2-md {
    grid-column-start: 2;
  }
  .kern-col-end-2-md {
    grid-column-end: 2;
  }
  .kern-col-start-3-md {
    grid-column-start: 3;
  }
  .kern-col-end-3-md {
    grid-column-end: 3;
  }
  .kern-col-start-4-md {
    grid-column-start: 4;
  }
  .kern-col-end-4-md {
    grid-column-end: 4;
  }
  .kern-col-start-5-md {
    grid-column-start: 5;
  }
  .kern-col-end-5-md {
    grid-column-end: 5;
  }
  .kern-col-start-6-md {
    grid-column-start: 6;
  }
  .kern-col-end-6-md {
    grid-column-end: 6;
  }
  .kern-col-start-7-md {
    grid-column-start: 7;
  }
  .kern-col-end-7-md {
    grid-column-end: 7;
  }
  .kern-col-start-8-md {
    grid-column-start: 8;
  }
  .kern-col-end-8-md {
    grid-column-end: 8;
  }
  .kern-col-start-9-md {
    grid-column-start: 9;
  }
  .kern-col-end-9-md {
    grid-column-end: 9;
  }
  .kern-col-start-10-md {
    grid-column-start: 10;
  }
  .kern-col-end-10-md {
    grid-column-end: 10;
  }
  .kern-col-start-11-md {
    grid-column-start: 11;
  }
  .kern-col-end-11-md {
    grid-column-end: 11;
  }
  .kern-col-start-12-md {
    grid-column-start: 12;
  }
  .kern-col-end-12-md {
    grid-column-end: 12;
  }
  .kern-col-start-13-md {
    grid-column-start: 13;
  }
  .kern-col-end-13-md {
    grid-column-end: 13;
  }
  .kern-col-full-md {
    grid-column: 1/-1;
  }
  .kern-col-auto-md {
    grid-column: auto;
  }
  .kern-col-start-auto-md {
    grid-column-start: auto;
  }
  .kern-col-end-auto-md {
    grid-column-end: auto;
  }
  .kern-row-1-md {
    grid-row: auto/span 1;
  }
  .kern-row-2-md {
    grid-row: auto/span 2;
  }
  .kern-row-3-md {
    grid-row: auto/span 3;
  }
  .kern-row-4-md {
    grid-row: auto/span 4;
  }
  .kern-row-5-md {
    grid-row: auto/span 5;
  }
  .kern-row-6-md {
    grid-row: auto/span 6;
  }
  .kern-row-start-1-md {
    grid-row-start: 1;
  }
  .kern-row-end-1-md {
    grid-row-end: 1;
  }
  .kern-row-start-2-md {
    grid-row-start: 2;
  }
  .kern-row-end-2-md {
    grid-row-end: 2;
  }
  .kern-row-start-3-md {
    grid-row-start: 3;
  }
  .kern-row-end-3-md {
    grid-row-end: 3;
  }
  .kern-row-start-4-md {
    grid-row-start: 4;
  }
  .kern-row-end-4-md {
    grid-row-end: 4;
  }
  .kern-row-start-5-md {
    grid-row-start: 5;
  }
  .kern-row-end-5-md {
    grid-row-end: 5;
  }
  .kern-row-start-6-md {
    grid-row-start: 6;
  }
  .kern-row-end-6-md {
    grid-row-end: 6;
  }
  .kern-row-start-7-md {
    grid-row-start: 7;
  }
  .kern-row-end-7-md {
    grid-row-end: 7;
  }
  .kern-row-full-md {
    grid-row: 1/-1;
  }
  .kern-row-auto-md {
    grid-row: auto;
  }
  .kern-row-start-auto-md {
    grid-row-start: auto;
  }
  .kern-row-end-auto-md {
    grid-row-end: auto;
  }
  .kern-flex-1-md {
    flex: 1 1 0%;
  }
  .kern-flex-auto-md {
    flex: 1 1 auto;
  }
  .kern-flex-initial-md {
    flex: 0 1 auto;
  }
  .kern-flex-none-md {
    flex: none;
  }
  .kern-flex-grow-1-md {
    flex-grow: 1;
  }
  .kern-flex-grow-2-md {
    flex-grow: 2;
  }
  .kern-flex-grow-3-md {
    flex-grow: 3;
  }
  .kern-flex-grow-4-md {
    flex-grow: 4;
  }
  .kern-flex-grow-5-md {
    flex-grow: 5;
  }
  .kern-flex-grow-6-md {
    flex-grow: 6;
  }
  .kern-flex-grow-7-md {
    flex-grow: 7;
  }
  .kern-flex-grow-8-md {
    flex-grow: 8;
  }
  .kern-flex-grow-9-md {
    flex-grow: 9;
  }
  .kern-flex-grow-10-md {
    flex-grow: 10;
  }
  .kern-flex-grow-11-md {
    flex-grow: 11;
  }
  .kern-flex-grow-12-md {
    flex-grow: 12;
  }
  .kern-flex-grow-md {
    flex-grow: 1;
  }
  .kern-flex-grow-0-md {
    flex-grow: 0;
  }
  .kern-flex-shrink-md {
    flex-shrink: 1;
  }
  .kern-flex-shrink-0-md {
    flex-shrink: 0;
  }
  .kern-basis-auto-md {
    flex-basis: auto;
  }
  .kern-basis-0-md {
    flex-basis: 0;
  }
  .kern-basis-full-md {
    flex-basis: 100%;
  }
  .kern-basis-1-2-md {
    flex-basis: 50%;
  }
  .kern-basis-1-3-md {
    flex-basis: 33.333333%;
  }
  .kern-basis-2-3-md {
    flex-basis: 66.666667%;
  }
  .kern-basis-1-4-md {
    flex-basis: 25%;
  }
  .kern-basis-3-4-md {
    flex-basis: 75%;
  }
  .kern-align-self-start-md {
    align-self: flex-start;
  }
  .kern-align-self-end-md {
    align-self: flex-end;
  }
  .kern-align-self-center-md {
    align-self: center;
  }
  .kern-align-self-stretch-md {
    align-self: stretch;
  }
  .kern-align-self-baseline-md {
    align-self: baseline;
  }
  .kern-align-self-auto-md {
    align-self: auto;
  }
  .kern-justify-self-start-md {
    justify-self: flex-start;
  }
  .kern-justify-self-end-md {
    justify-self: flex-end;
  }
  .kern-justify-self-center-md {
    justify-self: center;
  }
  .kern-justify-self-stretch-md {
    justify-self: stretch;
  }
  .kern-justify-self-baseline-md {
    justify-self: baseline;
  }
  .kern-justify-self-auto-md {
    justify-self: auto;
  }
  .kern-place-self-start-md {
    place-self: flex-start;
  }
  .kern-place-self-end-md {
    place-self: flex-end;
  }
  .kern-place-self-center-md {
    place-self: center;
  }
  .kern-place-self-stretch-md {
    place-self: stretch;
  }
  .kern-place-self-baseline-md {
    place-self: baseline;
  }
  .kern-place-self-auto-md {
    place-self: auto;
  }
  .kern-aspect-square-md {
    aspect-ratio: 1/1;
  }
  .kern-aspect-video-md {
    aspect-ratio: 16/9;
  }
  .kern-aspect-auto-md {
    aspect-ratio: auto;
  }
  .kern-min-w-0-md {
    min-width: 0;
  }
  .kern-min-w-full-md {
    min-width: 100%;
  }
  .kern-max-w-full-md {
    max-width: 100%;
  }
  .kern-max-w-none-md {
    max-width: none;
  }
  .kern-min-h-0-md {
    min-height: 0;
  }
  .kern-min-h-full-md {
    min-height: 100%;
  }
  .kern-min-h-screen-md {
    min-height: 100vh;
  }
  .kern-max-h-full-md {
    max-height: 100%;
  }
  .kern-max-h-screen-md {
    max-height: 100vh;
  }
  .kern-w-full-md {
    width: 100%;
  }
  .kern-w-auto-md {
    width: auto;
  }
  .kern-w-screen-md {
    width: 100vw;
  }
  .kern-h-full-md {
    height: 100%;
  }
  .kern-h-auto-md {
    height: auto;
  }
  .kern-h-screen-md {
    height: 100vh;
  }
  .kern-stack-none-md {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-none);
  }
  .kern-stack-xxs-md {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-2x-small);
  }
  .kern-stack-xs-md {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-x-small);
  }
  .kern-stack-sm-md {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-small);
  }
  .kern-stack-md-md {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-default);
  }
  .kern-stack-lg-md {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-large);
  }
  .kern-stack-xl-md {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-x-large);
  }
}
@media (min-width: 992px) {
  .kern-flex-lg {
    display: flex;
  }
  .kern-inline-flex-lg {
    display: inline-flex;
  }
  .kern-grid-lg {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
  }
  .kern-inline-grid-lg {
    display: inline-grid;
  }
  .kern-block-lg {
    display: block;
  }
  .kern-inline-block-lg {
    display: inline-block;
  }
  .kern-inline-lg {
    display: inline;
  }
  .kern-hidden-lg {
    display: none;
  }
  .kern-flex-row-lg {
    flex-direction: row;
  }
  .kern-flex-col-lg {
    flex-direction: column;
  }
  .kern-flex-row-reverse-lg {
    flex-direction: row-reverse;
  }
  .kern-flex-col-reverse-lg {
    flex-direction: column-reverse;
  }
  .kern-flex-wrap-lg {
    flex-wrap: wrap;
  }
  .kern-flex-nowrap-lg {
    flex-wrap: nowrap;
  }
  .kern-flex-wrap-reverse-lg {
    flex-wrap: wrap-reverse;
  }
  .kern-order-0-lg {
    order: 0;
  }
  .kern-order-1-lg {
    order: 1;
  }
  .kern-order-2-lg {
    order: 2;
  }
  .kern-order-3-lg {
    order: 3;
  }
  .kern-order-4-lg {
    order: 4;
  }
  .kern-order-5-lg {
    order: 5;
  }
  .kern-order-6-lg {
    order: 6;
  }
  .kern-order-7-lg {
    order: 7;
  }
  .kern-order-8-lg {
    order: 8;
  }
  .kern-order-9-lg {
    order: 9;
  }
  .kern-order-10-lg {
    order: 10;
  }
  .kern-order-11-lg {
    order: 11;
  }
  .kern-order-12-lg {
    order: 12;
  }
  .kern-order-first-lg {
    order: -9999;
  }
  .kern-order-last-lg {
    order: 9999;
  }
  .kern-justify-content-start-lg {
    justify-content: flex-start;
  }
  .kern-align-content-start-lg {
    align-content: flex-start;
  }
  .kern-justify-content-end-lg {
    justify-content: flex-end;
  }
  .kern-align-content-end-lg {
    align-content: flex-end;
  }
  .kern-justify-content-center-lg {
    justify-content: center;
  }
  .kern-align-content-center-lg {
    align-content: center;
  }
  .kern-justify-content-between-lg {
    justify-content: space-between;
  }
  .kern-align-content-between-lg {
    align-content: space-between;
  }
  .kern-justify-content-around-lg {
    justify-content: space-around;
  }
  .kern-align-content-around-lg {
    align-content: space-around;
  }
  .kern-justify-content-evenly-lg {
    justify-content: space-evenly;
  }
  .kern-align-content-evenly-lg {
    align-content: space-evenly;
  }
  .kern-align-items-start-lg {
    align-items: flex-start;
  }
  .kern-align-items-end-lg {
    align-items: flex-end;
  }
  .kern-align-items-center-lg {
    align-items: center;
  }
  .kern-align-items-stretch-lg {
    align-items: stretch;
  }
  .kern-align-items-baseline-lg {
    align-items: baseline;
  }
  .kern-justify-items-start-lg {
    justify-items: flex-start;
  }
  .kern-justify-items-end-lg {
    justify-items: flex-end;
  }
  .kern-justify-items-center-lg {
    justify-items: center;
  }
  .kern-justify-items-stretch-lg {
    justify-items: stretch;
  }
  .kern-justify-items-baseline-lg {
    justify-items: baseline;
  }
  .kern-place-items-start-lg {
    place-items: flex-start;
  }
  .kern-place-items-end-lg {
    place-items: flex-end;
  }
  .kern-place-items-center-lg {
    place-items: center;
  }
  .kern-place-items-stretch-lg {
    place-items: stretch;
  }
  .kern-place-items-baseline-lg {
    place-items: baseline;
  }
  .kern-place-content-start-lg {
    place-content: flex-start;
  }
  .kern-place-content-end-lg {
    place-content: flex-end;
  }
  .kern-place-content-center-lg {
    place-content: center;
  }
  .kern-place-content-between-lg {
    place-content: space-between;
  }
  .kern-place-content-around-lg {
    place-content: space-around;
  }
  .kern-place-content-evenly-lg {
    place-content: space-evenly;
  }
  .kern-grid-cols-1-lg {
    grid-template-columns: repeat(1,minmax(0,1fr));
  }
  .kern-grid-cols-2-lg {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .kern-grid-cols-3-lg {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .kern-grid-cols-4-lg {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .kern-grid-cols-5-lg {
    grid-template-columns: repeat(5,minmax(0,1fr));
  }
  .kern-grid-cols-6-lg {
    grid-template-columns: repeat(6,minmax(0,1fr));
  }
  .kern-grid-cols-7-lg {
    grid-template-columns: repeat(7,minmax(0,1fr));
  }
  .kern-grid-cols-8-lg {
    grid-template-columns: repeat(8,minmax(0,1fr));
  }
  .kern-grid-cols-9-lg {
    grid-template-columns: repeat(9,minmax(0,1fr));
  }
  .kern-grid-cols-10-lg {
    grid-template-columns: repeat(10,minmax(0,1fr));
  }
  .kern-grid-cols-11-lg {
    grid-template-columns: repeat(11,minmax(0,1fr));
  }
  .kern-grid-cols-12-lg {
    grid-template-columns: repeat(12,minmax(0,1fr));
  }
  .kern-grid-rows-1-lg {
    grid-template-rows: repeat(1,minmax(0,1fr));
  }
  .kern-grid-rows-2-lg {
    grid-template-rows: repeat(2,minmax(0,1fr));
  }
  .kern-grid-rows-3-lg {
    grid-template-rows: repeat(3,minmax(0,1fr));
  }
  .kern-grid-rows-4-lg {
    grid-template-rows: repeat(4,minmax(0,1fr));
  }
  .kern-grid-rows-5-lg {
    grid-template-rows: repeat(5,minmax(0,1fr));
  }
  .kern-grid-rows-6-lg {
    grid-template-rows: repeat(6,minmax(0,1fr));
  }
  .kern-grid-cols-none-lg {
    grid-template-columns: none;
  }
  .kern-grid-rows-none-lg {
    grid-template-rows: none;
  }
  .kern-grid-flow-row-lg {
    grid-auto-flow: row;
  }
  .kern-grid-flow-col-lg {
    grid-auto-flow: column;
  }
  .kern-grid-flow-dense-lg {
    grid-auto-flow: dense;
  }
  .kern-grid-flow-row-dense-lg {
    grid-auto-flow: row dense;
  }
  .kern-grid-flow-col-dense-lg {
    grid-auto-flow: column dense;
  }
  .kern-auto-cols-auto-lg {
    grid-auto-columns: auto;
  }
  .kern-auto-rows-auto-lg {
    grid-auto-rows: auto;
  }
  .kern-auto-cols-min-lg {
    grid-auto-columns: min-content;
  }
  .kern-auto-rows-min-lg {
    grid-auto-rows: min-content;
  }
  .kern-auto-cols-max-lg {
    grid-auto-columns: max-content;
  }
  .kern-auto-rows-max-lg {
    grid-auto-rows: max-content;
  }
  .kern-auto-cols-fr-lg {
    grid-auto-columns: minmax(0,1fr);
  }
  .kern-auto-rows-fr-lg {
    grid-auto-rows: minmax(0,1fr);
  }
  .kern-gap-none-lg {
    gap: var(--kern-metric-space-none);
  }
  .kern-gap-x-none-lg {
    -moz-column-gap: var(--kern-metric-space-none);
         column-gap: var(--kern-metric-space-none);
  }
  .kern-gap-y-none-lg {
    row-gap: var(--kern-metric-space-none);
  }
  .kern-gap-xxs-lg {
    gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-x-xxs-lg {
    -moz-column-gap: var(--kern-metric-space-2x-small);
         column-gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-y-xxs-lg {
    row-gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-xs-lg {
    gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-x-xs-lg {
    -moz-column-gap: var(--kern-metric-space-x-small);
         column-gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-y-xs-lg {
    row-gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-sm-lg {
    gap: var(--kern-metric-space-small);
  }
  .kern-gap-x-sm-lg {
    -moz-column-gap: var(--kern-metric-space-small);
         column-gap: var(--kern-metric-space-small);
  }
  .kern-gap-y-sm-lg {
    row-gap: var(--kern-metric-space-small);
  }
  .kern-gap-md-lg {
    gap: var(--kern-metric-space-default);
  }
  .kern-gap-x-md-lg {
    -moz-column-gap: var(--kern-metric-space-default);
         column-gap: var(--kern-metric-space-default);
  }
  .kern-gap-y-md-lg {
    row-gap: var(--kern-metric-space-default);
  }
  .kern-gap-lg-lg {
    gap: var(--kern-metric-space-large);
  }
  .kern-gap-x-lg-lg {
    -moz-column-gap: var(--kern-metric-space-large);
         column-gap: var(--kern-metric-space-large);
  }
  .kern-gap-y-lg-lg {
    row-gap: var(--kern-metric-space-large);
  }
  .kern-gap-xl-lg {
    gap: var(--kern-metric-space-x-large);
  }
  .kern-gap-x-xl-lg {
    -moz-column-gap: var(--kern-metric-space-x-large);
         column-gap: var(--kern-metric-space-x-large);
  }
  .kern-gap-y-xl-lg {
    row-gap: var(--kern-metric-space-x-large);
  }
  .kern-overflow-auto-lg {
    overflow: auto;
  }
  .kern-overflow-x-auto-lg {
    overflow-x: auto;
  }
  .kern-overflow-y-auto-lg {
    overflow-y: auto;
  }
  .kern-overflow-hidden-lg {
    overflow: hidden;
  }
  .kern-overflow-x-hidden-lg {
    overflow-x: hidden;
  }
  .kern-overflow-y-hidden-lg {
    overflow-y: hidden;
  }
  .kern-overflow-visible-lg {
    overflow: visible;
  }
  .kern-overflow-x-visible-lg {
    overflow-x: visible;
  }
  .kern-overflow-y-visible-lg {
    overflow-y: visible;
  }
  .kern-overflow-scroll-lg {
    overflow: scroll;
  }
  .kern-overflow-x-scroll-lg {
    overflow-x: scroll;
  }
  .kern-overflow-y-scroll-lg {
    overflow-y: scroll;
  }
  .kern-col-1-lg {
    grid-column: auto/span 1;
  }
  .kern-col-2-lg {
    grid-column: auto/span 2;
  }
  .kern-col-3-lg {
    grid-column: auto/span 3;
  }
  .kern-col-4-lg {
    grid-column: auto/span 4;
  }
  .kern-col-5-lg {
    grid-column: auto/span 5;
  }
  .kern-col-6-lg {
    grid-column: auto/span 6;
  }
  .kern-col-7-lg {
    grid-column: auto/span 7;
  }
  .kern-col-8-lg {
    grid-column: auto/span 8;
  }
  .kern-col-9-lg {
    grid-column: auto/span 9;
  }
  .kern-col-10-lg {
    grid-column: auto/span 10;
  }
  .kern-col-11-lg {
    grid-column: auto/span 11;
  }
  .kern-col-12-lg {
    grid-column: auto/span 12;
  }
  .kern-col-start-1-lg {
    grid-column-start: 1;
  }
  .kern-col-end-1-lg {
    grid-column-end: 1;
  }
  .kern-col-start-2-lg {
    grid-column-start: 2;
  }
  .kern-col-end-2-lg {
    grid-column-end: 2;
  }
  .kern-col-start-3-lg {
    grid-column-start: 3;
  }
  .kern-col-end-3-lg {
    grid-column-end: 3;
  }
  .kern-col-start-4-lg {
    grid-column-start: 4;
  }
  .kern-col-end-4-lg {
    grid-column-end: 4;
  }
  .kern-col-start-5-lg {
    grid-column-start: 5;
  }
  .kern-col-end-5-lg {
    grid-column-end: 5;
  }
  .kern-col-start-6-lg {
    grid-column-start: 6;
  }
  .kern-col-end-6-lg {
    grid-column-end: 6;
  }
  .kern-col-start-7-lg {
    grid-column-start: 7;
  }
  .kern-col-end-7-lg {
    grid-column-end: 7;
  }
  .kern-col-start-8-lg {
    grid-column-start: 8;
  }
  .kern-col-end-8-lg {
    grid-column-end: 8;
  }
  .kern-col-start-9-lg {
    grid-column-start: 9;
  }
  .kern-col-end-9-lg {
    grid-column-end: 9;
  }
  .kern-col-start-10-lg {
    grid-column-start: 10;
  }
  .kern-col-end-10-lg {
    grid-column-end: 10;
  }
  .kern-col-start-11-lg {
    grid-column-start: 11;
  }
  .kern-col-end-11-lg {
    grid-column-end: 11;
  }
  .kern-col-start-12-lg {
    grid-column-start: 12;
  }
  .kern-col-end-12-lg {
    grid-column-end: 12;
  }
  .kern-col-start-13-lg {
    grid-column-start: 13;
  }
  .kern-col-end-13-lg {
    grid-column-end: 13;
  }
  .kern-col-full-lg {
    grid-column: 1/-1;
  }
  .kern-col-auto-lg {
    grid-column: auto;
  }
  .kern-col-start-auto-lg {
    grid-column-start: auto;
  }
  .kern-col-end-auto-lg {
    grid-column-end: auto;
  }
  .kern-row-1-lg {
    grid-row: auto/span 1;
  }
  .kern-row-2-lg {
    grid-row: auto/span 2;
  }
  .kern-row-3-lg {
    grid-row: auto/span 3;
  }
  .kern-row-4-lg {
    grid-row: auto/span 4;
  }
  .kern-row-5-lg {
    grid-row: auto/span 5;
  }
  .kern-row-6-lg {
    grid-row: auto/span 6;
  }
  .kern-row-start-1-lg {
    grid-row-start: 1;
  }
  .kern-row-end-1-lg {
    grid-row-end: 1;
  }
  .kern-row-start-2-lg {
    grid-row-start: 2;
  }
  .kern-row-end-2-lg {
    grid-row-end: 2;
  }
  .kern-row-start-3-lg {
    grid-row-start: 3;
  }
  .kern-row-end-3-lg {
    grid-row-end: 3;
  }
  .kern-row-start-4-lg {
    grid-row-start: 4;
  }
  .kern-row-end-4-lg {
    grid-row-end: 4;
  }
  .kern-row-start-5-lg {
    grid-row-start: 5;
  }
  .kern-row-end-5-lg {
    grid-row-end: 5;
  }
  .kern-row-start-6-lg {
    grid-row-start: 6;
  }
  .kern-row-end-6-lg {
    grid-row-end: 6;
  }
  .kern-row-start-7-lg {
    grid-row-start: 7;
  }
  .kern-row-end-7-lg {
    grid-row-end: 7;
  }
  .kern-row-full-lg {
    grid-row: 1/-1;
  }
  .kern-row-auto-lg {
    grid-row: auto;
  }
  .kern-row-start-auto-lg {
    grid-row-start: auto;
  }
  .kern-row-end-auto-lg {
    grid-row-end: auto;
  }
  .kern-flex-1-lg {
    flex: 1 1 0%;
  }
  .kern-flex-auto-lg {
    flex: 1 1 auto;
  }
  .kern-flex-initial-lg {
    flex: 0 1 auto;
  }
  .kern-flex-none-lg {
    flex: none;
  }
  .kern-flex-grow-1-lg {
    flex-grow: 1;
  }
  .kern-flex-grow-2-lg {
    flex-grow: 2;
  }
  .kern-flex-grow-3-lg {
    flex-grow: 3;
  }
  .kern-flex-grow-4-lg {
    flex-grow: 4;
  }
  .kern-flex-grow-5-lg {
    flex-grow: 5;
  }
  .kern-flex-grow-6-lg {
    flex-grow: 6;
  }
  .kern-flex-grow-7-lg {
    flex-grow: 7;
  }
  .kern-flex-grow-8-lg {
    flex-grow: 8;
  }
  .kern-flex-grow-9-lg {
    flex-grow: 9;
  }
  .kern-flex-grow-10-lg {
    flex-grow: 10;
  }
  .kern-flex-grow-11-lg {
    flex-grow: 11;
  }
  .kern-flex-grow-12-lg {
    flex-grow: 12;
  }
  .kern-flex-grow-lg {
    flex-grow: 1;
  }
  .kern-flex-grow-0-lg {
    flex-grow: 0;
  }
  .kern-flex-shrink-lg {
    flex-shrink: 1;
  }
  .kern-flex-shrink-0-lg {
    flex-shrink: 0;
  }
  .kern-basis-auto-lg {
    flex-basis: auto;
  }
  .kern-basis-0-lg {
    flex-basis: 0;
  }
  .kern-basis-full-lg {
    flex-basis: 100%;
  }
  .kern-basis-1-2-lg {
    flex-basis: 50%;
  }
  .kern-basis-1-3-lg {
    flex-basis: 33.333333%;
  }
  .kern-basis-2-3-lg {
    flex-basis: 66.666667%;
  }
  .kern-basis-1-4-lg {
    flex-basis: 25%;
  }
  .kern-basis-3-4-lg {
    flex-basis: 75%;
  }
  .kern-align-self-start-lg {
    align-self: flex-start;
  }
  .kern-align-self-end-lg {
    align-self: flex-end;
  }
  .kern-align-self-center-lg {
    align-self: center;
  }
  .kern-align-self-stretch-lg {
    align-self: stretch;
  }
  .kern-align-self-baseline-lg {
    align-self: baseline;
  }
  .kern-align-self-auto-lg {
    align-self: auto;
  }
  .kern-justify-self-start-lg {
    justify-self: flex-start;
  }
  .kern-justify-self-end-lg {
    justify-self: flex-end;
  }
  .kern-justify-self-center-lg {
    justify-self: center;
  }
  .kern-justify-self-stretch-lg {
    justify-self: stretch;
  }
  .kern-justify-self-baseline-lg {
    justify-self: baseline;
  }
  .kern-justify-self-auto-lg {
    justify-self: auto;
  }
  .kern-place-self-start-lg {
    place-self: flex-start;
  }
  .kern-place-self-end-lg {
    place-self: flex-end;
  }
  .kern-place-self-center-lg {
    place-self: center;
  }
  .kern-place-self-stretch-lg {
    place-self: stretch;
  }
  .kern-place-self-baseline-lg {
    place-self: baseline;
  }
  .kern-place-self-auto-lg {
    place-self: auto;
  }
  .kern-aspect-square-lg {
    aspect-ratio: 1/1;
  }
  .kern-aspect-video-lg {
    aspect-ratio: 16/9;
  }
  .kern-aspect-auto-lg {
    aspect-ratio: auto;
  }
  .kern-min-w-0-lg {
    min-width: 0;
  }
  .kern-min-w-full-lg {
    min-width: 100%;
  }
  .kern-max-w-full-lg {
    max-width: 100%;
  }
  .kern-max-w-none-lg {
    max-width: none;
  }
  .kern-min-h-0-lg {
    min-height: 0;
  }
  .kern-min-h-full-lg {
    min-height: 100%;
  }
  .kern-min-h-screen-lg {
    min-height: 100vh;
  }
  .kern-max-h-full-lg {
    max-height: 100%;
  }
  .kern-max-h-screen-lg {
    max-height: 100vh;
  }
  .kern-w-full-lg {
    width: 100%;
  }
  .kern-w-auto-lg {
    width: auto;
  }
  .kern-w-screen-lg {
    width: 100vw;
  }
  .kern-h-full-lg {
    height: 100%;
  }
  .kern-h-auto-lg {
    height: auto;
  }
  .kern-h-screen-lg {
    height: 100vh;
  }
  .kern-stack-none-lg {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-none);
  }
  .kern-stack-xxs-lg {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-2x-small);
  }
  .kern-stack-xs-lg {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-x-small);
  }
  .kern-stack-sm-lg {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-small);
  }
  .kern-stack-md-lg {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-default);
  }
  .kern-stack-lg-lg {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-large);
  }
  .kern-stack-xl-lg {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-x-large);
  }
}
@media (min-width: 1200px) {
  .kern-flex-xl {
    display: flex;
  }
  .kern-inline-flex-xl {
    display: inline-flex;
  }
  .kern-grid-xl {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
  }
  .kern-inline-grid-xl {
    display: inline-grid;
  }
  .kern-block-xl {
    display: block;
  }
  .kern-inline-block-xl {
    display: inline-block;
  }
  .kern-inline-xl {
    display: inline;
  }
  .kern-hidden-xl {
    display: none;
  }
  .kern-flex-row-xl {
    flex-direction: row;
  }
  .kern-flex-col-xl {
    flex-direction: column;
  }
  .kern-flex-row-reverse-xl {
    flex-direction: row-reverse;
  }
  .kern-flex-col-reverse-xl {
    flex-direction: column-reverse;
  }
  .kern-flex-wrap-xl {
    flex-wrap: wrap;
  }
  .kern-flex-nowrap-xl {
    flex-wrap: nowrap;
  }
  .kern-flex-wrap-reverse-xl {
    flex-wrap: wrap-reverse;
  }
  .kern-order-0-xl {
    order: 0;
  }
  .kern-order-1-xl {
    order: 1;
  }
  .kern-order-2-xl {
    order: 2;
  }
  .kern-order-3-xl {
    order: 3;
  }
  .kern-order-4-xl {
    order: 4;
  }
  .kern-order-5-xl {
    order: 5;
  }
  .kern-order-6-xl {
    order: 6;
  }
  .kern-order-7-xl {
    order: 7;
  }
  .kern-order-8-xl {
    order: 8;
  }
  .kern-order-9-xl {
    order: 9;
  }
  .kern-order-10-xl {
    order: 10;
  }
  .kern-order-11-xl {
    order: 11;
  }
  .kern-order-12-xl {
    order: 12;
  }
  .kern-order-first-xl {
    order: -9999;
  }
  .kern-order-last-xl {
    order: 9999;
  }
  .kern-justify-content-start-xl {
    justify-content: flex-start;
  }
  .kern-align-content-start-xl {
    align-content: flex-start;
  }
  .kern-justify-content-end-xl {
    justify-content: flex-end;
  }
  .kern-align-content-end-xl {
    align-content: flex-end;
  }
  .kern-justify-content-center-xl {
    justify-content: center;
  }
  .kern-align-content-center-xl {
    align-content: center;
  }
  .kern-justify-content-between-xl {
    justify-content: space-between;
  }
  .kern-align-content-between-xl {
    align-content: space-between;
  }
  .kern-justify-content-around-xl {
    justify-content: space-around;
  }
  .kern-align-content-around-xl {
    align-content: space-around;
  }
  .kern-justify-content-evenly-xl {
    justify-content: space-evenly;
  }
  .kern-align-content-evenly-xl {
    align-content: space-evenly;
  }
  .kern-align-items-start-xl {
    align-items: flex-start;
  }
  .kern-align-items-end-xl {
    align-items: flex-end;
  }
  .kern-align-items-center-xl {
    align-items: center;
  }
  .kern-align-items-stretch-xl {
    align-items: stretch;
  }
  .kern-align-items-baseline-xl {
    align-items: baseline;
  }
  .kern-justify-items-start-xl {
    justify-items: flex-start;
  }
  .kern-justify-items-end-xl {
    justify-items: flex-end;
  }
  .kern-justify-items-center-xl {
    justify-items: center;
  }
  .kern-justify-items-stretch-xl {
    justify-items: stretch;
  }
  .kern-justify-items-baseline-xl {
    justify-items: baseline;
  }
  .kern-place-items-start-xl {
    place-items: flex-start;
  }
  .kern-place-items-end-xl {
    place-items: flex-end;
  }
  .kern-place-items-center-xl {
    place-items: center;
  }
  .kern-place-items-stretch-xl {
    place-items: stretch;
  }
  .kern-place-items-baseline-xl {
    place-items: baseline;
  }
  .kern-place-content-start-xl {
    place-content: flex-start;
  }
  .kern-place-content-end-xl {
    place-content: flex-end;
  }
  .kern-place-content-center-xl {
    place-content: center;
  }
  .kern-place-content-between-xl {
    place-content: space-between;
  }
  .kern-place-content-around-xl {
    place-content: space-around;
  }
  .kern-place-content-evenly-xl {
    place-content: space-evenly;
  }
  .kern-grid-cols-1-xl {
    grid-template-columns: repeat(1,minmax(0,1fr));
  }
  .kern-grid-cols-2-xl {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .kern-grid-cols-3-xl {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .kern-grid-cols-4-xl {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .kern-grid-cols-5-xl {
    grid-template-columns: repeat(5,minmax(0,1fr));
  }
  .kern-grid-cols-6-xl {
    grid-template-columns: repeat(6,minmax(0,1fr));
  }
  .kern-grid-cols-7-xl {
    grid-template-columns: repeat(7,minmax(0,1fr));
  }
  .kern-grid-cols-8-xl {
    grid-template-columns: repeat(8,minmax(0,1fr));
  }
  .kern-grid-cols-9-xl {
    grid-template-columns: repeat(9,minmax(0,1fr));
  }
  .kern-grid-cols-10-xl {
    grid-template-columns: repeat(10,minmax(0,1fr));
  }
  .kern-grid-cols-11-xl {
    grid-template-columns: repeat(11,minmax(0,1fr));
  }
  .kern-grid-cols-12-xl {
    grid-template-columns: repeat(12,minmax(0,1fr));
  }
  .kern-grid-rows-1-xl {
    grid-template-rows: repeat(1,minmax(0,1fr));
  }
  .kern-grid-rows-2-xl {
    grid-template-rows: repeat(2,minmax(0,1fr));
  }
  .kern-grid-rows-3-xl {
    grid-template-rows: repeat(3,minmax(0,1fr));
  }
  .kern-grid-rows-4-xl {
    grid-template-rows: repeat(4,minmax(0,1fr));
  }
  .kern-grid-rows-5-xl {
    grid-template-rows: repeat(5,minmax(0,1fr));
  }
  .kern-grid-rows-6-xl {
    grid-template-rows: repeat(6,minmax(0,1fr));
  }
  .kern-grid-cols-none-xl {
    grid-template-columns: none;
  }
  .kern-grid-rows-none-xl {
    grid-template-rows: none;
  }
  .kern-grid-flow-row-xl {
    grid-auto-flow: row;
  }
  .kern-grid-flow-col-xl {
    grid-auto-flow: column;
  }
  .kern-grid-flow-dense-xl {
    grid-auto-flow: dense;
  }
  .kern-grid-flow-row-dense-xl {
    grid-auto-flow: row dense;
  }
  .kern-grid-flow-col-dense-xl {
    grid-auto-flow: column dense;
  }
  .kern-auto-cols-auto-xl {
    grid-auto-columns: auto;
  }
  .kern-auto-rows-auto-xl {
    grid-auto-rows: auto;
  }
  .kern-auto-cols-min-xl {
    grid-auto-columns: min-content;
  }
  .kern-auto-rows-min-xl {
    grid-auto-rows: min-content;
  }
  .kern-auto-cols-max-xl {
    grid-auto-columns: max-content;
  }
  .kern-auto-rows-max-xl {
    grid-auto-rows: max-content;
  }
  .kern-auto-cols-fr-xl {
    grid-auto-columns: minmax(0,1fr);
  }
  .kern-auto-rows-fr-xl {
    grid-auto-rows: minmax(0,1fr);
  }
  .kern-gap-none-xl {
    gap: var(--kern-metric-space-none);
  }
  .kern-gap-x-none-xl {
    -moz-column-gap: var(--kern-metric-space-none);
         column-gap: var(--kern-metric-space-none);
  }
  .kern-gap-y-none-xl {
    row-gap: var(--kern-metric-space-none);
  }
  .kern-gap-xxs-xl {
    gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-x-xxs-xl {
    -moz-column-gap: var(--kern-metric-space-2x-small);
         column-gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-y-xxs-xl {
    row-gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-xs-xl {
    gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-x-xs-xl {
    -moz-column-gap: var(--kern-metric-space-x-small);
         column-gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-y-xs-xl {
    row-gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-sm-xl {
    gap: var(--kern-metric-space-small);
  }
  .kern-gap-x-sm-xl {
    -moz-column-gap: var(--kern-metric-space-small);
         column-gap: var(--kern-metric-space-small);
  }
  .kern-gap-y-sm-xl {
    row-gap: var(--kern-metric-space-small);
  }
  .kern-gap-md-xl {
    gap: var(--kern-metric-space-default);
  }
  .kern-gap-x-md-xl {
    -moz-column-gap: var(--kern-metric-space-default);
         column-gap: var(--kern-metric-space-default);
  }
  .kern-gap-y-md-xl {
    row-gap: var(--kern-metric-space-default);
  }
  .kern-gap-lg-xl {
    gap: var(--kern-metric-space-large);
  }
  .kern-gap-x-lg-xl {
    -moz-column-gap: var(--kern-metric-space-large);
         column-gap: var(--kern-metric-space-large);
  }
  .kern-gap-y-lg-xl {
    row-gap: var(--kern-metric-space-large);
  }
  .kern-gap-xl-xl {
    gap: var(--kern-metric-space-x-large);
  }
  .kern-gap-x-xl-xl {
    -moz-column-gap: var(--kern-metric-space-x-large);
         column-gap: var(--kern-metric-space-x-large);
  }
  .kern-gap-y-xl-xl {
    row-gap: var(--kern-metric-space-x-large);
  }
  .kern-overflow-auto-xl {
    overflow: auto;
  }
  .kern-overflow-x-auto-xl {
    overflow-x: auto;
  }
  .kern-overflow-y-auto-xl {
    overflow-y: auto;
  }
  .kern-overflow-hidden-xl {
    overflow: hidden;
  }
  .kern-overflow-x-hidden-xl {
    overflow-x: hidden;
  }
  .kern-overflow-y-hidden-xl {
    overflow-y: hidden;
  }
  .kern-overflow-visible-xl {
    overflow: visible;
  }
  .kern-overflow-x-visible-xl {
    overflow-x: visible;
  }
  .kern-overflow-y-visible-xl {
    overflow-y: visible;
  }
  .kern-overflow-scroll-xl {
    overflow: scroll;
  }
  .kern-overflow-x-scroll-xl {
    overflow-x: scroll;
  }
  .kern-overflow-y-scroll-xl {
    overflow-y: scroll;
  }
  .kern-col-1-xl {
    grid-column: auto/span 1;
  }
  .kern-col-2-xl {
    grid-column: auto/span 2;
  }
  .kern-col-3-xl {
    grid-column: auto/span 3;
  }
  .kern-col-4-xl {
    grid-column: auto/span 4;
  }
  .kern-col-5-xl {
    grid-column: auto/span 5;
  }
  .kern-col-6-xl {
    grid-column: auto/span 6;
  }
  .kern-col-7-xl {
    grid-column: auto/span 7;
  }
  .kern-col-8-xl {
    grid-column: auto/span 8;
  }
  .kern-col-9-xl {
    grid-column: auto/span 9;
  }
  .kern-col-10-xl {
    grid-column: auto/span 10;
  }
  .kern-col-11-xl {
    grid-column: auto/span 11;
  }
  .kern-col-12-xl {
    grid-column: auto/span 12;
  }
  .kern-col-start-1-xl {
    grid-column-start: 1;
  }
  .kern-col-end-1-xl {
    grid-column-end: 1;
  }
  .kern-col-start-2-xl {
    grid-column-start: 2;
  }
  .kern-col-end-2-xl {
    grid-column-end: 2;
  }
  .kern-col-start-3-xl {
    grid-column-start: 3;
  }
  .kern-col-end-3-xl {
    grid-column-end: 3;
  }
  .kern-col-start-4-xl {
    grid-column-start: 4;
  }
  .kern-col-end-4-xl {
    grid-column-end: 4;
  }
  .kern-col-start-5-xl {
    grid-column-start: 5;
  }
  .kern-col-end-5-xl {
    grid-column-end: 5;
  }
  .kern-col-start-6-xl {
    grid-column-start: 6;
  }
  .kern-col-end-6-xl {
    grid-column-end: 6;
  }
  .kern-col-start-7-xl {
    grid-column-start: 7;
  }
  .kern-col-end-7-xl {
    grid-column-end: 7;
  }
  .kern-col-start-8-xl {
    grid-column-start: 8;
  }
  .kern-col-end-8-xl {
    grid-column-end: 8;
  }
  .kern-col-start-9-xl {
    grid-column-start: 9;
  }
  .kern-col-end-9-xl {
    grid-column-end: 9;
  }
  .kern-col-start-10-xl {
    grid-column-start: 10;
  }
  .kern-col-end-10-xl {
    grid-column-end: 10;
  }
  .kern-col-start-11-xl {
    grid-column-start: 11;
  }
  .kern-col-end-11-xl {
    grid-column-end: 11;
  }
  .kern-col-start-12-xl {
    grid-column-start: 12;
  }
  .kern-col-end-12-xl {
    grid-column-end: 12;
  }
  .kern-col-start-13-xl {
    grid-column-start: 13;
  }
  .kern-col-end-13-xl {
    grid-column-end: 13;
  }
  .kern-col-full-xl {
    grid-column: 1/-1;
  }
  .kern-col-auto-xl {
    grid-column: auto;
  }
  .kern-col-start-auto-xl {
    grid-column-start: auto;
  }
  .kern-col-end-auto-xl {
    grid-column-end: auto;
  }
  .kern-row-1-xl {
    grid-row: auto/span 1;
  }
  .kern-row-2-xl {
    grid-row: auto/span 2;
  }
  .kern-row-3-xl {
    grid-row: auto/span 3;
  }
  .kern-row-4-xl {
    grid-row: auto/span 4;
  }
  .kern-row-5-xl {
    grid-row: auto/span 5;
  }
  .kern-row-6-xl {
    grid-row: auto/span 6;
  }
  .kern-row-start-1-xl {
    grid-row-start: 1;
  }
  .kern-row-end-1-xl {
    grid-row-end: 1;
  }
  .kern-row-start-2-xl {
    grid-row-start: 2;
  }
  .kern-row-end-2-xl {
    grid-row-end: 2;
  }
  .kern-row-start-3-xl {
    grid-row-start: 3;
  }
  .kern-row-end-3-xl {
    grid-row-end: 3;
  }
  .kern-row-start-4-xl {
    grid-row-start: 4;
  }
  .kern-row-end-4-xl {
    grid-row-end: 4;
  }
  .kern-row-start-5-xl {
    grid-row-start: 5;
  }
  .kern-row-end-5-xl {
    grid-row-end: 5;
  }
  .kern-row-start-6-xl {
    grid-row-start: 6;
  }
  .kern-row-end-6-xl {
    grid-row-end: 6;
  }
  .kern-row-start-7-xl {
    grid-row-start: 7;
  }
  .kern-row-end-7-xl {
    grid-row-end: 7;
  }
  .kern-row-full-xl {
    grid-row: 1/-1;
  }
  .kern-row-auto-xl {
    grid-row: auto;
  }
  .kern-row-start-auto-xl {
    grid-row-start: auto;
  }
  .kern-row-end-auto-xl {
    grid-row-end: auto;
  }
  .kern-flex-1-xl {
    flex: 1 1 0%;
  }
  .kern-flex-auto-xl {
    flex: 1 1 auto;
  }
  .kern-flex-initial-xl {
    flex: 0 1 auto;
  }
  .kern-flex-none-xl {
    flex: none;
  }
  .kern-flex-grow-1-xl {
    flex-grow: 1;
  }
  .kern-flex-grow-2-xl {
    flex-grow: 2;
  }
  .kern-flex-grow-3-xl {
    flex-grow: 3;
  }
  .kern-flex-grow-4-xl {
    flex-grow: 4;
  }
  .kern-flex-grow-5-xl {
    flex-grow: 5;
  }
  .kern-flex-grow-6-xl {
    flex-grow: 6;
  }
  .kern-flex-grow-7-xl {
    flex-grow: 7;
  }
  .kern-flex-grow-8-xl {
    flex-grow: 8;
  }
  .kern-flex-grow-9-xl {
    flex-grow: 9;
  }
  .kern-flex-grow-10-xl {
    flex-grow: 10;
  }
  .kern-flex-grow-11-xl {
    flex-grow: 11;
  }
  .kern-flex-grow-12-xl {
    flex-grow: 12;
  }
  .kern-flex-grow-xl {
    flex-grow: 1;
  }
  .kern-flex-grow-0-xl {
    flex-grow: 0;
  }
  .kern-flex-shrink-xl {
    flex-shrink: 1;
  }
  .kern-flex-shrink-0-xl {
    flex-shrink: 0;
  }
  .kern-basis-auto-xl {
    flex-basis: auto;
  }
  .kern-basis-0-xl {
    flex-basis: 0;
  }
  .kern-basis-full-xl {
    flex-basis: 100%;
  }
  .kern-basis-1-2-xl {
    flex-basis: 50%;
  }
  .kern-basis-1-3-xl {
    flex-basis: 33.333333%;
  }
  .kern-basis-2-3-xl {
    flex-basis: 66.666667%;
  }
  .kern-basis-1-4-xl {
    flex-basis: 25%;
  }
  .kern-basis-3-4-xl {
    flex-basis: 75%;
  }
  .kern-align-self-start-xl {
    align-self: flex-start;
  }
  .kern-align-self-end-xl {
    align-self: flex-end;
  }
  .kern-align-self-center-xl {
    align-self: center;
  }
  .kern-align-self-stretch-xl {
    align-self: stretch;
  }
  .kern-align-self-baseline-xl {
    align-self: baseline;
  }
  .kern-align-self-auto-xl {
    align-self: auto;
  }
  .kern-justify-self-start-xl {
    justify-self: flex-start;
  }
  .kern-justify-self-end-xl {
    justify-self: flex-end;
  }
  .kern-justify-self-center-xl {
    justify-self: center;
  }
  .kern-justify-self-stretch-xl {
    justify-self: stretch;
  }
  .kern-justify-self-baseline-xl {
    justify-self: baseline;
  }
  .kern-justify-self-auto-xl {
    justify-self: auto;
  }
  .kern-place-self-start-xl {
    place-self: flex-start;
  }
  .kern-place-self-end-xl {
    place-self: flex-end;
  }
  .kern-place-self-center-xl {
    place-self: center;
  }
  .kern-place-self-stretch-xl {
    place-self: stretch;
  }
  .kern-place-self-baseline-xl {
    place-self: baseline;
  }
  .kern-place-self-auto-xl {
    place-self: auto;
  }
  .kern-aspect-square-xl {
    aspect-ratio: 1/1;
  }
  .kern-aspect-video-xl {
    aspect-ratio: 16/9;
  }
  .kern-aspect-auto-xl {
    aspect-ratio: auto;
  }
  .kern-min-w-0-xl {
    min-width: 0;
  }
  .kern-min-w-full-xl {
    min-width: 100%;
  }
  .kern-max-w-full-xl {
    max-width: 100%;
  }
  .kern-max-w-none-xl {
    max-width: none;
  }
  .kern-min-h-0-xl {
    min-height: 0;
  }
  .kern-min-h-full-xl {
    min-height: 100%;
  }
  .kern-min-h-screen-xl {
    min-height: 100vh;
  }
  .kern-max-h-full-xl {
    max-height: 100%;
  }
  .kern-max-h-screen-xl {
    max-height: 100vh;
  }
  .kern-w-full-xl {
    width: 100%;
  }
  .kern-w-auto-xl {
    width: auto;
  }
  .kern-w-screen-xl {
    width: 100vw;
  }
  .kern-h-full-xl {
    height: 100%;
  }
  .kern-h-auto-xl {
    height: auto;
  }
  .kern-h-screen-xl {
    height: 100vh;
  }
  .kern-stack-none-xl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-none);
  }
  .kern-stack-xxs-xl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-2x-small);
  }
  .kern-stack-xs-xl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-x-small);
  }
  .kern-stack-sm-xl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-small);
  }
  .kern-stack-md-xl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-default);
  }
  .kern-stack-lg-xl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-large);
  }
  .kern-stack-xl-xl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-x-large);
  }
}
@media (min-width: 1600px) {
  .kern-flex-xxl {
    display: flex;
  }
  .kern-inline-flex-xxl {
    display: inline-flex;
  }
  .kern-grid-xxl {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
  }
  .kern-inline-grid-xxl {
    display: inline-grid;
  }
  .kern-block-xxl {
    display: block;
  }
  .kern-inline-block-xxl {
    display: inline-block;
  }
  .kern-inline-xxl {
    display: inline;
  }
  .kern-hidden-xxl {
    display: none;
  }
  .kern-flex-row-xxl {
    flex-direction: row;
  }
  .kern-flex-col-xxl {
    flex-direction: column;
  }
  .kern-flex-row-reverse-xxl {
    flex-direction: row-reverse;
  }
  .kern-flex-col-reverse-xxl {
    flex-direction: column-reverse;
  }
  .kern-flex-wrap-xxl {
    flex-wrap: wrap;
  }
  .kern-flex-nowrap-xxl {
    flex-wrap: nowrap;
  }
  .kern-flex-wrap-reverse-xxl {
    flex-wrap: wrap-reverse;
  }
  .kern-order-0-xxl {
    order: 0;
  }
  .kern-order-1-xxl {
    order: 1;
  }
  .kern-order-2-xxl {
    order: 2;
  }
  .kern-order-3-xxl {
    order: 3;
  }
  .kern-order-4-xxl {
    order: 4;
  }
  .kern-order-5-xxl {
    order: 5;
  }
  .kern-order-6-xxl {
    order: 6;
  }
  .kern-order-7-xxl {
    order: 7;
  }
  .kern-order-8-xxl {
    order: 8;
  }
  .kern-order-9-xxl {
    order: 9;
  }
  .kern-order-10-xxl {
    order: 10;
  }
  .kern-order-11-xxl {
    order: 11;
  }
  .kern-order-12-xxl {
    order: 12;
  }
  .kern-order-first-xxl {
    order: -9999;
  }
  .kern-order-last-xxl {
    order: 9999;
  }
  .kern-justify-content-start-xxl {
    justify-content: flex-start;
  }
  .kern-align-content-start-xxl {
    align-content: flex-start;
  }
  .kern-justify-content-end-xxl {
    justify-content: flex-end;
  }
  .kern-align-content-end-xxl {
    align-content: flex-end;
  }
  .kern-justify-content-center-xxl {
    justify-content: center;
  }
  .kern-align-content-center-xxl {
    align-content: center;
  }
  .kern-justify-content-between-xxl {
    justify-content: space-between;
  }
  .kern-align-content-between-xxl {
    align-content: space-between;
  }
  .kern-justify-content-around-xxl {
    justify-content: space-around;
  }
  .kern-align-content-around-xxl {
    align-content: space-around;
  }
  .kern-justify-content-evenly-xxl {
    justify-content: space-evenly;
  }
  .kern-align-content-evenly-xxl {
    align-content: space-evenly;
  }
  .kern-align-items-start-xxl {
    align-items: flex-start;
  }
  .kern-align-items-end-xxl {
    align-items: flex-end;
  }
  .kern-align-items-center-xxl {
    align-items: center;
  }
  .kern-align-items-stretch-xxl {
    align-items: stretch;
  }
  .kern-align-items-baseline-xxl {
    align-items: baseline;
  }
  .kern-justify-items-start-xxl {
    justify-items: flex-start;
  }
  .kern-justify-items-end-xxl {
    justify-items: flex-end;
  }
  .kern-justify-items-center-xxl {
    justify-items: center;
  }
  .kern-justify-items-stretch-xxl {
    justify-items: stretch;
  }
  .kern-justify-items-baseline-xxl {
    justify-items: baseline;
  }
  .kern-place-items-start-xxl {
    place-items: flex-start;
  }
  .kern-place-items-end-xxl {
    place-items: flex-end;
  }
  .kern-place-items-center-xxl {
    place-items: center;
  }
  .kern-place-items-stretch-xxl {
    place-items: stretch;
  }
  .kern-place-items-baseline-xxl {
    place-items: baseline;
  }
  .kern-place-content-start-xxl {
    place-content: flex-start;
  }
  .kern-place-content-end-xxl {
    place-content: flex-end;
  }
  .kern-place-content-center-xxl {
    place-content: center;
  }
  .kern-place-content-between-xxl {
    place-content: space-between;
  }
  .kern-place-content-around-xxl {
    place-content: space-around;
  }
  .kern-place-content-evenly-xxl {
    place-content: space-evenly;
  }
  .kern-grid-cols-1-xxl {
    grid-template-columns: repeat(1,minmax(0,1fr));
  }
  .kern-grid-cols-2-xxl {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .kern-grid-cols-3-xxl {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .kern-grid-cols-4-xxl {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .kern-grid-cols-5-xxl {
    grid-template-columns: repeat(5,minmax(0,1fr));
  }
  .kern-grid-cols-6-xxl {
    grid-template-columns: repeat(6,minmax(0,1fr));
  }
  .kern-grid-cols-7-xxl {
    grid-template-columns: repeat(7,minmax(0,1fr));
  }
  .kern-grid-cols-8-xxl {
    grid-template-columns: repeat(8,minmax(0,1fr));
  }
  .kern-grid-cols-9-xxl {
    grid-template-columns: repeat(9,minmax(0,1fr));
  }
  .kern-grid-cols-10-xxl {
    grid-template-columns: repeat(10,minmax(0,1fr));
  }
  .kern-grid-cols-11-xxl {
    grid-template-columns: repeat(11,minmax(0,1fr));
  }
  .kern-grid-cols-12-xxl {
    grid-template-columns: repeat(12,minmax(0,1fr));
  }
  .kern-grid-rows-1-xxl {
    grid-template-rows: repeat(1,minmax(0,1fr));
  }
  .kern-grid-rows-2-xxl {
    grid-template-rows: repeat(2,minmax(0,1fr));
  }
  .kern-grid-rows-3-xxl {
    grid-template-rows: repeat(3,minmax(0,1fr));
  }
  .kern-grid-rows-4-xxl {
    grid-template-rows: repeat(4,minmax(0,1fr));
  }
  .kern-grid-rows-5-xxl {
    grid-template-rows: repeat(5,minmax(0,1fr));
  }
  .kern-grid-rows-6-xxl {
    grid-template-rows: repeat(6,minmax(0,1fr));
  }
  .kern-grid-cols-none-xxl {
    grid-template-columns: none;
  }
  .kern-grid-rows-none-xxl {
    grid-template-rows: none;
  }
  .kern-grid-flow-row-xxl {
    grid-auto-flow: row;
  }
  .kern-grid-flow-col-xxl {
    grid-auto-flow: column;
  }
  .kern-grid-flow-dense-xxl {
    grid-auto-flow: dense;
  }
  .kern-grid-flow-row-dense-xxl {
    grid-auto-flow: row dense;
  }
  .kern-grid-flow-col-dense-xxl {
    grid-auto-flow: column dense;
  }
  .kern-auto-cols-auto-xxl {
    grid-auto-columns: auto;
  }
  .kern-auto-rows-auto-xxl {
    grid-auto-rows: auto;
  }
  .kern-auto-cols-min-xxl {
    grid-auto-columns: min-content;
  }
  .kern-auto-rows-min-xxl {
    grid-auto-rows: min-content;
  }
  .kern-auto-cols-max-xxl {
    grid-auto-columns: max-content;
  }
  .kern-auto-rows-max-xxl {
    grid-auto-rows: max-content;
  }
  .kern-auto-cols-fr-xxl {
    grid-auto-columns: minmax(0,1fr);
  }
  .kern-auto-rows-fr-xxl {
    grid-auto-rows: minmax(0,1fr);
  }
  .kern-gap-none-xxl {
    gap: var(--kern-metric-space-none);
  }
  .kern-gap-x-none-xxl {
    -moz-column-gap: var(--kern-metric-space-none);
         column-gap: var(--kern-metric-space-none);
  }
  .kern-gap-y-none-xxl {
    row-gap: var(--kern-metric-space-none);
  }
  .kern-gap-xxs-xxl {
    gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-x-xxs-xxl {
    -moz-column-gap: var(--kern-metric-space-2x-small);
         column-gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-y-xxs-xxl {
    row-gap: var(--kern-metric-space-2x-small);
  }
  .kern-gap-xs-xxl {
    gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-x-xs-xxl {
    -moz-column-gap: var(--kern-metric-space-x-small);
         column-gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-y-xs-xxl {
    row-gap: var(--kern-metric-space-x-small);
  }
  .kern-gap-sm-xxl {
    gap: var(--kern-metric-space-small);
  }
  .kern-gap-x-sm-xxl {
    -moz-column-gap: var(--kern-metric-space-small);
         column-gap: var(--kern-metric-space-small);
  }
  .kern-gap-y-sm-xxl {
    row-gap: var(--kern-metric-space-small);
  }
  .kern-gap-md-xxl {
    gap: var(--kern-metric-space-default);
  }
  .kern-gap-x-md-xxl {
    -moz-column-gap: var(--kern-metric-space-default);
         column-gap: var(--kern-metric-space-default);
  }
  .kern-gap-y-md-xxl {
    row-gap: var(--kern-metric-space-default);
  }
  .kern-gap-lg-xxl {
    gap: var(--kern-metric-space-large);
  }
  .kern-gap-x-lg-xxl {
    -moz-column-gap: var(--kern-metric-space-large);
         column-gap: var(--kern-metric-space-large);
  }
  .kern-gap-y-lg-xxl {
    row-gap: var(--kern-metric-space-large);
  }
  .kern-gap-xl-xxl {
    gap: var(--kern-metric-space-x-large);
  }
  .kern-gap-x-xl-xxl {
    -moz-column-gap: var(--kern-metric-space-x-large);
         column-gap: var(--kern-metric-space-x-large);
  }
  .kern-gap-y-xl-xxl {
    row-gap: var(--kern-metric-space-x-large);
  }
  .kern-overflow-auto-xxl {
    overflow: auto;
  }
  .kern-overflow-x-auto-xxl {
    overflow-x: auto;
  }
  .kern-overflow-y-auto-xxl {
    overflow-y: auto;
  }
  .kern-overflow-hidden-xxl {
    overflow: hidden;
  }
  .kern-overflow-x-hidden-xxl {
    overflow-x: hidden;
  }
  .kern-overflow-y-hidden-xxl {
    overflow-y: hidden;
  }
  .kern-overflow-visible-xxl {
    overflow: visible;
  }
  .kern-overflow-x-visible-xxl {
    overflow-x: visible;
  }
  .kern-overflow-y-visible-xxl {
    overflow-y: visible;
  }
  .kern-overflow-scroll-xxl {
    overflow: scroll;
  }
  .kern-overflow-x-scroll-xxl {
    overflow-x: scroll;
  }
  .kern-overflow-y-scroll-xxl {
    overflow-y: scroll;
  }
  .kern-col-1-xxl {
    grid-column: auto/span 1;
  }
  .kern-col-2-xxl {
    grid-column: auto/span 2;
  }
  .kern-col-3-xxl {
    grid-column: auto/span 3;
  }
  .kern-col-4-xxl {
    grid-column: auto/span 4;
  }
  .kern-col-5-xxl {
    grid-column: auto/span 5;
  }
  .kern-col-6-xxl {
    grid-column: auto/span 6;
  }
  .kern-col-7-xxl {
    grid-column: auto/span 7;
  }
  .kern-col-8-xxl {
    grid-column: auto/span 8;
  }
  .kern-col-9-xxl {
    grid-column: auto/span 9;
  }
  .kern-col-10-xxl {
    grid-column: auto/span 10;
  }
  .kern-col-11-xxl {
    grid-column: auto/span 11;
  }
  .kern-col-12-xxl {
    grid-column: auto/span 12;
  }
  .kern-col-start-1-xxl {
    grid-column-start: 1;
  }
  .kern-col-end-1-xxl {
    grid-column-end: 1;
  }
  .kern-col-start-2-xxl {
    grid-column-start: 2;
  }
  .kern-col-end-2-xxl {
    grid-column-end: 2;
  }
  .kern-col-start-3-xxl {
    grid-column-start: 3;
  }
  .kern-col-end-3-xxl {
    grid-column-end: 3;
  }
  .kern-col-start-4-xxl {
    grid-column-start: 4;
  }
  .kern-col-end-4-xxl {
    grid-column-end: 4;
  }
  .kern-col-start-5-xxl {
    grid-column-start: 5;
  }
  .kern-col-end-5-xxl {
    grid-column-end: 5;
  }
  .kern-col-start-6-xxl {
    grid-column-start: 6;
  }
  .kern-col-end-6-xxl {
    grid-column-end: 6;
  }
  .kern-col-start-7-xxl {
    grid-column-start: 7;
  }
  .kern-col-end-7-xxl {
    grid-column-end: 7;
  }
  .kern-col-start-8-xxl {
    grid-column-start: 8;
  }
  .kern-col-end-8-xxl {
    grid-column-end: 8;
  }
  .kern-col-start-9-xxl {
    grid-column-start: 9;
  }
  .kern-col-end-9-xxl {
    grid-column-end: 9;
  }
  .kern-col-start-10-xxl {
    grid-column-start: 10;
  }
  .kern-col-end-10-xxl {
    grid-column-end: 10;
  }
  .kern-col-start-11-xxl {
    grid-column-start: 11;
  }
  .kern-col-end-11-xxl {
    grid-column-end: 11;
  }
  .kern-col-start-12-xxl {
    grid-column-start: 12;
  }
  .kern-col-end-12-xxl {
    grid-column-end: 12;
  }
  .kern-col-start-13-xxl {
    grid-column-start: 13;
  }
  .kern-col-end-13-xxl {
    grid-column-end: 13;
  }
  .kern-col-full-xxl {
    grid-column: 1/-1;
  }
  .kern-col-auto-xxl {
    grid-column: auto;
  }
  .kern-col-start-auto-xxl {
    grid-column-start: auto;
  }
  .kern-col-end-auto-xxl {
    grid-column-end: auto;
  }
  .kern-row-1-xxl {
    grid-row: auto/span 1;
  }
  .kern-row-2-xxl {
    grid-row: auto/span 2;
  }
  .kern-row-3-xxl {
    grid-row: auto/span 3;
  }
  .kern-row-4-xxl {
    grid-row: auto/span 4;
  }
  .kern-row-5-xxl {
    grid-row: auto/span 5;
  }
  .kern-row-6-xxl {
    grid-row: auto/span 6;
  }
  .kern-row-start-1-xxl {
    grid-row-start: 1;
  }
  .kern-row-end-1-xxl {
    grid-row-end: 1;
  }
  .kern-row-start-2-xxl {
    grid-row-start: 2;
  }
  .kern-row-end-2-xxl {
    grid-row-end: 2;
  }
  .kern-row-start-3-xxl {
    grid-row-start: 3;
  }
  .kern-row-end-3-xxl {
    grid-row-end: 3;
  }
  .kern-row-start-4-xxl {
    grid-row-start: 4;
  }
  .kern-row-end-4-xxl {
    grid-row-end: 4;
  }
  .kern-row-start-5-xxl {
    grid-row-start: 5;
  }
  .kern-row-end-5-xxl {
    grid-row-end: 5;
  }
  .kern-row-start-6-xxl {
    grid-row-start: 6;
  }
  .kern-row-end-6-xxl {
    grid-row-end: 6;
  }
  .kern-row-start-7-xxl {
    grid-row-start: 7;
  }
  .kern-row-end-7-xxl {
    grid-row-end: 7;
  }
  .kern-row-full-xxl {
    grid-row: 1/-1;
  }
  .kern-row-auto-xxl {
    grid-row: auto;
  }
  .kern-row-start-auto-xxl {
    grid-row-start: auto;
  }
  .kern-row-end-auto-xxl {
    grid-row-end: auto;
  }
  .kern-flex-1-xxl {
    flex: 1 1 0%;
  }
  .kern-flex-auto-xxl {
    flex: 1 1 auto;
  }
  .kern-flex-initial-xxl {
    flex: 0 1 auto;
  }
  .kern-flex-none-xxl {
    flex: none;
  }
  .kern-flex-grow-1-xxl {
    flex-grow: 1;
  }
  .kern-flex-grow-2-xxl {
    flex-grow: 2;
  }
  .kern-flex-grow-3-xxl {
    flex-grow: 3;
  }
  .kern-flex-grow-4-xxl {
    flex-grow: 4;
  }
  .kern-flex-grow-5-xxl {
    flex-grow: 5;
  }
  .kern-flex-grow-6-xxl {
    flex-grow: 6;
  }
  .kern-flex-grow-7-xxl {
    flex-grow: 7;
  }
  .kern-flex-grow-8-xxl {
    flex-grow: 8;
  }
  .kern-flex-grow-9-xxl {
    flex-grow: 9;
  }
  .kern-flex-grow-10-xxl {
    flex-grow: 10;
  }
  .kern-flex-grow-11-xxl {
    flex-grow: 11;
  }
  .kern-flex-grow-12-xxl {
    flex-grow: 12;
  }
  .kern-flex-grow-xxl {
    flex-grow: 1;
  }
  .kern-flex-grow-0-xxl {
    flex-grow: 0;
  }
  .kern-flex-shrink-xxl {
    flex-shrink: 1;
  }
  .kern-flex-shrink-0-xxl {
    flex-shrink: 0;
  }
  .kern-basis-auto-xxl {
    flex-basis: auto;
  }
  .kern-basis-0-xxl {
    flex-basis: 0;
  }
  .kern-basis-full-xxl {
    flex-basis: 100%;
  }
  .kern-basis-1-2-xxl {
    flex-basis: 50%;
  }
  .kern-basis-1-3-xxl {
    flex-basis: 33.333333%;
  }
  .kern-basis-2-3-xxl {
    flex-basis: 66.666667%;
  }
  .kern-basis-1-4-xxl {
    flex-basis: 25%;
  }
  .kern-basis-3-4-xxl {
    flex-basis: 75%;
  }
  .kern-align-self-start-xxl {
    align-self: flex-start;
  }
  .kern-align-self-end-xxl {
    align-self: flex-end;
  }
  .kern-align-self-center-xxl {
    align-self: center;
  }
  .kern-align-self-stretch-xxl {
    align-self: stretch;
  }
  .kern-align-self-baseline-xxl {
    align-self: baseline;
  }
  .kern-align-self-auto-xxl {
    align-self: auto;
  }
  .kern-justify-self-start-xxl {
    justify-self: flex-start;
  }
  .kern-justify-self-end-xxl {
    justify-self: flex-end;
  }
  .kern-justify-self-center-xxl {
    justify-self: center;
  }
  .kern-justify-self-stretch-xxl {
    justify-self: stretch;
  }
  .kern-justify-self-baseline-xxl {
    justify-self: baseline;
  }
  .kern-justify-self-auto-xxl {
    justify-self: auto;
  }
  .kern-place-self-start-xxl {
    place-self: flex-start;
  }
  .kern-place-self-end-xxl {
    place-self: flex-end;
  }
  .kern-place-self-center-xxl {
    place-self: center;
  }
  .kern-place-self-stretch-xxl {
    place-self: stretch;
  }
  .kern-place-self-baseline-xxl {
    place-self: baseline;
  }
  .kern-place-self-auto-xxl {
    place-self: auto;
  }
  .kern-aspect-square-xxl {
    aspect-ratio: 1/1;
  }
  .kern-aspect-video-xxl {
    aspect-ratio: 16/9;
  }
  .kern-aspect-auto-xxl {
    aspect-ratio: auto;
  }
  .kern-min-w-0-xxl {
    min-width: 0;
  }
  .kern-min-w-full-xxl {
    min-width: 100%;
  }
  .kern-max-w-full-xxl {
    max-width: 100%;
  }
  .kern-max-w-none-xxl {
    max-width: none;
  }
  .kern-min-h-0-xxl {
    min-height: 0;
  }
  .kern-min-h-full-xxl {
    min-height: 100%;
  }
  .kern-min-h-screen-xxl {
    min-height: 100vh;
  }
  .kern-max-h-full-xxl {
    max-height: 100%;
  }
  .kern-max-h-screen-xxl {
    max-height: 100vh;
  }
  .kern-w-full-xxl {
    width: 100%;
  }
  .kern-w-auto-xxl {
    width: auto;
  }
  .kern-w-screen-xxl {
    width: 100vw;
  }
  .kern-h-full-xxl {
    height: 100%;
  }
  .kern-h-auto-xxl {
    height: auto;
  }
  .kern-h-screen-xxl {
    height: 100vh;
  }
  .kern-stack-none-xxl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-none);
  }
  .kern-stack-xxs-xxl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-2x-small);
  }
  .kern-stack-xs-xxl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-x-small);
  }
  .kern-stack-sm-xxl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-small);
  }
  .kern-stack-md-xxl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-default);
  }
  .kern-stack-lg-xxl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-large);
  }
  .kern-stack-xl-xxl {
    display: flex;
    flex-direction: column;
    gap: var(--kern-metric-space-x-large);
  }
}
.kern-container-fluid:has(.kern-grid),.kern-container:has(.kern-grid) {
  padding: 0;
}
.kern-m-auto {
  margin: auto;
}
.kern-mt-auto {
  margin-top: auto;
}
.kern-mr-auto {
  margin-right: auto;
}
.kern-mb-auto {
  margin-bottom: auto;
}
.kern-ml-auto {
  margin-left: auto;
}
.kern-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.kern-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.kern-m-none {
  margin: var(--kern-metric-space-none);
}
.kern-mt-none {
  margin-top: var(--kern-metric-space-none);
}
.kern-mr-none {
  margin-right: var(--kern-metric-space-none);
}
.kern-mb-none {
  margin-bottom: var(--kern-metric-space-none);
}
.kern-ml-none {
  margin-left: var(--kern-metric-space-none);
}
.kern-mx-none {
  margin-left: var(--kern-metric-space-none);
  margin-right: var(--kern-metric-space-none);
}
.kern-my-none {
  margin-top: var(--kern-metric-space-none);
  margin-bottom: var(--kern-metric-space-none);
}
.kern-m-xxs {
  margin: var(--kern-metric-space-2x-small);
}
.kern-mt-xxs {
  margin-top: var(--kern-metric-space-2x-small);
}
.kern-mr-xxs {
  margin-right: var(--kern-metric-space-2x-small);
}
.kern-mb-xxs {
  margin-bottom: var(--kern-metric-space-2x-small);
}
.kern-ml-xxs {
  margin-left: var(--kern-metric-space-2x-small);
}
.kern-mx-xxs {
  margin-left: var(--kern-metric-space-2x-small);
  margin-right: var(--kern-metric-space-2x-small);
}
.kern-my-xxs {
  margin-top: var(--kern-metric-space-2x-small);
  margin-bottom: var(--kern-metric-space-2x-small);
}
.kern-m-xs {
  margin: var(--kern-metric-space-x-small);
}
.kern-mt-xs {
  margin-top: var(--kern-metric-space-x-small);
}
.kern-mr-xs {
  margin-right: var(--kern-metric-space-x-small);
}
.kern-mb-xs {
  margin-bottom: var(--kern-metric-space-x-small);
}
.kern-ml-xs {
  margin-left: var(--kern-metric-space-x-small);
}
.kern-mx-xs {
  margin-left: var(--kern-metric-space-x-small);
  margin-right: var(--kern-metric-space-x-small);
}
.kern-my-xs {
  margin-top: var(--kern-metric-space-x-small);
  margin-bottom: var(--kern-metric-space-x-small);
}
.kern-m-sm {
  margin: var(--kern-metric-space-small);
}
.kern-mt-sm {
  margin-top: var(--kern-metric-space-small);
}
.kern-mr-sm {
  margin-right: var(--kern-metric-space-small);
}
.kern-mb-sm {
  margin-bottom: var(--kern-metric-space-small);
}
.kern-ml-sm {
  margin-left: var(--kern-metric-space-small);
}
.kern-mx-sm {
  margin-left: var(--kern-metric-space-small);
  margin-right: var(--kern-metric-space-small);
}
.kern-my-sm {
  margin-top: var(--kern-metric-space-small);
  margin-bottom: var(--kern-metric-space-small);
}
.kern-m-md {
  margin: var(--kern-metric-space-default);
}
.kern-mt-md {
  margin-top: var(--kern-metric-space-default);
}
.kern-mr-md {
  margin-right: var(--kern-metric-space-default);
}
.kern-mb-md {
  margin-bottom: var(--kern-metric-space-default);
}
.kern-ml-md {
  margin-left: var(--kern-metric-space-default);
}
.kern-mx-md {
  margin-left: var(--kern-metric-space-default);
  margin-right: var(--kern-metric-space-default);
}
.kern-my-md {
  margin-top: var(--kern-metric-space-default);
  margin-bottom: var(--kern-metric-space-default);
}
.kern-m-lg {
  margin: var(--kern-metric-space-large);
}
.kern-mt-lg {
  margin-top: var(--kern-metric-space-large);
}
.kern-mr-lg {
  margin-right: var(--kern-metric-space-large);
}
.kern-mb-lg {
  margin-bottom: var(--kern-metric-space-large);
}
.kern-ml-lg {
  margin-left: var(--kern-metric-space-large);
}
.kern-mx-lg {
  margin-left: var(--kern-metric-space-large);
  margin-right: var(--kern-metric-space-large);
}
.kern-my-lg {
  margin-top: var(--kern-metric-space-large);
  margin-bottom: var(--kern-metric-space-large);
}
.kern-m-xl {
  margin: var(--kern-metric-space-x-large);
}
.kern-mt-xl {
  margin-top: var(--kern-metric-space-x-large);
}
.kern-mr-xl {
  margin-right: var(--kern-metric-space-x-large);
}
.kern-mb-xl {
  margin-bottom: var(--kern-metric-space-x-large);
}
.kern-ml-xl {
  margin-left: var(--kern-metric-space-x-large);
}
.kern-mx-xl {
  margin-left: var(--kern-metric-space-x-large);
  margin-right: var(--kern-metric-space-x-large);
}
.kern-my-xl {
  margin-top: var(--kern-metric-space-x-large);
  margin-bottom: var(--kern-metric-space-x-large);
}
.kern-p-none {
  padding: var(--kern-metric-space-none);
}
.kern-pt-none {
  padding-top: var(--kern-metric-space-none);
}
.kern-pr-none {
  padding-right: var(--kern-metric-space-none);
}
.kern-pb-none {
  padding-bottom: var(--kern-metric-space-none);
}
.kern-pl-none {
  padding-left: var(--kern-metric-space-none);
}
.kern-px-none {
  padding-left: var(--kern-metric-space-none);
  padding-right: var(--kern-metric-space-none);
}
.kern-py-none {
  padding-top: var(--kern-metric-space-none);
  padding-bottom: var(--kern-metric-space-none);
}
.kern-p-xxs {
  padding: var(--kern-metric-space-2x-small);
}
.kern-pt-xxs {
  padding-top: var(--kern-metric-space-2x-small);
}
.kern-pr-xxs {
  padding-right: var(--kern-metric-space-2x-small);
}
.kern-pb-xxs {
  padding-bottom: var(--kern-metric-space-2x-small);
}
.kern-pl-xxs {
  padding-left: var(--kern-metric-space-2x-small);
}
.kern-px-xxs {
  padding-left: var(--kern-metric-space-2x-small);
  padding-right: var(--kern-metric-space-2x-small);
}
.kern-py-xxs {
  padding-top: var(--kern-metric-space-2x-small);
  padding-bottom: var(--kern-metric-space-2x-small);
}
.kern-p-xs {
  padding: var(--kern-metric-space-x-small);
}
.kern-pt-xs {
  padding-top: var(--kern-metric-space-x-small);
}
.kern-pr-xs {
  padding-right: var(--kern-metric-space-x-small);
}
.kern-pb-xs {
  padding-bottom: var(--kern-metric-space-x-small);
}
.kern-pl-xs {
  padding-left: var(--kern-metric-space-x-small);
}
.kern-px-xs {
  padding-left: var(--kern-metric-space-x-small);
  padding-right: var(--kern-metric-space-x-small);
}
.kern-py-xs {
  padding-top: var(--kern-metric-space-x-small);
  padding-bottom: var(--kern-metric-space-x-small);
}
.kern-p-sm {
  padding: var(--kern-metric-space-small);
}
.kern-pt-sm {
  padding-top: var(--kern-metric-space-small);
}
.kern-pr-sm {
  padding-right: var(--kern-metric-space-small);
}
.kern-pb-sm {
  padding-bottom: var(--kern-metric-space-small);
}
.kern-pl-sm {
  padding-left: var(--kern-metric-space-small);
}
.kern-px-sm {
  padding-left: var(--kern-metric-space-small);
  padding-right: var(--kern-metric-space-small);
}
.kern-py-sm {
  padding-top: var(--kern-metric-space-small);
  padding-bottom: var(--kern-metric-space-small);
}
.kern-p-md {
  padding: var(--kern-metric-space-default);
}
.kern-pt-md {
  padding-top: var(--kern-metric-space-default);
}
.kern-pr-md {
  padding-right: var(--kern-metric-space-default);
}
.kern-pb-md {
  padding-bottom: var(--kern-metric-space-default);
}
.kern-pl-md {
  padding-left: var(--kern-metric-space-default);
}
.kern-px-md {
  padding-left: var(--kern-metric-space-default);
  padding-right: var(--kern-metric-space-default);
}
.kern-py-md {
  padding-top: var(--kern-metric-space-default);
  padding-bottom: var(--kern-metric-space-default);
}
.kern-p-lg {
  padding: var(--kern-metric-space-large);
}
.kern-pt-lg {
  padding-top: var(--kern-metric-space-large);
}
.kern-pr-lg {
  padding-right: var(--kern-metric-space-large);
}
.kern-pb-lg {
  padding-bottom: var(--kern-metric-space-large);
}
.kern-pl-lg {
  padding-left: var(--kern-metric-space-large);
}
.kern-px-lg {
  padding-left: var(--kern-metric-space-large);
  padding-right: var(--kern-metric-space-large);
}
.kern-py-lg {
  padding-top: var(--kern-metric-space-large);
  padding-bottom: var(--kern-metric-space-large);
}
.kern-p-xl {
  padding: var(--kern-metric-space-x-large);
}
.kern-pt-xl {
  padding-top: var(--kern-metric-space-x-large);
}
.kern-pr-xl {
  padding-right: var(--kern-metric-space-x-large);
}
.kern-pb-xl {
  padding-bottom: var(--kern-metric-space-x-large);
}
.kern-pl-xl {
  padding-left: var(--kern-metric-space-x-large);
}
.kern-px-xl {
  padding-left: var(--kern-metric-space-x-large);
  padding-right: var(--kern-metric-space-x-large);
}
.kern-py-xl {
  padding-top: var(--kern-metric-space-x-large);
  padding-bottom: var(--kern-metric-space-x-large);
}
.kern-m-auto-xs {
  margin: auto;
}
.kern-mt-auto-xs {
  margin-top: auto;
}
.kern-mr-auto-xs {
  margin-right: auto;
}
.kern-mb-auto-xs {
  margin-bottom: auto;
}
.kern-ml-auto-xs {
  margin-left: auto;
}
.kern-mx-auto-xs {
  margin-left: auto;
  margin-right: auto;
}
.kern-my-auto-xs {
  margin-top: auto;
  margin-bottom: auto;
}
.kern-m-none-xs {
  margin: var(--kern-metric-space-none);
}
.kern-mt-none-xs {
  margin-top: var(--kern-metric-space-none);
}
.kern-mr-none-xs {
  margin-right: var(--kern-metric-space-none);
}
.kern-mb-none-xs {
  margin-bottom: var(--kern-metric-space-none);
}
.kern-ml-none-xs {
  margin-left: var(--kern-metric-space-none);
}
.kern-mx-none-xs {
  margin-left: var(--kern-metric-space-none);
  margin-right: var(--kern-metric-space-none);
}
.kern-my-none-xs {
  margin-top: var(--kern-metric-space-none);
  margin-bottom: var(--kern-metric-space-none);
}
.kern-p-none-xs {
  padding: var(--kern-metric-space-none);
}
.kern-pt-none-xs {
  padding-top: var(--kern-metric-space-none);
}
.kern-pr-none-xs {
  padding-right: var(--kern-metric-space-none);
}
.kern-pb-none-xs {
  padding-bottom: var(--kern-metric-space-none);
}
.kern-pl-none-xs {
  padding-left: var(--kern-metric-space-none);
}
.kern-px-none-xs {
  padding-left: var(--kern-metric-space-none);
  padding-right: var(--kern-metric-space-none);
}
.kern-py-none-xs {
  padding-top: var(--kern-metric-space-none);
  padding-bottom: var(--kern-metric-space-none);
}
.kern-m-xxs-xs {
  margin: var(--kern-metric-space-2x-small);
}
.kern-mt-xxs-xs {
  margin-top: var(--kern-metric-space-2x-small);
}
.kern-mr-xxs-xs {
  margin-right: var(--kern-metric-space-2x-small);
}
.kern-mb-xxs-xs {
  margin-bottom: var(--kern-metric-space-2x-small);
}
.kern-ml-xxs-xs {
  margin-left: var(--kern-metric-space-2x-small);
}
.kern-mx-xxs-xs {
  margin-left: var(--kern-metric-space-2x-small);
  margin-right: var(--kern-metric-space-2x-small);
}
.kern-my-xxs-xs {
  margin-top: var(--kern-metric-space-2x-small);
  margin-bottom: var(--kern-metric-space-2x-small);
}
.kern-p-xxs-xs {
  padding: var(--kern-metric-space-2x-small);
}
.kern-pt-xxs-xs {
  padding-top: var(--kern-metric-space-2x-small);
}
.kern-pr-xxs-xs {
  padding-right: var(--kern-metric-space-2x-small);
}
.kern-pb-xxs-xs {
  padding-bottom: var(--kern-metric-space-2x-small);
}
.kern-pl-xxs-xs {
  padding-left: var(--kern-metric-space-2x-small);
}
.kern-px-xxs-xs {
  padding-left: var(--kern-metric-space-2x-small);
  padding-right: var(--kern-metric-space-2x-small);
}
.kern-py-xxs-xs {
  padding-top: var(--kern-metric-space-2x-small);
  padding-bottom: var(--kern-metric-space-2x-small);
}
.kern-m-xs-xs {
  margin: var(--kern-metric-space-x-small);
}
.kern-mt-xs-xs {
  margin-top: var(--kern-metric-space-x-small);
}
.kern-mr-xs-xs {
  margin-right: var(--kern-metric-space-x-small);
}
.kern-mb-xs-xs {
  margin-bottom: var(--kern-metric-space-x-small);
}
.kern-ml-xs-xs {
  margin-left: var(--kern-metric-space-x-small);
}
.kern-mx-xs-xs {
  margin-left: var(--kern-metric-space-x-small);
  margin-right: var(--kern-metric-space-x-small);
}
.kern-my-xs-xs {
  margin-top: var(--kern-metric-space-x-small);
  margin-bottom: var(--kern-metric-space-x-small);
}
.kern-p-xs-xs {
  padding: var(--kern-metric-space-x-small);
}
.kern-pt-xs-xs {
  padding-top: var(--kern-metric-space-x-small);
}
.kern-pr-xs-xs {
  padding-right: var(--kern-metric-space-x-small);
}
.kern-pb-xs-xs {
  padding-bottom: var(--kern-metric-space-x-small);
}
.kern-pl-xs-xs {
  padding-left: var(--kern-metric-space-x-small);
}
.kern-px-xs-xs {
  padding-left: var(--kern-metric-space-x-small);
  padding-right: var(--kern-metric-space-x-small);
}
.kern-py-xs-xs {
  padding-top: var(--kern-metric-space-x-small);
  padding-bottom: var(--kern-metric-space-x-small);
}
.kern-m-sm-xs {
  margin: var(--kern-metric-space-small);
}
.kern-mt-sm-xs {
  margin-top: var(--kern-metric-space-small);
}
.kern-mr-sm-xs {
  margin-right: var(--kern-metric-space-small);
}
.kern-mb-sm-xs {
  margin-bottom: var(--kern-metric-space-small);
}
.kern-ml-sm-xs {
  margin-left: var(--kern-metric-space-small);
}
.kern-mx-sm-xs {
  margin-left: var(--kern-metric-space-small);
  margin-right: var(--kern-metric-space-small);
}
.kern-my-sm-xs {
  margin-top: var(--kern-metric-space-small);
  margin-bottom: var(--kern-metric-space-small);
}
.kern-p-sm-xs {
  padding: var(--kern-metric-space-small);
}
.kern-pt-sm-xs {
  padding-top: var(--kern-metric-space-small);
}
.kern-pr-sm-xs {
  padding-right: var(--kern-metric-space-small);
}
.kern-pb-sm-xs {
  padding-bottom: var(--kern-metric-space-small);
}
.kern-pl-sm-xs {
  padding-left: var(--kern-metric-space-small);
}
.kern-px-sm-xs {
  padding-left: var(--kern-metric-space-small);
  padding-right: var(--kern-metric-space-small);
}
.kern-py-sm-xs {
  padding-top: var(--kern-metric-space-small);
  padding-bottom: var(--kern-metric-space-small);
}
.kern-m-md-xs {
  margin: var(--kern-metric-space-default);
}
.kern-mt-md-xs {
  margin-top: var(--kern-metric-space-default);
}
.kern-mr-md-xs {
  margin-right: var(--kern-metric-space-default);
}
.kern-mb-md-xs {
  margin-bottom: var(--kern-metric-space-default);
}
.kern-ml-md-xs {
  margin-left: var(--kern-metric-space-default);
}
.kern-mx-md-xs {
  margin-left: var(--kern-metric-space-default);
  margin-right: var(--kern-metric-space-default);
}
.kern-my-md-xs {
  margin-top: var(--kern-metric-space-default);
  margin-bottom: var(--kern-metric-space-default);
}
.kern-p-md-xs {
  padding: var(--kern-metric-space-default);
}
.kern-pt-md-xs {
  padding-top: var(--kern-metric-space-default);
}
.kern-pr-md-xs {
  padding-right: var(--kern-metric-space-default);
}
.kern-pb-md-xs {
  padding-bottom: var(--kern-metric-space-default);
}
.kern-pl-md-xs {
  padding-left: var(--kern-metric-space-default);
}
.kern-px-md-xs {
  padding-left: var(--kern-metric-space-default);
  padding-right: var(--kern-metric-space-default);
}
.kern-py-md-xs {
  padding-top: var(--kern-metric-space-default);
  padding-bottom: var(--kern-metric-space-default);
}
.kern-m-lg-xs {
  margin: var(--kern-metric-space-large);
}
.kern-mt-lg-xs {
  margin-top: var(--kern-metric-space-large);
}
.kern-mr-lg-xs {
  margin-right: var(--kern-metric-space-large);
}
.kern-mb-lg-xs {
  margin-bottom: var(--kern-metric-space-large);
}
.kern-ml-lg-xs {
  margin-left: var(--kern-metric-space-large);
}
.kern-mx-lg-xs {
  margin-left: var(--kern-metric-space-large);
  margin-right: var(--kern-metric-space-large);
}
.kern-my-lg-xs {
  margin-top: var(--kern-metric-space-large);
  margin-bottom: var(--kern-metric-space-large);
}
.kern-p-lg-xs {
  padding: var(--kern-metric-space-large);
}
.kern-pt-lg-xs {
  padding-top: var(--kern-metric-space-large);
}
.kern-pr-lg-xs {
  padding-right: var(--kern-metric-space-large);
}
.kern-pb-lg-xs {
  padding-bottom: var(--kern-metric-space-large);
}
.kern-pl-lg-xs {
  padding-left: var(--kern-metric-space-large);
}
.kern-px-lg-xs {
  padding-left: var(--kern-metric-space-large);
  padding-right: var(--kern-metric-space-large);
}
.kern-py-lg-xs {
  padding-top: var(--kern-metric-space-large);
  padding-bottom: var(--kern-metric-space-large);
}
.kern-m-xl-xs {
  margin: var(--kern-metric-space-x-large);
}
.kern-mt-xl-xs {
  margin-top: var(--kern-metric-space-x-large);
}
.kern-mr-xl-xs {
  margin-right: var(--kern-metric-space-x-large);
}
.kern-mb-xl-xs {
  margin-bottom: var(--kern-metric-space-x-large);
}
.kern-ml-xl-xs {
  margin-left: var(--kern-metric-space-x-large);
}
.kern-mx-xl-xs {
  margin-left: var(--kern-metric-space-x-large);
  margin-right: var(--kern-metric-space-x-large);
}
.kern-my-xl-xs {
  margin-top: var(--kern-metric-space-x-large);
  margin-bottom: var(--kern-metric-space-x-large);
}
.kern-p-xl-xs {
  padding: var(--kern-metric-space-x-large);
}
.kern-pt-xl-xs {
  padding-top: var(--kern-metric-space-x-large);
}
.kern-pr-xl-xs {
  padding-right: var(--kern-metric-space-x-large);
}
.kern-pb-xl-xs {
  padding-bottom: var(--kern-metric-space-x-large);
}
.kern-pl-xl-xs {
  padding-left: var(--kern-metric-space-x-large);
}
.kern-px-xl-xs {
  padding-left: var(--kern-metric-space-x-large);
  padding-right: var(--kern-metric-space-x-large);
}
.kern-py-xl-xs {
  padding-top: var(--kern-metric-space-x-large);
  padding-bottom: var(--kern-metric-space-x-large);
}
@media (min-width: 576px) {
  .kern-m-auto-sm {
    margin: auto;
  }
  .kern-mt-auto-sm {
    margin-top: auto;
  }
  .kern-mr-auto-sm {
    margin-right: auto;
  }
  .kern-mb-auto-sm {
    margin-bottom: auto;
  }
  .kern-ml-auto-sm {
    margin-left: auto;
  }
  .kern-mx-auto-sm {
    margin-left: auto;
    margin-right: auto;
  }
  .kern-my-auto-sm {
    margin-top: auto;
    margin-bottom: auto;
  }
  .kern-m-none-sm {
    margin: var(--kern-metric-space-none);
  }
  .kern-mt-none-sm {
    margin-top: var(--kern-metric-space-none);
  }
  .kern-mr-none-sm {
    margin-right: var(--kern-metric-space-none);
  }
  .kern-mb-none-sm {
    margin-bottom: var(--kern-metric-space-none);
  }
  .kern-ml-none-sm {
    margin-left: var(--kern-metric-space-none);
  }
  .kern-mx-none-sm {
    margin-left: var(--kern-metric-space-none);
    margin-right: var(--kern-metric-space-none);
  }
  .kern-my-none-sm {
    margin-top: var(--kern-metric-space-none);
    margin-bottom: var(--kern-metric-space-none);
  }
  .kern-p-none-sm {
    padding: var(--kern-metric-space-none);
  }
  .kern-pt-none-sm {
    padding-top: var(--kern-metric-space-none);
  }
  .kern-pr-none-sm {
    padding-right: var(--kern-metric-space-none);
  }
  .kern-pb-none-sm {
    padding-bottom: var(--kern-metric-space-none);
  }
  .kern-pl-none-sm {
    padding-left: var(--kern-metric-space-none);
  }
  .kern-px-none-sm {
    padding-left: var(--kern-metric-space-none);
    padding-right: var(--kern-metric-space-none);
  }
  .kern-py-none-sm {
    padding-top: var(--kern-metric-space-none);
    padding-bottom: var(--kern-metric-space-none);
  }
  .kern-m-xxs-sm {
    margin: var(--kern-metric-space-2x-small);
  }
  .kern-mt-xxs-sm {
    margin-top: var(--kern-metric-space-2x-small);
  }
  .kern-mr-xxs-sm {
    margin-right: var(--kern-metric-space-2x-small);
  }
  .kern-mb-xxs-sm {
    margin-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-ml-xxs-sm {
    margin-left: var(--kern-metric-space-2x-small);
  }
  .kern-mx-xxs-sm {
    margin-left: var(--kern-metric-space-2x-small);
    margin-right: var(--kern-metric-space-2x-small);
  }
  .kern-my-xxs-sm {
    margin-top: var(--kern-metric-space-2x-small);
    margin-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-p-xxs-sm {
    padding: var(--kern-metric-space-2x-small);
  }
  .kern-pt-xxs-sm {
    padding-top: var(--kern-metric-space-2x-small);
  }
  .kern-pr-xxs-sm {
    padding-right: var(--kern-metric-space-2x-small);
  }
  .kern-pb-xxs-sm {
    padding-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-pl-xxs-sm {
    padding-left: var(--kern-metric-space-2x-small);
  }
  .kern-px-xxs-sm {
    padding-left: var(--kern-metric-space-2x-small);
    padding-right: var(--kern-metric-space-2x-small);
  }
  .kern-py-xxs-sm {
    padding-top: var(--kern-metric-space-2x-small);
    padding-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-m-xs-sm {
    margin: var(--kern-metric-space-x-small);
  }
  .kern-mt-xs-sm {
    margin-top: var(--kern-metric-space-x-small);
  }
  .kern-mr-xs-sm {
    margin-right: var(--kern-metric-space-x-small);
  }
  .kern-mb-xs-sm {
    margin-bottom: var(--kern-metric-space-x-small);
  }
  .kern-ml-xs-sm {
    margin-left: var(--kern-metric-space-x-small);
  }
  .kern-mx-xs-sm {
    margin-left: var(--kern-metric-space-x-small);
    margin-right: var(--kern-metric-space-x-small);
  }
  .kern-my-xs-sm {
    margin-top: var(--kern-metric-space-x-small);
    margin-bottom: var(--kern-metric-space-x-small);
  }
  .kern-p-xs-sm {
    padding: var(--kern-metric-space-x-small);
  }
  .kern-pt-xs-sm {
    padding-top: var(--kern-metric-space-x-small);
  }
  .kern-pr-xs-sm {
    padding-right: var(--kern-metric-space-x-small);
  }
  .kern-pb-xs-sm {
    padding-bottom: var(--kern-metric-space-x-small);
  }
  .kern-pl-xs-sm {
    padding-left: var(--kern-metric-space-x-small);
  }
  .kern-px-xs-sm {
    padding-left: var(--kern-metric-space-x-small);
    padding-right: var(--kern-metric-space-x-small);
  }
  .kern-py-xs-sm {
    padding-top: var(--kern-metric-space-x-small);
    padding-bottom: var(--kern-metric-space-x-small);
  }
  .kern-m-sm-sm {
    margin: var(--kern-metric-space-small);
  }
  .kern-mt-sm-sm {
    margin-top: var(--kern-metric-space-small);
  }
  .kern-mr-sm-sm {
    margin-right: var(--kern-metric-space-small);
  }
  .kern-mb-sm-sm {
    margin-bottom: var(--kern-metric-space-small);
  }
  .kern-ml-sm-sm {
    margin-left: var(--kern-metric-space-small);
  }
  .kern-mx-sm-sm {
    margin-left: var(--kern-metric-space-small);
    margin-right: var(--kern-metric-space-small);
  }
  .kern-my-sm-sm {
    margin-top: var(--kern-metric-space-small);
    margin-bottom: var(--kern-metric-space-small);
  }
  .kern-p-sm-sm {
    padding: var(--kern-metric-space-small);
  }
  .kern-pt-sm-sm {
    padding-top: var(--kern-metric-space-small);
  }
  .kern-pr-sm-sm {
    padding-right: var(--kern-metric-space-small);
  }
  .kern-pb-sm-sm {
    padding-bottom: var(--kern-metric-space-small);
  }
  .kern-pl-sm-sm {
    padding-left: var(--kern-metric-space-small);
  }
  .kern-px-sm-sm {
    padding-left: var(--kern-metric-space-small);
    padding-right: var(--kern-metric-space-small);
  }
  .kern-py-sm-sm {
    padding-top: var(--kern-metric-space-small);
    padding-bottom: var(--kern-metric-space-small);
  }
  .kern-m-md-sm {
    margin: var(--kern-metric-space-default);
  }
  .kern-mt-md-sm {
    margin-top: var(--kern-metric-space-default);
  }
  .kern-mr-md-sm {
    margin-right: var(--kern-metric-space-default);
  }
  .kern-mb-md-sm {
    margin-bottom: var(--kern-metric-space-default);
  }
  .kern-ml-md-sm {
    margin-left: var(--kern-metric-space-default);
  }
  .kern-mx-md-sm {
    margin-left: var(--kern-metric-space-default);
    margin-right: var(--kern-metric-space-default);
  }
  .kern-my-md-sm {
    margin-top: var(--kern-metric-space-default);
    margin-bottom: var(--kern-metric-space-default);
  }
  .kern-p-md-sm {
    padding: var(--kern-metric-space-default);
  }
  .kern-pt-md-sm {
    padding-top: var(--kern-metric-space-default);
  }
  .kern-pr-md-sm {
    padding-right: var(--kern-metric-space-default);
  }
  .kern-pb-md-sm {
    padding-bottom: var(--kern-metric-space-default);
  }
  .kern-pl-md-sm {
    padding-left: var(--kern-metric-space-default);
  }
  .kern-px-md-sm {
    padding-left: var(--kern-metric-space-default);
    padding-right: var(--kern-metric-space-default);
  }
  .kern-py-md-sm {
    padding-top: var(--kern-metric-space-default);
    padding-bottom: var(--kern-metric-space-default);
  }
  .kern-m-lg-sm {
    margin: var(--kern-metric-space-large);
  }
  .kern-mt-lg-sm {
    margin-top: var(--kern-metric-space-large);
  }
  .kern-mr-lg-sm {
    margin-right: var(--kern-metric-space-large);
  }
  .kern-mb-lg-sm {
    margin-bottom: var(--kern-metric-space-large);
  }
  .kern-ml-lg-sm {
    margin-left: var(--kern-metric-space-large);
  }
  .kern-mx-lg-sm {
    margin-left: var(--kern-metric-space-large);
    margin-right: var(--kern-metric-space-large);
  }
  .kern-my-lg-sm {
    margin-top: var(--kern-metric-space-large);
    margin-bottom: var(--kern-metric-space-large);
  }
  .kern-p-lg-sm {
    padding: var(--kern-metric-space-large);
  }
  .kern-pt-lg-sm {
    padding-top: var(--kern-metric-space-large);
  }
  .kern-pr-lg-sm {
    padding-right: var(--kern-metric-space-large);
  }
  .kern-pb-lg-sm {
    padding-bottom: var(--kern-metric-space-large);
  }
  .kern-pl-lg-sm {
    padding-left: var(--kern-metric-space-large);
  }
  .kern-px-lg-sm {
    padding-left: var(--kern-metric-space-large);
    padding-right: var(--kern-metric-space-large);
  }
  .kern-py-lg-sm {
    padding-top: var(--kern-metric-space-large);
    padding-bottom: var(--kern-metric-space-large);
  }
  .kern-m-xl-sm {
    margin: var(--kern-metric-space-x-large);
  }
  .kern-mt-xl-sm {
    margin-top: var(--kern-metric-space-x-large);
  }
  .kern-mr-xl-sm {
    margin-right: var(--kern-metric-space-x-large);
  }
  .kern-mb-xl-sm {
    margin-bottom: var(--kern-metric-space-x-large);
  }
  .kern-ml-xl-sm {
    margin-left: var(--kern-metric-space-x-large);
  }
  .kern-mx-xl-sm {
    margin-left: var(--kern-metric-space-x-large);
    margin-right: var(--kern-metric-space-x-large);
  }
  .kern-my-xl-sm {
    margin-top: var(--kern-metric-space-x-large);
    margin-bottom: var(--kern-metric-space-x-large);
  }
  .kern-p-xl-sm {
    padding: var(--kern-metric-space-x-large);
  }
  .kern-pt-xl-sm {
    padding-top: var(--kern-metric-space-x-large);
  }
  .kern-pr-xl-sm {
    padding-right: var(--kern-metric-space-x-large);
  }
  .kern-pb-xl-sm {
    padding-bottom: var(--kern-metric-space-x-large);
  }
  .kern-pl-xl-sm {
    padding-left: var(--kern-metric-space-x-large);
  }
  .kern-px-xl-sm {
    padding-left: var(--kern-metric-space-x-large);
    padding-right: var(--kern-metric-space-x-large);
  }
  .kern-py-xl-sm {
    padding-top: var(--kern-metric-space-x-large);
    padding-bottom: var(--kern-metric-space-x-large);
  }
}
@media (min-width: 768px) {
  .kern-m-auto-md {
    margin: auto;
  }
  .kern-mt-auto-md {
    margin-top: auto;
  }
  .kern-mr-auto-md {
    margin-right: auto;
  }
  .kern-mb-auto-md {
    margin-bottom: auto;
  }
  .kern-ml-auto-md {
    margin-left: auto;
  }
  .kern-mx-auto-md {
    margin-left: auto;
    margin-right: auto;
  }
  .kern-my-auto-md {
    margin-top: auto;
    margin-bottom: auto;
  }
  .kern-m-none-md {
    margin: var(--kern-metric-space-none);
  }
  .kern-mt-none-md {
    margin-top: var(--kern-metric-space-none);
  }
  .kern-mr-none-md {
    margin-right: var(--kern-metric-space-none);
  }
  .kern-mb-none-md {
    margin-bottom: var(--kern-metric-space-none);
  }
  .kern-ml-none-md {
    margin-left: var(--kern-metric-space-none);
  }
  .kern-mx-none-md {
    margin-left: var(--kern-metric-space-none);
    margin-right: var(--kern-metric-space-none);
  }
  .kern-my-none-md {
    margin-top: var(--kern-metric-space-none);
    margin-bottom: var(--kern-metric-space-none);
  }
  .kern-p-none-md {
    padding: var(--kern-metric-space-none);
  }
  .kern-pt-none-md {
    padding-top: var(--kern-metric-space-none);
  }
  .kern-pr-none-md {
    padding-right: var(--kern-metric-space-none);
  }
  .kern-pb-none-md {
    padding-bottom: var(--kern-metric-space-none);
  }
  .kern-pl-none-md {
    padding-left: var(--kern-metric-space-none);
  }
  .kern-px-none-md {
    padding-left: var(--kern-metric-space-none);
    padding-right: var(--kern-metric-space-none);
  }
  .kern-py-none-md {
    padding-top: var(--kern-metric-space-none);
    padding-bottom: var(--kern-metric-space-none);
  }
  .kern-m-xxs-md {
    margin: var(--kern-metric-space-2x-small);
  }
  .kern-mt-xxs-md {
    margin-top: var(--kern-metric-space-2x-small);
  }
  .kern-mr-xxs-md {
    margin-right: var(--kern-metric-space-2x-small);
  }
  .kern-mb-xxs-md {
    margin-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-ml-xxs-md {
    margin-left: var(--kern-metric-space-2x-small);
  }
  .kern-mx-xxs-md {
    margin-left: var(--kern-metric-space-2x-small);
    margin-right: var(--kern-metric-space-2x-small);
  }
  .kern-my-xxs-md {
    margin-top: var(--kern-metric-space-2x-small);
    margin-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-p-xxs-md {
    padding: var(--kern-metric-space-2x-small);
  }
  .kern-pt-xxs-md {
    padding-top: var(--kern-metric-space-2x-small);
  }
  .kern-pr-xxs-md {
    padding-right: var(--kern-metric-space-2x-small);
  }
  .kern-pb-xxs-md {
    padding-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-pl-xxs-md {
    padding-left: var(--kern-metric-space-2x-small);
  }
  .kern-px-xxs-md {
    padding-left: var(--kern-metric-space-2x-small);
    padding-right: var(--kern-metric-space-2x-small);
  }
  .kern-py-xxs-md {
    padding-top: var(--kern-metric-space-2x-small);
    padding-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-m-xs-md {
    margin: var(--kern-metric-space-x-small);
  }
  .kern-mt-xs-md {
    margin-top: var(--kern-metric-space-x-small);
  }
  .kern-mr-xs-md {
    margin-right: var(--kern-metric-space-x-small);
  }
  .kern-mb-xs-md {
    margin-bottom: var(--kern-metric-space-x-small);
  }
  .kern-ml-xs-md {
    margin-left: var(--kern-metric-space-x-small);
  }
  .kern-mx-xs-md {
    margin-left: var(--kern-metric-space-x-small);
    margin-right: var(--kern-metric-space-x-small);
  }
  .kern-my-xs-md {
    margin-top: var(--kern-metric-space-x-small);
    margin-bottom: var(--kern-metric-space-x-small);
  }
  .kern-p-xs-md {
    padding: var(--kern-metric-space-x-small);
  }
  .kern-pt-xs-md {
    padding-top: var(--kern-metric-space-x-small);
  }
  .kern-pr-xs-md {
    padding-right: var(--kern-metric-space-x-small);
  }
  .kern-pb-xs-md {
    padding-bottom: var(--kern-metric-space-x-small);
  }
  .kern-pl-xs-md {
    padding-left: var(--kern-metric-space-x-small);
  }
  .kern-px-xs-md {
    padding-left: var(--kern-metric-space-x-small);
    padding-right: var(--kern-metric-space-x-small);
  }
  .kern-py-xs-md {
    padding-top: var(--kern-metric-space-x-small);
    padding-bottom: var(--kern-metric-space-x-small);
  }
  .kern-m-sm-md {
    margin: var(--kern-metric-space-small);
  }
  .kern-mt-sm-md {
    margin-top: var(--kern-metric-space-small);
  }
  .kern-mr-sm-md {
    margin-right: var(--kern-metric-space-small);
  }
  .kern-mb-sm-md {
    margin-bottom: var(--kern-metric-space-small);
  }
  .kern-ml-sm-md {
    margin-left: var(--kern-metric-space-small);
  }
  .kern-mx-sm-md {
    margin-left: var(--kern-metric-space-small);
    margin-right: var(--kern-metric-space-small);
  }
  .kern-my-sm-md {
    margin-top: var(--kern-metric-space-small);
    margin-bottom: var(--kern-metric-space-small);
  }
  .kern-p-sm-md {
    padding: var(--kern-metric-space-small);
  }
  .kern-pt-sm-md {
    padding-top: var(--kern-metric-space-small);
  }
  .kern-pr-sm-md {
    padding-right: var(--kern-metric-space-small);
  }
  .kern-pb-sm-md {
    padding-bottom: var(--kern-metric-space-small);
  }
  .kern-pl-sm-md {
    padding-left: var(--kern-metric-space-small);
  }
  .kern-px-sm-md {
    padding-left: var(--kern-metric-space-small);
    padding-right: var(--kern-metric-space-small);
  }
  .kern-py-sm-md {
    padding-top: var(--kern-metric-space-small);
    padding-bottom: var(--kern-metric-space-small);
  }
  .kern-m-md-md {
    margin: var(--kern-metric-space-default);
  }
  .kern-mt-md-md {
    margin-top: var(--kern-metric-space-default);
  }
  .kern-mr-md-md {
    margin-right: var(--kern-metric-space-default);
  }
  .kern-mb-md-md {
    margin-bottom: var(--kern-metric-space-default);
  }
  .kern-ml-md-md {
    margin-left: var(--kern-metric-space-default);
  }
  .kern-mx-md-md {
    margin-left: var(--kern-metric-space-default);
    margin-right: var(--kern-metric-space-default);
  }
  .kern-my-md-md {
    margin-top: var(--kern-metric-space-default);
    margin-bottom: var(--kern-metric-space-default);
  }
  .kern-p-md-md {
    padding: var(--kern-metric-space-default);
  }
  .kern-pt-md-md {
    padding-top: var(--kern-metric-space-default);
  }
  .kern-pr-md-md {
    padding-right: var(--kern-metric-space-default);
  }
  .kern-pb-md-md {
    padding-bottom: var(--kern-metric-space-default);
  }
  .kern-pl-md-md {
    padding-left: var(--kern-metric-space-default);
  }
  .kern-px-md-md {
    padding-left: var(--kern-metric-space-default);
    padding-right: var(--kern-metric-space-default);
  }
  .kern-py-md-md {
    padding-top: var(--kern-metric-space-default);
    padding-bottom: var(--kern-metric-space-default);
  }
  .kern-m-lg-md {
    margin: var(--kern-metric-space-large);
  }
  .kern-mt-lg-md {
    margin-top: var(--kern-metric-space-large);
  }
  .kern-mr-lg-md {
    margin-right: var(--kern-metric-space-large);
  }
  .kern-mb-lg-md {
    margin-bottom: var(--kern-metric-space-large);
  }
  .kern-ml-lg-md {
    margin-left: var(--kern-metric-space-large);
  }
  .kern-mx-lg-md {
    margin-left: var(--kern-metric-space-large);
    margin-right: var(--kern-metric-space-large);
  }
  .kern-my-lg-md {
    margin-top: var(--kern-metric-space-large);
    margin-bottom: var(--kern-metric-space-large);
  }
  .kern-p-lg-md {
    padding: var(--kern-metric-space-large);
  }
  .kern-pt-lg-md {
    padding-top: var(--kern-metric-space-large);
  }
  .kern-pr-lg-md {
    padding-right: var(--kern-metric-space-large);
  }
  .kern-pb-lg-md {
    padding-bottom: var(--kern-metric-space-large);
  }
  .kern-pl-lg-md {
    padding-left: var(--kern-metric-space-large);
  }
  .kern-px-lg-md {
    padding-left: var(--kern-metric-space-large);
    padding-right: var(--kern-metric-space-large);
  }
  .kern-py-lg-md {
    padding-top: var(--kern-metric-space-large);
    padding-bottom: var(--kern-metric-space-large);
  }
  .kern-m-xl-md {
    margin: var(--kern-metric-space-x-large);
  }
  .kern-mt-xl-md {
    margin-top: var(--kern-metric-space-x-large);
  }
  .kern-mr-xl-md {
    margin-right: var(--kern-metric-space-x-large);
  }
  .kern-mb-xl-md {
    margin-bottom: var(--kern-metric-space-x-large);
  }
  .kern-ml-xl-md {
    margin-left: var(--kern-metric-space-x-large);
  }
  .kern-mx-xl-md {
    margin-left: var(--kern-metric-space-x-large);
    margin-right: var(--kern-metric-space-x-large);
  }
  .kern-my-xl-md {
    margin-top: var(--kern-metric-space-x-large);
    margin-bottom: var(--kern-metric-space-x-large);
  }
  .kern-p-xl-md {
    padding: var(--kern-metric-space-x-large);
  }
  .kern-pt-xl-md {
    padding-top: var(--kern-metric-space-x-large);
  }
  .kern-pr-xl-md {
    padding-right: var(--kern-metric-space-x-large);
  }
  .kern-pb-xl-md {
    padding-bottom: var(--kern-metric-space-x-large);
  }
  .kern-pl-xl-md {
    padding-left: var(--kern-metric-space-x-large);
  }
  .kern-px-xl-md {
    padding-left: var(--kern-metric-space-x-large);
    padding-right: var(--kern-metric-space-x-large);
  }
  .kern-py-xl-md {
    padding-top: var(--kern-metric-space-x-large);
    padding-bottom: var(--kern-metric-space-x-large);
  }
}
@media (min-width: 992px) {
  .kern-m-auto-lg {
    margin: auto;
  }
  .kern-mt-auto-lg {
    margin-top: auto;
  }
  .kern-mr-auto-lg {
    margin-right: auto;
  }
  .kern-mb-auto-lg {
    margin-bottom: auto;
  }
  .kern-ml-auto-lg {
    margin-left: auto;
  }
  .kern-mx-auto-lg {
    margin-left: auto;
    margin-right: auto;
  }
  .kern-my-auto-lg {
    margin-top: auto;
    margin-bottom: auto;
  }
  .kern-m-none-lg {
    margin: var(--kern-metric-space-none);
  }
  .kern-mt-none-lg {
    margin-top: var(--kern-metric-space-none);
  }
  .kern-mr-none-lg {
    margin-right: var(--kern-metric-space-none);
  }
  .kern-mb-none-lg {
    margin-bottom: var(--kern-metric-space-none);
  }
  .kern-ml-none-lg {
    margin-left: var(--kern-metric-space-none);
  }
  .kern-mx-none-lg {
    margin-left: var(--kern-metric-space-none);
    margin-right: var(--kern-metric-space-none);
  }
  .kern-my-none-lg {
    margin-top: var(--kern-metric-space-none);
    margin-bottom: var(--kern-metric-space-none);
  }
  .kern-p-none-lg {
    padding: var(--kern-metric-space-none);
  }
  .kern-pt-none-lg {
    padding-top: var(--kern-metric-space-none);
  }
  .kern-pr-none-lg {
    padding-right: var(--kern-metric-space-none);
  }
  .kern-pb-none-lg {
    padding-bottom: var(--kern-metric-space-none);
  }
  .kern-pl-none-lg {
    padding-left: var(--kern-metric-space-none);
  }
  .kern-px-none-lg {
    padding-left: var(--kern-metric-space-none);
    padding-right: var(--kern-metric-space-none);
  }
  .kern-py-none-lg {
    padding-top: var(--kern-metric-space-none);
    padding-bottom: var(--kern-metric-space-none);
  }
  .kern-m-xxs-lg {
    margin: var(--kern-metric-space-2x-small);
  }
  .kern-mt-xxs-lg {
    margin-top: var(--kern-metric-space-2x-small);
  }
  .kern-mr-xxs-lg {
    margin-right: var(--kern-metric-space-2x-small);
  }
  .kern-mb-xxs-lg {
    margin-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-ml-xxs-lg {
    margin-left: var(--kern-metric-space-2x-small);
  }
  .kern-mx-xxs-lg {
    margin-left: var(--kern-metric-space-2x-small);
    margin-right: var(--kern-metric-space-2x-small);
  }
  .kern-my-xxs-lg {
    margin-top: var(--kern-metric-space-2x-small);
    margin-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-p-xxs-lg {
    padding: var(--kern-metric-space-2x-small);
  }
  .kern-pt-xxs-lg {
    padding-top: var(--kern-metric-space-2x-small);
  }
  .kern-pr-xxs-lg {
    padding-right: var(--kern-metric-space-2x-small);
  }
  .kern-pb-xxs-lg {
    padding-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-pl-xxs-lg {
    padding-left: var(--kern-metric-space-2x-small);
  }
  .kern-px-xxs-lg {
    padding-left: var(--kern-metric-space-2x-small);
    padding-right: var(--kern-metric-space-2x-small);
  }
  .kern-py-xxs-lg {
    padding-top: var(--kern-metric-space-2x-small);
    padding-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-m-xs-lg {
    margin: var(--kern-metric-space-x-small);
  }
  .kern-mt-xs-lg {
    margin-top: var(--kern-metric-space-x-small);
  }
  .kern-mr-xs-lg {
    margin-right: var(--kern-metric-space-x-small);
  }
  .kern-mb-xs-lg {
    margin-bottom: var(--kern-metric-space-x-small);
  }
  .kern-ml-xs-lg {
    margin-left: var(--kern-metric-space-x-small);
  }
  .kern-mx-xs-lg {
    margin-left: var(--kern-metric-space-x-small);
    margin-right: var(--kern-metric-space-x-small);
  }
  .kern-my-xs-lg {
    margin-top: var(--kern-metric-space-x-small);
    margin-bottom: var(--kern-metric-space-x-small);
  }
  .kern-p-xs-lg {
    padding: var(--kern-metric-space-x-small);
  }
  .kern-pt-xs-lg {
    padding-top: var(--kern-metric-space-x-small);
  }
  .kern-pr-xs-lg {
    padding-right: var(--kern-metric-space-x-small);
  }
  .kern-pb-xs-lg {
    padding-bottom: var(--kern-metric-space-x-small);
  }
  .kern-pl-xs-lg {
    padding-left: var(--kern-metric-space-x-small);
  }
  .kern-px-xs-lg {
    padding-left: var(--kern-metric-space-x-small);
    padding-right: var(--kern-metric-space-x-small);
  }
  .kern-py-xs-lg {
    padding-top: var(--kern-metric-space-x-small);
    padding-bottom: var(--kern-metric-space-x-small);
  }
  .kern-m-sm-lg {
    margin: var(--kern-metric-space-small);
  }
  .kern-mt-sm-lg {
    margin-top: var(--kern-metric-space-small);
  }
  .kern-mr-sm-lg {
    margin-right: var(--kern-metric-space-small);
  }
  .kern-mb-sm-lg {
    margin-bottom: var(--kern-metric-space-small);
  }
  .kern-ml-sm-lg {
    margin-left: var(--kern-metric-space-small);
  }
  .kern-mx-sm-lg {
    margin-left: var(--kern-metric-space-small);
    margin-right: var(--kern-metric-space-small);
  }
  .kern-my-sm-lg {
    margin-top: var(--kern-metric-space-small);
    margin-bottom: var(--kern-metric-space-small);
  }
  .kern-p-sm-lg {
    padding: var(--kern-metric-space-small);
  }
  .kern-pt-sm-lg {
    padding-top: var(--kern-metric-space-small);
  }
  .kern-pr-sm-lg {
    padding-right: var(--kern-metric-space-small);
  }
  .kern-pb-sm-lg {
    padding-bottom: var(--kern-metric-space-small);
  }
  .kern-pl-sm-lg {
    padding-left: var(--kern-metric-space-small);
  }
  .kern-px-sm-lg {
    padding-left: var(--kern-metric-space-small);
    padding-right: var(--kern-metric-space-small);
  }
  .kern-py-sm-lg {
    padding-top: var(--kern-metric-space-small);
    padding-bottom: var(--kern-metric-space-small);
  }
  .kern-m-md-lg {
    margin: var(--kern-metric-space-default);
  }
  .kern-mt-md-lg {
    margin-top: var(--kern-metric-space-default);
  }
  .kern-mr-md-lg {
    margin-right: var(--kern-metric-space-default);
  }
  .kern-mb-md-lg {
    margin-bottom: var(--kern-metric-space-default);
  }
  .kern-ml-md-lg {
    margin-left: var(--kern-metric-space-default);
  }
  .kern-mx-md-lg {
    margin-left: var(--kern-metric-space-default);
    margin-right: var(--kern-metric-space-default);
  }
  .kern-my-md-lg {
    margin-top: var(--kern-metric-space-default);
    margin-bottom: var(--kern-metric-space-default);
  }
  .kern-p-md-lg {
    padding: var(--kern-metric-space-default);
  }
  .kern-pt-md-lg {
    padding-top: var(--kern-metric-space-default);
  }
  .kern-pr-md-lg {
    padding-right: var(--kern-metric-space-default);
  }
  .kern-pb-md-lg {
    padding-bottom: var(--kern-metric-space-default);
  }
  .kern-pl-md-lg {
    padding-left: var(--kern-metric-space-default);
  }
  .kern-px-md-lg {
    padding-left: var(--kern-metric-space-default);
    padding-right: var(--kern-metric-space-default);
  }
  .kern-py-md-lg {
    padding-top: var(--kern-metric-space-default);
    padding-bottom: var(--kern-metric-space-default);
  }
  .kern-m-lg-lg {
    margin: var(--kern-metric-space-large);
  }
  .kern-mt-lg-lg {
    margin-top: var(--kern-metric-space-large);
  }
  .kern-mr-lg-lg {
    margin-right: var(--kern-metric-space-large);
  }
  .kern-mb-lg-lg {
    margin-bottom: var(--kern-metric-space-large);
  }
  .kern-ml-lg-lg {
    margin-left: var(--kern-metric-space-large);
  }
  .kern-mx-lg-lg {
    margin-left: var(--kern-metric-space-large);
    margin-right: var(--kern-metric-space-large);
  }
  .kern-my-lg-lg {
    margin-top: var(--kern-metric-space-large);
    margin-bottom: var(--kern-metric-space-large);
  }
  .kern-p-lg-lg {
    padding: var(--kern-metric-space-large);
  }
  .kern-pt-lg-lg {
    padding-top: var(--kern-metric-space-large);
  }
  .kern-pr-lg-lg {
    padding-right: var(--kern-metric-space-large);
  }
  .kern-pb-lg-lg {
    padding-bottom: var(--kern-metric-space-large);
  }
  .kern-pl-lg-lg {
    padding-left: var(--kern-metric-space-large);
  }
  .kern-px-lg-lg {
    padding-left: var(--kern-metric-space-large);
    padding-right: var(--kern-metric-space-large);
  }
  .kern-py-lg-lg {
    padding-top: var(--kern-metric-space-large);
    padding-bottom: var(--kern-metric-space-large);
  }
  .kern-m-xl-lg {
    margin: var(--kern-metric-space-x-large);
  }
  .kern-mt-xl-lg {
    margin-top: var(--kern-metric-space-x-large);
  }
  .kern-mr-xl-lg {
    margin-right: var(--kern-metric-space-x-large);
  }
  .kern-mb-xl-lg {
    margin-bottom: var(--kern-metric-space-x-large);
  }
  .kern-ml-xl-lg {
    margin-left: var(--kern-metric-space-x-large);
  }
  .kern-mx-xl-lg {
    margin-left: var(--kern-metric-space-x-large);
    margin-right: var(--kern-metric-space-x-large);
  }
  .kern-my-xl-lg {
    margin-top: var(--kern-metric-space-x-large);
    margin-bottom: var(--kern-metric-space-x-large);
  }
  .kern-p-xl-lg {
    padding: var(--kern-metric-space-x-large);
  }
  .kern-pt-xl-lg {
    padding-top: var(--kern-metric-space-x-large);
  }
  .kern-pr-xl-lg {
    padding-right: var(--kern-metric-space-x-large);
  }
  .kern-pb-xl-lg {
    padding-bottom: var(--kern-metric-space-x-large);
  }
  .kern-pl-xl-lg {
    padding-left: var(--kern-metric-space-x-large);
  }
  .kern-px-xl-lg {
    padding-left: var(--kern-metric-space-x-large);
    padding-right: var(--kern-metric-space-x-large);
  }
  .kern-py-xl-lg {
    padding-top: var(--kern-metric-space-x-large);
    padding-bottom: var(--kern-metric-space-x-large);
  }
}
@media (min-width: 1200px) {
  .kern-m-auto-xl {
    margin: auto;
  }
  .kern-mt-auto-xl {
    margin-top: auto;
  }
  .kern-mr-auto-xl {
    margin-right: auto;
  }
  .kern-mb-auto-xl {
    margin-bottom: auto;
  }
  .kern-ml-auto-xl {
    margin-left: auto;
  }
  .kern-mx-auto-xl {
    margin-left: auto;
    margin-right: auto;
  }
  .kern-my-auto-xl {
    margin-top: auto;
    margin-bottom: auto;
  }
  .kern-m-none-xl {
    margin: var(--kern-metric-space-none);
  }
  .kern-mt-none-xl {
    margin-top: var(--kern-metric-space-none);
  }
  .kern-mr-none-xl {
    margin-right: var(--kern-metric-space-none);
  }
  .kern-mb-none-xl {
    margin-bottom: var(--kern-metric-space-none);
  }
  .kern-ml-none-xl {
    margin-left: var(--kern-metric-space-none);
  }
  .kern-mx-none-xl {
    margin-left: var(--kern-metric-space-none);
    margin-right: var(--kern-metric-space-none);
  }
  .kern-my-none-xl {
    margin-top: var(--kern-metric-space-none);
    margin-bottom: var(--kern-metric-space-none);
  }
  .kern-p-none-xl {
    padding: var(--kern-metric-space-none);
  }
  .kern-pt-none-xl {
    padding-top: var(--kern-metric-space-none);
  }
  .kern-pr-none-xl {
    padding-right: var(--kern-metric-space-none);
  }
  .kern-pb-none-xl {
    padding-bottom: var(--kern-metric-space-none);
  }
  .kern-pl-none-xl {
    padding-left: var(--kern-metric-space-none);
  }
  .kern-px-none-xl {
    padding-left: var(--kern-metric-space-none);
    padding-right: var(--kern-metric-space-none);
  }
  .kern-py-none-xl {
    padding-top: var(--kern-metric-space-none);
    padding-bottom: var(--kern-metric-space-none);
  }
  .kern-m-xxs-xl {
    margin: var(--kern-metric-space-2x-small);
  }
  .kern-mt-xxs-xl {
    margin-top: var(--kern-metric-space-2x-small);
  }
  .kern-mr-xxs-xl {
    margin-right: var(--kern-metric-space-2x-small);
  }
  .kern-mb-xxs-xl {
    margin-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-ml-xxs-xl {
    margin-left: var(--kern-metric-space-2x-small);
  }
  .kern-mx-xxs-xl {
    margin-left: var(--kern-metric-space-2x-small);
    margin-right: var(--kern-metric-space-2x-small);
  }
  .kern-my-xxs-xl {
    margin-top: var(--kern-metric-space-2x-small);
    margin-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-p-xxs-xl {
    padding: var(--kern-metric-space-2x-small);
  }
  .kern-pt-xxs-xl {
    padding-top: var(--kern-metric-space-2x-small);
  }
  .kern-pr-xxs-xl {
    padding-right: var(--kern-metric-space-2x-small);
  }
  .kern-pb-xxs-xl {
    padding-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-pl-xxs-xl {
    padding-left: var(--kern-metric-space-2x-small);
  }
  .kern-px-xxs-xl {
    padding-left: var(--kern-metric-space-2x-small);
    padding-right: var(--kern-metric-space-2x-small);
  }
  .kern-py-xxs-xl {
    padding-top: var(--kern-metric-space-2x-small);
    padding-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-m-xs-xl {
    margin: var(--kern-metric-space-x-small);
  }
  .kern-mt-xs-xl {
    margin-top: var(--kern-metric-space-x-small);
  }
  .kern-mr-xs-xl {
    margin-right: var(--kern-metric-space-x-small);
  }
  .kern-mb-xs-xl {
    margin-bottom: var(--kern-metric-space-x-small);
  }
  .kern-ml-xs-xl {
    margin-left: var(--kern-metric-space-x-small);
  }
  .kern-mx-xs-xl {
    margin-left: var(--kern-metric-space-x-small);
    margin-right: var(--kern-metric-space-x-small);
  }
  .kern-my-xs-xl {
    margin-top: var(--kern-metric-space-x-small);
    margin-bottom: var(--kern-metric-space-x-small);
  }
  .kern-p-xs-xl {
    padding: var(--kern-metric-space-x-small);
  }
  .kern-pt-xs-xl {
    padding-top: var(--kern-metric-space-x-small);
  }
  .kern-pr-xs-xl {
    padding-right: var(--kern-metric-space-x-small);
  }
  .kern-pb-xs-xl {
    padding-bottom: var(--kern-metric-space-x-small);
  }
  .kern-pl-xs-xl {
    padding-left: var(--kern-metric-space-x-small);
  }
  .kern-px-xs-xl {
    padding-left: var(--kern-metric-space-x-small);
    padding-right: var(--kern-metric-space-x-small);
  }
  .kern-py-xs-xl {
    padding-top: var(--kern-metric-space-x-small);
    padding-bottom: var(--kern-metric-space-x-small);
  }
  .kern-m-sm-xl {
    margin: var(--kern-metric-space-small);
  }
  .kern-mt-sm-xl {
    margin-top: var(--kern-metric-space-small);
  }
  .kern-mr-sm-xl {
    margin-right: var(--kern-metric-space-small);
  }
  .kern-mb-sm-xl {
    margin-bottom: var(--kern-metric-space-small);
  }
  .kern-ml-sm-xl {
    margin-left: var(--kern-metric-space-small);
  }
  .kern-mx-sm-xl {
    margin-left: var(--kern-metric-space-small);
    margin-right: var(--kern-metric-space-small);
  }
  .kern-my-sm-xl {
    margin-top: var(--kern-metric-space-small);
    margin-bottom: var(--kern-metric-space-small);
  }
  .kern-p-sm-xl {
    padding: var(--kern-metric-space-small);
  }
  .kern-pt-sm-xl {
    padding-top: var(--kern-metric-space-small);
  }
  .kern-pr-sm-xl {
    padding-right: var(--kern-metric-space-small);
  }
  .kern-pb-sm-xl {
    padding-bottom: var(--kern-metric-space-small);
  }
  .kern-pl-sm-xl {
    padding-left: var(--kern-metric-space-small);
  }
  .kern-px-sm-xl {
    padding-left: var(--kern-metric-space-small);
    padding-right: var(--kern-metric-space-small);
  }
  .kern-py-sm-xl {
    padding-top: var(--kern-metric-space-small);
    padding-bottom: var(--kern-metric-space-small);
  }
  .kern-m-md-xl {
    margin: var(--kern-metric-space-default);
  }
  .kern-mt-md-xl {
    margin-top: var(--kern-metric-space-default);
  }
  .kern-mr-md-xl {
    margin-right: var(--kern-metric-space-default);
  }
  .kern-mb-md-xl {
    margin-bottom: var(--kern-metric-space-default);
  }
  .kern-ml-md-xl {
    margin-left: var(--kern-metric-space-default);
  }
  .kern-mx-md-xl {
    margin-left: var(--kern-metric-space-default);
    margin-right: var(--kern-metric-space-default);
  }
  .kern-my-md-xl {
    margin-top: var(--kern-metric-space-default);
    margin-bottom: var(--kern-metric-space-default);
  }
  .kern-p-md-xl {
    padding: var(--kern-metric-space-default);
  }
  .kern-pt-md-xl {
    padding-top: var(--kern-metric-space-default);
  }
  .kern-pr-md-xl {
    padding-right: var(--kern-metric-space-default);
  }
  .kern-pb-md-xl {
    padding-bottom: var(--kern-metric-space-default);
  }
  .kern-pl-md-xl {
    padding-left: var(--kern-metric-space-default);
  }
  .kern-px-md-xl {
    padding-left: var(--kern-metric-space-default);
    padding-right: var(--kern-metric-space-default);
  }
  .kern-py-md-xl {
    padding-top: var(--kern-metric-space-default);
    padding-bottom: var(--kern-metric-space-default);
  }
  .kern-m-lg-xl {
    margin: var(--kern-metric-space-large);
  }
  .kern-mt-lg-xl {
    margin-top: var(--kern-metric-space-large);
  }
  .kern-mr-lg-xl {
    margin-right: var(--kern-metric-space-large);
  }
  .kern-mb-lg-xl {
    margin-bottom: var(--kern-metric-space-large);
  }
  .kern-ml-lg-xl {
    margin-left: var(--kern-metric-space-large);
  }
  .kern-mx-lg-xl {
    margin-left: var(--kern-metric-space-large);
    margin-right: var(--kern-metric-space-large);
  }
  .kern-my-lg-xl {
    margin-top: var(--kern-metric-space-large);
    margin-bottom: var(--kern-metric-space-large);
  }
  .kern-p-lg-xl {
    padding: var(--kern-metric-space-large);
  }
  .kern-pt-lg-xl {
    padding-top: var(--kern-metric-space-large);
  }
  .kern-pr-lg-xl {
    padding-right: var(--kern-metric-space-large);
  }
  .kern-pb-lg-xl {
    padding-bottom: var(--kern-metric-space-large);
  }
  .kern-pl-lg-xl {
    padding-left: var(--kern-metric-space-large);
  }
  .kern-px-lg-xl {
    padding-left: var(--kern-metric-space-large);
    padding-right: var(--kern-metric-space-large);
  }
  .kern-py-lg-xl {
    padding-top: var(--kern-metric-space-large);
    padding-bottom: var(--kern-metric-space-large);
  }
  .kern-m-xl-xl {
    margin: var(--kern-metric-space-x-large);
  }
  .kern-mt-xl-xl {
    margin-top: var(--kern-metric-space-x-large);
  }
  .kern-mr-xl-xl {
    margin-right: var(--kern-metric-space-x-large);
  }
  .kern-mb-xl-xl {
    margin-bottom: var(--kern-metric-space-x-large);
  }
  .kern-ml-xl-xl {
    margin-left: var(--kern-metric-space-x-large);
  }
  .kern-mx-xl-xl {
    margin-left: var(--kern-metric-space-x-large);
    margin-right: var(--kern-metric-space-x-large);
  }
  .kern-my-xl-xl {
    margin-top: var(--kern-metric-space-x-large);
    margin-bottom: var(--kern-metric-space-x-large);
  }
  .kern-p-xl-xl {
    padding: var(--kern-metric-space-x-large);
  }
  .kern-pt-xl-xl {
    padding-top: var(--kern-metric-space-x-large);
  }
  .kern-pr-xl-xl {
    padding-right: var(--kern-metric-space-x-large);
  }
  .kern-pb-xl-xl {
    padding-bottom: var(--kern-metric-space-x-large);
  }
  .kern-pl-xl-xl {
    padding-left: var(--kern-metric-space-x-large);
  }
  .kern-px-xl-xl {
    padding-left: var(--kern-metric-space-x-large);
    padding-right: var(--kern-metric-space-x-large);
  }
  .kern-py-xl-xl {
    padding-top: var(--kern-metric-space-x-large);
    padding-bottom: var(--kern-metric-space-x-large);
  }
}
@media (min-width: 1600px) {
  .kern-m-auto-xxl {
    margin: auto;
  }
  .kern-mt-auto-xxl {
    margin-top: auto;
  }
  .kern-mr-auto-xxl {
    margin-right: auto;
  }
  .kern-mb-auto-xxl {
    margin-bottom: auto;
  }
  .kern-ml-auto-xxl {
    margin-left: auto;
  }
  .kern-mx-auto-xxl {
    margin-left: auto;
    margin-right: auto;
  }
  .kern-my-auto-xxl {
    margin-top: auto;
    margin-bottom: auto;
  }
  .kern-m-none-xxl {
    margin: var(--kern-metric-space-none);
  }
  .kern-mt-none-xxl {
    margin-top: var(--kern-metric-space-none);
  }
  .kern-mr-none-xxl {
    margin-right: var(--kern-metric-space-none);
  }
  .kern-mb-none-xxl {
    margin-bottom: var(--kern-metric-space-none);
  }
  .kern-ml-none-xxl {
    margin-left: var(--kern-metric-space-none);
  }
  .kern-mx-none-xxl {
    margin-left: var(--kern-metric-space-none);
    margin-right: var(--kern-metric-space-none);
  }
  .kern-my-none-xxl {
    margin-top: var(--kern-metric-space-none);
    margin-bottom: var(--kern-metric-space-none);
  }
  .kern-p-none-xxl {
    padding: var(--kern-metric-space-none);
  }
  .kern-pt-none-xxl {
    padding-top: var(--kern-metric-space-none);
  }
  .kern-pr-none-xxl {
    padding-right: var(--kern-metric-space-none);
  }
  .kern-pb-none-xxl {
    padding-bottom: var(--kern-metric-space-none);
  }
  .kern-pl-none-xxl {
    padding-left: var(--kern-metric-space-none);
  }
  .kern-px-none-xxl {
    padding-left: var(--kern-metric-space-none);
    padding-right: var(--kern-metric-space-none);
  }
  .kern-py-none-xxl {
    padding-top: var(--kern-metric-space-none);
    padding-bottom: var(--kern-metric-space-none);
  }
  .kern-m-xxs-xxl {
    margin: var(--kern-metric-space-2x-small);
  }
  .kern-mt-xxs-xxl {
    margin-top: var(--kern-metric-space-2x-small);
  }
  .kern-mr-xxs-xxl {
    margin-right: var(--kern-metric-space-2x-small);
  }
  .kern-mb-xxs-xxl {
    margin-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-ml-xxs-xxl {
    margin-left: var(--kern-metric-space-2x-small);
  }
  .kern-mx-xxs-xxl {
    margin-left: var(--kern-metric-space-2x-small);
    margin-right: var(--kern-metric-space-2x-small);
  }
  .kern-my-xxs-xxl {
    margin-top: var(--kern-metric-space-2x-small);
    margin-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-p-xxs-xxl {
    padding: var(--kern-metric-space-2x-small);
  }
  .kern-pt-xxs-xxl {
    padding-top: var(--kern-metric-space-2x-small);
  }
  .kern-pr-xxs-xxl {
    padding-right: var(--kern-metric-space-2x-small);
  }
  .kern-pb-xxs-xxl {
    padding-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-pl-xxs-xxl {
    padding-left: var(--kern-metric-space-2x-small);
  }
  .kern-px-xxs-xxl {
    padding-left: var(--kern-metric-space-2x-small);
    padding-right: var(--kern-metric-space-2x-small);
  }
  .kern-py-xxs-xxl {
    padding-top: var(--kern-metric-space-2x-small);
    padding-bottom: var(--kern-metric-space-2x-small);
  }
  .kern-m-xs-xxl {
    margin: var(--kern-metric-space-x-small);
  }
  .kern-mt-xs-xxl {
    margin-top: var(--kern-metric-space-x-small);
  }
  .kern-mr-xs-xxl {
    margin-right: var(--kern-metric-space-x-small);
  }
  .kern-mb-xs-xxl {
    margin-bottom: var(--kern-metric-space-x-small);
  }
  .kern-ml-xs-xxl {
    margin-left: var(--kern-metric-space-x-small);
  }
  .kern-mx-xs-xxl {
    margin-left: var(--kern-metric-space-x-small);
    margin-right: var(--kern-metric-space-x-small);
  }
  .kern-my-xs-xxl {
    margin-top: var(--kern-metric-space-x-small);
    margin-bottom: var(--kern-metric-space-x-small);
  }
  .kern-p-xs-xxl {
    padding: var(--kern-metric-space-x-small);
  }
  .kern-pt-xs-xxl {
    padding-top: var(--kern-metric-space-x-small);
  }
  .kern-pr-xs-xxl {
    padding-right: var(--kern-metric-space-x-small);
  }
  .kern-pb-xs-xxl {
    padding-bottom: var(--kern-metric-space-x-small);
  }
  .kern-pl-xs-xxl {
    padding-left: var(--kern-metric-space-x-small);
  }
  .kern-px-xs-xxl {
    padding-left: var(--kern-metric-space-x-small);
    padding-right: var(--kern-metric-space-x-small);
  }
  .kern-py-xs-xxl {
    padding-top: var(--kern-metric-space-x-small);
    padding-bottom: var(--kern-metric-space-x-small);
  }
  .kern-m-sm-xxl {
    margin: var(--kern-metric-space-small);
  }
  .kern-mt-sm-xxl {
    margin-top: var(--kern-metric-space-small);
  }
  .kern-mr-sm-xxl {
    margin-right: var(--kern-metric-space-small);
  }
  .kern-mb-sm-xxl {
    margin-bottom: var(--kern-metric-space-small);
  }
  .kern-ml-sm-xxl {
    margin-left: var(--kern-metric-space-small);
  }
  .kern-mx-sm-xxl {
    margin-left: var(--kern-metric-space-small);
    margin-right: var(--kern-metric-space-small);
  }
  .kern-my-sm-xxl {
    margin-top: var(--kern-metric-space-small);
    margin-bottom: var(--kern-metric-space-small);
  }
  .kern-p-sm-xxl {
    padding: var(--kern-metric-space-small);
  }
  .kern-pt-sm-xxl {
    padding-top: var(--kern-metric-space-small);
  }
  .kern-pr-sm-xxl {
    padding-right: var(--kern-metric-space-small);
  }
  .kern-pb-sm-xxl {
    padding-bottom: var(--kern-metric-space-small);
  }
  .kern-pl-sm-xxl {
    padding-left: var(--kern-metric-space-small);
  }
  .kern-px-sm-xxl {
    padding-left: var(--kern-metric-space-small);
    padding-right: var(--kern-metric-space-small);
  }
  .kern-py-sm-xxl {
    padding-top: var(--kern-metric-space-small);
    padding-bottom: var(--kern-metric-space-small);
  }
  .kern-m-md-xxl {
    margin: var(--kern-metric-space-default);
  }
  .kern-mt-md-xxl {
    margin-top: var(--kern-metric-space-default);
  }
  .kern-mr-md-xxl {
    margin-right: var(--kern-metric-space-default);
  }
  .kern-mb-md-xxl {
    margin-bottom: var(--kern-metric-space-default);
  }
  .kern-ml-md-xxl {
    margin-left: var(--kern-metric-space-default);
  }
  .kern-mx-md-xxl {
    margin-left: var(--kern-metric-space-default);
    margin-right: var(--kern-metric-space-default);
  }
  .kern-my-md-xxl {
    margin-top: var(--kern-metric-space-default);
    margin-bottom: var(--kern-metric-space-default);
  }
  .kern-p-md-xxl {
    padding: var(--kern-metric-space-default);
  }
  .kern-pt-md-xxl {
    padding-top: var(--kern-metric-space-default);
  }
  .kern-pr-md-xxl {
    padding-right: var(--kern-metric-space-default);
  }
  .kern-pb-md-xxl {
    padding-bottom: var(--kern-metric-space-default);
  }
  .kern-pl-md-xxl {
    padding-left: var(--kern-metric-space-default);
  }
  .kern-px-md-xxl {
    padding-left: var(--kern-metric-space-default);
    padding-right: var(--kern-metric-space-default);
  }
  .kern-py-md-xxl {
    padding-top: var(--kern-metric-space-default);
    padding-bottom: var(--kern-metric-space-default);
  }
  .kern-m-lg-xxl {
    margin: var(--kern-metric-space-large);
  }
  .kern-mt-lg-xxl {
    margin-top: var(--kern-metric-space-large);
  }
  .kern-mr-lg-xxl {
    margin-right: var(--kern-metric-space-large);
  }
  .kern-mb-lg-xxl {
    margin-bottom: var(--kern-metric-space-large);
  }
  .kern-ml-lg-xxl {
    margin-left: var(--kern-metric-space-large);
  }
  .kern-mx-lg-xxl {
    margin-left: var(--kern-metric-space-large);
    margin-right: var(--kern-metric-space-large);
  }
  .kern-my-lg-xxl {
    margin-top: var(--kern-metric-space-large);
    margin-bottom: var(--kern-metric-space-large);
  }
  .kern-p-lg-xxl {
    padding: var(--kern-metric-space-large);
  }
  .kern-pt-lg-xxl {
    padding-top: var(--kern-metric-space-large);
  }
  .kern-pr-lg-xxl {
    padding-right: var(--kern-metric-space-large);
  }
  .kern-pb-lg-xxl {
    padding-bottom: var(--kern-metric-space-large);
  }
  .kern-pl-lg-xxl {
    padding-left: var(--kern-metric-space-large);
  }
  .kern-px-lg-xxl {
    padding-left: var(--kern-metric-space-large);
    padding-right: var(--kern-metric-space-large);
  }
  .kern-py-lg-xxl {
    padding-top: var(--kern-metric-space-large);
    padding-bottom: var(--kern-metric-space-large);
  }
  .kern-m-xl-xxl {
    margin: var(--kern-metric-space-x-large);
  }
  .kern-mt-xl-xxl {
    margin-top: var(--kern-metric-space-x-large);
  }
  .kern-mr-xl-xxl {
    margin-right: var(--kern-metric-space-x-large);
  }
  .kern-mb-xl-xxl {
    margin-bottom: var(--kern-metric-space-x-large);
  }
  .kern-ml-xl-xxl {
    margin-left: var(--kern-metric-space-x-large);
  }
  .kern-mx-xl-xxl {
    margin-left: var(--kern-metric-space-x-large);
    margin-right: var(--kern-metric-space-x-large);
  }
  .kern-my-xl-xxl {
    margin-top: var(--kern-metric-space-x-large);
    margin-bottom: var(--kern-metric-space-x-large);
  }
  .kern-p-xl-xxl {
    padding: var(--kern-metric-space-x-large);
  }
  .kern-pt-xl-xxl {
    padding-top: var(--kern-metric-space-x-large);
  }
  .kern-pr-xl-xxl {
    padding-right: var(--kern-metric-space-x-large);
  }
  .kern-pb-xl-xxl {
    padding-bottom: var(--kern-metric-space-x-large);
  }
  .kern-pl-xl-xxl {
    padding-left: var(--kern-metric-space-x-large);
  }
  .kern-px-xl-xxl {
    padding-left: var(--kern-metric-space-x-large);
    padding-right: var(--kern-metric-space-x-large);
  }
  .kern-py-xl-xxl {
    padding-top: var(--kern-metric-space-x-large);
    padding-bottom: var(--kern-metric-space-x-large);
  }
}
:root {
  --kern-darkblue-025-lightness: 97.29%;
  --kern-darkblue-025-chroma: .0081;
  --kern-darkblue-025-hue: 261.5;
  --kern-darkblue-050-lightness: 95.28%;
  --kern-darkblue-050-chroma: .0144;
  --kern-darkblue-050-hue: 267.3;
  --kern-darkblue-100-lightness: 90.65%;
  --kern-darkblue-100-chroma: .0284;
  --kern-darkblue-100-hue: 265.8;
  --kern-darkblue-150-lightness: 87.02%;
  --kern-darkblue-150-chroma: .0397;
  --kern-darkblue-150-hue: 264.3;
  --kern-darkblue-200-lightness: 82.15%;
  --kern-darkblue-200-chroma: .0557;
  --kern-darkblue-200-hue: 265.6;
  --kern-darkblue-250-lightness: 78.4%;
  --kern-darkblue-250-chroma: .0671;
  --kern-darkblue-250-hue: 265.4;
  --kern-darkblue-300-lightness: 73.65%;
  --kern-darkblue-300-chroma: .083;
  --kern-darkblue-300-hue: 265.2;
  --kern-darkblue-350-lightness: 69.99%;
  --kern-darkblue-350-chroma: .0926;
  --kern-darkblue-350-hue: 265;
  --kern-darkblue-400-lightness: 66.28%;
  --kern-darkblue-400-chroma: .1035;
  --kern-darkblue-400-hue: 264.7;
  --kern-darkblue-450-lightness: 61.27%;
  --kern-darkblue-450-chroma: .1195;
  --kern-darkblue-450-hue: 265.5;
  --kern-darkblue-500-lightness: 57.58%;
  --kern-darkblue-500-chroma: .1302;
  --kern-darkblue-500-hue: 265.1;
  --kern-darkblue-550-lightness: 52.55%;
  --kern-darkblue-550-chroma: .1462;
  --kern-darkblue-550-hue: 265.4;
  --kern-darkblue-600-lightness: 48.97%;
  --kern-darkblue-600-chroma: .1552;
  --kern-darkblue-600-hue: 264.9;
  --kern-darkblue-650-lightness: 45%;
  --kern-darkblue-650-chroma: .166;
  --kern-darkblue-650-hue: 265.1;
  --kern-darkblue-700-lightness: 40.4%;
  --kern-darkblue-700-chroma: .1713;
  --kern-darkblue-700-hue: 265.1;
  --kern-darkblue-750-lightness: 36.29%;
  --kern-darkblue-750-chroma: .1831;
  --kern-darkblue-750-hue: 265;
  --kern-darkblue-800-lightness: 32.18%;
  --kern-darkblue-800-chroma: .1841;
  --kern-darkblue-800-hue: 265;
  --kern-darkblue-850-lightness: 28.85%;
  --kern-darkblue-850-chroma: .1905;
  --kern-darkblue-850-hue: 264.9;
  --kern-darkblue-900-lightness: 24.13%;
  --kern-darkblue-900-chroma: .1635;
  --kern-darkblue-900-hue: 266.4;
  --kern-darkblue-950-lightness: 19.3%;
  --kern-darkblue-950-chroma: .1283;
  --kern-darkblue-950-hue: 268.4;
}
:root {
  --kern-lightblue-025-lightness: 97.93%;
  --kern-lightblue-025-chroma: .0112;
  --kern-lightblue-025-hue: 225.1;
  --kern-lightblue-050-lightness: 95.27%;
  --kern-lightblue-050-chroma: .0248;
  --kern-lightblue-050-hue: 223.4;
  --kern-lightblue-100-lightness: 90.47%;
  --kern-lightblue-100-chroma: .0495;
  --kern-lightblue-100-hue: 225.8;
  --kern-lightblue-150-lightness: 86.16%;
  --kern-lightblue-150-chroma: .0716;
  --kern-lightblue-150-hue: 224.5;
  --kern-lightblue-200-lightness: 82.29%;
  --kern-lightblue-200-chroma: .0929;
  --kern-lightblue-200-hue: 223.5;
  --kern-lightblue-250-lightness: 77.87%;
  --kern-lightblue-250-chroma: .1157;
  --kern-lightblue-250-hue: 223.4;
  --kern-lightblue-300-lightness: 72.6%;
  --kern-lightblue-300-chroma: .1365;
  --kern-lightblue-300-hue: 224.1;
  --kern-lightblue-350-lightness: 69.31%;
  --kern-lightblue-350-chroma: .1331;
  --kern-lightblue-350-hue: 226.5;
  --kern-lightblue-400-lightness: 65.7%;
  --kern-lightblue-400-chroma: .126;
  --kern-lightblue-400-hue: 226.3;
  --kern-lightblue-450-lightness: 60.49%;
  --kern-lightblue-450-chroma: .1218;
  --kern-lightblue-450-hue: 230.9;
  --kern-lightblue-500-lightness: 56.36%;
  --kern-lightblue-500-chroma: .1102;
  --kern-lightblue-500-hue: 228.3;
  --kern-lightblue-550-lightness: 51.87%;
  --kern-lightblue-550-chroma: .1098;
  --kern-lightblue-550-hue: 234.8;
  --kern-lightblue-600-lightness: 47.63%;
  --kern-lightblue-600-chroma: .1034;
  --kern-lightblue-600-hue: 236.6;
  --kern-lightblue-650-lightness: 42.88%;
  --kern-lightblue-650-chroma: .0984;
  --kern-lightblue-650-hue: 240.1;
  --kern-lightblue-700-lightness: 39.45%;
  --kern-lightblue-700-chroma: .0961;
  --kern-lightblue-700-hue: 243.4;
  --kern-lightblue-750-lightness: 34.98%;
  --kern-lightblue-750-chroma: .0901;
  --kern-lightblue-750-hue: 246.1;
  --kern-lightblue-800-lightness: 31%;
  --kern-lightblue-800-chroma: .0905;
  --kern-lightblue-800-hue: 251.1;
  --kern-lightblue-850-lightness: 26.58%;
  --kern-lightblue-850-chroma: .0837;
  --kern-lightblue-850-hue: 253.7;
  --kern-lightblue-900-lightness: 22.62%;
  --kern-lightblue-900-chroma: .0845;
  --kern-lightblue-900-hue: 258.2;
  --kern-lightblue-950-lightness: 18.48%;
  --kern-lightblue-950-chroma: .0867;
  --kern-lightblue-950-hue: 262.2;
}
:root {
  --kern-turquoise-025-lightness: 97.64%;
  --kern-turquoise-025-chroma: .0123;
  --kern-turquoise-025-hue: 172.2;
  --kern-turquoise-050-lightness: 95.45%;
  --kern-turquoise-050-chroma: .0269;
  --kern-turquoise-050-hue: 171.7;
  --kern-turquoise-100-lightness: 90.68%;
  --kern-turquoise-100-chroma: .0593;
  --kern-turquoise-100-hue: 170.5;
  --kern-turquoise-150-lightness: 85.52%;
  --kern-turquoise-150-chroma: .0888;
  --kern-turquoise-150-hue: 171;
  --kern-turquoise-200-lightness: 81.34%;
  --kern-turquoise-200-chroma: .1071;
  --kern-turquoise-200-hue: 170.7;
  --kern-turquoise-250-lightness: 77.21%;
  --kern-turquoise-250-chroma: .1209;
  --kern-turquoise-250-hue: 170.3;
  --kern-turquoise-300-lightness: 72.07%;
  --kern-turquoise-300-chroma: .1298;
  --kern-turquoise-300-hue: 170.4;
  --kern-turquoise-350-lightness: 68.64%;
  --kern-turquoise-350-chroma: .1341;
  --kern-turquoise-350-hue: 170;
  --kern-turquoise-400-lightness: 63.71%;
  --kern-turquoise-400-chroma: .1258;
  --kern-turquoise-400-hue: 170.2;
  --kern-turquoise-450-lightness: 59.21%;
  --kern-turquoise-450-chroma: .1187;
  --kern-turquoise-450-hue: 168.9;
  --kern-turquoise-500-lightness: 54.7%;
  --kern-turquoise-500-chroma: .1094;
  --kern-turquoise-500-hue: 169.1;
  --kern-turquoise-550-lightness: 51.64%;
  --kern-turquoise-550-chroma: .1031;
  --kern-turquoise-550-hue: 169.3;
  --kern-turquoise-600-lightness: 46.91%;
  --kern-turquoise-600-chroma: .0948;
  --kern-turquoise-600-hue: 168.1;
  --kern-turquoise-650-lightness: 42.12%;
  --kern-turquoise-650-chroma: .0848;
  --kern-turquoise-650-hue: 168.5;
  --kern-turquoise-700-lightness: 38.81%;
  --kern-turquoise-700-chroma: .079;
  --kern-turquoise-700-hue: 167.5;
  --kern-turquoise-750-lightness: 33.77%;
  --kern-turquoise-750-chroma: .0682;
  --kern-turquoise-750-hue: 168.2;
  --kern-turquoise-800-lightness: 30.31%;
  --kern-turquoise-800-chroma: .0608;
  --kern-turquoise-800-hue: 168.9;
  --kern-turquoise-850-lightness: 26.7%;
  --kern-turquoise-850-chroma: .0545;
  --kern-turquoise-850-hue: 167.3;
  --kern-turquoise-900-lightness: 21.11%;
  --kern-turquoise-900-chroma: .0425;
  --kern-turquoise-900-hue: 168.5;
  --kern-turquoise-950-lightness: 17.16%;
  --kern-turquoise-950-chroma: .0342;
  --kern-turquoise-950-hue: 169.5;
}
:root {
  --kern-green-025-lightness: 97.95%;
  --kern-green-025-chroma: .0066;
  --kern-green-025-hue: 151.9;
  --kern-green-050-lightness: 95.9%;
  --kern-green-050-chroma: .0151;
  --kern-green-050-hue: 148.4;
  --kern-green-100-lightness: 90.51%;
  --kern-green-100-chroma: .0375;
  --kern-green-100-hue: 148.6;
  --kern-green-150-lightness: 86.51%;
  --kern-green-150-chroma: .0556;
  --kern-green-150-hue: 148.3;
  --kern-green-200-lightness: 81.85%;
  --kern-green-200-chroma: .074;
  --kern-green-200-hue: 149;
  --kern-green-250-lightness: 77.04%;
  --kern-green-250-chroma: .092;
  --kern-green-250-hue: 148.1;
  --kern-green-300-lightness: 72.45%;
  --kern-green-300-chroma: .1087;
  --kern-green-300-hue: 148.5;
  --kern-green-350-lightness: 68.55%;
  --kern-green-350-chroma: .1228;
  --kern-green-350-hue: 148.4;
  --kern-green-400-lightness: 63.71%;
  --kern-green-400-chroma: .1312;
  --kern-green-400-hue: 148.6;
  --kern-green-450-lightness: 59.26%;
  --kern-green-450-chroma: .1414;
  --kern-green-450-hue: 148.4;
  --kern-green-500-lightness: 54.55%;
  --kern-green-500-chroma: .1469;
  --kern-green-500-hue: 148.4;
  --kern-green-550-lightness: 50.64%;
  --kern-green-550-chroma: .1479;
  --kern-green-550-hue: 147.7;
  --kern-green-600-lightness: 45.99%;
  --kern-green-600-chroma: .1381;
  --kern-green-600-hue: 146.6;
  --kern-green-650-lightness: 42.82%;
  --kern-green-650-chroma: .1318;
  --kern-green-650-hue: 145.7;
  --kern-green-700-lightness: 38.01%;
  --kern-green-700-chroma: .118;
  --kern-green-700-hue: 145.4;
  --kern-green-750-lightness: 34.7%;
  --kern-green-750-chroma: .1103;
  --kern-green-750-hue: 144.6;
  --kern-green-800-lightness: 29.62%;
  --kern-green-800-chroma: .095;
  --kern-green-800-hue: 144.4;
  --kern-green-850-lightness: 26.11%;
  --kern-green-850-chroma: .0844;
  --kern-green-850-hue: 144.1;
  --kern-green-900-lightness: 20.63%;
  --kern-green-900-chroma: .0664;
  --kern-green-900-hue: 144.2;
  --kern-green-950-lightness: 16.76%;
  --kern-green-950-chroma: .0542;
  --kern-green-950-hue: 144.1;
}
:root {
  --kern-limette-025-lightness: 97.02%;
  --kern-limette-025-chroma: .0694;
  --kern-limette-025-hue: 120.6;
  --kern-limette-050-lightness: 95.09%;
  --kern-limette-050-chroma: .1155;
  --kern-limette-050-hue: 120.8;
  --kern-limette-100-lightness: 90.24%;
  --kern-limette-100-chroma: .1656;
  --kern-limette-100-hue: 120.8;
  --kern-limette-150-lightness: 86.02%;
  --kern-limette-150-chroma: .1845;
  --kern-limette-150-hue: 121.2;
  --kern-limette-200-lightness: 81.36%;
  --kern-limette-200-chroma: .1887;
  --kern-limette-200-hue: 120.7;
  --kern-limette-250-lightness: 77.69%;
  --kern-limette-250-chroma: .1864;
  --kern-limette-250-hue: 121;
  --kern-limette-300-lightness: 73.21%;
  --kern-limette-300-chroma: .1755;
  --kern-limette-300-hue: 120.9;
  --kern-limette-350-lightness: 68.65%;
  --kern-limette-350-chroma: .1645;
  --kern-limette-350-hue: 120.9;
  --kern-limette-400-lightness: 65.38%;
  --kern-limette-400-chroma: .1582;
  --kern-limette-400-hue: 121.8;
  --kern-limette-450-lightness: 60.7%;
  --kern-limette-450-chroma: .1467;
  --kern-limette-450-hue: 121.7;
  --kern-limette-500-lightness: 55.93%;
  --kern-limette-500-chroma: .135;
  --kern-limette-500-hue: 121.6;
  --kern-limette-550-lightness: 51.06%;
  --kern-limette-550-chroma: .1231;
  --kern-limette-550-hue: 121.4;
  --kern-limette-600-lightness: 47.75%;
  --kern-limette-600-chroma: .115;
  --kern-limette-600-hue: 121.3;
  --kern-limette-650-lightness: 42.55%;
  --kern-limette-650-chroma: .1032;
  --kern-limette-650-hue: 122;
  --kern-limette-700-lightness: 39.09%;
  --kern-limette-700-chroma: .0946;
  --kern-limette-700-hue: 121.8;
  --kern-limette-750-lightness: 35.55%;
  --kern-limette-750-chroma: .0858;
  --kern-limette-750-hue: 121.6;
  --kern-limette-800-lightness: 30%;
  --kern-limette-800-chroma: .0727;
  --kern-limette-800-hue: 121.9;
  --kern-limette-850-lightness: 26.21%;
  --kern-limette-850-chroma: .0631;
  --kern-limette-850-hue: 121.3;
  --kern-limette-900-lightness: 22.14%;
  --kern-limette-900-chroma: .0541;
  --kern-limette-900-hue: 122.7;
  --kern-limette-950-lightness: 18.08%;
  --kern-limette-950-chroma: .0434;
  --kern-limette-950-hue: 121.1;
}
:root {
  --kern-yellow-025-lightness: 97.15%;
  --kern-yellow-025-chroma: .1207;
  --kern-yellow-025-hue: 106.7;
  --kern-yellow-050-lightness: 94.9%;
  --kern-yellow-050-chroma: .1515;
  --kern-yellow-050-hue: 104.1;
  --kern-yellow-100-lightness: 90.5%;
  --kern-yellow-100-chroma: .1776;
  --kern-yellow-100-hue: 98.18;
  --kern-yellow-150-lightness: 86.85%;
  --kern-yellow-150-chroma: .1781;
  --kern-yellow-150-hue: 94.26;
  --kern-yellow-200-lightness: 82.83%;
  --kern-yellow-200-chroma: .1699;
  --kern-yellow-200-hue: 94.33;
  --kern-yellow-250-lightness: 78.01%;
  --kern-yellow-250-chroma: .1597;
  --kern-yellow-250-hue: 92.52;
  --kern-yellow-300-lightness: 73.93%;
  --kern-yellow-300-chroma: .1513;
  --kern-yellow-300-hue: 92.61;
  --kern-yellow-350-lightness: 69.79%;
  --kern-yellow-350-chroma: .1428;
  --kern-yellow-350-hue: 92.72;
  --kern-yellow-400-lightness: 65.58%;
  --kern-yellow-400-chroma: .1343;
  --kern-yellow-400-hue: 92.85;
  --kern-yellow-450-lightness: 61.31%;
  --kern-yellow-450-chroma: .1255;
  --kern-yellow-450-hue: 92.99;
  --kern-yellow-500-lightness: 56.96%;
  --kern-yellow-500-chroma: .1166;
  --kern-yellow-500-hue: 93.17;
  --kern-yellow-550-lightness: 52.05%;
  --kern-yellow-550-chroma: .1064;
  --kern-yellow-550-hue: 91.55;
  --kern-yellow-600-lightness: 47.57%;
  --kern-yellow-600-chroma: .0973;
  --kern-yellow-600-hue: 91.85;
  --kern-yellow-650-lightness: 44.52%;
  --kern-yellow-650-chroma: .0911;
  --kern-yellow-650-hue: 92.09;
  --kern-yellow-700-lightness: 39.84%;
  --kern-yellow-700-chroma: .0815;
  --kern-yellow-700-hue: 92.54;
  --kern-yellow-750-lightness: 34.74%;
  --kern-yellow-750-chroma: .071;
  --kern-yellow-750-hue: 91.44;
  --kern-yellow-800-lightness: 31.21%;
  --kern-yellow-800-chroma: .0638;
  --kern-yellow-800-hue: 90.35;
  --kern-yellow-850-lightness: 25.99%;
  --kern-yellow-850-chroma: .0531;
  --kern-yellow-850-hue: 90.14;
  --kern-yellow-900-lightness: 22.55%;
  --kern-yellow-900-chroma: .0461;
  --kern-yellow-900-hue: 91.64;
  --kern-yellow-950-lightness: 18.61%;
  --kern-yellow-950-chroma: .038;
  --kern-yellow-950-hue: 89.88;
}
:root {
  --kern-orange-025-lightness: 98%;
  --kern-orange-025-chroma: .0188;
  --kern-orange-025-hue: 81.5;
  --kern-orange-050-lightness: 95.85%;
  --kern-orange-050-chroma: .0433;
  --kern-orange-050-hue: 84.57;
  --kern-orange-100-lightness: 91.5%;
  --kern-orange-100-chroma: .0891;
  --kern-orange-100-hue: 84.2;
  --kern-orange-150-lightness: 87.38%;
  --kern-orange-150-chroma: .1245;
  --kern-orange-150-hue: 81.4;
  --kern-orange-200-lightness: 83.3%;
  --kern-orange-200-chroma: .1517;
  --kern-orange-200-hue: 77.01;
  --kern-orange-250-lightness: 79.67%;
  --kern-orange-250-chroma: .1689;
  --kern-orange-250-hue: 71.24;
  --kern-orange-300-lightness: 74.41%;
  --kern-orange-300-chroma: .1646;
  --kern-orange-300-hue: 66.86;
  --kern-orange-350-lightness: 70.85%;
  --kern-orange-350-chroma: .1565;
  --kern-orange-350-hue: 67.04;
  --kern-orange-400-lightness: 66.63%;
  --kern-orange-400-chroma: .1493;
  --kern-orange-400-hue: 65.13;
  --kern-orange-450-lightness: 61.81%;
  --kern-orange-450-chroma: .1382;
  --kern-orange-450-hue: 65.47;
  --kern-orange-500-lightness: 57.6%;
  --kern-orange-500-chroma: .1306;
  --kern-orange-500-hue: 63.7;
  --kern-orange-550-lightness: 52.64%;
  --kern-orange-550-chroma: .1189;
  --kern-orange-550-hue: 64.21;
  --kern-orange-600-lightness: 48.42%;
  --kern-orange-600-chroma: .1108;
  --kern-orange-600-hue: 62.67;
  --kern-orange-650-lightness: 44.59%;
  --kern-orange-650-chroma: .1015;
  --kern-orange-650-hue: 63.27;
  --kern-orange-700-lightness: 40.32%;
  --kern-orange-700-chroma: .0927;
  --kern-orange-700-hue: 62.06;
  --kern-orange-750-lightness: 36.35%;
  --kern-orange-750-chroma: .0829;
  --kern-orange-750-hue: 63.06;
  --kern-orange-800-lightness: 32.01%;
  --kern-orange-800-chroma: .0733;
  --kern-orange-800-hue: 62.53;
  --kern-orange-850-lightness: 27.62%;
  --kern-orange-850-chroma: .0632;
  --kern-orange-850-hue: 62.68;
  --kern-orange-900-lightness: 22.99%;
  --kern-orange-900-chroma: .0528;
  --kern-orange-900-hue: 62.35;
  --kern-orange-950-lightness: 18.36%;
  --kern-orange-950-chroma: .0413;
  --kern-orange-950-hue: 64.82;
}
:root {
  --kern-red-025-lightness: 98.03%;
  --kern-red-025-chroma: .0083;
  --kern-red-025-hue: 25.06;
  --kern-red-050-lightness: 95.36%;
  --kern-red-050-chroma: .0217;
  --kern-red-050-hue: 32.68;
  --kern-red-100-lightness: 91.24%;
  --kern-red-100-chroma: .0436;
  --kern-red-100-hue: 28.25;
  --kern-red-150-lightness: 87.71%;
  --kern-red-150-chroma: .0621;
  --kern-red-150-hue: 29.89;
  --kern-red-200-lightness: 83.28%;
  --kern-red-200-chroma: .0854;
  --kern-red-200-hue: 30.18;
  --kern-red-250-lightness: 79.59%;
  --kern-red-250-chroma: .1043;
  --kern-red-250-hue: 29.15;
  --kern-red-300-lightness: 75.15%;
  --kern-red-300-chroma: .1265;
  --kern-red-300-hue: 28.4;
  --kern-red-350-lightness: 71.18%;
  --kern-red-350-chroma: .143;
  --kern-red-350-hue: 28.92;
  --kern-red-400-lightness: 67.04%;
  --kern-red-400-chroma: .1611;
  --kern-red-400-hue: 28.5;
  --kern-red-450-lightness: 63.35%;
  --kern-red-450-chroma: .1717;
  --kern-red-450-hue: 29.1;
  --kern-red-500-lightness: 58.93%;
  --kern-red-500-chroma: .1871;
  --kern-red-500-hue: 29.12;
  --kern-red-550-lightness: 54.9%;
  --kern-red-550-chroma: .1972;
  --kern-red-550-hue: 29.28;
  --kern-red-600-lightness: 50.78%;
  --kern-red-600-chroma: .202;
  --kern-red-600-hue: 29.22;
  --kern-red-650-lightness: 46%;
  --kern-red-650-chroma: .1888;
  --kern-red-650-hue: 29.23;
  --kern-red-700-lightness: 41.84%;
  --kern-red-700-chroma: .1717;
  --kern-red-700-hue: 29.23;
  --kern-red-750-lightness: 37.56%;
  --kern-red-750-chroma: .1541;
  --kern-red-750-hue: 29.23;
  --kern-red-800-lightness: 32.04%;
  --kern-red-800-chroma: .1315;
  --kern-red-800-hue: 29.23;
  --kern-red-850-lightness: 28.62%;
  --kern-red-850-chroma: .1174;
  --kern-red-850-hue: 29.23;
  --kern-red-900-lightness: 23.88%;
  --kern-red-900-chroma: .098;
  --kern-red-900-hue: 29.23;
  --kern-red-950-lightness: 18.89%;
  --kern-red-950-chroma: .0775;
  --kern-red-950-hue: 29.23;
}
:root {
  --kern-violet-025-lightness: 97.97%;
  --kern-violet-025-chroma: .0094;
  --kern-violet-025-hue: 311;
  --kern-violet-050-lightness: 95.12%;
  --kern-violet-050-chroma: .0215;
  --kern-violet-050-hue: 312.8;
  --kern-violet-100-lightness: 91.07%;
  --kern-violet-100-chroma: .0444;
  --kern-violet-100-hue: 314;
  --kern-violet-150-lightness: 88%;
  --kern-violet-150-chroma: .0602;
  --kern-violet-150-hue: 313.2;
  --kern-violet-200-lightness: 83.03%;
  --kern-violet-200-chroma: .0861;
  --kern-violet-200-hue: 313;
  --kern-violet-250-lightness: 79.26%;
  --kern-violet-250-chroma: .106;
  --kern-violet-250-hue: 313.5;
  --kern-violet-300-lightness: 75.52%;
  --kern-violet-300-chroma: .123;
  --kern-violet-300-hue: 313.3;
  --kern-violet-350-lightness: 71.06%;
  --kern-violet-350-chroma: .1442;
  --kern-violet-350-hue: 313.8;
  --kern-violet-400-lightness: 67.51%;
  --kern-violet-400-chroma: .1583;
  --kern-violet-400-hue: 313.6;
  --kern-violet-450-lightness: 63.1%;
  --kern-violet-450-chroma: .1778;
  --kern-violet-450-hue: 313.2;
  --kern-violet-500-lightness: 59.14%;
  --kern-violet-500-chroma: .1931;
  --kern-violet-500-hue: 313.6;
  --kern-violet-550-lightness: 55.43%;
  --kern-violet-550-chroma: .2052;
  --kern-violet-550-hue: 313.9;
  --kern-violet-600-lightness: 50.94%;
  --kern-violet-600-chroma: .2144;
  --kern-violet-600-hue: 313.2;
  --kern-violet-650-lightness: 47.11%;
  --kern-violet-650-chroma: .2224;
  --kern-violet-650-hue: 313.7;
  --kern-violet-700-lightness: 42.44%;
  --kern-violet-700-chroma: .2119;
  --kern-violet-700-hue: 312.4;
  --kern-violet-750-lightness: 38.09%;
  --kern-violet-750-chroma: .1911;
  --kern-violet-750-hue: 311.5;
  --kern-violet-800-lightness: 32.98%;
  --kern-violet-800-chroma: .1651;
  --kern-violet-800-hue: 311.9;
  --kern-violet-850-lightness: 28.25%;
  --kern-violet-850-chroma: .1427;
  --kern-violet-850-hue: 310.2;
  --kern-violet-900-lightness: 23.95%;
  --kern-violet-900-chroma: .1205;
  --kern-violet-900-hue: 311;
  --kern-violet-950-lightness: 19.14%;
  --kern-violet-950-chroma: .0967;
  --kern-violet-950-hue: 310.2;
}
:root {
  --kern-neutral-025-lightness: 97.46%;
  --kern-neutral-025-chroma: .0028;
  --kern-neutral-025-hue: 286.3;
  --kern-neutral-050-lightness: 95.79%;
  --kern-neutral-050-chroma: .0053;
  --kern-neutral-050-hue: 275;
  --kern-neutral-100-lightness: 91.42%;
  --kern-neutral-100-chroma: .012;
  --kern-neutral-100-hue: 276;
  --kern-neutral-150-lightness: 87.05%;
  --kern-neutral-150-chroma: .0183;
  --kern-neutral-150-hue: 275.9;
  --kern-neutral-200-lightness: 82.73%;
  --kern-neutral-200-chroma: .0236;
  --kern-neutral-200-hue: 275.8;
  --kern-neutral-250-lightness: 78.2%;
  --kern-neutral-250-chroma: .0305;
  --kern-neutral-250-hue: 276.7;
  --kern-neutral-300-lightness: 74.59%;
  --kern-neutral-300-chroma: .0358;
  --kern-neutral-300-hue: 276.5;
  --kern-neutral-350-lightness: 70.15%;
  --kern-neutral-350-chroma: .042;
  --kern-neutral-350-hue: 275.3;
  --kern-neutral-400-lightness: 65.51%;
  --kern-neutral-400-chroma: .0464;
  --kern-neutral-400-hue: 278.2;
  --kern-neutral-450-lightness: 61.18%;
  --kern-neutral-450-chroma: .0496;
  --kern-neutral-450-hue: 277;
  --kern-neutral-500-lightness: 56.84%;
  --kern-neutral-500-chroma: .0521;
  --kern-neutral-500-hue: 275.8;
  --kern-neutral-550-lightness: 52.32%;
  --kern-neutral-550-chroma: .054;
  --kern-neutral-550-hue: 276.6;
  --kern-neutral-600-lightness: 48.66%;
  --kern-neutral-600-chroma: .0561;
  --kern-neutral-600-hue: 276.4;
  --kern-neutral-650-lightness: 44.06%;
  --kern-neutral-650-chroma: .0569;
  --kern-neutral-650-hue: 277.1;
  --kern-neutral-700-lightness: 39.76%;
  --kern-neutral-700-chroma: .0529;
  --kern-neutral-700-hue: 277;
  --kern-neutral-750-lightness: 35.13%;
  --kern-neutral-750-chroma: .0511;
  --kern-neutral-750-hue: 277.7;
  --kern-neutral-800-lightness: 30.72%;
  --kern-neutral-800-chroma: .0459;
  --kern-neutral-800-hue: 276.7;
  --kern-neutral-850-lightness: 27%;
  --kern-neutral-850-chroma: .0409;
  --kern-neutral-850-hue: 277.5;
  --kern-neutral-900-lightness: 22.43%;
  --kern-neutral-900-chroma: .0333;
  --kern-neutral-900-hue: 275.7;
  --kern-neutral-950-lightness: 18.2%;
  --kern-neutral-950-chroma: .0301;
  --kern-neutral-950-hue: 277.2;
}
:root {
  --kern-black-lightness: 0%;
  --kern-black-chroma: 0;
  --kern-black-hue: 0;
  --kern-white-lightness: 100%;
  --kern-white-chroma: 0;
  --kern-white-hue: 0;
}
:root {
  --kern-typography-font-family-fira-sans: "Fira Sans", sans-serif;
  --kern-typography-font-family-fira-mono: "Fira Mono", monospace;
  --kern-font-size-12: .75rem;
  --kern-font-size-16: 1rem;
  --kern-font-size-18: 1.125rem;
  --kern-font-size-20: 1.25rem;
  --kern-font-size-21: 1.3125rem;
  --kern-font-size-24: 1.5rem;
  --kern-font-size-26: 1.625rem;
  --kern-font-size-32: 2rem;
  --kern-font-size-40: 2.5rem;
  --kern-font-size-48: 3rem;
  --kern-font-size-56: 3.5rem;
  --kern-font-size-72: 4.5rem;
  --kern-font-size-80: 5rem;
}
:root {
  --kern-0: 0rem;
  --kern-1: .0625rem;
  --kern-2: .125rem;
  --kern-3: .1875rem;
  --kern-4: .25rem;
  --kern-5: .3125rem;
  --kern-6: .375rem;
  --kern-7: .4375rem;
  --kern-8: .5rem;
  --kern-9: .5625rem;
  --kern-10: .625rem;
  --kern-14: .875rem;
  --kern-12: .75rem;
  --kern-16: 1rem;
  --kern-18: 1.125rem;
  --kern-20: 1.25rem;
  --kern-24: 1.5rem;
  --kern-32: 2rem;
  --kern-40: 2.5rem;
  --kern-48: 3rem;
  --kern-56: 3.5rem;
  --kern-64: 4rem;
  --kern-80: 5rem;
  --kern-96: 6rem;
  --kern-128: 8rem;
  --kern-160: 10rem;
  --kern-192: 12rem;
  --kern-224: 14rem;
  --kern-240: 15rem;
  --kern-256: 16rem;
  --kern-352: 22rem;
  --kern-360: 22.5rem;
  --kern-384: 24rem;
  --kern-480: 30rem;
  --kern-512: 32rem;
  --kern-736: 46rem;
  --kern-768: 48rem;
  --kern-992: 62rem;
  --kern-1024: 64rem;
  --kern-1140: 71.25rem;
  --kern-1248: 78rem;
  --kern-1280: 80rem;
  --kern-1504: 94rem;
  --kern-1536: 96rem;
  --kern-1600: 100rem;
  --kern-1920: 120rem;
}
:root {
  --kern-metric-border-width-none: var(--kern-0);
  --kern-metric-border-width-light: var(--kern-1);
  --kern-metric-border-width-default: var(--kern-2);
  --kern-metric-border-width-bold: var(--kern-4);
  --kern-metric-border-width-heavy: var(--kern-8);
  --kern-metric-border-radius-none: var(--kern-0);
  --kern-metric-border-radius-small: var(--kern-2);
  --kern-metric-border-radius-default: var(--kern-4);
  --kern-metric-border-radius-large: var(--kern-8);
  --kern-metric-border-radius-circle: 50%;
  --kern-component-badge-space-left: var(--kern-12);
  --kern-component-description-list-term-max-width: var(--kern-352);
  --kern-component-alert-icon-size: var(--kern-32);
  --kern-component-kopfzeile-font-family: "Fira Sans", "Fira Sans Regular", "Noto Sans", "Noto Sans Regular", "SF Pro Text", "Segoe UI", SegoeUI, Roboto, Arial, Helvetica, sans-serif;
  --kern-component-kopfzeile-font-size: var(--kern-font-size-14);
  --kern-component-kopfzeile-line-height: var(--kern-font-size-16);
  --kern-component-kopfzeile-padding: var(--kern-7);
  --kern-metric-dimension-2x-small: var(--kern-8);
  --kern-metric-dimension-x-small: var(--kern-16);
  --kern-metric-dimension-small: var(--kern-20);
  --kern-metric-dimension-default: var(--kern-24);
  --kern-metric-dimension-large: var(--kern-32);
  --kern-metric-dimension-x-large: var(--kern-48);
  --kern-metric-dimension-2x-large: var(--kern-56);
  --kern-metric-dimension-3x-large: var(--kern-64);
  --kern-metric-dimension-4x-large: var(--kern-80);
  --kern-metric-dimension-5x-large: var(--kern-96);
  --kern-metric-dimension-media-small: var(--kern-96);
  --kern-metric-dimension-media-default: var(--kern-160);
  --kern-metric-dimension-media-large: var(--kern-240);
  --kern-metric-screen-size: var(--kern-360);
  --kern-metric-space-none: var(--kern-0);
  --kern-metric-space-2x-small: var(--kern-2);
  --kern-metric-space-x-small: var(--kern-4);
  --kern-metric-space-small: var(--kern-8);
  --kern-metric-space-default: var(--kern-16);
  --kern-metric-space-large: var(--kern-24);
  --kern-metric-space-x-large: var(--kern-32);
  --kern-typography-font-family-default: var(--kern-typography-font-family-fira-sans);
  --kern-typography-line-height-static-medium: var(--kern-font-size-24);
  --kern-typography-line-height-static-large: var(--kern-font-size-32);
  --kern-typography-line-height-adaptive-medium: var(--kern-font-size-24);
  --kern-typography-line-height-adaptive-large: var(--kern-font-size-32);
  --kern-typography-line-height-adaptive-x-large: var(--kern-font-size-40);
  --kern-typography-line-height-adaptive-2x-large: var(--kern-font-size-56);
  --kern-typography-font-size-static-small: var(--kern-font-size-16);
  --kern-typography-font-size-static-medium: var(--kern-font-size-18);
  --kern-typography-font-size-static-large: var(--kern-font-size-21);
  --kern-typography-font-size-adaptive-medium: var(--kern-font-size-21);
  --kern-typography-font-size-adaptive-large: var(--kern-font-size-26);
  --kern-typography-font-size-adaptive-x-large: var(--kern-font-size-32);
  --kern-typography-font-size-adaptive-2x-large: var(--kern-font-size-48);
  --kern-metric-baseline-body-default-padding-top: var(--kern-6);
  --kern-metric-baseline-body-default-padding-bottom: var(--kern-2);
  --kern-metric-baseline-body-large-padding-top: var(--kern-1);
  --kern-metric-baseline-body-large-padding-bottom: var(--kern-7);
  --kern-metric-baseline-body-small-padding-top: var(--kern-7);
  --kern-metric-baseline-body-small-padding-bottom: var(--kern-1);
  --kern-metric-baseline-heading-display-padding-top: var(--kern-12);
  --kern-metric-baseline-heading-display-padding-bottom: var(--kern-12);
  --kern-metric-baseline-heading-x-large-padding-top: var(--kern-9);
  --kern-metric-baseline-heading-x-large-padding-bottom: var(--kern-7);
  --kern-metric-baseline-heading-large-padding-top: var(--kern-7);
  --kern-metric-baseline-heading-large-padding-bottom: var(--kern-9);
  --kern-metric-baseline-heading-medium-padding-top: var(--kern-5);
  --kern-metric-baseline-heading-medium-padding-bottom: var(--kern-3);
  --kern-metric-baseline-heading-small-padding-top: var(--kern-6);
  --kern-metric-baseline-heading-small-padding-bottom: var(--kern-2);
  --kern-metric-baseline-title-large-padding-top: var(--kern-7);
  --kern-metric-baseline-title-large-padding-bottom: var(--kern-9);
  --kern-metric-baseline-title-default-padding-top: var(--kern-5);
  --kern-metric-baseline-title-default-padding-bottom: var(--kern-3);
  --kern-metric-baseline-title-small-padding-top: var(--kern-6);
  --kern-metric-baseline-title-small-padding-bottom: var(--kern-2);
  --kern-metric-baseline-preline-large-padding-top: var(--kern-1);
  --kern-metric-baseline-preline-large-padding-bottom: var(--kern-7);
  --kern-metric-baseline-preline-default-padding-top: var(--kern-6);
  --kern-metric-baseline-preline-default-padding-bottom: var(--kern-2);
  --kern-metric-baseline-preline-small-padding-top: var(--kern-7);
  --kern-metric-baseline-preline-small-padding-bottom: var(--kern-1);
  --kern-metric-baseline-subline-large-padding-top: var(--kern-1);
  --kern-metric-baseline-subline-large-padding-bottom: var(--kern-7);
  --kern-metric-baseline-subline-default-padding-top: var(--kern-6);
  --kern-metric-baseline-subline-default-padding-bottom: var(--kern-2);
  --kern-metric-baseline-subline-small-padding-top: var(--kern-7);
  --kern-metric-baseline-subline-small-padding-bottom: var(--kern-9);
  --kern-metric-baseline-label-large-padding-top: var(--kern-1);
  --kern-metric-baseline-label-large-padding-bottom: var(--kern-7);
  --kern-metric-baseline-label-default-padding-top: var(--kern-6);
  --kern-metric-baseline-label-default-padding-bottom: var(--kern-2);
  --kern-metric-baseline-label-small-padding-top: var(--kern-7);
  --kern-metric-baseline-label-small-padding-bottom: var(--kern-1);
  --kern-typography-font-weight-regular: 400;
  --kern-typography-font-weight-medium: 500;
  --kern-typography-font-weight-semi-bold: 600;
}
@media (min-width: 768px) {
  :root {
    --kern-component-kopfzeile-padding: var(--kern-7);
    --kern-component-alert-icon-size: var(--kern-40);
    --kern-component-kopfzeile-font-size: var(--kern-font-size-16);
    --kern-component-kopfzeile-line-height: var(--kern-font-size-20);
    --kern-component-kopfzeile-padding: var(--kern-5);
    --kern-metric-dimension-media-small: var(--kern-128);
    --kern-metric-dimension-media-default: var(--kern-192);
    --kern-metric-dimension-media-large: var(--kern-360);
    --kern-metric-screen-size: var(--kern-1920);
    --kern-typography-line-height-adaptive-medium: var(--kern-font-size-32);
    --kern-typography-line-height-adaptive-large: var(--kern-font-size-40);
    --kern-typography-line-height-adaptive-x-large: var(--kern-font-size-56);
    --kern-typography-line-height-adaptive-2x-large: var(--kern-font-size-80);
    --kern-typography-font-size-adaptive-medium: var(--kern-font-size-24);
    --kern-typography-font-size-adaptive-large: var(--kern-font-size-32);
    --kern-typography-font-size-adaptive-x-large: var(--kern-font-size-48);
    --kern-typography-font-size-adaptive-2x-large: var(--kern-font-size-72);
    --kern-metric-baseline-heading-x-large-padding-top: var(--kern-12);
    --kern-metric-baseline-heading-x-large-padding-bottom: var(--kern-12);
    --kern-metric-baseline-heading-large-padding-top: var(--kern-9);
    --kern-metric-baseline-heading-large-padding-bottom: var(--kern-7);
    --kern-metric-baseline-heading-medium-padding-top: var(--kern-8);
    --kern-metric-baseline-heading-medium-padding-bottom: var(--kern-8);
    --kern-metric-baseline-heading-display-padding-top: var(--kern-16);
    --kern-metric-baseline-heading-display-padding-bottom: var(--kern-16);
    --kern-metric-baseline-title-large-padding-top: var(--kern-9);
    --kern-metric-baseline-title-large-padding-bottom: var(--kern-7);
    --kern-metric-baseline-title-default-padding-top: var(--kern-8);
    --kern-metric-baseline-title-default-padding-bottom: var(--kern-8);
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --kern-color-action-default: oklch(var(--kern-darkblue-300-lightness) var(--kern-darkblue-300-chroma) var(--kern-darkblue-300-hue));
    --kern-color-action-on-default: oklch(var(--kern-black-lightness) var(--kern-black-chroma) var(--kern-black-hue));
    --kern-color-action-visited: oklch(var(--kern-violet-300-lightness) var(--kern-violet-300-chroma) var(--kern-violet-300-hue));
    --kern-color-action-focus-background: oklch(var(--kern-neutral-400-lightness) var(--kern-neutral-400-chroma) var(--kern-neutral-400-hue));
    --kern-color-action-focus-border-inside: oklch(var(--kern-neutral-500-lightness) var(--kern-neutral-500-chroma) var(--kern-neutral-500-hue));
    --kern-color-action-focus-border-outside: oklch(var(--kern-neutral-800-lightness) var(--kern-neutral-800-chroma) var(--kern-neutral-800-hue));
    --kern-color-action-state-indicator-default: var(--kern-color-action-default);
    --kern-color-action-state-indicator-shade: var(--kern-color-layout-text-default);
    --kern-color-action-state-indicator-tint: var(--kern-color-action-on-default);
    --kern-color-action-state-opacity-hover: 88%;
    --kern-color-action-state-opacity-pressed: .32;
    --kern-color-action-state-opacity-selected: .12;
    --kern-color-action-state-opacity-disabled: .4;
    --kern-color-action-state-opacity-active: 84%;
    --kern-color-action-state-opacity-overlay: .72;
    --kern-color-feedback-danger: oklch(var(--kern-red-400-lightness) var(--kern-red-400-chroma) var(--kern-red-400-hue));
    --kern-color-feedback-danger-background: oklch(var(--kern-red-900-lightness) var(--kern-red-900-chroma) var(--kern-red-900-hue));
    --kern-color-feedback-info: oklch(var(--kern-lightblue-400-lightness) var(--kern-lightblue-400-chroma) var(--kern-lightblue-400-hue));
    --kern-color-feedback-info-background: oklch(var(--kern-lightblue-900-lightness) var(--kern-lightblue-900-chroma) var(--kern-lightblue-900-hue));
    --kern-color-feedback-success: oklch(var(--kern-turquoise-400-lightness) var(--kern-turquoise-400-chroma) var(--kern-turquoise-400-hue));
    --kern-color-feedback-success-background: oklch(var(--kern-turquoise-900-lightness) var(--kern-turquoise-900-chroma) var(--kern-turquoise-900-hue));
    --kern-color-feedback-warning: oklch(var(--kern-orange-400-lightness) var(--kern-orange-400-chroma) var(--kern-orange-400-hue));
    --kern-color-feedback-warning-background: oklch(var(--kern-orange-900-lightness) var(--kern-orange-900-chroma) var(--kern-orange-900-hue));
    --kern-color-feedback-loader: oklch(var(--kern-neutral-050-lightness) var(--kern-neutral-050-chroma) var(--kern-neutral-050-hue));
    --kern-color-feedback-loader-background: oklch(var(--kern-neutral-700-lightness) var(--kern-neutral-700-chroma) var(--kern-neutral-700-hue));
    --kern-color-form-input-background: oklch(var(--kern-neutral-900-lightness) var(--kern-neutral-900-chroma) var(--kern-neutral-900-hue));
    --kern-color-form-input-background-inverted: oklch(var(--kern-black-lightness) var(--kern-black-chroma) var(--kern-black-hue));
    --kern-color-form-input-border: oklch(var(--kern-neutral-050-lightness) var(--kern-neutral-050-chroma) var(--kern-neutral-050-hue));
    --kern-color-layout-border: oklch(var(--kern-neutral-700-lightness) var(--kern-neutral-700-chroma) var(--kern-neutral-700-hue));
    --kern-color-layout-text-default: oklch(var(--kern-neutral-050-lightness) var(--kern-neutral-050-chroma) var(--kern-neutral-050-hue));
    --kern-color-layout-text-inverse: oklch(var(--kern-neutral-950-lightness) var(--kern-neutral-950-chroma) var(--kern-neutral-950-hue));
    --kern-color-layout-text-muted: oklch(var(--kern-neutral-300-lightness) var(--kern-neutral-300-chroma) var(--kern-neutral-300-hue));
    --kern-color-layout-background-default: oklch(var(--kern-black-lightness) var(--kern-black-chroma) var(--kern-black-hue));
    --kern-color-layout-background-hued: oklch(var(--kern-neutral-950-lightness) var(--kern-neutral-950-chroma) var(--kern-neutral-950-hue));
    --kern-color-layout-background-inverted: oklch(var(--kern-white-lightness) var(--kern-white-chroma) var(--kern-white-hue));
    --kern-color-layout-background-overlay: oklch(var(--kern-black-lightness) var(--kern-black-chroma) var(--kern-black-hue) / var(--kern-color-action-state-opacity-overlay));
    --kern-color-action-state-indicator-shade-hover: var(--kern-color-action-default);
    @supports (color: color-mix(in lab, red, red)) {
      --kern-color-action-state-indicator-shade-hover: color-mix(in oklch, var(--kern-color-action-default), black calc(100% - var(--kern-color-action-state-opacity-hover)));
    }
    --kern-color-action-state-indicator-shade-active: var(--kern-color-action-default);
    @supports (color: color-mix(in lab, red, red)) {
      --kern-color-action-state-indicator-shade-active: color-mix(in oklch, var(--kern-color-action-default), black calc(100% - var(--kern-color-action-state-opacity-active)));
    }
    --kern-color-action-state-indicator-tint-hover-opacity: var(--kern-color-action-default);
    @supports (color: color-mix(in lab, red, red)) {
      --kern-color-action-state-indicator-tint-hover-opacity: color-mix(in oklch, var(--kern-color-action-default), transparent var(--kern-color-action-state-opacity-hover));
    }
    --kern-color-action-state-indicator-tint-active-opacity: var(--kern-color-action-default);
    @supports (color: color-mix(in lab, red, red)) {
      --kern-color-action-state-indicator-tint-active-opacity: color-mix(in oklch, var(--kern-color-action-default), transparent var(--kern-color-action-state-opacity-active));
    }
  }
}
@media (prefers-color-scheme: light) {
  :root {
    --kern-color-action-default: oklch(var(--kern-darkblue-700-lightness) var(--kern-darkblue-700-chroma) var(--kern-darkblue-700-hue));
    --kern-color-action-on-default: oklch(var(--kern-white-lightness) var(--kern-white-chroma) var(--kern-white-hue));
    --kern-color-action-visited: oklch(var(--kern-violet-700-lightness) var(--kern-violet-700-chroma) var(--kern-violet-700-hue));
    --kern-color-action-focus-background: oklch(var(--kern-neutral-700-lightness) var(--kern-neutral-700-chroma) var(--kern-neutral-700-hue));
    --kern-color-action-focus-border-inside: oklch(var(--kern-neutral-500-lightness) var(--kern-neutral-500-chroma) var(--kern-neutral-500-hue));
    --kern-color-action-focus-border-outside: oklch(var(--kern-neutral-200-lightness) var(--kern-neutral-200-chroma) var(--kern-neutral-200-hue));
    --kern-color-action-state-indicator-default: var(--kern-color-action-default);
    --kern-color-action-state-indicator-shade: var(--kern-color-layout-text-default);
    --kern-color-action-state-indicator-tint: var(--kern-color-action-on-default);
    --kern-color-action-state-opacity-hover: 92%;
    --kern-color-action-state-opacity-pressed: .32;
    --kern-color-action-state-opacity-selected: .12;
    --kern-color-action-state-opacity-disabled: .4;
    --kern-color-action-state-opacity-active: 84%;
    --kern-color-action-state-opacity-overlay: .72;
    --kern-color-feedback-danger: oklch(var(--kern-red-600-lightness) var(--kern-red-600-chroma) var(--kern-red-600-hue));
    --kern-color-feedback-danger-background: oklch(var(--kern-red-050-lightness) var(--kern-red-050-chroma) var(--kern-red-050-hue));
    --kern-color-feedback-info: oklch(var(--kern-lightblue-600-lightness) var(--kern-lightblue-600-chroma) var(--kern-lightblue-600-hue));
    --kern-color-feedback-info-background: oklch(var(--kern-lightblue-050-lightness) var(--kern-lightblue-050-chroma) var(--kern-lightblue-050-hue));
    --kern-color-feedback-success: oklch(var(--kern-turquoise-600-lightness) var(--kern-turquoise-600-chroma) var(--kern-turquoise-600-hue));
    --kern-color-feedback-success-background: oklch(var(--kern-turquoise-050-lightness) var(--kern-turquoise-050-chroma) var(--kern-turquoise-050-hue));
    --kern-color-feedback-warning: oklch(var(--kern-orange-600-lightness) var(--kern-orange-600-chroma) var(--kern-orange-600-hue));
    --kern-color-feedback-warning-background: oklch(var(--kern-orange-050-lightness) var(--kern-orange-050-chroma) var(--kern-orange-050-hue));
    --kern-color-feedback-loader: oklch(var(--kern-neutral-700-lightness) var(--kern-neutral-700-chroma) var(--kern-neutral-700-hue));
    --kern-color-feedback-loader-background: oklch(var(--kern-neutral-100-lightness) var(--kern-neutral-100-chroma) var(--kern-neutral-100-hue));
    --kern-color-form-input-background: oklch(var(--kern-neutral-025-lightness) var(--kern-neutral-025-chroma) var(--kern-neutral-025-hue));
    --kern-color-form-input-background-inverted: oklch(var(--kern-white-lightness) var(--kern-white-chroma) var(--kern-white-hue));
    --kern-color-form-input-border: oklch(var(--kern-neutral-900-lightness) var(--kern-neutral-900-chroma) var(--kern-neutral-900-hue));
    --kern-color-layout-border: oklch(var(--kern-neutral-300-lightness) var(--kern-neutral-300-chroma) var(--kern-neutral-300-hue));
    --kern-color-layout-text-default: oklch(var(--kern-neutral-900-lightness) var(--kern-neutral-900-chroma) var(--kern-neutral-900-hue));
    --kern-color-layout-text-inverse: oklch(var(--kern-neutral-025-lightness) var(--kern-neutral-025-chroma) var(--kern-neutral-025-hue));
    --kern-color-layout-text-muted: oklch(var(--kern-neutral-700-lightness) var(--kern-neutral-700-chroma) var(--kern-neutral-700-hue));
    --kern-color-layout-background-default: oklch(var(--kern-white-lightness) var(--kern-white-chroma) var(--kern-white-hue));
    --kern-color-layout-background-hued: oklch(var(--kern-neutral-025-lightness) var(--kern-neutral-025-chroma) var(--kern-neutral-025-hue));
    --kern-color-layout-background-inverted: oklch(var(--kern-black-lightness) var(--kern-black-chroma) var(--kern-black-hue));
    --kern-color-layout-background-overlay: oklch(var(--kern-white-lightness) var(--kern-white-chroma) var(--kern-white-hue) / var(--kern-color-action-state-opacity-overlay));
    --kern-color-action-state-indicator-shade-hover: var(--kern-color-action-default);
    @supports (color: color-mix(in lab, red, red)) {
      --kern-color-action-state-indicator-shade-hover: color-mix(in oklch, var(--kern-color-action-default), white calc(100% - var(--kern-color-action-state-opacity-hover)));
    }
    --kern-color-action-state-indicator-shade-active: var(--kern-color-action-default);
    @supports (color: color-mix(in lab, red, red)) {
      --kern-color-action-state-indicator-shade-active: color-mix(in oklch, var(--kern-color-action-default), white calc(100% - var(--kern-color-action-state-opacity-active)));
    }
    --kern-color-action-state-indicator-tint-hover-opacity: var(--kern-color-action-default);
    @supports (color: color-mix(in lab, red, red)) {
      --kern-color-action-state-indicator-tint-hover-opacity: color-mix(in oklch, var(--kern-color-action-default), transparent var(--kern-color-action-state-opacity-hover));
    }
    --kern-color-action-state-indicator-tint-active-opacity: var(--kern-color-action-default);
    @supports (color: color-mix(in lab, red, red)) {
      --kern-color-action-state-indicator-tint-active-opacity: color-mix(in oklch, var(--kern-color-action-default), transparent var(--kern-color-action-state-opacity-active));
    }
  }
}
[data-kern-theme=light],.kern-light {
  --kern-color-action-default: oklch(var(--kern-darkblue-700-lightness) var(--kern-darkblue-700-chroma) var(--kern-darkblue-700-hue));
  --kern-color-action-on-default: oklch(var(--kern-white-lightness) var(--kern-white-chroma) var(--kern-white-hue));
  --kern-color-action-visited: oklch(var(--kern-violet-700-lightness) var(--kern-violet-700-chroma) var(--kern-violet-700-hue));
  --kern-color-action-focus-background: oklch(var(--kern-neutral-700-lightness) var(--kern-neutral-700-chroma) var(--kern-neutral-700-hue));
  --kern-color-action-focus-border-inside: oklch(var(--kern-neutral-500-lightness) var(--kern-neutral-500-chroma) var(--kern-neutral-500-hue));
  --kern-color-action-focus-border-outside: oklch(var(--kern-neutral-200-lightness) var(--kern-neutral-200-chroma) var(--kern-neutral-200-hue));
  --kern-color-action-state-indicator-default: var(--kern-color-action-default);
  --kern-color-action-state-indicator-shade: var(--kern-color-layout-text-default);
  --kern-color-action-state-indicator-tint: var(--kern-color-action-on-default);
  --kern-color-action-state-opacity-hover: 92%;
  --kern-color-action-state-opacity-pressed: .32;
  --kern-color-action-state-opacity-selected: .12;
  --kern-color-action-state-opacity-disabled: .4;
  --kern-color-action-state-opacity-active: 84%;
  --kern-color-action-state-opacity-overlay: .72;
  --kern-color-feedback-danger: oklch(var(--kern-red-600-lightness) var(--kern-red-600-chroma) var(--kern-red-600-hue));
  --kern-color-feedback-danger-background: oklch(var(--kern-red-050-lightness) var(--kern-red-050-chroma) var(--kern-red-050-hue));
  --kern-color-feedback-info: oklch(var(--kern-lightblue-600-lightness) var(--kern-lightblue-600-chroma) var(--kern-lightblue-600-hue));
  --kern-color-feedback-info-background: oklch(var(--kern-lightblue-050-lightness) var(--kern-lightblue-050-chroma) var(--kern-lightblue-050-hue));
  --kern-color-feedback-success: oklch(var(--kern-turquoise-600-lightness) var(--kern-turquoise-600-chroma) var(--kern-turquoise-600-hue));
  --kern-color-feedback-success-background: oklch(var(--kern-turquoise-050-lightness) var(--kern-turquoise-050-chroma) var(--kern-turquoise-050-hue));
  --kern-color-feedback-warning: oklch(var(--kern-orange-600-lightness) var(--kern-orange-600-chroma) var(--kern-orange-600-hue));
  --kern-color-feedback-warning-background: oklch(var(--kern-orange-050-lightness) var(--kern-orange-050-chroma) var(--kern-orange-050-hue));
  --kern-color-feedback-loader: oklch(var(--kern-neutral-700-lightness) var(--kern-neutral-700-chroma) var(--kern-neutral-700-hue));
  --kern-color-feedback-loader-background: oklch(var(--kern-neutral-100-lightness) var(--kern-neutral-100-chroma) var(--kern-neutral-100-hue));
  --kern-color-form-input-background: oklch(var(--kern-neutral-025-lightness) var(--kern-neutral-025-chroma) var(--kern-neutral-025-hue));
  --kern-color-form-input-background-inverted: oklch(var(--kern-white-lightness) var(--kern-white-chroma) var(--kern-white-hue));
  --kern-color-form-input-border: oklch(var(--kern-neutral-900-lightness) var(--kern-neutral-900-chroma) var(--kern-neutral-900-hue));
  --kern-color-layout-border: oklch(var(--kern-neutral-300-lightness) var(--kern-neutral-300-chroma) var(--kern-neutral-300-hue));
  --kern-color-layout-text-default: oklch(var(--kern-neutral-900-lightness) var(--kern-neutral-900-chroma) var(--kern-neutral-900-hue));
  --kern-color-layout-text-inverse: oklch(var(--kern-neutral-025-lightness) var(--kern-neutral-025-chroma) var(--kern-neutral-025-hue));
  --kern-color-layout-text-muted: oklch(var(--kern-neutral-700-lightness) var(--kern-neutral-700-chroma) var(--kern-neutral-700-hue));
  --kern-color-layout-background-default: oklch(var(--kern-white-lightness) var(--kern-white-chroma) var(--kern-white-hue));
  --kern-color-layout-background-hued: oklch(var(--kern-neutral-025-lightness) var(--kern-neutral-025-chroma) var(--kern-neutral-025-hue));
  --kern-color-layout-background-inverted: oklch(var(--kern-black-lightness) var(--kern-black-chroma) var(--kern-black-hue));
  --kern-color-layout-background-overlay: oklch(var(--kern-white-lightness) var(--kern-white-chroma) var(--kern-white-hue) / var(--kern-color-action-state-opacity-overlay));
  --kern-color-action-state-indicator-shade-hover: var(--kern-color-action-default);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-action-state-indicator-shade-hover: color-mix(in oklch, var(--kern-color-action-default), white calc(100% - var(--kern-color-action-state-opacity-hover)));
  }
  --kern-color-action-state-indicator-shade-active: var(--kern-color-action-default);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-action-state-indicator-shade-active: color-mix(in oklch, var(--kern-color-action-default), white calc(100% - var(--kern-color-action-state-opacity-active)));
  }
  --kern-color-action-state-indicator-tint-hover-opacity: var(--kern-color-action-default);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-action-state-indicator-tint-hover-opacity: color-mix(in oklch, var(--kern-color-action-default), transparent var(--kern-color-action-state-opacity-hover));
  }
  --kern-color-action-state-indicator-tint-active-opacity: var(--kern-color-action-default);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-action-state-indicator-tint-active-opacity: color-mix(in oklch, var(--kern-color-action-default), transparent var(--kern-color-action-state-opacity-active));
  }
}
[data-kern-theme=dark],.kern-dark {
  --kern-color-action-default: oklch(var(--kern-darkblue-300-lightness) var(--kern-darkblue-300-chroma) var(--kern-darkblue-300-hue));
  --kern-color-action-on-default: oklch(var(--kern-black-lightness) var(--kern-black-chroma) var(--kern-black-hue));
  --kern-color-action-visited: oklch(var(--kern-violet-300-lightness) var(--kern-violet-300-chroma) var(--kern-violet-300-hue));
  --kern-color-action-focus-background: oklch(var(--kern-neutral-400-lightness) var(--kern-neutral-400-chroma) var(--kern-neutral-400-hue));
  --kern-color-action-focus-border-inside: oklch(var(--kern-neutral-500-lightness) var(--kern-neutral-500-chroma) var(--kern-neutral-500-hue));
  --kern-color-action-focus-border-outside: oklch(var(--kern-neutral-800-lightness) var(--kern-neutral-800-chroma) var(--kern-neutral-800-hue));
  --kern-color-action-state-indicator-default: var(--kern-color-action-default);
  --kern-color-action-state-indicator-shade: var(--kern-color-layout-text-default);
  --kern-color-action-state-indicator-tint: var(--kern-color-action-on-default);
  --kern-color-action-state-opacity-hover: 88%;
  --kern-color-action-state-opacity-pressed: .32;
  --kern-color-action-state-opacity-selected: .12;
  --kern-color-action-state-opacity-disabled: .4;
  --kern-color-action-state-opacity-active: 84%;
  --kern-color-action-state-opacity-overlay: .72;
  --kern-color-feedback-danger: oklch(var(--kern-red-400-lightness) var(--kern-red-400-chroma) var(--kern-red-400-hue));
  --kern-color-feedback-danger-background: oklch(var(--kern-red-900-lightness) var(--kern-red-900-chroma) var(--kern-red-900-hue));
  --kern-color-feedback-info: oklch(var(--kern-lightblue-400-lightness) var(--kern-lightblue-400-chroma) var(--kern-lightblue-400-hue));
  --kern-color-feedback-info-background: oklch(var(--kern-lightblue-900-lightness) var(--kern-lightblue-900-chroma) var(--kern-lightblue-900-hue));
  --kern-color-feedback-success: oklch(var(--kern-turquoise-400-lightness) var(--kern-turquoise-400-chroma) var(--kern-turquoise-400-hue));
  --kern-color-feedback-success-background: oklch(var(--kern-turquoise-900-lightness) var(--kern-turquoise-900-chroma) var(--kern-turquoise-900-hue));
  --kern-color-feedback-warning: oklch(var(--kern-orange-400-lightness) var(--kern-orange-400-chroma) var(--kern-orange-400-hue));
  --kern-color-feedback-warning-background: oklch(var(--kern-orange-900-lightness) var(--kern-orange-900-chroma) var(--kern-orange-900-hue));
  --kern-color-feedback-loader: oklch(var(--kern-neutral-050-lightness) var(--kern-neutral-050-chroma) var(--kern-neutral-050-hue));
  --kern-color-feedback-loader-background: oklch(var(--kern-neutral-700-lightness) var(--kern-neutral-700-chroma) var(--kern-neutral-700-hue));
  --kern-color-form-input-background: oklch(var(--kern-neutral-900-lightness) var(--kern-neutral-900-chroma) var(--kern-neutral-900-hue));
  --kern-color-form-input-background-inverted: oklch(var(--kern-black-lightness) var(--kern-black-chroma) var(--kern-black-hue));
  --kern-color-form-input-border: oklch(var(--kern-neutral-050-lightness) var(--kern-neutral-050-chroma) var(--kern-neutral-050-hue));
  --kern-color-layout-border: oklch(var(--kern-neutral-700-lightness) var(--kern-neutral-700-chroma) var(--kern-neutral-700-hue));
  --kern-color-layout-text-default: oklch(var(--kern-neutral-050-lightness) var(--kern-neutral-050-chroma) var(--kern-neutral-050-hue));
  --kern-color-layout-text-inverse: oklch(var(--kern-neutral-950-lightness) var(--kern-neutral-950-chroma) var(--kern-neutral-950-hue));
  --kern-color-layout-text-muted: oklch(var(--kern-neutral-300-lightness) var(--kern-neutral-300-chroma) var(--kern-neutral-300-hue));
  --kern-color-layout-background-default: oklch(var(--kern-black-lightness) var(--kern-black-chroma) var(--kern-black-hue));
  --kern-color-layout-background-hued: oklch(var(--kern-neutral-950-lightness) var(--kern-neutral-950-chroma) var(--kern-neutral-950-hue));
  --kern-color-layout-background-inverted: oklch(var(--kern-white-lightness) var(--kern-white-chroma) var(--kern-white-hue));
  --kern-color-layout-background-overlay: oklch(var(--kern-black-lightness) var(--kern-black-chroma) var(--kern-black-hue) / var(--kern-color-action-state-opacity-overlay));
  --kern-color-action-state-indicator-shade-hover: var(--kern-color-action-default);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-action-state-indicator-shade-hover: color-mix(in oklch, var(--kern-color-action-default), black calc(100% - var(--kern-color-action-state-opacity-hover)));
  }
  --kern-color-action-state-indicator-shade-active: var(--kern-color-action-default);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-action-state-indicator-shade-active: color-mix(in oklch, var(--kern-color-action-default), black calc(100% - var(--kern-color-action-state-opacity-active)));
  }
  --kern-color-action-state-indicator-tint-hover-opacity: var(--kern-color-action-default);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-action-state-indicator-tint-hover-opacity: color-mix(in oklch, var(--kern-color-action-default), transparent var(--kern-color-action-state-opacity-hover));
  }
  --kern-color-action-state-indicator-tint-active-opacity: var(--kern-color-action-default);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-action-state-indicator-tint-active-opacity: color-mix(in oklch, var(--kern-color-action-default), transparent var(--kern-color-action-state-opacity-active));
  }
}
:root {
  --radius: var(--kern-8);
  --spacing-base: var(--kern-4);
  --font-family: var(--kern-typography-font-family-fira-sans);
  --font-size-ratio: 1.13;
  --font-weight-heading: 700;
  --primary: #1A3DA5;
  --primary-foreground: #ffffff;
  --background: #ffffff;
  --foreground: #171A2B;
  --muted: #F7F7F9;
  --muted-foreground: #404565;
  --border: #A5AAC3;
  --accent: #1A3DA5;
  --accent-foreground: #ffffff;
  --destructive: #BD0F09;
  --success: #006B51;
  --warning: #8A4F00;
  --info: #006490;
  --kern-color-action-default: var(--primary);
  --action-default: var(--primary);
  --kern-color-action-on-default: var(--primary-foreground);
  --kern-color-action-state-indicator-shade-hover: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-action-state-indicator-shade-hover: color-mix(in oklch, var(--primary), black 15%);
  }
  --kern-color-layout-background-default: var(--background);
  --kern-color-layout-background-hued: var(--muted);
  --kern-color-layout-text-default: var(--foreground);
  --kern-color-layout-text-muted: var(--muted-foreground);
  --kern-color-layout-border: var(--border);
  --kern-color-form-input-background: var(--input, var(--background));
  --kern-color-feedback-danger: var(--destructive);
  --kern-color-feedback-danger-background: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-feedback-danger-background: color-mix(in oklch, var(--destructive), white 85%);
  }
  --kern-color-feedback-success: var(--success);
  --kern-color-feedback-success-background: var(--success);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-feedback-success-background: color-mix(in oklch, var(--success), white 85%);
  }
  --kern-color-feedback-warning: var(--warning);
  --kern-color-feedback-warning-background: var(--warning);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-feedback-warning-background: color-mix(in oklch, var(--warning), white 85%);
  }
  --kern-color-feedback-info: var(--info);
  --kern-color-feedback-info-background: var(--info);
  @supports (color: color-mix(in lab, red, red)) {
    --kern-color-feedback-info-background: color-mix(in oklch, var(--info), white 85%);
  }
  --footer-color-background: var(--footer-background, var(--muted));
  --footer-color-foreground: var(--footer-foreground, var(--foreground));
  --sidebar-color-background: var(--sidebar-background, transparent);
  --sidebar-color-border: var(--border);
  --toc-color-background: var(--sidebar-background, transparent);
  --searchbar-color-border: var(--searchbar-border, var(--border));
  --searchbar-color-background: var(--searchbar-background, var(--background));
  --kern-metric-border-radius-large: calc(var(--radius) + 2px);
  --kern-metric-border-radius-medium: calc(var(--radius));
  --kern-metric-border-radius-small: calc(var(--radius) - 2px);
  --kern-metric-border-radius-default: calc(var(--radius));
  --kern-metric-space-2x-small: var(--spacing-base);
  --kern-metric-space-x-small: calc(var(--spacing-base) * 2);
  --kern-metric-space-small: calc(var(--spacing-base) * 3);
  --kern-metric-space-default: calc(var(--spacing-base) * 4);
  --kern-metric-space-large: calc(var(--spacing-base) * 6);
  --kern-metric-space-x-large: calc(var(--spacing-base) * 8);
  --_t-sm: calc(1rem * var(--font-size-ratio));
  --_t-md: calc(var(--_t-sm)  * var(--font-size-ratio));
  --_t-lg: calc(var(--_t-md)  * var(--font-size-ratio));
  --_t-xl: calc(var(--_t-lg)  * var(--font-size-ratio));
  --_t-2xl: calc(var(--_t-xl)  * var(--font-size-ratio));
  --_t-3xl: calc(var(--_t-2xl) * var(--font-size-ratio));
  --_t-4xl: calc(var(--_t-3xl) * var(--font-size-ratio));
  --kern-typography-font-family-default: var(--font-family);
  --kern-typography-font-weight-medium: var(--font-weight-heading);
  --kern-typography-font-weight-semi-bold: var(--font-weight-heading);
  --kern-typography-font-size-static-medium: var(--_t-sm);
  --kern-typography-font-size-adaptive-medium: var(--_t-sm);
  --kern-typography-font-size-adaptive-large: var(--_t-lg);
  --kern-typography-font-size-adaptive-x-large: var(--_t-3xl);
  --kern-typography-font-size-adaptive-2x-large: var(--_t-4xl);
  --kern-typography-line-height-static-medium: 150%;
  --kern-typography-line-height-adaptive-large: 125%;
  --kern-typography-line-height-adaptive-x-large: 125%;
  --kern-typography-line-height-adaptive-2x-large: 125%;
  --kern-metric-border-width-default: 1px;
  --kern-metric-border-width-bold: 1px;
}
@media (width >= 1200px) {
  :root {
    --font-size-ratio: 1.2;
  }
}
[data-kern-theme="dark"] {
  --kern-color-feedback-danger: oklch(var(--kern-red-400-lightness)        var(--kern-red-400-chroma)        var(--kern-red-400-hue));
  --kern-color-feedback-danger-background: oklch(var(--kern-red-900-lightness)        var(--kern-red-900-chroma)        var(--kern-red-900-hue));
  --kern-color-feedback-info: oklch(var(--kern-lightblue-400-lightness)  var(--kern-lightblue-400-chroma)  var(--kern-lightblue-400-hue));
  --kern-color-feedback-info-background: oklch(var(--kern-lightblue-900-lightness)  var(--kern-lightblue-900-chroma)  var(--kern-lightblue-900-hue));
  --kern-color-feedback-success: oklch(var(--kern-turquoise-400-lightness)  var(--kern-turquoise-400-chroma)  var(--kern-turquoise-400-hue));
  --kern-color-feedback-success-background: oklch(var(--kern-turquoise-900-lightness)  var(--kern-turquoise-900-chroma)  var(--kern-turquoise-900-hue));
  --kern-color-feedback-warning: oklch(var(--kern-orange-400-lightness)     var(--kern-orange-400-chroma)     var(--kern-orange-400-hue));
  --kern-color-feedback-warning-background: oklch(var(--kern-orange-900-lightness)     var(--kern-orange-900-chroma)     var(--kern-orange-900-hue));
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-Hair.woff2") format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-HairItalic.woff2") format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-Thin.woff2") format('woff2');
  font-weight: 150;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-ThinItalic.woff2") format('woff2');
  font-weight: 150;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-UltraLight.woff2") format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-UltraLightItalic.woff2") format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-ExtraLight.woff2") format('woff2');
  font-weight: 250;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-ExtraLightItalic.woff2") format('woff2');
  font-weight: 250;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-Light.woff2") format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-LightItalic.woff2") format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-Regular.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-Italic.woff2") format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-Book.woff2") format('woff2');
  font-weight: 450;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-BookItalic.woff2") format('woff2');
  font-weight: 450;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-Medium.woff2") format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-MediumItalic.woff2") format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-SemiBold.woff2") format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-SemiBoldItalic.woff2") format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-Bold.woff2") format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-BoldItalic.woff2") format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-ExtraBold.woff2") format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-ExtraBoldItalic.woff2") format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-Heavy.woff2") format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-HeavyItalic.woff2") format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-Ultra.woff2") format('woff2');
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url("../../fira-sans/FiraSans-UltraItalic.woff2") format('woff2');
  font-weight: 950;
  font-style: italic;
  font-display: swap;
}
[data-kern-theme="dark"] {
  --primary: #6b8fd6;
  --primary-foreground: #ffffff;
  --background: #0d1526;
  --foreground: #f0f1f3;
  --muted: #1a2a45;
  --muted-foreground: #b0b8cc;
  --border: #2a3a55;
  --accent: #6b8fd6;
  --accent-foreground: #ffffff;
  --destructive: #e05050;
  --success: #4a9970;
  --warning: #c49020;
  --info: #4a80c0;
  --footer-background: #070e1c;
  --footer-foreground: #f0f1f3;
  --searchbar-border: #2a3a55;
  --searchbar-background: #1a2a45;
}
@layer base {
  * {
    border-color: var(--color-border);
    outline-color: var(--color-ring);
  }
  body {
    background-color: var(--color-background);
    color: var(--color-foreground);
  }
}
:root {
  --sticky-header-offset: 115px;
  --anchor-scroll-offset: calc(var(--sticky-header-offset) + 1rem);
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'rlig' 1, 'calt' 1, 'ss01' 1;
  -webkit-tap-highlight-color: transparent;
  overflow-y: scroll;
}
html:not(:has(*:focus)) {
  scroll-padding-top: var(--anchor-scroll-offset);
}
@supports (-moz-appearance: none) {
  :target {
    scroll-margin-top: var(--anchor-scroll-offset);
  }
}
body {
  width: 100%;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}
.contains-task-list {
  margin-left: calc(var(--spacing) * 0);
  list-style-type: none;
  input[type='checkbox'] {
    margin-right: calc(var(--spacing) * 1);
  }
}
[data-rmiz-modal-overlay="visible"] {
  background-color: var(--background) !important;
}
.footnotes a[data-footnote-backref] {
  font-family: initial;
}
@keyframes nextra-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes nextra-fadein2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[id="footnote-label"] {
  display: none;
}
section.footnotes {
  margin-block: var(--spacing-xl);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-border);
  font-size: var(--text-xs) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
}
section.footnotes > ol > li > p {
  font-size: var(--text-xs) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
}
sup > a {
  padding: calc(var(--spacing) * 0) !important;
  font-size: var(--text-sm) !important;
  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
}
.container {
  padding-inline: var(--spacing-md);
  @media (width >= 64rem) {
    padding-inline: var(--spacing-xl);
  }
  width: 100%;
  max-width: 100%;
  margin: var(--center-container, "");
}
.content-wrapper {
  padding-inline: var(--spacing-lg);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  width: 100%;
  margin: var(--center-container, "");
}
.content-wrapper main {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#sidebar {
  align-self: flex-start;
  position: sticky;
  top: var(--sticky-header-offset);
  height: calc(100svh - var(--sticky-header-offset));
}
.github-light {
  background-color: var(--muted) !important;
}
pre code span {
  color: var(--shiki-light);
}
[data-kern-theme='dark'] pre code span {
  color: var(--shiki-dark);
}
p>code, ul>code, li>code, strong>code {
  padding: 0.1em 0.3em;
  border-radius: 0.2em;
  background-color: var(--muted);
  font-size: 0.9em;
}
p>a {
  display: inline !important;
}
p>em>a {
  display: inline !important;
  font-style: italic !important;
}
p>strong>a {
  display: inline !important;
  font-weight: bolder !important;
}
p>em>strong>a, p>strong>em>a {
  display: inline !important;
  font-style: italic !important;
  font-weight: bolder !important;
}
pre {
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  white-space: pre !important;
  word-break: normal !important;
  hyphens: none !important;
}
.kern-kopfzeile__label {
  font-size: 16px;
}
.kern-kopfzeile__flagge {
  width: 24px;
  height: 20px;
}
[contentEditable="true"] {
  outline: none !important;
  box-shadow: none !important;
}
.mdxeditor-diff-source-wrapper {
  font-size: 14px;
  font-family: var(--font-mono);
}
.mdxeditor .cm-sourceView .cm-line, .cm-gutterElement {
  font-size: 14px !important;
  font-family: var(--font-mono);
  > span {
    font-size: 14px !important;
    font-family: var(--font-mono);
  }
}
.kern-table {
  display: block;
  overflow-x: auto;
}
.doc-tabs {
  margin-top: 1rem;
}
.doc-tabs-list {
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  display: flex;
  width: 100%;
  gap: 0.5rem;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 1px;
}
.doc-tabs-trigger {
  white-space: nowrap;
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  transition: color 0.15s;
  margin-bottom: -2px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-bottom: 2px solid transparent;
  color: var(--color-muted-foreground);
  background: transparent;
  cursor: pointer;
}
.doc-tabs-trigger:hover {
  color: var(--color-foreground);
  border-bottom-color: var(--color-border);
}
.doc-tabs-trigger[data-state="active"] {
  color: var(--color-primary);
  border-bottom-color: currentColor;
  outline: none;
}
.doc-tabs-trigger[data-disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.doc-tabs-content {
  margin-top: 1.5rem;
  border-radius: 0.25rem;
}
.doc-tabs-content:focus-visible {
  outline: none;
}
.doc-steps {
  h2, h3, h4 {
    counter-increment: var(--counter-id);
    margin-top: calc(var(--spacing) * 8);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-bottom: calc(var(--spacing) * 0);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    &::before {
      position: absolute;
      display: flex;
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-full);
      border-style: var(--tw-border-style);
      border-width: 4px;
      border-color: var(--color-background);
      background-color: var(--color-muted);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-muted-foreground);
      margin-inline-start: calc(var(--spacing) * -13);
      content: counter(var(--counter-id));
    }
  }
}
pre:not(i), pre:not(i) *, code:not(i), code:not(i) * {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
html body[data-scroll-locked="1"] {
  overflow: unset !important;
}
#accessibility-languages a {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
a[id="nav-to-opencode"] {
  width: calc(var(--spacing) * 12);
}
.shiki {
  background-color: var(--muted) !important;
}
[data-kern-theme="dark"] .shiki, [data-kern-theme="dark"] .shiki span {
  color: var(--shiki-dark) !important;
  background-color: var(--shiki-dark-bg) !important;
}
#breadcrumb .kern-link {
  padding: calc(var(--spacing) * 0);
}
#toc .kern-link {
  font-size: var(--text-sm) !important;
  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
}
.kern-alert__body {
  border-bottom-left-radius: var(--radius-sm) !important;
  border-bottom-right-radius: var(--radius-md) !important;
}
@font-face {
  font-family: 'Bundes Sans';
  src: url('./bundes-sans/BundesSans-Web-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Sans';
  src: url('./bundes-sans/BundesSans-Web-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Sans';
  src: url('./bundes-sans/BundesSans-Web-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Sans';
  src: url('./bundes-sans/BundesSans-Web-RegularItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Sans';
  src: url('./bundes-sans/BundesSans-Web-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Sans';
  src: url('./bundes-sans/BundesSans-Web-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Sans';
  src: url('./bundes-sans/BundesSans-Web-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Sans';
  src: url('./bundes-sans/BundesSans-Web-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Sans';
  src: url('./bundes-sans/BundesSans-Web-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Sans';
  src: url('./bundes-sans/BundesSans-Web-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Serif Office';
  src: url('./bundes-sans/BundesSerifOffice-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Serif Office';
  src: url('./bundes-sans/BundesSerifOffice-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Serif Office';
  src: url('./bundes-sans/BundesSerifOffice-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bundes Serif Office';
  src: url('./bundes-sans/BundesSerifOffice-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
:root {
  --font-bundes-sans: 'Bundes Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-bundes-serif: 'Bundes Serif Office', Georgia, 'Times New Roman', serif;
}
.font-bundes-sans {
  font-family: var(--font-bundes-sans);
}
.font-bundes-serif {
  font-family: var(--font-bundes-serif);
}
main>h5:nth-child(3) {
  background-color: var(--color-hellgrau-20);
  &:where([data-kern-theme="dark"], [data-kern-theme="dark"] *) {
    background-color: var(--color-dunkelgrau-100);
  }
  padding: .25rem;
  margin-bottom: 0px !important;
}
main>h4:nth-child(4) {
  background-color: var(--color-hellgrau-40);
  &:where([data-kern-theme="dark"], [data-kern-theme="dark"] *) {
    background-color: var(--color-dunkelgrau-80);
  }
  padding: .25rem;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  position: relative;
  bottom: 11px;
}
main>h6:nth-child(5) {
  margin-bottom: var(--spacing-xl);
  background-color: var(--color-hellgrau-20);
  &:where([data-kern-theme="dark"], [data-kern-theme="dark"] *) {
    background-color: var(--color-dunkelgrau-100);
  }
  padding: .25rem;
  margin-top: 0px !important;
  position: relative;
  bottom: 18px;
}
:root {
  --primary: oklch(0.3684 0.0915 253.69);
  --primary-foreground: #ffffff;
  --background: #ffffff;
  --foreground: #171A2B;
  --muted: #f0f1f3;
  --muted-foreground: #576164;
  --border: #d9dbdf;
  --accent: oklch(0.3684 0.0915 253.69);
  --accent-foreground: #ffffff;
  --destructive: #c0003c;
  --success: #005C45;
  --warning: #F7BB3D;
  --info: oklch(0.3684 0.0915 253.69);
  --footer-background: oklch(0.3684 0.0915 253.69);
  --radius: 0px;
  --spacing-base: 4px;
  --font-family: "Bundes Sans", sans-serif;
  --font-size-ratio: 1.13;
  --font-weight-heading: 700;
  --footer-foreground: white;
}
[data-kern-theme="dark"] {
  --primary: oklch(0.7 0.0915 253.69);
  --primary-foreground: #ffffff;
  --background: #0d1526;
  --foreground: #f0f1f3;
  --muted: #1a2a45;
  --muted-foreground: #bec5c9;
  --border: #2a3a55;
  --footer-background: oklch(0.25 0.0915 253.69);
  --footer-foreground: white;
}
table {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
table tr:nth-child(odd) {
  background-color: rgb(230 245 251 / var(--tw-bg-opacity, 0.5));
}
table th {
  background-color: rgb(23 64 110 / var(--tw-bg-opacity, 1));
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  padding: .25rem 1rem;
  text-align: left;
}
@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-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-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@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: 0px;
}
@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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes enter {
  from {
    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 collapsible-down {
  from {
    height: 0;
  }
  to {
    height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))));
  }
}
@keyframes collapsible-up {
  from {
    height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))));
  }
  to {
    height: 0;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --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-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --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-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-divide-x-reverse: 0;
      --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;
    }
  }
}
