@layer wa-native, wa-base, wa-utilities, wa-color-palette, wa-color-variant, wa-theme, wa-theme-dimension, wa-theme-overrides, wa-base, wa-utilities;

/* vendor/wa/styles/native.css */
@layer wa-native {
  html {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    tab-size: 4;
    background-color: var(--wa-color-surface-default);
  }
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  body {
    min-height: 100vh;
    margin: 0;
    padding: 0;
    color: var(--wa-color-text-normal);
    font-family: var(--wa-font-family-body);
    font-size: var(--wa-font-size-m);
    font-weight: var(--wa-font-weight-body);
    line-height: var(--wa-line-height-normal);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
  }
  address,
  audio,
  blockquote,
  dd,
  details,
  dl,
  fieldset,
  figure,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  iframe,
  ol,
  p,
  pre,
  table,
  ul,
  video {
    margin: 0;
    &:has(+ *) {
      margin-block-end: var(--wa-content-spacing);
    }
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--wa-font-family-heading);
    font-weight: var(--wa-font-weight-heading);
    line-height: var(--wa-line-height-condensed);
    text-wrap: balance;
  }
  h1 {
    font-size: var(--wa-font-size-3xl);
  }
  h2 {
    font-size: var(--wa-font-size-2xl);
  }
  h3 {
    font-size: var(--wa-font-size-xl);
  }
  h4 {
    font-size: var(--wa-font-size-l);
  }
  h5 {
    font-size: var(--wa-font-size-m);
  }
  h6 {
    font-size: var(--wa-font-size-xs);
  }
  p {
    text-wrap: wrap;
  }
  @supports (text-wrap: pretty) {
    p {
      text-wrap: pretty;
    }
  }
  blockquote {
    padding: var(--wa-space-xl);
    color: var(--wa-color-text-quiet);
    font-family: var(--wa-font-family-longform);
    font-size: var(--wa-font-size-larger);
    border-inline-start: var(--wa-border-style) var(--wa-border-width-l) var(--wa-color-neutral-border-quiet);
  }
  hr {
    margin: var(--wa-content-spacing) 0;
    border: none;
    border-bottom: solid var(--wa-border-width-s) var(--wa-color-surface-border);
  }
  figcaption {
    margin-block-start: var(--wa-space-xs);
    color: var(--wa-color-text-quiet);
    font-size: var(--wa-font-size-smaller);
    line-height: var(--wa-line-height-condensed);
  }
  ul,
  ol {
    padding: 0;
  }
  li > ul,
  li > ol {
    margin-inline-start: 0.25em;
  }
  ul {
    list-style: disc;
  }
  li {
    margin-inline-start: 1.125em;
    padding: 0;
  }
  ul > li::marker {
    color: color-mix(in oklch, currentColor 40%, transparent);
  }
  ol > li::marker {
    color: color-mix(in oklch, currentColor 60%, transparent);
  }
  dt {
    font-weight: var(--wa-font-weight-bold);
  }
  menu {
    list-style: none;
    margin: 0;
    padding: 0;
    & > li {
      margin: 0;
    }
  }
  strong,
  b {
    font-weight: var(--wa-font-weight-bold);
  }
  em,
  i {
    font-style: italic;
  }
  u {
    text-decoration-line: underline;
    text-decoration-thickness: 0.09375em;
    text-underline-offset: 0.125em;
  }
  s {
    text-decoration-line: line-through;
    text-decoration-thickness: 0.09375em;
  }
  ins {
    text-decoration-color: var(--wa-color-success-on-quiet);
    text-decoration-line: underline;
    text-decoration-thickness: 0.09375em;
    text-underline-offset: 0.125em;
  }
  del {
    color: color-mix(in oklab, currentColor, transparent 10%);
    text-decoration-color: var(--wa-color-danger-on-quiet);
    text-decoration-line: line-through;
    text-decoration-thickness: 0.09375em;
  }
  mark {
    padding: 0.125em 0.25em;
    color: var(--wa-color-warning-on-quiet);
    background-color: var(--wa-color-warning-fill-quiet);
    border-radius: var(--wa-border-radius-s);
  }
  small {
    font-size: var(--wa-font-size-smaller);
  }
  sub,
  sup {
    font-size: var(--wa-font-size-smaller);
    line-height: 0;
  }
  sub {
    vertical-align: sub;
  }
  sup {
    vertical-align: super;
  }
  abbr[title] {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 0.09375em;
    text-underline-offset: 0.125em;
    cursor: help;
  }
  kbd {
    padding: 0.125em 0.25em;
    font-family: var(--wa-font-family-code);
    font-size: var(--wa-font-size-smaller);
    font-weight: var(--wa-font-weight-code);
    border: solid var(--wa-border-width-s) color-mix(in oklab, currentColor, transparent 50%);
    border-radius: var(--wa-border-radius-s);
    box-shadow: 0 0.125em 0 0 color-mix(in oklab, currentColor, transparent 50%);
    wa-icon {
      vertical-align: -2px;
    }
  }
  a {
    color: var(--wa-color-text-link);
    text-decoration: var(--wa-link-decoration-default);
    -webkit-text-decoration: var(--wa-link-decoration-default);
    text-decoration-thickness: 0.09375em;
    text-underline-offset: 0.125em;
  }
  *:is([appearance~=accent], .wa-accent) {
    a,
    a:hover {
      color: currentColor;
    }
  }
  a:hover {
    color: color-mix(in oklab, var(--wa-color-text-link), var(--wa-color-mix-hover));
    text-decoration: var(--wa-link-decoration-hover);
    -webkit-text-decoration: var(--wa-link-decoration-hover);
  }
  a:focus,
  button:focus {
    outline: none;
  }
  a:focus-visible,
  button:focus-visible {
    outline: var(--wa-focus-ring);
    outline-offset: var(--wa-focus-ring-offset);
  }
  code,
  samp,
  var {
    padding: 0.125em 0.25em;
    font-family: var(--wa-font-family-code);
    font-size: var(--wa-font-size-smaller);
    font-weight: var(--wa-font-weight-code);
    background-color: var(--wa-color-overlay-inline);
    border-radius: var(--wa-border-radius-s);
  }
  pre {
    padding: var(--wa-space-m);
    font-family: var(--wa-font-family-code);
    font-size: var(--wa-font-size-smaller);
    font-weight: var(--wa-font-weight-code);
    white-space: pre;
    background-color: var(--wa-color-overlay-inline);
    border-radius: var(--wa-panel-border-radius);
    overflow-x: auto;
    & code,
    & samp,
    & var {
      padding: 0;
      font-size: 1em;
      background-color: transparent;
    }
    @media print {
      background: none;
      border: solid var(--wa-border-width-s) var(--wa-color-surface-border);
    }
  }
  img,
  svg,
  picture,
  video {
    max-width: 100%;
    height: auto;
  }
  img,
  picture,
  video {
    border-radius: var(--wa-border-radius-m);
  }
  embed,
  iframe,
  object {
    max-width: 100%;
  }
  iframe {
    border: none;
  }
  table {
    width: 100%;
    font-variant-numeric: tabular-nums;
    border: none;
    border-collapse: collapse;
  }
  caption {
    color: var(--wa-color-text-quiet);
    font-size: var(--wa-font-size-smaller);
    &:has(+ *) {
      margin-block-end: 0.75em;
    }
  }
  tbody {
    tr {
      border-block-start: var(--wa-border-style) var(--wa-border-width-s) var(--wa-color-border-quiet);
      :where(table.wa-zebra-rows) &:nth-child(odd) {
        background-color: color-mix(in oklab, var(--wa-color-fill-quiet) 60%, transparent);
      }
      :where(table.wa-hover-rows) & {
        @media (hover: hover) {
          &:hover {
            background-color: var(--wa-color-fill-quiet);
            &,
            + tr {
              border-block-start-color: var(--wa-color-border-normal);
            }
          }
        }
      }
    }
  }
  td,
  th {
    padding: 0.75em;
    text-align: start;
    vertical-align: top;
  }
  th {
    font-size: var(--wa-font-size-smaller);
    font-weight: var(--wa-font-weight-bold);
    &:not([scope=row]):not(:has(+ td)) {
      border-block-end: var(--wa-border-style) var(--wa-border-width-s) var(--wa-color-border-normal);
    }
  }
  details {
    padding: 0;
    background-color: var(--wa-color-surface-default);
    border: var(--wa-panel-border-width) var(--wa-color-surface-border) var(--wa-panel-border-style);
    border-radius: var(--wa-panel-border-radius);
    overflow-anchor: none;
    summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: var(--wa-space-m);
      border-radius: calc(var(--wa-panel-border-radius) - var(--wa-panel-border-width));
      cursor: pointer;
      user-select: none;
      -webkit-user-select: none;
      > * {
        margin: 0;
      }
      &:focus {
        outline: none;
      }
      &:focus-visible {
        outline: var(--wa-focus-ring);
        outline-offset: calc(var(--wa-panel-border-width) + var(--wa-focus-ring-offset));
      }
    }
    &[open] {
      padding: 0 var(--wa-space-m) var(--wa-space-m) var(--wa-space-m);
      summary {
        margin-inline: calc(-1 * var(--wa-space-m));
        border-end-start-radius: 0;
        border-end-end-radius: 0;
      }
    }
    &::details-content {
      box-sizing: border-box;
    }
    @media print {
      background: none;
      border: solid var(--wa-border-width-s) var(--wa-color-surface-border);
      summary {
        list-style: none;
      }
    }
  }
  details summary {
    &::marker,
    &::-webkit-details-marker {
      display: none;
    }
    &::after {
      content: "";
      background-color: var(--wa-color-text-quiet);
      mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M311.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L243.2 256 73.9 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>') center no-repeat;
      width: 1rem;
      height: 1rem;
      rotate: 0deg;
    }
    &:dir(rtl)::after {
      rotate: 180deg;
    }
  }
  details[open] summary::after {
    rotate: 90deg;
  }
  dialog {
    flex-direction: column;
    align-items: start;
    width: 32rem;
    max-width: calc(100% - var(--wa-space-l));
    padding: var(--wa-space-l);
    background-color: var(--wa-color-surface-raised);
    border-radius: var(--wa-panel-border-radius);
    border: none;
    box-shadow: var(--wa-shadow-l);
    transition: var(--wa-transition-slow, 200ms) var(--wa-transition-easing);
    margin: auto;
    inset: 0;
    &[open] {
      display: flex;
    }
    &:focus {
      outline: none;
    }
  }
  dialog::backdrop {
    background-color: var(--wa-color-overlay-modal, rgb(0 0 0 / 0.25));
  }
  label {
    display: inline-block;
    position: relative;
    color: var(--wa-form-control-label-color);
    font-weight: var(--wa-form-control-label-font-weight);
    line-height: var(--wa-form-control-label-line-height);
    &:has(input:not([type=button], [type=checkbox], [type=color], [type=file], [type=hidden], [type=image], [type=radio], [type=reset], [type=submit]), textarea, select) {
      width: 100%;
    }
    & + :is(input:not([type=checkbox], [type=radio]), textarea, select),
    & > :is(input:not([type=checkbox], [type=radio]), textarea, select) {
      margin-block-start: 0.5em;
    }
  }
  fieldset {
    padding: var(--wa-space-l);
    padding-block-start: calc(var(--wa-space-l) - 0.5em);
    border: solid 1px var(--wa-color-surface-border);
    border-radius: var(--wa-border-radius-m);
  }
  legend {
    padding: 0;
    padding-inline: var(--wa-space-xs);
    font-weight: var(--wa-form-control-label-font-weight);
  }
  button,
  input[type=button],
  input[type=reset],
  input[type=submit],
  input[type=file],
  a.wa-button {
    &:not(input[type=file]),
    &::file-selector-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: var(--wa-form-control-height);
      padding: 0 var(--wa-form-control-padding-inline);
      font-family: inherit;
      font-size: var(--wa-form-control-value-font-size);
      font-weight: var(--wa-font-weight-action);
      text-decoration: none;
      vertical-align: middle;
      white-space: nowrap;
      border-style: var(--wa-border-style);
      border-width: max(1px, var(--wa-form-control-border-width));
      border-start-start-radius: var(--_button-start-start-radius, var(--wa-form-control-border-radius));
      border-start-end-radius: var(--_button-start-end-radius, var(--wa-form-control-border-radius));
      border-end-start-radius: var(--_button-end-start-radius, var(--wa-form-control-border-radius));
      border-end-end-radius: var(--_button-end-end-radius, var(--wa-form-control-border-radius));
      transition-property:
        background,
        border,
        box-shadow,
        color;
      transition-duration: var(--wa-transition-fast);
      transition-timing-function: var(--wa-transition-easing);
      cursor: pointer;
      user-select: none;
      -webkit-user-select: none;
      margin-inline-start: var(--_button-horizontal-indent);
      margin-block-start: var(--_button-vertical-indent);
    }
    &.wa-outlined {
      &:not(input[type=file]),
      &::file-selector-button {
        margin-inline-start: var(--_button-horizontal-indent-outlined);
        margin-block-start: var(--_button-vertical-indent-outlined);
      }
    }
    &:not(input[type=file]) {
      color: var(--wa-color-on-loud, var(--wa-color-neutral-on-loud));
      background-color: var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud));
      border-color: transparent;
      &:not(:disabled) {
        @media (hover: hover) {
          &:hover {
            background-color: color-mix(in oklab, var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud)), var(--wa-color-mix-hover));
            transform: var(--wa-button-transform-hover);
          }
        }
        &:active {
          background-color: color-mix(in oklab, var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud)), var(--wa-color-mix-active));
          transform: var(--wa-button-transform-active);
        }
        @media (prefers-reduced-motion: reduce) {
          &:hover,
          &:active {
            transform: none;
          }
        }
      }
    }
    &:is(input[type=file]) {
      &::file-selector-button {
        color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal));
        background-color: var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal));
        border-color: transparent;
      }
      &:not(:disabled) {
        &::file-selector-button:hover {
          background-color: color-mix(in oklab, var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal)), var(--wa-color-mix-hover));
        }
        &::file-selector-button:active {
          background-color: color-mix(in oklab, var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal)), var(--wa-color-mix-active));
        }
      }
    }
    &.wa-plain {
      &:not(input[type=file]),
      &::file-selector-button {
        color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet));
        background-color: transparent;
        border-color: transparent;
      }
      &:not(:disabled) {
        &:not(input[type=file]):hover,
        &::file-selector-button:hover {
          color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet));
          background-color: var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet));
        }
        &:not(input[type=file]):active,
        &::file-selector-button:active {
          color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet));
          background-color: color-mix(in oklab, var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet)), var(--wa-color-mix-active));
        }
      }
    }
    &.wa-outlined {
      &:not(input[type=file]),
      &::file-selector-button {
        color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet));
        background-color: transparent;
        border-color: var(--wa-color-border-loud, var(--wa-color-neutral-border-loud));
      }
      &:not(:disabled) {
        &:not(input[type=file]):hover,
        &::file-selector-button:hover {
          color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet));
          background-color: var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet));
        }
        &:not(input[type=file]):active,
        &::file-selector-button:active {
          color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet));
          background-color: color-mix(in oklab, var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet)), var(--wa-color-mix-active));
        }
      }
    }
    &.wa-filled {
      &:not(input[type=file]),
      &::file-selector-button {
        color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal));
        background-color: var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal));
        border-color: transparent;
      }
      &:not(:disabled) {
        &:not(input[type=file]):hover,
        &::file-selector-button:hover {
          color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal));
          background-color: color-mix(in oklab, var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal)), var(--wa-color-mix-hover));
        }
        &:not(input[type=file]):active,
        &::file-selector-button:active {
          color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal));
          background-color: color-mix(in oklab, var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal)), var(--wa-color-mix-active));
        }
      }
      &.wa-outlined {
        &:not(input[type=file]),
        &::file-selector-button {
          border-color: var(--wa-color-border-normal, var(--wa-color-neutral-border-normal));
        }
      }
    }
    &.wa-accent {
      &:not(input[type=file]),
      &::file-selector-button {
        color: var(--wa-color-on-loud, var(--wa-color-neutral-on-loud));
        background-color: var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud));
        border-color: transparent;
      }
      &:not(:disabled) {
        &:not(input[type=file]):hover,
        &::file-selector-button:hover {
          background-color: color-mix(in oklab, var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud)), var(--wa-color-mix-hover));
        }
        &:not(input[type=file]):active,
        &::file-selector-button:active {
          background-color: color-mix(in oklab, var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud)), var(--wa-color-mix-active));
        }
      }
    }
    &.wa-pill {
      &:not(input[type=file]),
      &::file-selector-button {
        border-start-start-radius: var(--_button-start-start-radius, var(--wa-border-radius-pill));
        border-start-end-radius: var(--_button-start-end-radius, var(--wa-border-radius-pill));
        border-end-start-radius: var(--_button-end-start-radius, var(--wa-border-radius-pill));
        border-end-end-radius: var(--_button-end-end-radius, var(--wa-border-radius-pill));
      }
    }
    &:focus {
      outline: none;
    }
    &:focus-visible {
      outline: var(--wa-focus-ring);
      outline-offset: var(--wa-focus-ring-offset);
    }
    &:is(::-moz-focus-inner) {
      border: 0;
    }
    &:disabled {
      opacity: 0.5;
      cursor: not-allowed;
      * {
        pointer-events: none;
      }
    }
    & > wa-icon:has(+ *) {
      margin-inline-end: 0.75em;
    }
    & > * + wa-icon {
      margin-inline-start: 0.75em;
    }
  }
  input[type=file] {
    display: block;
    max-inline-size: 100%;
    color: var(--wa-form-control-value-color);
    font-family: inherit;
    font-size: var(--wa-form-control-value-font-size);
    font-weight: var(--wa-form-control-value-font-weight);
    line-height: var(--wa-form-control-value-line-height);
    vertical-align: middle;
    border-radius: var(--wa-border-radius-m);
    cursor: pointer;
  }
  input[type=checkbox],
  label:has(input[type=checkbox]),
  input[type=radio],
  label:has(input[type=radio]) {
    display: inline-flex;
    width: fit-content;
    color: var(--wa-form-control-value-color);
    font-family: inherit;
    font-size: var(--wa-form-control-value-font-size);
    font-weight: var(--wa-form-control-value-font-weight);
    line-height: var(--wa-form-control-value-line-height);
    user-select: none;
    -webkit-user-select: none;
    &,
    + label {
      cursor: pointer;
    }
    &:disabled,
    &:has(:disabled) {
      opacity: 0.5;
      cursor: not-allowed;
    }
  }
  input[type=checkbox],
  input[type=radio] {
    appearance: none;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: var(--wa-form-control-toggle-size);
    height: var(--wa-form-control-toggle-size);
    margin: 0;
    margin-inline-end: 0.5em;
    background-color: var(--wa-form-control-background-color);
    border-color: var(--wa-form-control-border-color);
    border-style: var(--wa-border-style);
    border-width: var(--wa-form-control-border-width);
    transition:
      background var(--wa-transition-normal),
      border-color var(--wa-transition-fast),
      box-shadow var(--wa-transition-fast),
      color var(--wa-transition-fast);
    transition-timing-function: var(--wa-transition-easing);
    &:focus-visible {
      outline: var(--wa-focus-ring);
      outline-offset: var(--wa-focus-ring-offset);
    }
  }
  input[type=checkbox] {
    --checked-icon-color: var(--wa-color-brand-on-loud);
    --checked-icon-scale: 0.8;
    border-radius: min(calc(var(--wa-form-control-toggle-size) * 0.375), var(--wa-border-radius-s));
    &:checked,
    &:indeterminate {
      color: var(--checked-icon-color);
      background-color: var(--wa-form-control-activated-color);
      border-color: var(--wa-form-control-activated-color);
    }
    &:checked::after,
    &:indeterminate::after {
      content: "";
      width: var(--wa-form-control-toggle-size);
      height: var(--wa-form-control-toggle-size);
      scale: var(--checked-icon-scale);
      background-color: currentColor;
    }
    &:checked::after {
      mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z"/></svg>') center / 1em 1em no-repeat;
    }
    &:indeterminate::after {
      mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M431 256c0 17.7-14.3 32-32 32H49c-17.7 0-32-14.3-32-32s14.3-32 32-32h350c17.7 0 32 14.3 32 32z"/></svg>') center no-repeat;
    }
  }
  input[type=radio] {
    --checked-icon-color: var(--wa-form-control-activated-color);
    --checked-icon-scale: 0.7;
    color: transparent;
    border-radius: 50%;
    &:checked {
      color: var(--checked-icon-color);
      border-color: var(--wa-form-control-activated-color);
    }
    &:checked::after {
      content: "";
      aspect-ratio: 1;
      width: 100%;
      scale: var(--checked-icon-scale);
      background-color: currentColor;
      border-radius: 50%;
    }
  }
  input:not([type=button], [type=checkbox], [type=color], [type=file], [type=hidden], [type=image], [type=radio], [type=range], [type=reset], [type=submit]),
  textarea,
  select {
    width: 100%;
    height: var(--wa-form-control-height);
    padding: 0 var(--wa-form-control-padding-inline);
    color: var(--wa-form-control-value-color);
    font-size: var(--wa-form-control-value-size);
    font-family: inherit;
    font-weight: var(--wa-form-control-value-font-weight);
    line-height: var(--wa-form-control-value-line-height);
    vertical-align: middle;
    background-color: var(--wa-form-control-background-color);
    border-color: var(--wa-form-control-border-color);
    border-style: var(--wa-form-control-border-style);
    border-width: var(--wa-form-control-border-width);
    border-radius: var(--wa-form-control-border-radius);
    transition:
      background-color var(--wa-transition-normal),
      border-color var(--wa-transition-normal),
      outline-color var(--wa-transition-fast);
    transition-timing-function: var(--wa-transition-easing);
    outline: var(--wa-focus-ring-style) var(--wa-focus-ring-width) transparent;
    outline-offset: var(--wa-focus-ring-offset);
    cursor: text;
    &::placeholder {
      color: var(--wa-form-control-placeholder-color);
      user-select: none;
      -webkit-user-select: none;
    }
    &:focus-visible {
      outline-color: var(--wa-color-focus);
    }
    &:disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }
    &.wa-outlined {
      background-color: var(--wa-form-control-background-color);
      border-color: var(--wa-form-control-border-color);
    }
    &.wa-filled {
      background-color: var(--wa-color-neutral-fill-quiet);
      border-color: var(--wa-color-neutral-fill-quiet);
      &.wa-outlined {
        border-color: var(--wa-form-control-border-color);
      }
    }
    &.wa-pill {
      border-radius: var(--wa-border-radius-pill);
    }
  }
  textarea {
    height: auto;
    min-height: var(--wa-form-control-height);
    scroll-padding-block: var(--wa-form-control-padding-block);
    padding: calc(var(--wa-form-control-padding-block) - ((1lh - 1em) / 2)) var(--wa-form-control-padding-inline);
    line-height: var(--wa-line-height-normal);
    resize: vertical;
  }
  select {
    --icon-caret: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="rgb(180 180 200)" d="M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    appearance: none;
    position: relative;
    min-width: 0;
    background-image: var(--icon-caret), var(--icon-caret);
    background-repeat: no-repeat;
    background-position: center right var(--wa-form-control-padding-inline);
    background-blend-mode: hue, difference;
    background-size: 1rem 1rem;
    text-overflow: ellipsis;
    padding-inline-end: calc(var(--wa-form-control-padding-inline) + 1rem + var(--wa-space-xs));
    overflow: hidden;
    cursor: pointer;
    &[multiple] {
      height: auto;
      background-image: none;
      padding-inline: var(--wa-form-control-padding-inline);
    }
  }
  input[type=color] {
    display: block;
    block-size: var(--wa-form-control-height);
    inline-size: var(--wa-form-control-height);
    padding: calc(var(--wa-form-control-border-width) * 2);
    font-size: 1em;
    background: transparent;
    border: var(--wa-form-control-border-width) var(--wa-border-style) var(--wa-form-control-border-color);
    border-radius: var(--wa-form-control-border-radius);
    cursor: pointer;
    forced-color-adjust: none;
    &::-webkit-color-swatch-wrapper {
      padding: 0;
      border-radius: inherit;
    }
    &::-webkit-color-swatch {
      border: none;
      border-radius: calc(var(--wa-form-control-border-radius) - var(--wa-form-control-border-width) * 3);
    }
    &::-moz-color-swatch {
      border: none;
      border-radius: calc(var(--wa-form-control-border-radius) - var(--wa-form-control-border-width) * 3);
    }
    &:focus-visible {
      outline: var(--wa-focus-ring);
      outline-offset: var(--wa-focus-ring-offset);
    }
  }
  input[type=range] {
    --thumb-width: 1.4em;
    --thumb-height: 1.4em;
    --track-size: 0.5em;
    -webkit-appearance: none;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: var(--track-size);
    margin: 0;
    font-size: inherit;
    line-height: var(--wa-form-control-height);
    vertical-align: middle;
    background-color: var(--wa-color-neutral-fill-normal);
    border-radius: calc(var(--track-size) / 2);
    &::-webkit-slider-runnable-track {
      width: 100%;
      height: var(--track-size);
      border: none;
      border-radius: 999px;
    }
    &::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: var(--thumb-width);
      height: var(--thumb-height);
      margin-top: calc(var(--thumb-height) / -2 + var(--track-size) / 2);
      background-color: var(--wa-form-control-activated-color);
      border: solid 0.125em var(--wa-color-surface-default);
      border-radius: 50%;
      transition-property:
        background-color,
        border-color,
        box-shadow,
        color;
      transition-duration: var(--wa-transition-normal);
      transition-timing-function: var(--wa-transition-easing);
    }
    &:enabled {
      &:focus-visible::-webkit-slider-thumb {
        outline: var(--wa-focus-ring);
        outline-offset: var(--wa-focus-ring-offset);
      }
      &::-webkit-slider-thumb {
        cursor: pointer;
      }
      &::-webkit-slider-thumb:active {
        cursor: grabbing;
      }
    }
    &::-moz-focus-outer {
      border: 0;
    }
    &::-moz-range-progress {
      height: var(--track-size);
      background-color: var(--wa-color-neutral-fill-normal);
      border-radius: 3px;
    }
    &::-moz-range-track {
      width: 100%;
      height: var(--track-size);
      background-color: var(--wa-color-neutral-fill-normal);
      border: none;
      border-radius: 999px;
    }
    &::-moz-range-thumb {
      width: var(--thumb-width);
      height: var(--thumb-height);
      background-color: var(--wa-form-control-activated-color);
      border: solid 0.125em var(--wa-color-surface-default);
      border-radius: 50%;
      transition-property:
        background-color,
        border-color,
        box-shadow,
        color;
      transition-duration: var(--wa-transition-normal);
      transition-timing-function: var(--wa-transition-easing);
    }
    &:enabled {
      &:focus-visible::-moz-range-thumb {
        outline: var(--wa-focus-ring);
        outline-offset: var(--wa-focus-ring-offset);
      }
      &::-moz-range-thumb {
        cursor: pointer;
      }
      &::-moz-range-thumb:active {
        cursor: grabbing;
      }
    }
  }
  label > input[type=range] {
    margin-block-start: 1em;
  }
  input[type=range]:focus {
    outline: none;
  }
  input[type=range]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    &::-webkit-slider-thumb {
      cursor: not-allowed;
    }
    &::-moz-range-thumb {
      cursor: not-allowed;
    }
  }
  progress {
    --indicator-color: var(--wa-color-brand-fill-loud);
    width: 100%;
    height: 1rem;
    overflow: hidden;
    color: var(--wa-color-brand-on-loud);
    background-color: var(--wa-color-neutral-fill-normal);
    border-radius: var(--wa-border-radius-pill);
    &::-webkit-progress-bar {
      background: transparent;
    }
    &[value]::-webkit-progress-value {
      background-color: var(--indicator-color);
    }
    &::-moz-progress-bar {
      background-color: var(--indicator-color);
    }
  }
  progress:not([value]) {
    padding-left: var(--inset-inline-start);
    animation: wa-progress-indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1);
    &::-webkit-progress-bar {
      background-color: var( --indicator-color );
    }
  }
  @keyframes wa-fade-in {
    from {
      opacity: 0;
    }
  }
  @keyframes wa-progress-indeterminate {
    0% {
      padding-inline-end: 100%;
    }
    25%, 100% {
      padding-inline-end: 0%;
    }
    75%, 100% {
      padding-inline-start: 100%;
    }
  }
  .wa-invalid {
    --wa-form-control-border-color: var(--wa-color-danger-border-loud);
    --wa-form-control-activated-color: var(--wa-color-danger-fill-loud);
    --wa-form-control-value-color: var(--wa-color-danger-on-quiet);
    --wa-color-focus: var(--wa-color-danger-border-loud);
    --wa-color-text-quiet: var(--wa-color-danger-on-quiet);
  }
  .wa-valid {
    --wa-form-control-border-color: var(--wa-color-success-border-loud);
    --wa-form-control-activated-color: var(--wa-color-success-fill-loud);
    --wa-form-control-value-color: var(--wa-color-success-on-quiet);
    --wa-color-focus: var(--wa-color-success-border-loud);
    --wa-color-text-quiet: var(--wa-color-success-on-quiet);
  }
}

/* vendor/wa/styles/utilities/fouce.css */
@layer wa-utilities {
  .wa-cloak:has(:not(:defined)) {
    animation: 2s step-end wa-fouce-cloak;
  }
  @keyframes wa-fouce-cloak {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
}

/* vendor/wa/styles/utilities/visually-hidden.css */
@layer wa-utilities {
  .wa-visually-hidden:not(:focus-within),
  .wa-visually-hidden-force,
  .wa-visually-hidden-hint::part(hint),
  .wa-visually-hidden-label::part(label),
  .wa-visually-hidden-label::part(form-control-label) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    border: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding: 0 !important;
  }
}

/* vendor/wa/styles/utilities/scroll-lock.css */
@layer wa-utilities {
  @supports (scrollbar-gutter: stable) {
    .wa-scroll-lock {
      scrollbar-gutter: var(--wa-scroll-lock-gutter) !important;
    }
    .wa-scroll-lock body {
      overflow: hidden !important;
    }
  }
  @supports not (scrollbar-gutter: stable) {
    .wa-scroll-lock body {
      padding-right: var(--wa-scroll-lock-size) !important;
      overflow: hidden !important;
    }
  }
}

/* vendor/wa/styles/utilities/placeholder.css */
@layer wa-utilities {
  .wa-placeholder {
    align-self: stretch;
    background-color: var(--wa-color-neutral-fill-quiet);
    border: dashed var(--wa-border-width-s) var(--wa-color-neutral-border-normal);
    border-radius: var(--wa-border-radius-l);
    padding: var(--wa-space-3xl);
  }
}

/* vendor/wa/styles/utilities/align-items.css */
@layer wa-utilities {
  :where(.wa-align-items-start, .wa-align-items-end, .wa-align-items-center, .wa-align-items-stretch, .wa-align-items-baseline) {
    display: flex;
  }
  .wa-align-items-start {
    align-items: flex-start;
  }
  .wa-align-items-end {
    align-items: flex-end;
  }
  .wa-align-items-center {
    align-items: center;
  }
  .wa-align-items-stretch {
    align-items: stretch;
  }
  .wa-align-items-baseline {
    align-items: baseline;
  }
  .wa-align-self-start {
    align-self: flex-start;
  }
  .wa-align-self-end {
    align-self: flex-end;
  }
  .wa-align-self-center {
    align-self: center;
  }
  .wa-align-self-stretch {
    align-self: stretch;
  }
  .wa-align-self-baseline {
    align-self: baseline;
  }
}

/* vendor/wa/styles/utilities/justify-content.css */
@layer wa-utilities {
  :where(.wa-justify-content-start, .wa-justify-content-end, .wa-justify-content-center, .wa-justify-content-space-around, .wa-justify-content-space-between, .wa-justify-content-space-evenly) {
    display: flex;
  }
  .wa-justify-content-start {
    justify-content: flex-start;
  }
  .wa-justify-content-end {
    justify-content: flex-end;
  }
  .wa-justify-content-center {
    justify-content: center;
  }
  .wa-justify-content-space-around {
    justify-content: space-around;
  }
  .wa-justify-content-space-between {
    justify-content: space-between;
  }
  .wa-justify-content-space-evenly {
    justify-content: space-evenly;
  }
}

/* vendor/wa/styles/utilities/flex-wrap.css */
@layer wa-utilities {
  :where(.wa-flex-wrap, .wa-flex-nowrap, .wa-flex-wrap-reverse) {
    display: flex;
  }
  .wa-flex-wrap {
    flex-wrap: wrap;
  }
  .wa-flex-nowrap {
    flex-wrap: nowrap;
  }
  .wa-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

/* vendor/wa/styles/utilities/border-radius.css */
@layer wa-utilities {
  .wa-border-radius-s {
    border-radius: var(--wa-border-radius-s);
  }
  .wa-border-radius-m {
    border-radius: var(--wa-border-radius-m);
  }
  .wa-border-radius-l {
    border-radius: var(--wa-border-radius-l);
  }
  .wa-border-radius-pill {
    border-radius: var(--wa-border-radius-pill);
  }
  .wa-border-radius-circle {
    border-radius: var(--wa-border-radius-circle);
  }
  .wa-border-radius-square {
    border-radius: var(--wa-border-radius-square);
  }
}

/* vendor/wa/styles/utilities/gap.css */
@layer wa-utilities {
  :where(.wa-gap-0, .wa-gap-3xs, .wa-gap-2xs, .wa-gap-xs, .wa-gap-s, .wa-gap-m, .wa-gap-l, .wa-gap-xl, .wa-gap-2xl, .wa-gap-3xl, .wa-gap-4xl, .wa-gap-5xl) {
    display: flex;
  }
  .wa-gap-0 {
    gap: 0px;
  }
  .wa-gap-3xs {
    gap: var(--wa-space-3xs);
  }
  .wa-gap-2xs {
    gap: var(--wa-space-2xs);
  }
  .wa-gap-xs {
    gap: var(--wa-space-xs);
  }
  .wa-gap-s {
    gap: var(--wa-space-s);
  }
  .wa-gap-m {
    gap: var(--wa-space-m);
  }
  .wa-gap-l {
    gap: var(--wa-space-l);
  }
  .wa-gap-xl {
    gap: var(--wa-space-xl);
  }
  .wa-gap-2xl {
    gap: var(--wa-space-2xl);
  }
  .wa-gap-3xl {
    gap: var(--wa-space-3xl);
  }
  .wa-gap-4xl {
    gap: var(--wa-space-4xl);
  }
  .wa-gap-5xl {
    gap: var(--wa-space-5xl);
  }
}

/* vendor/wa/styles/utilities/text.css */
@layer wa-utilities {
  [class*=wa-body] {
    font-family: var(--wa-font-family-body);
    font-weight: var(--wa-font-weight-body);
    line-height: var(--wa-line-height-normal);
  }
  [class*=wa-heading] {
    font-family: var(--wa-font-family-heading);
    font-weight: var(--wa-font-weight-heading);
    line-height: var(--wa-line-height-condensed);
    text-wrap: balance;
  }
  [class*=wa-caption] {
    color: var(--wa-color-text-quiet);
    font-family: var(--wa-font-family-body);
    font-weight: var(--wa-font-weight-body);
    line-height: var(--wa-line-height-condensed);
  }
  [class*=wa-longform] {
    font-family: var(--wa-font-family-longform);
    font-weight: var(--wa-font-weight-longform);
    line-height: var(--wa-line-height-normal);
  }
  .wa-font-size-3xs,
  .wa-body-3xs,
  .wa-heading-3xs,
  .wa-caption-3xs,
  .wa-longform-3xs {
    font-size: var(--wa-font-size-3xs);
  }
  .wa-font-size-2xs,
  .wa-body-2xs,
  .wa-heading-2xs,
  .wa-caption-2xs,
  .wa-longform-2xs {
    font-size: var(--wa-font-size-2xs);
  }
  .wa-font-size-xs,
  .wa-body-xs,
  .wa-heading-xs,
  .wa-caption-xs,
  .wa-longform-xs {
    font-size: var(--wa-font-size-xs);
  }
  .wa-font-size-s,
  .wa-body-s,
  .wa-heading-s,
  .wa-caption-s,
  .wa-longform-s {
    font-size: var(--wa-font-size-s);
  }
  .wa-font-size-m,
  .wa-body-m,
  .wa-heading-m,
  .wa-caption-m,
  .wa-longform-m {
    font-size: var(--wa-font-size-m);
  }
  .wa-font-size-l,
  .wa-body-l,
  .wa-heading-l,
  .wa-caption-l,
  .wa-longform-l {
    font-size: var(--wa-font-size-l);
  }
  .wa-font-size-xl,
  .wa-body-xl,
  .wa-heading-xl,
  .wa-caption-xl,
  .wa-longform-xl {
    font-size: var(--wa-font-size-xl);
  }
  .wa-font-size-2xl,
  .wa-body-2xl,
  .wa-heading-2xl,
  .wa-caption-2xl,
  .wa-longform-2xl {
    font-size: var(--wa-font-size-2xl);
  }
  .wa-font-size-3xl,
  .wa-body-3xl,
  .wa-heading-3xl,
  .wa-caption-3xl,
  .wa-longform-3xl {
    font-size: var(--wa-font-size-3xl);
  }
  .wa-font-size-4xl,
  .wa-body-4xl,
  .wa-heading-4xl,
  .wa-caption-4xl,
  .wa-longform-4xl {
    font-size: var(--wa-font-size-4xl);
  }
  .wa-font-size-5xl,
  .wa-body-5xl,
  .wa-heading-5xl,
  .wa-caption-5xl,
  .wa-longform-5xl {
    font-size: var(--wa-font-size-5xl);
  }
  .wa-font-weight-light {
    font-weight: var(--wa-font-weight-light);
  }
  .wa-font-weight-normal {
    font-weight: var(--wa-font-weight-normal);
  }
  .wa-font-weight-semibold {
    font-weight: var(--wa-font-weight-semibold);
  }
  .wa-font-weight-bold {
    font-weight: var(--wa-font-weight-bold);
  }
  .wa-color-text-normal {
    color: var(--wa-color-text-normal);
  }
  .wa-color-text-quiet {
    color: var(--wa-color-text-quiet);
  }
  .wa-color-text-link {
    color: var(--wa-color-text-link);
  }
  .wa-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .wa-text-nowrap,
  .wa-text-wrap-nowrap {
    text-wrap: nowrap;
  }
  .wa-text-balance,
  .wa-text-wrap-balance {
    text-wrap: balance;
  }
  @supports (text-wrap: pretty) {
    .wa-text-pretty,
    .wa-text-wrap-pretty {
      text-wrap: pretty;
    }
  }
  .wa-text-uppercase {
    text-transform: uppercase;
  }
  .wa-text-lowercase {
    text-transform: lowercase;
  }
  .wa-text-capitalize {
    text-transform: capitalize;
  }
  .wa-text-start {
    text-align: start;
  }
  .wa-text-center {
    text-align: center;
  }
  .wa-text-end {
    text-align: end;
  }
  .wa-text-justify {
    text-align: justify;
  }
  .wa-link {
    color: var(--wa-color-text-link);
    text-decoration: var(--wa-link-decoration-default);
    -webkit-text-decoration: var(--wa-link-decoration-default);
    @media (hover: hover) {
      &:hover {
        color: color-mix(in oklab, var(--wa-color-text-link) 100%, var(--wa-color-mix-hover));
        text-decoration: var(--wa-link-decoration-hover);
        -webkit-text-decoration: var(--wa-link-decoration-hover);
      }
    }
  }
  .wa-link-plain {
    color: var(--wa-color-text-normal);
    text-decoration: none;
    @media (hover: hover) {
      &:hover {
        color: color-mix(in oklab, currentColor, var(--wa-color-mix-hover));
        text-decoration: none;
      }
    }
  }
  .wa-list-plain:is(ol, ul) {
    list-style: none;
    padding-inline-start: 0;
    > li {
      margin-inline-start: 0;
    }
  }
  .wa-form-control-label {
    color: var(--wa-form-control-label-color);
    font-weight: var(--wa-form-control-label-font-weight);
    line-height: var(--wa-form-control-label-line-height);
  }
  .wa-form-control-value {
    color: var(--wa-form-control-value-color);
    font-weight: var(--wa-form-control-value-font-weight);
    line-height: var(--wa-form-control-value-line-height);
  }
  .wa-form-control-placeholder {
    color: var(--wa-form-control-placeholder-color);
    font-weight: var(--wa-form-control-value-font-weight);
    line-height: var(--wa-form-control-value-line-height);
  }
  .wa-form-control-hint {
    color: var(--wa-form-control-hint-color);
    font-weight: var(--wa-form-control-hint-font-weight);
    font-size: var(--wa-font-size-smaller);
    line-height: var(--wa-form-control-hint-line-height);
  }
}

/* vendor/wa/styles/utilities/layout.css */
@layer wa-utilities {
  :is([class*=wa-cluster], [class*=wa-flank], [class*=wa-frame], [class*=wa-grid], [class*=wa-stack], [class*=wa-split]) > * {
    margin-block: 0;
    margin-inline: 0;
  }
  :where([class*=wa-cluster], [class*=wa-flank], [class*=wa-frame], [class*=wa-grid], [class*=wa-stack], [class*=wa-split]) {
    gap: var(--wa-space-m);
  }
  [class*=wa-cluster] {
    display: flex;
  }
  :where([class*=wa-cluster]) {
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  [class*=wa-flank] {
    display: flex;
    --content-percentage: initial;
    --flank-size: initial;
  }
  [class*=wa-flank]:not([class*=":end"]) > :first-child,
  [class*=wa-flank][class*=":start"] > :first-child {
    flex-basis: var(--flank-size, auto);
    flex-grow: 1;
  }
  [class*=wa-flank]:not([class*=":end"]) > :last-child,
  [class*=wa-flank][class*=":start"] > :last-child {
    flex-basis: 0;
    flex-grow: 999;
    min-inline-size: var(--content-percentage, 50%);
  }
  [class*=wa-flank][class*=":end"] > :last-child {
    flex-basis: var(--flank-size, auto);
    flex-grow: 1;
  }
  [class*=wa-flank][class*=":end"] > :first-child {
    flex-basis: 0;
    flex-grow: 999;
    min-inline-size: var(--content-percentage, 50%);
  }
  :where([class*=wa-flank]) {
    align-items: center;
    flex-wrap: wrap;
  }
  [class*=wa-frame] {
    display: flex;
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }
  [class*=wa-frame] > img,
  [class*=wa-frame] > video {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
  }
  [class*=wa-frame][class*=":square"] {
    aspect-ratio: 1 / 1;
  }
  [class*=wa-frame][class*=":landscape"] {
    aspect-ratio: 16 / 9;
  }
  [class*=wa-frame][class*=":portrait"] {
    aspect-ratio: 9 / 16;
  }
  :where([class*=wa-frame]) {
    align-items: center;
    justify-content: center;
  }
  [class*=wa-grid] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(var(--min-column-size, 20ch), 100%), 1fr));
    --min-column-size: initial;
  }
  .wa-span-grid {
    grid-column: 1 / -1;
  }
  [class*=wa-split] {
    display: flex;
  }
  [class*=wa-split],
  [class*=wa-split][class*=":row"] {
    flex-direction: row;
    block-size: auto;
    inline-size: 100%;
  }
  [class*=wa-split]:not([class*=":column"]) > :first-child {
    flex: 0 1 auto;
  }
  [class*=wa-split][class*=":column"] {
    flex-direction: column;
    block-size: auto;
    inline-size: auto;
    align-self: stretch;
  }
  :where([class*=wa-split]) {
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  [class*=wa-stack] {
    display: flex;
    flex-direction: column;
  }
  :where([class*=wa-stack]) {
    align-items: stretch;
    justify-content: flex-start;
  }
}

/* vendor/wa/styles/utilities/prose.css */
@layer wa-utilities {
  :where(.wa-prose) {
    --wa-prose-rhythm-scale: 1;
    --wa-prose-rhythm-2xs: calc(0.25em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
    --wa-prose-rhythm-xs: calc(0.5em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
    --wa-prose-rhythm-s: calc(0.75em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
    --wa-prose-rhythm-m: calc(1em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
    --wa-prose-rhythm-l: calc(1.5em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
    --wa-prose-rhythm-xl: calc(2em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
    --wa-prose-rhythm-2xl: calc(2.5em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
    --wa-prose-rhythm-3xl: calc(3em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
    --wa-prose-line-length: 65ch;
    max-inline-size: var(--wa-prose-line-length);
    font-variant-numeric: oldstyle-nums proportional-nums;
    hanging-punctuation: first last allow-end;
    & :where(h1) {
      font-size: 2.5625em;
    }
    & :where(h2) {
      font-size: 2em;
    }
    & :where(h3) {
      font-size: 1.5625em;
    }
    & :where(h4) {
      font-size: 1.25em;
    }
    & :where(h5) {
      font-size: 1em;
    }
    & :where(h6) {
      font-size: 0.75em;
    }
    & :where(h1, h2) {
      letter-spacing: -0.01em;
    }
    & :where(h1):has(+ *) {
      margin-block-end: var(--wa-prose-rhythm-s);
    }
    & * + :where(h2) {
      margin-block-start: var(--wa-prose-rhythm-2xl);
    }
    & :where(h2):has(+ *) {
      margin-block-end: var(--wa-prose-rhythm-s);
    }
    & * + :where(h3) {
      margin-block-start: var(--wa-prose-rhythm-xl);
    }
    & :where(h3):has(+ *) {
      margin-block-end: var(--wa-prose-rhythm-s);
    }
    & :where(h4, h5, h6):has(+ *) {
      margin-block-end: var(--wa-prose-rhythm-xs);
    }
    & :where(h1 + h2, h1 + h3, h2 + h3, h2 + h4, h3 + h4, h4 + h5, h5 + h6) {
      margin-block-start: var(--wa-prose-rhythm-m);
    }
    & :where(p, ul, ol, dl):has(+ *) {
      margin-block-end: var(--wa-prose-rhythm-l);
    }
    & :where(ul, ol) > :where(li):has(+ li) {
      margin-block-end: var(--wa-prose-rhythm-2xs);
    }
    & :where(dd):has(+ *) {
      margin-block-end: var(--wa-prose-rhythm-s);
    }
    & :where(figcaption) {
      margin-block-start: var(--wa-prose-rhythm-xs);
    }
    & :where(code, pre) {
      overflow-wrap: anywhere;
    }
    & :where(hr) {
      margin-block: var(--wa-prose-rhythm-3xl);
    }
    & :where(hr + :is(h1, h2, h3, h4, h5, h6)) {
      margin-block-start: 0;
    }
    & :where(pre, figure, table, blockquote, wa-callout, details):has(+ *) {
      margin-block-end: var(--wa-prose-rhythm-xl);
    }
    & :where(:not(h1, h2, h3, h4, h5, h6) + :is(pre, figure, table, blockquote, wa-callout, details)) {
      margin-block-start: var(--wa-prose-rhythm-xl);
    }
    & :where(:is(h1, h2, h3, h4, h5, h6) + :is(pre, figure, table, blockquote, wa-callout, details)) {
      margin-block-start: var(--wa-prose-rhythm-m);
    }
  }
  .wa-not-prose,
  .wa-not-prose * {
    margin-block-start: revert-layer;
    margin-block-end: revert-layer;
    font-size: revert-layer;
    letter-spacing: revert-layer;
    font-variant-numeric: revert-layer;
    hanging-punctuation: revert-layer;
  }
}

/* vendor/wa/styles/utilities/size.css */
@layer wa-utilities {
  .wa-size-xs {
    font-size: var(--wa-font-size-xs);
  }
  .wa-size-s {
    font-size: var(--wa-font-size-s);
  }
  .wa-size-m {
    font-size: var(--wa-font-size-m);
  }
  .wa-size-l {
    font-size: var(--wa-font-size-l);
  }
  .wa-size-xl {
    font-size: var(--wa-font-size-xl);
  }
}

/* vendor/wa/styles/utilities/variants.css */
@layer wa-utilities {
  :where(:root),
  .wa-neutral {
    --wa-color-fill-loud: var(--wa-color-neutral-fill-loud);
    --wa-color-fill-normal: var(--wa-color-neutral-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-neutral-fill-quiet);
    --wa-color-border-loud: var(--wa-color-neutral-border-loud);
    --wa-color-border-normal: var(--wa-color-neutral-border-normal);
    --wa-color-border-quiet: var(--wa-color-neutral-border-quiet);
    --wa-color-on-loud: var(--wa-color-neutral-on-loud);
    --wa-color-on-normal: var(--wa-color-neutral-on-normal);
    --wa-color-on-quiet: var(--wa-color-neutral-on-quiet);
  }
  .wa-brand {
    --wa-color-fill-loud: var(--wa-color-brand-fill-loud);
    --wa-color-fill-normal: var(--wa-color-brand-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-brand-fill-quiet);
    --wa-color-border-loud: var(--wa-color-brand-border-loud);
    --wa-color-border-normal: var(--wa-color-brand-border-normal);
    --wa-color-border-quiet: var(--wa-color-brand-border-quiet);
    --wa-color-on-loud: var(--wa-color-brand-on-loud);
    --wa-color-on-normal: var(--wa-color-brand-on-normal);
    --wa-color-on-quiet: var(--wa-color-brand-on-quiet);
  }
  .wa-success {
    --wa-color-fill-loud: var(--wa-color-success-fill-loud);
    --wa-color-fill-normal: var(--wa-color-success-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-success-fill-quiet);
    --wa-color-border-loud: var(--wa-color-success-border-loud);
    --wa-color-border-normal: var(--wa-color-success-border-normal);
    --wa-color-border-quiet: var(--wa-color-success-border-quiet);
    --wa-color-on-loud: var(--wa-color-success-on-loud);
    --wa-color-on-normal: var(--wa-color-success-on-normal);
    --wa-color-on-quiet: var(--wa-color-success-on-quiet);
  }
  .wa-warning {
    --wa-color-fill-loud: var(--wa-color-warning-fill-loud);
    --wa-color-fill-normal: var(--wa-color-warning-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-warning-fill-quiet);
    --wa-color-border-loud: var(--wa-color-warning-border-loud);
    --wa-color-border-normal: var(--wa-color-warning-border-normal);
    --wa-color-border-quiet: var(--wa-color-warning-border-quiet);
    --wa-color-on-loud: var(--wa-color-warning-on-loud);
    --wa-color-on-normal: var(--wa-color-warning-on-normal);
    --wa-color-on-quiet: var(--wa-color-warning-on-quiet);
  }
  .wa-danger {
    --wa-color-fill-loud: var(--wa-color-danger-fill-loud);
    --wa-color-fill-normal: var(--wa-color-danger-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-danger-fill-quiet);
    --wa-color-border-loud: var(--wa-color-danger-border-loud);
    --wa-color-border-normal: var(--wa-color-danger-border-normal);
    --wa-color-border-quiet: var(--wa-color-danger-border-quiet);
    --wa-color-on-loud: var(--wa-color-danger-on-loud);
    --wa-color-on-normal: var(--wa-color-danger-on-normal);
    --wa-color-on-quiet: var(--wa-color-danger-on-quiet);
  }
}

/* vendor/wa/styles/utilities.css */

/* vendor/wa/styles/layers.css */
@layer wa-native, wa-base, wa-utilities, wa-color-palette, wa-color-variant, wa-theme, wa-theme-dimension, wa-theme-overrides;
@layer wa-base {
  wa-page :is(*, *:after, *:before) {
    scroll-margin-top: var(--scroll-margin-top);
  }
  wa-page[view=desktop] [data-toggle-nav] {
    display: none;
  }
  wa-page[view=mobile] .wa-desktop-only,
  wa-page[view=desktop] .wa-mobile-only {
    display: none !important;
  }
}

/* vendor/wa/styles/color/variants/brand.css */
@layer wa-color-variant {
  :where(:root),
  .wa-brand-blue {
    --wa-color-brand-95: var(--wa-color-blue-95);
    --wa-color-brand-90: var(--wa-color-blue-90);
    --wa-color-brand-80: var(--wa-color-blue-80);
    --wa-color-brand-70: var(--wa-color-blue-70);
    --wa-color-brand-60: var(--wa-color-blue-60);
    --wa-color-brand-50: var(--wa-color-blue-50);
    --wa-color-brand-40: var(--wa-color-blue-40);
    --wa-color-brand-30: var(--wa-color-blue-30);
    --wa-color-brand-20: var(--wa-color-blue-20);
    --wa-color-brand-10: var(--wa-color-blue-10);
    --wa-color-brand-05: var(--wa-color-blue-05);
    --wa-color-brand: var(--wa-color-blue);
    --wa-color-brand-on: var(--wa-color-blue-on);
  }
  .wa-brand-red {
    --wa-color-brand-95: var(--wa-color-red-95);
    --wa-color-brand-90: var(--wa-color-red-90);
    --wa-color-brand-80: var(--wa-color-red-80);
    --wa-color-brand-70: var(--wa-color-red-70);
    --wa-color-brand-60: var(--wa-color-red-60);
    --wa-color-brand-50: var(--wa-color-red-50);
    --wa-color-brand-40: var(--wa-color-red-40);
    --wa-color-brand-30: var(--wa-color-red-30);
    --wa-color-brand-20: var(--wa-color-red-20);
    --wa-color-brand-10: var(--wa-color-red-10);
    --wa-color-brand-05: var(--wa-color-red-05);
    --wa-color-brand: var(--wa-color-red);
    --wa-color-brand-on: var(--wa-color-red-on);
  }
  .wa-brand-orange {
    --wa-color-brand-95: var(--wa-color-orange-95);
    --wa-color-brand-90: var(--wa-color-orange-90);
    --wa-color-brand-80: var(--wa-color-orange-80);
    --wa-color-brand-70: var(--wa-color-orange-70);
    --wa-color-brand-60: var(--wa-color-orange-60);
    --wa-color-brand-50: var(--wa-color-orange-50);
    --wa-color-brand-40: var(--wa-color-orange-40);
    --wa-color-brand-30: var(--wa-color-orange-30);
    --wa-color-brand-20: var(--wa-color-orange-20);
    --wa-color-brand-10: var(--wa-color-orange-10);
    --wa-color-brand-05: var(--wa-color-orange-05);
    --wa-color-brand: var(--wa-color-orange);
    --wa-color-brand-on: var(--wa-color-orange-on);
  }
  .wa-brand-yellow {
    --wa-color-brand-95: var(--wa-color-yellow-95);
    --wa-color-brand-90: var(--wa-color-yellow-90);
    --wa-color-brand-80: var(--wa-color-yellow-80);
    --wa-color-brand-70: var(--wa-color-yellow-70);
    --wa-color-brand-60: var(--wa-color-yellow-60);
    --wa-color-brand-50: var(--wa-color-yellow-50);
    --wa-color-brand-40: var(--wa-color-yellow-40);
    --wa-color-brand-30: var(--wa-color-yellow-30);
    --wa-color-brand-20: var(--wa-color-yellow-20);
    --wa-color-brand-10: var(--wa-color-yellow-10);
    --wa-color-brand-05: var(--wa-color-yellow-05);
    --wa-color-brand: var(--wa-color-yellow);
    --wa-color-brand-on: var(--wa-color-yellow-on);
  }
  .wa-brand-green {
    --wa-color-brand-95: var(--wa-color-green-95);
    --wa-color-brand-90: var(--wa-color-green-90);
    --wa-color-brand-80: var(--wa-color-green-80);
    --wa-color-brand-70: var(--wa-color-green-70);
    --wa-color-brand-60: var(--wa-color-green-60);
    --wa-color-brand-50: var(--wa-color-green-50);
    --wa-color-brand-40: var(--wa-color-green-40);
    --wa-color-brand-30: var(--wa-color-green-30);
    --wa-color-brand-20: var(--wa-color-green-20);
    --wa-color-brand-10: var(--wa-color-green-10);
    --wa-color-brand-05: var(--wa-color-green-05);
    --wa-color-brand: var(--wa-color-green);
    --wa-color-brand-on: var(--wa-color-green-on);
  }
  .wa-brand-cyan {
    --wa-color-brand-95: var(--wa-color-cyan-95);
    --wa-color-brand-90: var(--wa-color-cyan-90);
    --wa-color-brand-80: var(--wa-color-cyan-80);
    --wa-color-brand-70: var(--wa-color-cyan-70);
    --wa-color-brand-60: var(--wa-color-cyan-60);
    --wa-color-brand-50: var(--wa-color-cyan-50);
    --wa-color-brand-40: var(--wa-color-cyan-40);
    --wa-color-brand-30: var(--wa-color-cyan-30);
    --wa-color-brand-20: var(--wa-color-cyan-20);
    --wa-color-brand-10: var(--wa-color-cyan-10);
    --wa-color-brand-05: var(--wa-color-cyan-05);
    --wa-color-brand: var(--wa-color-cyan);
    --wa-color-brand-on: var(--wa-color-cyan-on);
  }
  .wa-brand-indigo {
    --wa-color-brand-95: var(--wa-color-indigo-95);
    --wa-color-brand-90: var(--wa-color-indigo-90);
    --wa-color-brand-80: var(--wa-color-indigo-80);
    --wa-color-brand-70: var(--wa-color-indigo-70);
    --wa-color-brand-60: var(--wa-color-indigo-60);
    --wa-color-brand-50: var(--wa-color-indigo-50);
    --wa-color-brand-40: var(--wa-color-indigo-40);
    --wa-color-brand-30: var(--wa-color-indigo-30);
    --wa-color-brand-20: var(--wa-color-indigo-20);
    --wa-color-brand-10: var(--wa-color-indigo-10);
    --wa-color-brand-05: var(--wa-color-indigo-05);
    --wa-color-brand: var(--wa-color-indigo);
    --wa-color-brand-on: var(--wa-color-indigo-on);
  }
  .wa-brand-purple {
    --wa-color-brand-95: var(--wa-color-purple-95);
    --wa-color-brand-90: var(--wa-color-purple-90);
    --wa-color-brand-80: var(--wa-color-purple-80);
    --wa-color-brand-70: var(--wa-color-purple-70);
    --wa-color-brand-60: var(--wa-color-purple-60);
    --wa-color-brand-50: var(--wa-color-purple-50);
    --wa-color-brand-40: var(--wa-color-purple-40);
    --wa-color-brand-30: var(--wa-color-purple-30);
    --wa-color-brand-20: var(--wa-color-purple-20);
    --wa-color-brand-10: var(--wa-color-purple-10);
    --wa-color-brand-05: var(--wa-color-purple-05);
    --wa-color-brand: var(--wa-color-purple);
    --wa-color-brand-on: var(--wa-color-purple-on);
  }
  .wa-brand-pink {
    --wa-color-brand-95: var(--wa-color-pink-95);
    --wa-color-brand-90: var(--wa-color-pink-90);
    --wa-color-brand-80: var(--wa-color-pink-80);
    --wa-color-brand-70: var(--wa-color-pink-70);
    --wa-color-brand-60: var(--wa-color-pink-60);
    --wa-color-brand-50: var(--wa-color-pink-50);
    --wa-color-brand-40: var(--wa-color-pink-40);
    --wa-color-brand-30: var(--wa-color-pink-30);
    --wa-color-brand-20: var(--wa-color-pink-20);
    --wa-color-brand-10: var(--wa-color-pink-10);
    --wa-color-brand-05: var(--wa-color-pink-05);
    --wa-color-brand: var(--wa-color-pink);
    --wa-color-brand-on: var(--wa-color-pink-on);
  }
  .wa-brand-gray {
    --wa-color-brand-95: var(--wa-color-gray-95);
    --wa-color-brand-90: var(--wa-color-gray-90);
    --wa-color-brand-80: var(--wa-color-gray-80);
    --wa-color-brand-70: var(--wa-color-gray-70);
    --wa-color-brand-60: var(--wa-color-gray-60);
    --wa-color-brand-50: var(--wa-color-gray-50);
    --wa-color-brand-40: var(--wa-color-gray-40);
    --wa-color-brand-30: var(--wa-color-gray-30);
    --wa-color-brand-20: var(--wa-color-gray-20);
    --wa-color-brand-10: var(--wa-color-gray-10);
    --wa-color-brand-05: var(--wa-color-gray-05);
    --wa-color-brand: var(--wa-color-gray);
    --wa-color-brand-on: var(--wa-color-gray-on);
  }
}

/* vendor/wa/styles/color/variants/neutral.css */
@layer wa-color-variant {
  :where(:root),
  .wa-neutral-gray {
    --wa-color-neutral-95: var(--wa-color-gray-95);
    --wa-color-neutral-90: var(--wa-color-gray-90);
    --wa-color-neutral-80: var(--wa-color-gray-80);
    --wa-color-neutral-70: var(--wa-color-gray-70);
    --wa-color-neutral-60: var(--wa-color-gray-60);
    --wa-color-neutral-50: var(--wa-color-gray-50);
    --wa-color-neutral-40: var(--wa-color-gray-40);
    --wa-color-neutral-30: var(--wa-color-gray-30);
    --wa-color-neutral-20: var(--wa-color-gray-20);
    --wa-color-neutral-10: var(--wa-color-gray-10);
    --wa-color-neutral-05: var(--wa-color-gray-05);
    --wa-color-neutral: var(--wa-color-gray);
    --wa-color-neutral-on: var(--wa-color-gray-on);
  }
  .wa-neutral-red {
    --wa-color-neutral-95: var(--wa-color-red-95);
    --wa-color-neutral-90: var(--wa-color-red-90);
    --wa-color-neutral-80: var(--wa-color-red-80);
    --wa-color-neutral-70: var(--wa-color-red-70);
    --wa-color-neutral-60: var(--wa-color-red-60);
    --wa-color-neutral-50: var(--wa-color-red-50);
    --wa-color-neutral-40: var(--wa-color-red-40);
    --wa-color-neutral-30: var(--wa-color-red-30);
    --wa-color-neutral-20: var(--wa-color-red-20);
    --wa-color-neutral-10: var(--wa-color-red-10);
    --wa-color-neutral-05: var(--wa-color-red-05);
    --wa-color-neutral: var(--wa-color-red);
    --wa-color-neutral-on: var(--wa-color-red-on);
  }
  .wa-neutral-orange {
    --wa-color-neutral-95: var(--wa-color-orange-95);
    --wa-color-neutral-90: var(--wa-color-orange-90);
    --wa-color-neutral-80: var(--wa-color-orange-80);
    --wa-color-neutral-70: var(--wa-color-orange-70);
    --wa-color-neutral-60: var(--wa-color-orange-60);
    --wa-color-neutral-50: var(--wa-color-orange-50);
    --wa-color-neutral-40: var(--wa-color-orange-40);
    --wa-color-neutral-30: var(--wa-color-orange-30);
    --wa-color-neutral-20: var(--wa-color-orange-20);
    --wa-color-neutral-10: var(--wa-color-orange-10);
    --wa-color-neutral-05: var(--wa-color-orange-05);
    --wa-color-neutral: var(--wa-color-orange);
    --wa-color-neutral-on: var(--wa-color-orange-on);
  }
  .wa-neutral-yellow {
    --wa-color-neutral-95: var(--wa-color-yellow-95);
    --wa-color-neutral-90: var(--wa-color-yellow-90);
    --wa-color-neutral-80: var(--wa-color-yellow-80);
    --wa-color-neutral-70: var(--wa-color-yellow-70);
    --wa-color-neutral-60: var(--wa-color-yellow-60);
    --wa-color-neutral-50: var(--wa-color-yellow-50);
    --wa-color-neutral-40: var(--wa-color-yellow-40);
    --wa-color-neutral-30: var(--wa-color-yellow-30);
    --wa-color-neutral-20: var(--wa-color-yellow-20);
    --wa-color-neutral-10: var(--wa-color-yellow-10);
    --wa-color-neutral-05: var(--wa-color-yellow-05);
    --wa-color-neutral: var(--wa-color-yellow);
    --wa-color-neutral-on: var(--wa-color-yellow-on);
  }
  .wa-neutral-green {
    --wa-color-neutral-95: var(--wa-color-green-95);
    --wa-color-neutral-90: var(--wa-color-green-90);
    --wa-color-neutral-80: var(--wa-color-green-80);
    --wa-color-neutral-70: var(--wa-color-green-70);
    --wa-color-neutral-60: var(--wa-color-green-60);
    --wa-color-neutral-50: var(--wa-color-green-50);
    --wa-color-neutral-40: var(--wa-color-green-40);
    --wa-color-neutral-30: var(--wa-color-green-30);
    --wa-color-neutral-20: var(--wa-color-green-20);
    --wa-color-neutral-10: var(--wa-color-green-10);
    --wa-color-neutral-05: var(--wa-color-green-05);
    --wa-color-neutral: var(--wa-color-green);
    --wa-color-neutral-on: var(--wa-color-green-on);
  }
  .wa-neutral-cyan {
    --wa-color-neutral-95: var(--wa-color-cyan-95);
    --wa-color-neutral-90: var(--wa-color-cyan-90);
    --wa-color-neutral-80: var(--wa-color-cyan-80);
    --wa-color-neutral-70: var(--wa-color-cyan-70);
    --wa-color-neutral-60: var(--wa-color-cyan-60);
    --wa-color-neutral-50: var(--wa-color-cyan-50);
    --wa-color-neutral-40: var(--wa-color-cyan-40);
    --wa-color-neutral-30: var(--wa-color-cyan-30);
    --wa-color-neutral-20: var(--wa-color-cyan-20);
    --wa-color-neutral-10: var(--wa-color-cyan-10);
    --wa-color-neutral-05: var(--wa-color-cyan-05);
    --wa-color-neutral: var(--wa-color-cyan);
    --wa-color-neutral-on: var(--wa-color-cyan-on);
  }
  .wa-neutral-blue {
    --wa-color-neutral-95: var(--wa-color-blue-95);
    --wa-color-neutral-90: var(--wa-color-blue-90);
    --wa-color-neutral-80: var(--wa-color-blue-80);
    --wa-color-neutral-70: var(--wa-color-blue-70);
    --wa-color-neutral-60: var(--wa-color-blue-60);
    --wa-color-neutral-50: var(--wa-color-blue-50);
    --wa-color-neutral-40: var(--wa-color-blue-40);
    --wa-color-neutral-30: var(--wa-color-blue-30);
    --wa-color-neutral-20: var(--wa-color-blue-20);
    --wa-color-neutral-10: var(--wa-color-blue-10);
    --wa-color-neutral-05: var(--wa-color-blue-05);
    --wa-color-neutral: var(--wa-color-blue);
    --wa-color-neutral-on: var(--wa-color-blue-on);
  }
  .wa-neutral-indigo {
    --wa-color-neutral-95: var(--wa-color-indigo-95);
    --wa-color-neutral-90: var(--wa-color-indigo-90);
    --wa-color-neutral-80: var(--wa-color-indigo-80);
    --wa-color-neutral-70: var(--wa-color-indigo-70);
    --wa-color-neutral-60: var(--wa-color-indigo-60);
    --wa-color-neutral-50: var(--wa-color-indigo-50);
    --wa-color-neutral-40: var(--wa-color-indigo-40);
    --wa-color-neutral-30: var(--wa-color-indigo-30);
    --wa-color-neutral-20: var(--wa-color-indigo-20);
    --wa-color-neutral-10: var(--wa-color-indigo-10);
    --wa-color-neutral-05: var(--wa-color-indigo-05);
    --wa-color-neutral: var(--wa-color-indigo);
    --wa-color-neutral-on: var(--wa-color-indigo-on);
  }
  .wa-neutral-purple {
    --wa-color-neutral-95: var(--wa-color-purple-95);
    --wa-color-neutral-90: var(--wa-color-purple-90);
    --wa-color-neutral-80: var(--wa-color-purple-80);
    --wa-color-neutral-70: var(--wa-color-purple-70);
    --wa-color-neutral-60: var(--wa-color-purple-60);
    --wa-color-neutral-50: var(--wa-color-purple-50);
    --wa-color-neutral-40: var(--wa-color-purple-40);
    --wa-color-neutral-30: var(--wa-color-purple-30);
    --wa-color-neutral-20: var(--wa-color-purple-20);
    --wa-color-neutral-10: var(--wa-color-purple-10);
    --wa-color-neutral-05: var(--wa-color-purple-05);
    --wa-color-neutral: var(--wa-color-purple);
    --wa-color-neutral-on: var(--wa-color-purple-on);
  }
  .wa-neutral-pink {
    --wa-color-neutral-95: var(--wa-color-pink-95);
    --wa-color-neutral-90: var(--wa-color-pink-90);
    --wa-color-neutral-80: var(--wa-color-pink-80);
    --wa-color-neutral-70: var(--wa-color-pink-70);
    --wa-color-neutral-60: var(--wa-color-pink-60);
    --wa-color-neutral-50: var(--wa-color-pink-50);
    --wa-color-neutral-40: var(--wa-color-pink-40);
    --wa-color-neutral-30: var(--wa-color-pink-30);
    --wa-color-neutral-20: var(--wa-color-pink-20);
    --wa-color-neutral-10: var(--wa-color-pink-10);
    --wa-color-neutral-05: var(--wa-color-pink-05);
    --wa-color-neutral: var(--wa-color-pink);
    --wa-color-neutral-on: var(--wa-color-pink-on);
  }
}

/* vendor/wa/styles/color/variants/success.css */
@layer wa-color-variant {
  :where(:root),
  .wa-success-green {
    --wa-color-success-95: var(--wa-color-green-95);
    --wa-color-success-90: var(--wa-color-green-90);
    --wa-color-success-80: var(--wa-color-green-80);
    --wa-color-success-70: var(--wa-color-green-70);
    --wa-color-success-60: var(--wa-color-green-60);
    --wa-color-success-50: var(--wa-color-green-50);
    --wa-color-success-40: var(--wa-color-green-40);
    --wa-color-success-30: var(--wa-color-green-30);
    --wa-color-success-20: var(--wa-color-green-20);
    --wa-color-success-10: var(--wa-color-green-10);
    --wa-color-success-05: var(--wa-color-green-05);
    --wa-color-success: var(--wa-color-green);
    --wa-color-success-on: var(--wa-color-green-on);
  }
  .wa-success-red {
    --wa-color-success-95: var(--wa-color-red-95);
    --wa-color-success-90: var(--wa-color-red-90);
    --wa-color-success-80: var(--wa-color-red-80);
    --wa-color-success-70: var(--wa-color-red-70);
    --wa-color-success-60: var(--wa-color-red-60);
    --wa-color-success-50: var(--wa-color-red-50);
    --wa-color-success-40: var(--wa-color-red-40);
    --wa-color-success-30: var(--wa-color-red-30);
    --wa-color-success-20: var(--wa-color-red-20);
    --wa-color-success-10: var(--wa-color-red-10);
    --wa-color-success-05: var(--wa-color-red-05);
    --wa-color-success: var(--wa-color-red);
    --wa-color-success-on: var(--wa-color-red-on);
  }
  .wa-success-orange {
    --wa-color-success-95: var(--wa-color-orange-95);
    --wa-color-success-90: var(--wa-color-orange-90);
    --wa-color-success-80: var(--wa-color-orange-80);
    --wa-color-success-70: var(--wa-color-orange-70);
    --wa-color-success-60: var(--wa-color-orange-60);
    --wa-color-success-50: var(--wa-color-orange-50);
    --wa-color-success-40: var(--wa-color-orange-40);
    --wa-color-success-30: var(--wa-color-orange-30);
    --wa-color-success-20: var(--wa-color-orange-20);
    --wa-color-success-10: var(--wa-color-orange-10);
    --wa-color-success-05: var(--wa-color-orange-05);
    --wa-color-success: var(--wa-color-orange);
    --wa-color-success-on: var(--wa-color-orange-on);
  }
  .wa-success-yellow {
    --wa-color-success-95: var(--wa-color-yellow-95);
    --wa-color-success-90: var(--wa-color-yellow-90);
    --wa-color-success-80: var(--wa-color-yellow-80);
    --wa-color-success-70: var(--wa-color-yellow-70);
    --wa-color-success-60: var(--wa-color-yellow-60);
    --wa-color-success-50: var(--wa-color-yellow-50);
    --wa-color-success-40: var(--wa-color-yellow-40);
    --wa-color-success-30: var(--wa-color-yellow-30);
    --wa-color-success-20: var(--wa-color-yellow-20);
    --wa-color-success-10: var(--wa-color-yellow-10);
    --wa-color-success-05: var(--wa-color-yellow-05);
    --wa-color-success: var(--wa-color-yellow);
    --wa-color-success-on: var(--wa-color-yellow-on);
  }
  .wa-success-cyan {
    --wa-color-success-95: var(--wa-color-cyan-95);
    --wa-color-success-90: var(--wa-color-cyan-90);
    --wa-color-success-80: var(--wa-color-cyan-80);
    --wa-color-success-70: var(--wa-color-cyan-70);
    --wa-color-success-60: var(--wa-color-cyan-60);
    --wa-color-success-50: var(--wa-color-cyan-50);
    --wa-color-success-40: var(--wa-color-cyan-40);
    --wa-color-success-30: var(--wa-color-cyan-30);
    --wa-color-success-20: var(--wa-color-cyan-20);
    --wa-color-success-10: var(--wa-color-cyan-10);
    --wa-color-success-05: var(--wa-color-cyan-05);
    --wa-color-success: var(--wa-color-cyan);
    --wa-color-success-on: var(--wa-color-cyan-on);
  }
  .wa-success-blue {
    --wa-color-success-95: var(--wa-color-blue-95);
    --wa-color-success-90: var(--wa-color-blue-90);
    --wa-color-success-80: var(--wa-color-blue-80);
    --wa-color-success-70: var(--wa-color-blue-70);
    --wa-color-success-60: var(--wa-color-blue-60);
    --wa-color-success-50: var(--wa-color-blue-50);
    --wa-color-success-40: var(--wa-color-blue-40);
    --wa-color-success-30: var(--wa-color-blue-30);
    --wa-color-success-20: var(--wa-color-blue-20);
    --wa-color-success-10: var(--wa-color-blue-10);
    --wa-color-success-05: var(--wa-color-blue-05);
    --wa-color-success: var(--wa-color-blue);
    --wa-color-success-on: var(--wa-color-blue-on);
  }
  .wa-success-indigo {
    --wa-color-success-95: var(--wa-color-indigo-95);
    --wa-color-success-90: var(--wa-color-indigo-90);
    --wa-color-success-80: var(--wa-color-indigo-80);
    --wa-color-success-70: var(--wa-color-indigo-70);
    --wa-color-success-60: var(--wa-color-indigo-60);
    --wa-color-success-50: var(--wa-color-indigo-50);
    --wa-color-success-40: var(--wa-color-indigo-40);
    --wa-color-success-30: var(--wa-color-indigo-30);
    --wa-color-success-20: var(--wa-color-indigo-20);
    --wa-color-success-10: var(--wa-color-indigo-10);
    --wa-color-success-05: var(--wa-color-indigo-05);
    --wa-color-success: var(--wa-color-indigo);
    --wa-color-success-on: var(--wa-color-indigo-on);
  }
  .wa-success-purple {
    --wa-color-success-95: var(--wa-color-purple-95);
    --wa-color-success-90: var(--wa-color-purple-90);
    --wa-color-success-80: var(--wa-color-purple-80);
    --wa-color-success-70: var(--wa-color-purple-70);
    --wa-color-success-60: var(--wa-color-purple-60);
    --wa-color-success-50: var(--wa-color-purple-50);
    --wa-color-success-40: var(--wa-color-purple-40);
    --wa-color-success-30: var(--wa-color-purple-30);
    --wa-color-success-20: var(--wa-color-purple-20);
    --wa-color-success-10: var(--wa-color-purple-10);
    --wa-color-success-05: var(--wa-color-purple-05);
    --wa-color-success: var(--wa-color-purple);
    --wa-color-success-on: var(--wa-color-purple-on);
  }
  .wa-success-pink {
    --wa-color-success-95: var(--wa-color-pink-95);
    --wa-color-success-90: var(--wa-color-pink-90);
    --wa-color-success-80: var(--wa-color-pink-80);
    --wa-color-success-70: var(--wa-color-pink-70);
    --wa-color-success-60: var(--wa-color-pink-60);
    --wa-color-success-50: var(--wa-color-pink-50);
    --wa-color-success-40: var(--wa-color-pink-40);
    --wa-color-success-30: var(--wa-color-pink-30);
    --wa-color-success-20: var(--wa-color-pink-20);
    --wa-color-success-10: var(--wa-color-pink-10);
    --wa-color-success-05: var(--wa-color-pink-05);
    --wa-color-success: var(--wa-color-pink);
    --wa-color-success-on: var(--wa-color-pink-on);
  }
  .wa-success-gray {
    --wa-color-success-95: var(--wa-color-gray-95);
    --wa-color-success-90: var(--wa-color-gray-90);
    --wa-color-success-80: var(--wa-color-gray-80);
    --wa-color-success-70: var(--wa-color-gray-70);
    --wa-color-success-60: var(--wa-color-gray-60);
    --wa-color-success-50: var(--wa-color-gray-50);
    --wa-color-success-40: var(--wa-color-gray-40);
    --wa-color-success-30: var(--wa-color-gray-30);
    --wa-color-success-20: var(--wa-color-gray-20);
    --wa-color-success-10: var(--wa-color-gray-10);
    --wa-color-success-05: var(--wa-color-gray-05);
    --wa-color-success: var(--wa-color-gray);
    --wa-color-success-on: var(--wa-color-gray-on);
  }
}

/* vendor/wa/styles/color/variants/warning.css */
@layer wa-color-variant {
  :where(:root),
  .wa-warning-yellow {
    --wa-color-warning-95: var(--wa-color-yellow-95);
    --wa-color-warning-90: var(--wa-color-yellow-90);
    --wa-color-warning-80: var(--wa-color-yellow-80);
    --wa-color-warning-70: var(--wa-color-yellow-70);
    --wa-color-warning-60: var(--wa-color-yellow-60);
    --wa-color-warning-50: var(--wa-color-yellow-50);
    --wa-color-warning-40: var(--wa-color-yellow-40);
    --wa-color-warning-30: var(--wa-color-yellow-30);
    --wa-color-warning-20: var(--wa-color-yellow-20);
    --wa-color-warning-10: var(--wa-color-yellow-10);
    --wa-color-warning-05: var(--wa-color-yellow-05);
    --wa-color-warning: var(--wa-color-yellow);
    --wa-color-warning-on: var(--wa-color-yellow-on);
  }
  .wa-warning-red {
    --wa-color-warning-95: var(--wa-color-red-95);
    --wa-color-warning-90: var(--wa-color-red-90);
    --wa-color-warning-80: var(--wa-color-red-80);
    --wa-color-warning-70: var(--wa-color-red-70);
    --wa-color-warning-60: var(--wa-color-red-60);
    --wa-color-warning-50: var(--wa-color-red-50);
    --wa-color-warning-40: var(--wa-color-red-40);
    --wa-color-warning-30: var(--wa-color-red-30);
    --wa-color-warning-20: var(--wa-color-red-20);
    --wa-color-warning-10: var(--wa-color-red-10);
    --wa-color-warning-05: var(--wa-color-red-05);
    --wa-color-warning: var(--wa-color-red);
    --wa-color-warning-on: var(--wa-color-red-on);
  }
  .wa-warning-orange {
    --wa-color-warning-95: var(--wa-color-orange-95);
    --wa-color-warning-90: var(--wa-color-orange-90);
    --wa-color-warning-80: var(--wa-color-orange-80);
    --wa-color-warning-70: var(--wa-color-orange-70);
    --wa-color-warning-60: var(--wa-color-orange-60);
    --wa-color-warning-50: var(--wa-color-orange-50);
    --wa-color-warning-40: var(--wa-color-orange-40);
    --wa-color-warning-30: var(--wa-color-orange-30);
    --wa-color-warning-20: var(--wa-color-orange-20);
    --wa-color-warning-10: var(--wa-color-orange-10);
    --wa-color-warning-05: var(--wa-color-orange-05);
    --wa-color-warning: var(--wa-color-orange);
    --wa-color-warning-on: var(--wa-color-orange-on);
  }
  .wa-warning-green {
    --wa-color-warning-95: var(--wa-color-green-95);
    --wa-color-warning-90: var(--wa-color-green-90);
    --wa-color-warning-80: var(--wa-color-green-80);
    --wa-color-warning-70: var(--wa-color-green-70);
    --wa-color-warning-60: var(--wa-color-green-60);
    --wa-color-warning-50: var(--wa-color-green-50);
    --wa-color-warning-40: var(--wa-color-green-40);
    --wa-color-warning-30: var(--wa-color-green-30);
    --wa-color-warning-20: var(--wa-color-green-20);
    --wa-color-warning-10: var(--wa-color-green-10);
    --wa-color-warning-05: var(--wa-color-green-05);
    --wa-color-warning: var(--wa-color-green);
    --wa-color-warning-on: var(--wa-color-green-on);
  }
  .wa-warning-cyan {
    --wa-color-warning-95: var(--wa-color-cyan-95);
    --wa-color-warning-90: var(--wa-color-cyan-90);
    --wa-color-warning-80: var(--wa-color-cyan-80);
    --wa-color-warning-70: var(--wa-color-cyan-70);
    --wa-color-warning-60: var(--wa-color-cyan-60);
    --wa-color-warning-50: var(--wa-color-cyan-50);
    --wa-color-warning-40: var(--wa-color-cyan-40);
    --wa-color-warning-30: var(--wa-color-cyan-30);
    --wa-color-warning-20: var(--wa-color-cyan-20);
    --wa-color-warning-10: var(--wa-color-cyan-10);
    --wa-color-warning-05: var(--wa-color-cyan-05);
    --wa-color-warning: var(--wa-color-cyan);
    --wa-color-warning-on: var(--wa-color-cyan-on);
  }
  .wa-warning-blue {
    --wa-color-warning-95: var(--wa-color-blue-95);
    --wa-color-warning-90: var(--wa-color-blue-90);
    --wa-color-warning-80: var(--wa-color-blue-80);
    --wa-color-warning-70: var(--wa-color-blue-70);
    --wa-color-warning-60: var(--wa-color-blue-60);
    --wa-color-warning-50: var(--wa-color-blue-50);
    --wa-color-warning-40: var(--wa-color-blue-40);
    --wa-color-warning-30: var(--wa-color-blue-30);
    --wa-color-warning-20: var(--wa-color-blue-20);
    --wa-color-warning-10: var(--wa-color-blue-10);
    --wa-color-warning-05: var(--wa-color-blue-05);
    --wa-color-warning: var(--wa-color-blue);
    --wa-color-warning-on: var(--wa-color-blue-on);
  }
  .wa-warning-indigo {
    --wa-color-warning-95: var(--wa-color-indigo-95);
    --wa-color-warning-90: var(--wa-color-indigo-90);
    --wa-color-warning-80: var(--wa-color-indigo-80);
    --wa-color-warning-70: var(--wa-color-indigo-70);
    --wa-color-warning-60: var(--wa-color-indigo-60);
    --wa-color-warning-50: var(--wa-color-indigo-50);
    --wa-color-warning-40: var(--wa-color-indigo-40);
    --wa-color-warning-30: var(--wa-color-indigo-30);
    --wa-color-warning-20: var(--wa-color-indigo-20);
    --wa-color-warning-10: var(--wa-color-indigo-10);
    --wa-color-warning-05: var(--wa-color-indigo-05);
    --wa-color-warning: var(--wa-color-indigo);
    --wa-color-warning-on: var(--wa-color-indigo-on);
  }
  .wa-warning-purple {
    --wa-color-warning-95: var(--wa-color-purple-95);
    --wa-color-warning-90: var(--wa-color-purple-90);
    --wa-color-warning-80: var(--wa-color-purple-80);
    --wa-color-warning-70: var(--wa-color-purple-70);
    --wa-color-warning-60: var(--wa-color-purple-60);
    --wa-color-warning-50: var(--wa-color-purple-50);
    --wa-color-warning-40: var(--wa-color-purple-40);
    --wa-color-warning-30: var(--wa-color-purple-30);
    --wa-color-warning-20: var(--wa-color-purple-20);
    --wa-color-warning-10: var(--wa-color-purple-10);
    --wa-color-warning-05: var(--wa-color-purple-05);
    --wa-color-warning: var(--wa-color-purple);
    --wa-color-warning-on: var(--wa-color-purple-on);
  }
  .wa-warning-pink {
    --wa-color-warning-95: var(--wa-color-pink-95);
    --wa-color-warning-90: var(--wa-color-pink-90);
    --wa-color-warning-80: var(--wa-color-pink-80);
    --wa-color-warning-70: var(--wa-color-pink-70);
    --wa-color-warning-60: var(--wa-color-pink-60);
    --wa-color-warning-50: var(--wa-color-pink-50);
    --wa-color-warning-40: var(--wa-color-pink-40);
    --wa-color-warning-30: var(--wa-color-pink-30);
    --wa-color-warning-20: var(--wa-color-pink-20);
    --wa-color-warning-10: var(--wa-color-pink-10);
    --wa-color-warning-05: var(--wa-color-pink-05);
    --wa-color-warning: var(--wa-color-pink);
    --wa-color-warning-on: var(--wa-color-pink-on);
  }
  .wa-warning-gray {
    --wa-color-warning-95: var(--wa-color-gray-95);
    --wa-color-warning-90: var(--wa-color-gray-90);
    --wa-color-warning-80: var(--wa-color-gray-80);
    --wa-color-warning-70: var(--wa-color-gray-70);
    --wa-color-warning-60: var(--wa-color-gray-60);
    --wa-color-warning-50: var(--wa-color-gray-50);
    --wa-color-warning-40: var(--wa-color-gray-40);
    --wa-color-warning-30: var(--wa-color-gray-30);
    --wa-color-warning-20: var(--wa-color-gray-20);
    --wa-color-warning-10: var(--wa-color-gray-10);
    --wa-color-warning-05: var(--wa-color-gray-05);
    --wa-color-warning: var(--wa-color-gray);
    --wa-color-warning-on: var(--wa-color-gray-on);
  }
}

/* vendor/wa/styles/color/variants/danger.css */
@layer wa-color-variant {
  :where(:root),
  .wa-danger-red {
    --wa-color-danger-95: var(--wa-color-red-95);
    --wa-color-danger-90: var(--wa-color-red-90);
    --wa-color-danger-80: var(--wa-color-red-80);
    --wa-color-danger-70: var(--wa-color-red-70);
    --wa-color-danger-60: var(--wa-color-red-60);
    --wa-color-danger-50: var(--wa-color-red-50);
    --wa-color-danger-40: var(--wa-color-red-40);
    --wa-color-danger-30: var(--wa-color-red-30);
    --wa-color-danger-20: var(--wa-color-red-20);
    --wa-color-danger-10: var(--wa-color-red-10);
    --wa-color-danger-05: var(--wa-color-red-05);
    --wa-color-danger: var(--wa-color-red);
    --wa-color-danger-on: var(--wa-color-red-on);
  }
  .wa-danger-orange {
    --wa-color-danger-95: var(--wa-color-orange-95);
    --wa-color-danger-90: var(--wa-color-orange-90);
    --wa-color-danger-80: var(--wa-color-orange-80);
    --wa-color-danger-70: var(--wa-color-orange-70);
    --wa-color-danger-60: var(--wa-color-orange-60);
    --wa-color-danger-50: var(--wa-color-orange-50);
    --wa-color-danger-40: var(--wa-color-orange-40);
    --wa-color-danger-30: var(--wa-color-orange-30);
    --wa-color-danger-20: var(--wa-color-orange-20);
    --wa-color-danger-10: var(--wa-color-orange-10);
    --wa-color-danger-05: var(--wa-color-orange-05);
    --wa-color-danger: var(--wa-color-orange);
    --wa-color-danger-on: var(--wa-color-orange-on);
  }
  .wa-danger-yellow {
    --wa-color-danger-95: var(--wa-color-yellow-95);
    --wa-color-danger-90: var(--wa-color-yellow-90);
    --wa-color-danger-80: var(--wa-color-yellow-80);
    --wa-color-danger-70: var(--wa-color-yellow-70);
    --wa-color-danger-60: var(--wa-color-yellow-60);
    --wa-color-danger-50: var(--wa-color-yellow-50);
    --wa-color-danger-40: var(--wa-color-yellow-40);
    --wa-color-danger-30: var(--wa-color-yellow-30);
    --wa-color-danger-20: var(--wa-color-yellow-20);
    --wa-color-danger-10: var(--wa-color-yellow-10);
    --wa-color-danger-05: var(--wa-color-yellow-05);
    --wa-color-danger: var(--wa-color-yellow);
    --wa-color-danger-on: var(--wa-color-yellow-on);
  }
  .wa-danger-green {
    --wa-color-danger-95: var(--wa-color-green-95);
    --wa-color-danger-90: var(--wa-color-green-90);
    --wa-color-danger-80: var(--wa-color-green-80);
    --wa-color-danger-70: var(--wa-color-green-70);
    --wa-color-danger-60: var(--wa-color-green-60);
    --wa-color-danger-50: var(--wa-color-green-50);
    --wa-color-danger-40: var(--wa-color-green-40);
    --wa-color-danger-30: var(--wa-color-green-30);
    --wa-color-danger-20: var(--wa-color-green-20);
    --wa-color-danger-10: var(--wa-color-green-10);
    --wa-color-danger-05: var(--wa-color-green-05);
    --wa-color-danger: var(--wa-color-green);
    --wa-color-danger-on: var(--wa-color-green-on);
  }
  .wa-danger-cyan {
    --wa-color-danger-95: var(--wa-color-cyan-95);
    --wa-color-danger-90: var(--wa-color-cyan-90);
    --wa-color-danger-80: var(--wa-color-cyan-80);
    --wa-color-danger-70: var(--wa-color-cyan-70);
    --wa-color-danger-60: var(--wa-color-cyan-60);
    --wa-color-danger-50: var(--wa-color-cyan-50);
    --wa-color-danger-40: var(--wa-color-cyan-40);
    --wa-color-danger-30: var(--wa-color-cyan-30);
    --wa-color-danger-20: var(--wa-color-cyan-20);
    --wa-color-danger-10: var(--wa-color-cyan-10);
    --wa-color-danger-05: var(--wa-color-cyan-05);
    --wa-color-danger: var(--wa-color-cyan);
    --wa-color-danger-on: var(--wa-color-cyan-on);
  }
  .wa-danger-blue {
    --wa-color-danger-95: var(--wa-color-blue-95);
    --wa-color-danger-90: var(--wa-color-blue-90);
    --wa-color-danger-80: var(--wa-color-blue-80);
    --wa-color-danger-70: var(--wa-color-blue-70);
    --wa-color-danger-60: var(--wa-color-blue-60);
    --wa-color-danger-50: var(--wa-color-blue-50);
    --wa-color-danger-40: var(--wa-color-blue-40);
    --wa-color-danger-30: var(--wa-color-blue-30);
    --wa-color-danger-20: var(--wa-color-blue-20);
    --wa-color-danger-10: var(--wa-color-blue-10);
    --wa-color-danger-05: var(--wa-color-blue-05);
    --wa-color-danger: var(--wa-color-blue);
    --wa-color-danger-on: var(--wa-color-blue-on);
  }
  .wa-danger-indigo {
    --wa-color-danger-95: var(--wa-color-indigo-95);
    --wa-color-danger-90: var(--wa-color-indigo-90);
    --wa-color-danger-80: var(--wa-color-indigo-80);
    --wa-color-danger-70: var(--wa-color-indigo-70);
    --wa-color-danger-60: var(--wa-color-indigo-60);
    --wa-color-danger-50: var(--wa-color-indigo-50);
    --wa-color-danger-40: var(--wa-color-indigo-40);
    --wa-color-danger-30: var(--wa-color-indigo-30);
    --wa-color-danger-20: var(--wa-color-indigo-20);
    --wa-color-danger-10: var(--wa-color-indigo-10);
    --wa-color-danger-05: var(--wa-color-indigo-05);
    --wa-color-danger: var(--wa-color-indigo);
    --wa-color-danger-on: var(--wa-color-indigo-on);
  }
  .wa-danger-purple {
    --wa-color-danger-95: var(--wa-color-purple-95);
    --wa-color-danger-90: var(--wa-color-purple-90);
    --wa-color-danger-80: var(--wa-color-purple-80);
    --wa-color-danger-70: var(--wa-color-purple-70);
    --wa-color-danger-60: var(--wa-color-purple-60);
    --wa-color-danger-50: var(--wa-color-purple-50);
    --wa-color-danger-40: var(--wa-color-purple-40);
    --wa-color-danger-30: var(--wa-color-purple-30);
    --wa-color-danger-20: var(--wa-color-purple-20);
    --wa-color-danger-10: var(--wa-color-purple-10);
    --wa-color-danger-05: var(--wa-color-purple-05);
    --wa-color-danger: var(--wa-color-purple);
    --wa-color-danger-on: var(--wa-color-purple-on);
  }
  .wa-danger-pink {
    --wa-color-danger-95: var(--wa-color-pink-95);
    --wa-color-danger-90: var(--wa-color-pink-90);
    --wa-color-danger-80: var(--wa-color-pink-80);
    --wa-color-danger-70: var(--wa-color-pink-70);
    --wa-color-danger-60: var(--wa-color-pink-60);
    --wa-color-danger-50: var(--wa-color-pink-50);
    --wa-color-danger-40: var(--wa-color-pink-40);
    --wa-color-danger-30: var(--wa-color-pink-30);
    --wa-color-danger-20: var(--wa-color-pink-20);
    --wa-color-danger-10: var(--wa-color-pink-10);
    --wa-color-danger-05: var(--wa-color-pink-05);
    --wa-color-danger: var(--wa-color-pink);
    --wa-color-danger-on: var(--wa-color-pink-on);
  }
  .wa-danger-gray {
    --wa-color-danger-95: var(--wa-color-gray-95);
    --wa-color-danger-90: var(--wa-color-gray-90);
    --wa-color-danger-80: var(--wa-color-gray-80);
    --wa-color-danger-70: var(--wa-color-gray-70);
    --wa-color-danger-60: var(--wa-color-gray-60);
    --wa-color-danger-50: var(--wa-color-gray-50);
    --wa-color-danger-40: var(--wa-color-gray-40);
    --wa-color-danger-30: var(--wa-color-gray-30);
    --wa-color-danger-20: var(--wa-color-gray-20);
    --wa-color-danger-10: var(--wa-color-gray-10);
    --wa-color-danger-05: var(--wa-color-gray-05);
    --wa-color-danger: var(--wa-color-gray);
    --wa-color-danger-on: var(--wa-color-gray-on);
  }
}

/* vendor/wa/styles/color/variants.css */

/* vendor/wa/styles/color/palettes/base.css */
:where(:root),
:host {
  --wa-color-red-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-red-key), 1) * 100%));
  --wa-color-orange-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-orange-key), 1) * 100%));
  --wa-color-yellow-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-yellow-key), 1) * 100%));
  --wa-color-green-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-green-key), 1) * 100%));
  --wa-color-cyan-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-cyan-key), 1) * 100%));
  --wa-color-blue-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-blue-key), 1) * 100%));
  --wa-color-indigo-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-indigo-key), 1) * 100%));
  --wa-color-purple-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-purple-key), 1) * 100%));
  --wa-color-pink-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-pink-key), 1) * 100%));
  --wa-color-gray-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-gray-key), 1) * 100%));
  --wa-color-red-on: color-mix(in oklab, var(--wa-color-red-10) var(--wa-color-red-gte-60), white);
  --wa-color-orange-on: color-mix(in oklab, var(--wa-color-orange-10) var(--wa-color-orange-gte-60), white);
  --wa-color-yellow-on: color-mix(in oklab, var(--wa-color-yellow-10) var(--wa-color-yellow-gte-60), white);
  --wa-color-green-on: color-mix(in oklab, var(--wa-color-green-10) var(--wa-color-green-gte-60), white);
  --wa-color-cyan-on: color-mix(in oklab, var(--wa-color-cyan-10) var(--wa-color-cyan-gte-60), white);
  --wa-color-blue-on: color-mix(in oklab, var(--wa-color-blue-10) var(--wa-color-blue-gte-60), white);
  --wa-color-indigo-on: color-mix(in oklab, var(--wa-color-indigo-10) var(--wa-color-indigo-gte-60), white);
  --wa-color-purple-on: color-mix(in oklab, var(--wa-color-purple-10) var(--wa-color-purple-gte-60), white);
  --wa-color-pink-on: color-mix(in oklab, var(--wa-color-pink-10) var(--wa-color-pink-gte-60), white);
  --wa-color-gray-on: color-mix(in oklab, var(--wa-color-gray-10) var(--wa-color-gray-gte-60), white);
}

/* vendor/wa/styles/color/palettes/default.css */
@layer wa-color-palette {
  :where(:root),
  .wa-palette-default {
    --wa-color-red-95: #fff0ef ;
    --wa-color-red-90: #ffdedc ;
    --wa-color-red-80: #ffb8b6 ;
    --wa-color-red-70: #fd8f90 ;
    --wa-color-red-60: #f3676c ;
    --wa-color-red-50: #dc3146 ;
    --wa-color-red-40: #b30532 ;
    --wa-color-red-30: #8a132c ;
    --wa-color-red-20: #631323 ;
    --wa-color-red-10: #3e0913 ;
    --wa-color-red-05: #2a040b ;
    --wa-color-red: var(--wa-color-red-50);
    --wa-color-red-key: 50;
    --wa-color-orange-95: #fff0e6 ;
    --wa-color-orange-90: #ffdfca ;
    --wa-color-orange-80: #ffbb94 ;
    --wa-color-orange-70: #ff9266 ;
    --wa-color-orange-60: #f46a45 ;
    --wa-color-orange-50: #cd491c ;
    --wa-color-orange-40: #9f3501 ;
    --wa-color-orange-30: #802700 ;
    --wa-color-orange-20: #601b00 ;
    --wa-color-orange-10: #3c0d00 ;
    --wa-color-orange-05: #280600 ;
    --wa-color-orange: var(--wa-color-orange-60);
    --wa-color-orange-key: 60;
    --wa-color-yellow-95: #fef3cd ;
    --wa-color-yellow-90: #ffe495 ;
    --wa-color-yellow-80: #fac22b ;
    --wa-color-yellow-70: #ef9d00 ;
    --wa-color-yellow-60: #da7e00 ;
    --wa-color-yellow-50: #b45f04 ;
    --wa-color-yellow-40: #8c4602 ;
    --wa-color-yellow-30: #6f3601 ;
    --wa-color-yellow-20: #532600 ;
    --wa-color-yellow-10: #331600 ;
    --wa-color-yellow-05: #220c00 ;
    --wa-color-yellow: var(--wa-color-yellow-80);
    --wa-color-yellow-key: 80;
    --wa-color-green-95: #e3f9e3 ;
    --wa-color-green-90: #c2f2c1 ;
    --wa-color-green-80: #93da98 ;
    --wa-color-green-70: #5dc36f ;
    --wa-color-green-60: #00ac49 ;
    --wa-color-green-50: #00883c ;
    --wa-color-green-40: #036730 ;
    --wa-color-green-30: #0a5027 ;
    --wa-color-green-20: #0a3a1d ;
    --wa-color-green-10: #052310 ;
    --wa-color-green-05: #031608 ;
    --wa-color-green: var(--wa-color-green-60);
    --wa-color-green-key: 60;
    --wa-color-cyan-95: #e3f6fb ;
    --wa-color-cyan-90: #c5ecf7 ;
    --wa-color-cyan-80: #7fd6ec ;
    --wa-color-cyan-70: #2fbedc ;
    --wa-color-cyan-60: #00a3c0 ;
    --wa-color-cyan-50: #078098 ;
    --wa-color-cyan-40: #026274 ;
    --wa-color-cyan-30: #014c5b ;
    --wa-color-cyan-20: #003844 ;
    --wa-color-cyan-10: #002129 ;
    --wa-color-cyan-05: #00151b ;
    --wa-color-cyan: var(--wa-color-cyan-70);
    --wa-color-cyan-key: 70;
    --wa-color-blue-95: #e8f3ff ;
    --wa-color-blue-90: #d1e8ff ;
    --wa-color-blue-80: #9fceff ;
    --wa-color-blue-70: #6eb3ff ;
    --wa-color-blue-60: #3e96ff ;
    --wa-color-blue-50: #0071ec ;
    --wa-color-blue-40: #0053c0 ;
    --wa-color-blue-30: #003f9c ;
    --wa-color-blue-20: #002d77 ;
    --wa-color-blue-10: #001a4e ;
    --wa-color-blue-05: #000f35 ;
    --wa-color-blue: var(--wa-color-blue-50);
    --wa-color-blue-key: 50;
    --wa-color-indigo-95: #f0f2ff ;
    --wa-color-indigo-90: #dfe5ff ;
    --wa-color-indigo-80: #bcc7ff ;
    --wa-color-indigo-70: #9da9ff ;
    --wa-color-indigo-60: #808aff ;
    --wa-color-indigo-50: #6163f2 ;
    --wa-color-indigo-40: #4945cb ;
    --wa-color-indigo-30: #3933a7 ;
    --wa-color-indigo-20: #292381 ;
    --wa-color-indigo-10: #181255 ;
    --wa-color-indigo-05: #0d0a3a ;
    --wa-color-indigo: var(--wa-color-indigo-50);
    --wa-color-indigo-key: 50;
    --wa-color-purple-95: #f7f0ff ;
    --wa-color-purple-90: #eedfff ;
    --wa-color-purple-80: #ddbdff ;
    --wa-color-purple-70: #ca99ff ;
    --wa-color-purple-60: #b678f5 ;
    --wa-color-purple-50: #9951db ;
    --wa-color-purple-40: #7936b3 ;
    --wa-color-purple-30: #612692 ;
    --wa-color-purple-20: #491870 ;
    --wa-color-purple-10: #2d0b48 ;
    --wa-color-purple-05: #1e0532 ;
    --wa-color-purple: var(--wa-color-purple-50);
    --wa-color-purple-key: 50;
    --wa-color-pink-95: #feeff9 ;
    --wa-color-pink-90: #feddf0 ;
    --wa-color-pink-80: #fcb5d8 ;
    --wa-color-pink-70: #f78dbf ;
    --wa-color-pink-60: #e66ba3 ;
    --wa-color-pink-50: #c84382 ;
    --wa-color-pink-40: #9e2a6c ;
    --wa-color-pink-30: #7d1e58 ;
    --wa-color-pink-20: #5e1342 ;
    --wa-color-pink-10: #3c0828 ;
    --wa-color-pink-05: #28041a ;
    --wa-color-pink: var(--wa-color-pink-50);
    --wa-color-pink-key: 50;
    --wa-color-gray-95: #f1f2f3 ;
    --wa-color-gray-90: #e4e5e9 ;
    --wa-color-gray-80: #c7c9d0 ;
    --wa-color-gray-70: #abaeb9 ;
    --wa-color-gray-60: #9194a2 ;
    --wa-color-gray-50: #717584 ;
    --wa-color-gray-40: #545868 ;
    --wa-color-gray-30: #424554 ;
    --wa-color-gray-20: #2f323f ;
    --wa-color-gray-10: #1b1d26 ;
    --wa-color-gray-05: #101219 ;
    --wa-color-gray: var(--wa-color-gray-40);
    --wa-color-gray-key: 40;
  }
}

/* vendor/wa/styles/themes/default.css */
@layer wa-theme {
  :where(:root),
  .wa-theme-default,
  .wa-light,
  .wa-dark .wa-invert,
  .wa-light .wa-theme-default,
  .wa-dark .wa-theme-default.wa-invert,
  .wa-dark .wa-theme-default .wa-invert {
    color-scheme: light;
    color: var(--wa-color-text-normal);
    --wa-color-surface-raised: white;
    --wa-color-surface-default: white;
    --wa-color-surface-lowered: var(--wa-color-neutral-95);
    --wa-color-surface-border: var(--wa-color-neutral-90);
    --wa-color-text-normal: var(--wa-color-neutral-10);
    --wa-color-text-quiet: var(--wa-color-neutral-40);
    --wa-color-text-link: var(--wa-color-brand-40);
    --wa-color-overlay-modal: color-mix(in oklab, var(--wa-color-neutral-05) 50%, transparent);
    --wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-neutral-80) 25%, transparent);
    --wa-color-shadow: color-mix( in oklab, var(--wa-color-neutral-05) calc(var(--wa-shadow-blur-scale) * 4% + 8%), transparent );
    --wa-color-focus: var(--wa-color-brand-60);
    --wa-color-mix-hover: oklch(from currentColor calc(1 - l) c h) 10%;
    --wa-color-mix-active: var(--wa-color-surface-default) 10%;
    --wa-color-brand-fill-quiet: var(--wa-color-brand-95);
    --wa-color-brand-fill-normal: var(--wa-color-brand-90);
    --wa-color-brand-fill-loud: var(--wa-color-brand-50);
    --wa-color-brand-border-quiet: var(--wa-color-brand-90);
    --wa-color-brand-border-normal: var(--wa-color-brand-80);
    --wa-color-brand-border-loud: var(--wa-color-brand-60);
    --wa-color-brand-on-quiet: var(--wa-color-brand-40);
    --wa-color-brand-on-normal: var(--wa-color-brand-30);
    --wa-color-brand-on-loud: white;
    --wa-color-success-fill-quiet: var(--wa-color-success-95);
    --wa-color-success-fill-normal: var(--wa-color-success-90);
    --wa-color-success-fill-loud: var(--wa-color-success-50);
    --wa-color-success-border-quiet: var(--wa-color-success-90);
    --wa-color-success-border-normal: var(--wa-color-success-80);
    --wa-color-success-border-loud: var(--wa-color-success-60);
    --wa-color-success-on-quiet: var(--wa-color-success-40);
    --wa-color-success-on-normal: var(--wa-color-success-30);
    --wa-color-success-on-loud: white;
    --wa-color-warning-fill-quiet: var(--wa-color-warning-95);
    --wa-color-warning-fill-normal: var(--wa-color-warning-90);
    --wa-color-warning-fill-loud: var(--wa-color-warning-50);
    --wa-color-warning-border-quiet: var(--wa-color-warning-90);
    --wa-color-warning-border-normal: var(--wa-color-warning-80);
    --wa-color-warning-border-loud: var(--wa-color-warning-60);
    --wa-color-warning-on-quiet: var(--wa-color-warning-40);
    --wa-color-warning-on-normal: var(--wa-color-warning-30);
    --wa-color-warning-on-loud: white;
    --wa-color-danger-fill-quiet: var(--wa-color-danger-95);
    --wa-color-danger-fill-normal: var(--wa-color-danger-90);
    --wa-color-danger-fill-loud: var(--wa-color-danger-50);
    --wa-color-danger-border-quiet: var(--wa-color-danger-90);
    --wa-color-danger-border-normal: var(--wa-color-danger-80);
    --wa-color-danger-border-loud: var(--wa-color-danger-60);
    --wa-color-danger-on-quiet: var(--wa-color-danger-40);
    --wa-color-danger-on-normal: var(--wa-color-danger-30);
    --wa-color-danger-on-loud: white;
    --wa-color-neutral-fill-quiet: var(--wa-color-neutral-95);
    --wa-color-neutral-fill-normal: var(--wa-color-neutral-90);
    --wa-color-neutral-fill-loud: var(--wa-color-neutral-20);
    --wa-color-neutral-border-quiet: var(--wa-color-neutral-90);
    --wa-color-neutral-border-normal: var(--wa-color-neutral-80);
    --wa-color-neutral-border-loud: var(--wa-color-neutral-60);
    --wa-color-neutral-on-quiet: var(--wa-color-neutral-40);
    --wa-color-neutral-on-normal: var(--wa-color-neutral-30);
    --wa-color-neutral-on-loud: white;
  }
  .wa-dark,
  .wa-invert,
  .wa-dark .wa-theme-default,
  .wa-light .wa-theme-default.wa-invert,
  .wa-light .wa-theme-default .wa-invert {
    color-scheme: dark;
    color: var(--wa-color-text-normal);
    --wa-color-surface-raised: var(--wa-color-neutral-10);
    --wa-color-surface-default: var(--wa-color-neutral-05);
    --wa-color-surface-lowered: color-mix(in oklab, var(--wa-color-surface-default), black 20%);
    --wa-color-surface-border: var(--wa-color-neutral-20);
    --wa-color-text-normal: var(--wa-color-neutral-95);
    --wa-color-text-quiet: var(--wa-color-neutral-60);
    --wa-color-text-link: var(--wa-color-brand-70);
    --wa-color-overlay-modal: color-mix(in oklab, black 60%, transparent);
    --wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-neutral-50) 10%, transparent);
    --wa-color-shadow: color-mix( in oklab, var(--wa-color-surface-lowered) calc(var(--wa-shadow-blur-scale) * 32% + 40%), transparent );
    --wa-color-focus: var(--wa-color-brand-60);
    --wa-color-mix-hover: oklch(from currentColor calc(1 - l) c h) 20%;
    --wa-color-mix-active: var(--wa-color-surface-default) 20%;
    --wa-color-brand-fill-quiet: var(--wa-color-brand-10);
    --wa-color-brand-fill-normal: var(--wa-color-brand-20);
    --wa-color-brand-fill-loud: var(--wa-color-brand-50);
    --wa-color-brand-border-quiet: var(--wa-color-brand-20);
    --wa-color-brand-border-normal: var(--wa-color-brand-30);
    --wa-color-brand-border-loud: var(--wa-color-brand-40);
    --wa-color-brand-on-quiet: var(--wa-color-brand-60);
    --wa-color-brand-on-normal: var(--wa-color-brand-70);
    --wa-color-brand-on-loud: white;
    --wa-color-success-fill-quiet: var(--wa-color-success-10);
    --wa-color-success-fill-normal: var(--wa-color-success-20);
    --wa-color-success-fill-loud: var(--wa-color-success-50);
    --wa-color-success-border-quiet: var(--wa-color-success-20);
    --wa-color-success-border-normal: var(--wa-color-success-30);
    --wa-color-success-border-loud: var(--wa-color-success-40);
    --wa-color-success-on-quiet: var(--wa-color-success-60);
    --wa-color-success-on-normal: var(--wa-color-success-70);
    --wa-color-success-on-loud: white;
    --wa-color-warning-fill-quiet: var(--wa-color-warning-10);
    --wa-color-warning-fill-normal: var(--wa-color-warning-20);
    --wa-color-warning-fill-loud: var(--wa-color-warning-50);
    --wa-color-warning-border-quiet: var(--wa-color-warning-20);
    --wa-color-warning-border-normal: var(--wa-color-warning-30);
    --wa-color-warning-border-loud: var(--wa-color-warning-40);
    --wa-color-warning-on-quiet: var(--wa-color-warning-60);
    --wa-color-warning-on-normal: var(--wa-color-warning-70);
    --wa-color-warning-on-loud: white;
    --wa-color-danger-fill-quiet: var(--wa-color-danger-10);
    --wa-color-danger-fill-normal: var(--wa-color-danger-20);
    --wa-color-danger-fill-loud: var(--wa-color-danger-50);
    --wa-color-danger-border-quiet: var(--wa-color-danger-20);
    --wa-color-danger-border-normal: var(--wa-color-danger-30);
    --wa-color-danger-border-loud: var(--wa-color-danger-40);
    --wa-color-danger-on-quiet: var(--wa-color-danger-60);
    --wa-color-danger-on-normal: var(--wa-color-danger-70);
    --wa-color-danger-on-loud: white;
    --wa-color-neutral-fill-quiet: var(--wa-color-neutral-10);
    --wa-color-neutral-fill-normal: var(--wa-color-neutral-20);
    --wa-color-neutral-fill-loud: var(--wa-color-neutral-90);
    --wa-color-neutral-border-quiet: var(--wa-color-neutral-20);
    --wa-color-neutral-border-normal: var(--wa-color-neutral-30);
    --wa-color-neutral-border-loud: var(--wa-color-neutral-40);
    --wa-color-neutral-on-quiet: var(--wa-color-neutral-60);
    --wa-color-neutral-on-normal: var(--wa-color-neutral-70);
    --wa-color-neutral-on-loud: var(--wa-color-neutral-05);
  }
  :where(:root),
  .wa-theme-default,
  .wa-light,
  .wa-dark,
  .wa-invert {
    font-family: var(--wa-font-family-body);
    --wa-font-family-body:
      ui-sans-serif,
      system-ui,
      sans-serif;
    --wa-font-family-heading: var(--wa-font-family-body);
    --wa-font-family-code: ui-monospace, monospace;
    --wa-font-family-longform: ui-serif, serif;
    --wa-font-size-scale: 1;
    --wa-font-size-3xs: round(calc(var(--wa-font-size-2xs) / 1.125), 1px);
    --wa-font-size-2xs: round(calc(var(--wa-font-size-xs) / 1.125), 1px);
    --wa-font-size-xs: round(calc(var(--wa-font-size-s) / 1.125), 1px);
    --wa-font-size-s: round(calc(var(--wa-font-size-m) / 1.125), 1px);
    --wa-font-size-m: calc(1rem * var(--wa-font-size-scale));
    --wa-font-size-l: round(calc(var(--wa-font-size-m) * 1.125 * 1.125), 1px);
    --wa-font-size-xl: round(calc(var(--wa-font-size-l) * 1.125 * 1.125), 1px);
    --wa-font-size-2xl: round(calc(var(--wa-font-size-xl) * 1.125 * 1.125), 1px);
    --wa-font-size-3xl: round(calc(var(--wa-font-size-2xl) * 1.125 * 1.125), 1px);
    --wa-font-size-4xl: round(calc(var(--wa-font-size-3xl) * 1.125 * 1.125), 1px);
    --wa-font-size-5xl: round(calc(var(--wa-font-size-4xl) * 1.125 * 1.125), 1px);
    --wa-font-size-smaller: round(calc(1em / 1.125), 1px);
    --wa-font-size-larger: round(calc(1em * 1.125 * 1.125), 1px);
    --wa-font-weight-light: 300;
    --wa-font-weight-normal: 400;
    --wa-font-weight-semibold: 500;
    --wa-font-weight-bold: 600;
    --wa-font-weight-body: var(--wa-font-weight-normal);
    --wa-font-weight-heading: var(--wa-font-weight-bold);
    --wa-font-weight-code: var(--wa-font-weight-normal);
    --wa-font-weight-longform: var(--wa-font-weight-normal);
    --wa-font-weight-action: var(--wa-font-weight-semibold);
    --wa-line-height-condensed: 1.2;
    --wa-line-height-normal: 1.6;
    --wa-line-height-expanded: 2;
    --wa-link-decoration-default: underline color-mix(in oklab, currentColor 70%, transparent) dotted;
    --wa-link-decoration-hover: underline;
    --wa-space-scale: 1;
    --wa-space-3xs: calc(var(--wa-space-scale) * 0.125rem);
    --wa-space-2xs: calc(var(--wa-space-scale) * 0.25rem);
    --wa-space-xs: calc(var(--wa-space-scale) * 0.5rem);
    --wa-space-s: calc(var(--wa-space-scale) * 0.75rem);
    --wa-space-m: calc(var(--wa-space-scale) * 1rem);
    --wa-space-l: calc(var(--wa-space-scale) * 1.5rem);
    --wa-space-xl: calc(var(--wa-space-scale) * 2rem);
    --wa-space-2xl: calc(var(--wa-space-scale) * 2.5rem);
    --wa-space-3xl: calc(var(--wa-space-scale) * 3rem);
    --wa-space-4xl: calc(var(--wa-space-scale) * 4rem);
    --wa-space-5xl: calc(var(--wa-space-scale) * 5rem);
    --wa-content-spacing: var(--wa-space-l);
    --wa-border-style: solid;
    --wa-border-width-scale: 1;
    --wa-border-width-s: calc(var(--wa-border-width-scale) * 0.0625rem);
    --wa-border-width-m: calc(var(--wa-border-width-scale) * 0.125rem);
    --wa-border-width-l: calc(var(--wa-border-width-scale) * 0.1875rem);
    --wa-border-radius-scale: 1;
    --wa-border-radius-s: calc(var(--wa-border-radius-scale) * 0.1875rem);
    --wa-border-radius-m: calc(var(--wa-border-radius-scale) * 0.375rem);
    --wa-border-radius-l: calc(var(--wa-border-radius-scale) * 0.75rem);
    --wa-border-radius-pill: 9999px;
    --wa-border-radius-circle: 50%;
    --wa-border-radius-square: 0px;
    --wa-focus-ring-style: solid;
    --wa-focus-ring-width: 0.1875rem;
    --wa-focus-ring: var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-focus);
    --wa-focus-ring-offset: 0.0625rem;
    --wa-shadow-offset-x-scale: 0;
    --wa-shadow-offset-x-s: calc(var(--wa-shadow-offset-x-scale) * 0.125rem);
    --wa-shadow-offset-x-m: calc(var(--wa-shadow-offset-x-scale) * 0.25rem);
    --wa-shadow-offset-x-l: calc(var(--wa-shadow-offset-x-scale) * 0.5rem);
    --wa-shadow-offset-y-scale: 1;
    --wa-shadow-offset-y-s: calc(var(--wa-shadow-offset-y-scale) * 0.125rem);
    --wa-shadow-offset-y-m: calc(var(--wa-shadow-offset-y-scale) * 0.25rem);
    --wa-shadow-offset-y-l: calc(var(--wa-shadow-offset-y-scale) * 0.5rem);
    --wa-shadow-blur-scale: 1;
    --wa-shadow-blur-s: calc(var(--wa-shadow-blur-scale) * 0.125rem);
    --wa-shadow-blur-m: calc(var(--wa-shadow-blur-scale) * 0.25rem);
    --wa-shadow-blur-l: calc(var(--wa-shadow-blur-scale) * 0.5rem);
    --wa-shadow-spread-scale: -0.5;
    --wa-shadow-spread-s: calc(var(--wa-shadow-spread-scale) * 0.125rem);
    --wa-shadow-spread-m: calc(var(--wa-shadow-spread-scale) * 0.25rem);
    --wa-shadow-spread-l: calc(var(--wa-shadow-spread-scale) * 0.5rem);
    --wa-shadow-s: var(--wa-shadow-offset-x-s) var(--wa-shadow-offset-y-s) var(--wa-shadow-blur-s) var(--wa-shadow-spread-s) var(--wa-color-shadow);
    --wa-shadow-m: var(--wa-shadow-offset-x-m) var(--wa-shadow-offset-y-m) var(--wa-shadow-blur-m) var(--wa-shadow-spread-m) var(--wa-color-shadow);
    --wa-shadow-l: var(--wa-shadow-offset-x-l) var(--wa-shadow-offset-y-l) var(--wa-shadow-blur-l) var(--wa-shadow-spread-l) var(--wa-color-shadow);
    --wa-transition-easing: ease;
    --wa-transition-slow: 300ms;
    --wa-transition-normal: 150ms;
    --wa-transition-fast: 75ms;
    --wa-form-control-background-color: var(--wa-color-surface-default);
    --wa-form-control-border-color: var(--wa-color-neutral-border-loud);
    --wa-form-control-border-style: var(--wa-border-style);
    --wa-form-control-border-width: var(--wa-border-width-s);
    --wa-form-control-border-radius: var(--wa-border-radius-m);
    --wa-form-control-activated-color: var(--wa-color-brand-fill-loud);
    --wa-form-control-label-color: var(--wa-color-text-normal);
    --wa-form-control-label-font-weight: var(--wa-font-weight-semibold);
    --wa-form-control-label-line-height: var(--wa-line-height-condensed);
    --wa-form-control-value-color: var(--wa-color-text-normal);
    --wa-form-control-value-font-weight: var(--wa-font-weight-body);
    --wa-form-control-value-line-height: var(--wa-line-height-condensed);
    --wa-form-control-hint-color: var(--wa-color-text-quiet);
    --wa-form-control-hint-font-weight: var(--wa-font-weight-body);
    --wa-form-control-hint-line-height: var(--wa-line-height-normal);
    --wa-form-control-placeholder-color: var(--wa-color-gray-50);
    --wa-form-control-required-content: "*";
    --wa-form-control-required-content-color: inherit;
    --wa-form-control-required-content-offset: 0.1em;
    --wa-form-control-padding-block: 0.75em;
    --wa-form-control-padding-inline: 1em;
    --wa-form-control-height: round( calc(2 * var(--wa-form-control-padding-block) + 1em * var(--wa-form-control-value-line-height)), 1px );
    --wa-form-control-toggle-size: round(1.25em, 1px);
    --wa-button-transform-hover: none;
    --wa-button-transform-active: scale(0.9875);
    --wa-panel-border-style: var(--wa-border-style);
    --wa-panel-border-width: var(--wa-border-width-s);
    --wa-panel-border-radius: var(--wa-border-radius-l);
    --wa-tooltip-arrow-size: 0.375rem;
    --wa-tooltip-background-color: var(--wa-color-text-normal);
    --wa-tooltip-border-color: var(--wa-tooltip-background-color);
    --wa-tooltip-border-style: var(--wa-border-style);
    --wa-tooltip-border-width: var(--wa-border-width-s);
    --wa-tooltip-border-radius: var(--wa-border-radius-s);
    --wa-tooltip-content-color: var(--wa-color-surface-default);
    --wa-tooltip-font-size: var(--wa-font-size-s);
    --wa-tooltip-line-height: var(--wa-line-height-normal);
  }
  :is(html, body):has(wa-page) {
    min-height: 100%;
    padding: 0;
    margin: 0;
  }
}

/* vendor/wa/styles/webawesome.css */

/* vendor/ug/look.css */
.wa-look-custom {
  --wa-color-brand-95: #dff7f1;
  --wa-color-brand-90: #cbece4;
  --wa-color-brand-80: #a6d2c8;
  --wa-color-brand-70: #83b9ad;
  --wa-color-brand-60: #64a094;
  --wa-color-brand-50: #448074;
  --wa-color-brand-40: #266358;
  --wa-color-brand-30: #174e45;
  --wa-color-brand-20: #0d3932;
  --wa-color-brand-10: #05221d;
  --wa-color-brand-05: #041512;
  --wa-color-accent-95: #ffeee9;
  --wa-color-accent-90: #ffdfd3;
  --wa-color-accent-80: #ffb9a0;
  --wa-color-accent-70: #ff916a;
  --wa-color-accent-60: #ea7246;
  --wa-color-accent-50: #c55123;
  --wa-color-accent-40: #a03500;
  --wa-color-accent-30: #7f2900;
  --wa-color-accent-20: #5f1c00;
  --wa-color-accent-10: #3c0e00;
  --wa-color-accent-05: #290700;
  --wa-color-neutral-95: #f3f1f1;
  --wa-color-neutral-90: #e7e5e4;
  --wa-color-neutral-80: #cbc9c7;
  --wa-color-neutral-70: #b1aeac;
  --wa-color-neutral-60: #979492;
  --wa-color-neutral-50: #787573;
  --wa-color-neutral-40: #5b5957;
  --wa-color-neutral-30: #484544;
  --wa-color-neutral-20: #343231;
  --wa-color-neutral-10: #1f1e1d;
  --wa-color-neutral-05: #131211;
  --wa-color-success-95: #dafadf;
  --wa-color-success-90: #c5f0cc;
  --wa-color-success-80: #9cd7a7;
  --wa-color-success-70: #77be86;
  --wa-color-success-60: #55a568;
  --wa-color-success-50: #33854a;
  --wa-color-success-40: #0b672e;
  --wa-color-success-30: #005121;
  --wa-color-success-20: #003c16;
  --wa-color-success-10: #00240a;
  --wa-color-success-05: #001705;
  --wa-color-warning-95: #f8f3c7;
  --wa-color-warning-90: #eee7aa;
  --wa-color-warning-80: #d6cb76;
  --wa-color-warning-70: #beb042;
  --wa-color-warning-60: #a59600;
  --wa-color-warning-50: #837700;
  --wa-color-warning-40: #635a00;
  --wa-color-warning-30: #4e4600;
  --wa-color-warning-20: #393300;
  --wa-color-warning-10: #221e00;
  --wa-color-warning-05: #161300;
  --wa-color-danger-95: #ffeeec;
  --wa-color-danger-90: #ffded9;
  --wa-color-danger-80: #ffb8ae;
  --wa-color-danger-70: #ff8f82;
  --wa-color-danger-60: #ff5f53;
  --wa-color-danger-50: #da3832;
  --wa-color-danger-40: #b6000e;
  --wa-color-danger-30: #910009;
  --wa-color-danger-20: #6d0005;
  --wa-color-danger-10: #460002;
  --wa-color-danger-05: #2f0001;
  --wa-color-lys-gron-95: #dafadf;
  --wa-color-lys-gron-90: #c5f0cc;
  --wa-color-lys-gron-80: #9cd7a7;
  --wa-color-lys-gron-70: #77be86;
  --wa-color-lys-gron-60: #55a568;
  --wa-color-lys-gron-50: #33854a;
  --wa-color-lys-gron-40: #0b672e;
  --wa-color-lys-gron-30: #005121;
  --wa-color-lys-gron-20: #003c16;
  --wa-color-lys-gron-10: #00240a;
  --wa-color-lys-gron-05: #001705;
  --wa-color-lys-accent-95: #ffeee8;
  --wa-color-lys-accent-90: #fae0d6;
  --wa-color-lys-accent-80: #e4c2b5;
  --wa-color-lys-accent-70: #cda697;
  --wa-color-lys-accent-60: #b68c7b;
  --wa-color-lys-accent-50: #946c5c;
  --wa-color-lys-accent-40: #765041;
  --wa-color-lys-accent-30: #5f3e31;
  --wa-color-lys-accent-20: #462c22;
  --wa-color-lys-accent-10: #2b1a13;
  --wa-color-lys-accent-05: #1b0f0b;
  --ug-lys-accent-95: #ffeee8;
  --ug-lys-accent-90: #fae0d6;
  --ug-lys-accent-80: #e4c2b5;
  --ug-lys-accent-70: #cda697;
  --ug-lys-accent-60: #b68c7b;
  --ug-lys-accent-50: #946c5c;
  --ug-lys-accent-40: #765041;
  --ug-lys-accent-30: #5f3e31;
  --ug-lys-accent-20: #462c22;
  --ug-lys-accent-10: #2b1a13;
  --ug-lys-accent-05: #1b0f0b;
  --wa-color-lys-brand-95: #ebf3f6;
  --wa-color-lys-brand-90: #dce7eb;
  --wa-color-lys-brand-80: #bdccd1;
  --wa-color-lys-brand-70: #9fb2b7;
  --wa-color-lys-brand-60: #85989f;
  --wa-color-lys-brand-50: #66797f;
  --wa-color-lys-brand-40: #4a5c62;
  --wa-color-lys-brand-30: #38484d;
  --wa-color-lys-brand-20: #283539;
  --wa-color-lys-brand-10: #171f22;
  --wa-color-lys-brand-05: #0d1315;
  --ug-lys-brand-95: #ebf3f6;
  --ug-lys-brand-90: #dce7eb;
  --ug-lys-brand-80: #bdccd1;
  --ug-lys-brand-70: #9fb2b7;
  --ug-lys-brand-60: #85989f;
  --ug-lys-brand-50: #66797f;
  --ug-lys-brand-40: #4a5c62;
  --ug-lys-brand-30: #38484d;
  --ug-lys-brand-20: #283539;
  --ug-lys-brand-10: #171f22;
  --ug-lys-brand-05: #0d1315;
  --ug-success-95: var(--wa-color-success-95);
  --ug-success-80: var(--wa-color-success-80);
  --ug-success-70: var(--wa-color-success-70);
  --ug-success-50: var(--wa-color-success-50);
  --ug-success-40: var(--wa-color-success-40);
  --ug-success-30: var(--wa-color-success-30);
  --ug-success-surface: var(--wa-color-success-95);
  --ug-warning-95: var(--wa-color-warning-95);
  --ug-warning-80: var(--wa-color-warning-80);
  --ug-warning-70: var(--wa-color-warning-70);
  --ug-warning-50: var(--wa-color-warning-50);
  --ug-warning-40: var(--wa-color-warning-40);
  --ug-warning-30: var(--wa-color-warning-30);
  --ug-warning-surface: var(--wa-color-warning-95);
  --ug-warning-text: var(--wa-color-warning-30);
  --ug-danger-95: var(--wa-color-danger-95);
  --ug-danger-80: var(--wa-color-danger-80);
  --ug-danger-70: var(--wa-color-danger-70);
  --ug-danger-50: var(--wa-color-danger-50);
  --ug-danger-40: var(--wa-color-danger-40);
  --ug-danger-30: var(--wa-color-danger-30);
  --ug-danger-surface: var(--wa-color-danger-95);
  --ug-neutral-50: var(--wa-color-neutral-50);
  --ug-surface-success: #63b375;
  --ug-surface-warning: #fff075;
  --ug-surface-danger: var(--wa-color-danger-40);
  --ug-surface-info: var(--wa-color-lys-brand-40);
  --ug-surface-plan: var(--ug-surface-info);
  --ug-surface-brand: var(--ug-brand);
  --ug-on-success: #000;
  --ug-on-success-surface: var(--ug-on-success);
  --ug-on-warning: #000;
  --ug-on-warning-surface: var(--ug-on-warning);
  --ug-on-danger: #fff;
  --ug-on-danger-surface: var(--ug-on-danger);
  --ug-on-danger-duotone: #000;
  --ug-on-info: #fff;
  --ug-on-info-surface: var(--ug-on-info);
  --ug-on-plan-surface: var(--ug-on-info-surface);
  --ug-radius-pill: 9999px;
  --ug-radius: 0.5rem;
  --ug-radius-s: 0.25rem;
  --ug-otp-cell-w: 2.625rem;
  --ug-otp-cell-h: 3.125rem;
  --ug-otp-font: 1.3125rem;
  --ug-otp-gap: var(--ug-space-xs);
  --ug-otp-ring: 0 0 0 0.1875rem color-mix(in srgb, var(--ug-brand) 14%, transparent);
  --ug-thumb-size: 2.75rem;
  --ug-ikon-size: 2.75rem;
  --ug-avatar-size: 3.125rem;
  --ug-avatar-size-l: 3.75rem;
  --ug-avatar-size-s: 2.25rem;
  --ug-session-flise-size: 2.125rem;
  --ug-side-flise-size: 2.375rem;
  --ug-hovedfane-flise-size: 1.25rem;
  --ug-control-height: 2.375rem;
  --ug-leading-flush: 1;
  --ug-leading-snug: 1.1;
  --ug-leading-tight: 1.12;
  --ug-leading-normal: 1.5;
  --ug-leading-relaxed: 1.55;
  --ug-glyph-display: 2.375rem;
  --ug-glyph-mark: 1.2rem;
  --ug-measure-pitch: 34ch;
  --ug-measure-soeg: 32ch;
  --ug-measure-kort: 20.625rem;
  --ug-measure-medieflise: 15rem;
  --ug-measure-medieflise-kompakt: 9.375rem;
  --ug-measure-kortmedia: 7.5rem;
  --ug-measure-kortetiket: 4.875rem;
  --ug-measure-metapanel: 20.375rem;
  --ug-measure-felt: 41.25rem;
  --ug-measure-tabelmin: 45rem;
  --ug-tabel-kol-foerste: minmax(var(--ug-measure-kort), 2fr);
  --ug-tabel-kol-auto: 1fr;
  --ug-tabel-handling-reserve: 8rem;
  --ug-tidspunkt-kol: 3.25rem 0.75rem 3.25rem 5.25rem 5rem 1fr max-content max-content;
  --ug-tidspunkt-kol-mobil: 2.875rem 0.625rem 2.875rem minmax(0, 1fr) max-content max-content max-content;
  --ug-tidspunkt-kol-visning: 3.25rem 0.75rem 3.25rem 5.25rem;
  --ug-tidspunkt-span-fuld: 1 / -1;
  --ug-tidspunkt-span-tider: span 4;
  --ug-tidspunkt-span-tider-mobil: span 3;
  --ug-tidspunkt-handling-bredde: 2rem;
  --ug-tidspunkt-handling-bredde-mobil: 1.875rem;
  --ug-hatch:
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 8px,
      color-mix(in srgb, var(--ug-border-quiet) 55%, transparent) 8px,
      color-mix(in srgb, var(--ug-border-quiet) 55%, transparent) 9px);
  --ug-measure-intro: 62ch;
  --ug-measure-beskrivelse: 58ch;
  --ug-feltgrid-min: 26rem;
  --ug-adgangsgrid-min: 17.5rem;
  --ug-lyn-felt-min: 11.25rem;
  --ug-sideomside-liste: 15rem;
  --ug-measure-kort-portraet: 12.5rem;
  --ug-measure-kort-kompakt: 14.5rem;
  --ug-measure-kortmedia-kompakt: 3.25rem;
  --ug-kort-aspect-portraet: 4 / 3;
  --ug-kort-aspect-landskab: 1;
  --ug-kant-linje: var(--wa-border-width-s) solid var(--ug-border-quiet);
  --ug-kort-fod-kant: none;
  --ug-kort-fod-luft: 0;
  --ug-meta-noegle-flex: none;
  --ug-kort-kolonner: repeat(auto-fill, minmax(min(var(--ug-measure-kort), 100%), 1fr));
  --ug-kort-kolonner-portraet: repeat(auto-fill, minmax(min(var(--ug-measure-kort-portraet), 100%), 1fr));
  --ug-kort-kolonner-kompakt: repeat(auto-fill, minmax(min(var(--ug-measure-kort-kompakt), 100%), 1fr));
  --ug-medieflise-kolonner: repeat(auto-fill, minmax(min(var(--ug-measure-medieflise), 100%), 1fr));
  --ug-medieflise-kolonner-kompakt: repeat(auto-fill, minmax(min(var(--ug-measure-medieflise-kompakt), 100%), 1fr));
  --ug-kort-daempet-daek: 0.55;
  --ug-sidekort-kol: auto 1fr;
  --ug-sidekort-ikon-raekker: 1 / span 2;
  --ug-sidekort-tekst-kol: 2;
  --ug-split-min: 25%;
  --ug-split-max: 75%;
  --ug-media-video-format: 16 / 9;
  --ug-media-fit: cover;
  --ug-measure-video: 28rem;
  --ug-galleri-kolonner: repeat(auto-fill, minmax(9rem, 1fr));
  --ug-galleri-kolonner-rediger: repeat(auto-fill, minmax(10rem, 1fr));
  --ug-galleri-flise-format: 4 / 3;
  --ug-galleri-scrim: rgb(0 0 0 / 55%);
  --ug-beskaering-ramme: rgb(255 255 255 / 95%);
  --ug-beskaering-ramme-bredde: 2px;
  --ug-beskaering-scrim: 0 0 0 999rem rgb(15 23 26 / 50%);
  --ug-beskaering-gitter:
    linear-gradient(rgb(255 255 255 / 50%) 1px, transparent 1px),
    linear-gradient(
      90deg,
      rgb(255 255 255 / 50%) 1px,
      transparent 1px);
  --ug-beskaering-gitter-net: 33.33% 33.33%;
  --ug-beskaering-gitter-daek: 0.85;
  --ug-beskaering-gitter-fade: opacity 0.12s ease;
  --ug-beskaering-scene-bredde: 16rem;
  --ug-beskaering-preview-bredde: 10.5rem;
  --ug-beskaering-drop-maks: 18.75rem;
  --ug-beskaering-contain-maks: 84%;
  --ug-media-contain: contain;
  --ug-checker:
    linear-gradient(
      45deg,
      var(--ug-surface-sunk) 25%,
      transparent 25%),
    linear-gradient(
      -45deg,
      var(--ug-surface-sunk) 25%,
      transparent 25%),
    linear-gradient(
      45deg,
      transparent 75%,
      var(--ug-surface-sunk) 75%),
    linear-gradient(
      -45deg,
      transparent 75%,
      var(--ug-surface-sunk) 75%);
  --ug-checker-size: 16px 16px;
  --ug-checker-position:
    0 0,
    0 8px,
    8px -8px,
    -8px 0;
  --ug-split-login: 1.05fr 1fr;
  --ug-dashboard-raekke: 2fr 1fr;
  --ug-kpi-flise-align: flex-start;
  --ug-knap-stak-align: center;
  --ug-intro-nav-justify: center;
  --ug-divider-style: solid;
  --ug-fane-topline: flex-start;
  --ug-fane-indryk: calc(-1 * var(--ug-space-s));
  --ug-split-udstillerside: minmax(0, 1fr) 20rem;
  --ug-laesefelt-kolonner: 1fr 1fr;
  --ug-measure-laesefelter: 40rem;
  --ug-term-raekke-kolonner: minmax(0, 1fr) auto;
  --ug-indhold-handling-kolonner: minmax(0, 1fr) auto;
  --ug-velkomst-kolonner: minmax(0, 1fr) auto;
  --ug-ph-logo-h: 2.875rem;
  --ug-ph-logo-min-w: 7.5rem;
  --ug-ph-logo-pad-x: 1rem;
  --ug-ph-logo-radius: 0.5625rem;
  --ug-ph-logo-border: 0.0625rem;
  --ug-ph-logo-fill: rgba(255,255,255,.10);
  --ug-ph-logo-border-c: rgba(255,255,255,.35);
  --ug-ph-logo-ink: rgba(255,255,255,.85);
  --ug-ph-logo-stripe:
    repeating-linear-gradient(
      135deg,
      var(--ug-ph-logo-fill) 0 0.4375rem,
      transparent 0.4375rem 0.875rem);
  --ug-billede-hoej-w: 4.125rem;
  --ug-billede-hoej-h: 6.25rem;
  --ug-billede-kvadrat: 4.5rem;
  --ug-billede-tvaer-w: 10rem;
  --ug-billede-tvaer-h: 4.5rem;
  --ug-billede-baand-h: 2.875rem;
  --ug-billede-plade-w: 100%;
  --ug-billede-plade-h: 12rem;
  --ug-billede-radius: var(--ug-radius);
  --ug-billede-flise-w: 100%;
  --ug-billede-flise-h: auto;
  --ug-billede-flise-ratio: 4 / 3;
  --ug-billede-flise-radius: 0;
  --ug-knap-h-l: 2.75rem;
  --ug-knap-h-m: 2.125rem;
  --ug-knap-h-s: 1.75rem;
  --ug-knap-font-l: 0.95rem;
  --ug-knap-font-m: 0.84rem;
  --ug-knap-font-s: 0.78rem;
  --ug-knap-pad-l: 0.875rem;
  --ug-knap-pad-m: 0.6875rem;
  --ug-knap-pad-s: 0.5625rem;
  --ug-knap-gap-l: 0.375rem;
  --ug-knap-gap-m: 0.3125rem;
  --ug-knap-gap-s: 0.25rem;
  --ug-knap-ikon-l: 1.625rem;
  --ug-knap-ikon-m: 1.25rem;
  --ug-knap-ikon-s: 1rem;
  --ug-knap-koncentrisk-l: 0.5625rem;
  --ug-knap-koncentrisk-m: 0.4375rem;
  --ug-knap-koncentrisk-s: 0.375rem;
  --ug-knap-touch-min: 2.75rem;
  --ug-knap-rund-ring-bredde: 0.1875rem;
  --ug-knap-rund-ring: color-mix(in srgb, var(--ug-brand) 30%, transparent);
  --ug-knap-rund-ring-danger: color-mix(in srgb, var(--ug-danger) 32%, transparent);
}
[class*=wa-cluster][style*=--wa-gap],
[class*=wa-stack][style*=--wa-gap],
[class*=wa-grid][style*=--wa-gap],
[class*=wa-flank][style*=--wa-gap],
[class*=wa-split][style*=--wa-gap],
[class*=wa-frame][style*=--wa-gap] {
  gap: var(--wa-gap, var(--wa-space-m));
}
@container (max-width: 860px) {
  [style*=--ug-split-udstillerside] {
    --ug-split-udstillerside: minmax(0, 1fr);
  }
}
@media (max-width: 860px) {
  [style*=--ug-split-udstillerside] {
    --ug-split-udstillerside: minmax(0, 1fr);
  }
}
@container (max-width: 640px) {
  [style*=--ug-dashboard-raekke] {
    --ug-dashboard-raekke: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  [style*=--ug-dashboard-raekke] {
    --ug-dashboard-raekke: minmax(0, 1fr);
  }
}
@container (max-width: 640px) {
  [style*=--ug-velkomst-kolonner] {
    --ug-velkomst-kolonner: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  [style*=--ug-velkomst-kolonner] {
    --ug-velkomst-kolonner: minmax(0, 1fr);
  }
}
.sz-s {
  grid-column: span 1;
}
.sz-m {
  grid-column: span 2;
}
.sz-l {
  grid-column: 1 / -1;
}
.ug-dash-toolbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ug-space-m);
  flex-wrap: wrap;
  margin-bottom: var(--ug-space-m);
  padding: var(--ug-space-s) var(--ug-space-m);
  border: var(--wa-border-width-s) solid var(--ug-brand-line);
  border-radius: var(--ug-radius);
  background: var(--ug-surface);
  box-shadow: var(--ug-shadow);
}
.ug-dt-id {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  min-width: 0;
  flex-wrap: wrap;
}
.ug-dt-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--ug-space-2xs);
  padding: var(--ug-space-2xs) var(--ug-space-xs);
  border-radius: var(--ug-radius-s);
  background: var(--ug-brand-strong);
  color: #fff;
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  font-weight: var(--ug-weight-bold);
  letter-spacing: var(--ug-tracking-label);
  text-transform: uppercase;
  white-space: nowrap;
}
.ug-dt-ctx {
  font-size: var(--ug-text-s);
  color: var(--ug-text-quiet);
}
.ug-dt-ctx b {
  color: var(--ug-text);
  font-weight: var(--ug-weight-semibold);
}
.ug-dt-actions {
  display: flex;
  align-items: center;
  gap: var(--ug-space-2xs);
  flex-wrap: wrap;
}
.ug-widget-edit {
  position: relative;
}
.ug-editbar {
  display: flex;
  align-items: center;
  gap: var(--ug-space-xs);
  flex-wrap: wrap;
  margin-bottom: var(--ug-space-2xs);
  padding: var(--ug-space-2xs) var(--ug-space-xs);
  border: var(--wa-border-width-s) dashed var(--ug-border-strong);
  border-radius: var(--ug-radius-s);
  background: var(--ug-surface-sunk);
}
.ug-editbar-label {
  font-size: var(--ug-text-xs);
  font-weight: var(--ug-weight-semibold);
  color: var(--ug-text-quiet);
}
.ug-editbar-spring {
  flex: 1;
}
.ug-editbar-fixed {
  display: inline-flex;
  align-items: center;
  gap: var(--ug-space-2xs);
  font-size: var(--ug-text-xs);
  color: var(--ug-text-faint);
}
.ug-toggle-form {
  display: inline-flex;
  margin: 0;
}
.ug-dt-sprog-label,
.ug-dt-target-label {
  display: inline-flex;
  align-items: center;
  gap: var(--ug-space-2xs);
  font-size: var(--ug-text-xs);
  color: var(--ug-text-quiet);
}
.ug-i18n-panel {
  margin-top: var(--ug-space-2xs);
  padding: var(--ug-space-s);
  border: var(--wa-border-width-s) dashed var(--ug-border-strong);
  border-radius: var(--ug-radius-s);
  background: var(--ug-surface-sunk);
}
.ug-i18n-head {
  font-size: var(--ug-text-xs);
  color: var(--ug-text-quiet);
}
.ug-i18n-head b {
  color: var(--ug-text);
}
.ug-i18n-sub {
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-faint);
}
.ug-i18n-form {
  margin: 0;
}
.ug-i18n-mangler {
  display: inline-flex;
  align-items: center;
  gap: var(--ug-space-2xs);
  font-size: var(--ug-text-2xs);
  color: var(--ug-warning-text);
}
.drawer-gruppe-overskrift {
  margin-block: var(--ug-space-l) 0;
  display: flex;
  align-items: baseline;
  gap: var(--ug-space-xs);
}
.drawer-gruppe-antal {
  font-size: var(--ug-text-s);
  font-weight: var(--ug-weight-medium);
  color: var(--ug-text-quiet);
}
.ug-w-grip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: var(--ug-radius-s);
  color: var(--ug-text-faint);
  cursor: grab;
  flex: none;
}
.ug-w-grip:hover {
  background: var(--ug-surface-sunk);
  color: var(--ug-brand);
}
.ug-w-grip:active {
  cursor: grabbing;
}
.ug-w-grip wa-icon {
  font-size: 14px;
}
.ug-w-size {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.ug-widget-edit.ug-dragging {
  opacity: .45;
}
.ug-widget-edit.ug-drag-over {
  outline: 2px solid var(--ug-brand);
  outline-offset: 2px;
  border-radius: var(--ug-radius-s);
}
.ug-wlib-intro {
  margin: 0 0 var(--ug-space-m);
  font-size: var(--ug-text-s);
  color: var(--ug-text-quiet);
  line-height: 1.5;
}
.ug-wlib-item {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  padding: var(--ug-space-s);
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  border-radius: var(--ug-radius);
  margin-bottom: var(--ug-space-2xs);
  background: var(--ug-surface);
}
.ug-wlib-main {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.ug-wlib-t {
  font-size: var(--ug-text-s);
  font-weight: var(--ug-weight-semibold);
  color: var(--ug-text);
}
.ug-wlib-empty {
  margin: 0;
  font-size: var(--ug-text-s);
  color: var(--ug-text-faint);
}
[data-ug-status=godkendt],
[data-ug-status=kandidat] {
  display: contents;
}
[data-ug-status=godkendt][hidden],
[data-ug-status=kandidat][hidden],
.wa-cluster[hidden] {
  display: none;
}
[data-ug-daempet] > * {
  opacity: 50%;
}
[data-ug-overlay=ov-pillmenu] .wa-cluster[data-ug-id=grp-cmdk-raekke] {
  padding-block: var(--ug-space-s-u);
  padding-inline: var(--ug-space-s);
  border-radius: var(--ug-radius);
  cursor: pointer;
}
[data-ug-overlay=ov-pillmenu] .wa-cluster[data-ug-id=grp-cmdk-raekke]:hover,
[data-ug-overlay=ov-pillmenu] .wa-cluster[data-ug-id=grp-cmdk-raekke][data-ug-kbd] {
  background: var(--ug-row-hover);
}
[data-ug-overlay=ov-pillmenu] .wa-cluster[data-ug-id=grp-cmdk-raekke][data-ug-aktiv] {
  background: var(--ug-brand-quiet);
}
[data-ug-overlay=ov-pillmenu] .wa-cluster[data-ug-id=grp-cmdk-raekke][data-ug-aktiv] ug-cmdk-label {
  color: var(--ug-brand-strong);
}
[data-ug-id=grp-medie-kort-kompakt] .wa-cluster[data-ug-id=grp-medie-chips] {
  flex-wrap: nowrap;
}
[data-ug-id=grp-medie-kort-kompakt] .wa-cluster[data-ug-id=grp-medie-chips] ug-meta-raekke {
  flex: 1;
  --ug-meta-noegle-flex: 0 1 auto;
}
[data-ug-id=grp-medie-kort-kompakt] .wa-cluster[data-ug-id=grp-medie-chips] ug-taeller-chip {
  flex: none;
  margin-inline-start: auto;
}
wa-dialog[data-ug-overlay=ov-post-forhaandsvis] {
  --width: 60rem;
}
@media (max-width: 520px) {
  wa-drawer[data-ug-overlay=ov-tidspunkt-drawer] {
    --size: 100vw;
  }
}
wa-drawer[data-ug-overlay=ov-tidspunkt-drawer] form[data-ug-id=grp-tidspunkt-form] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
wa-drawer[data-ug-overlay=ov-tidspunkt-drawer] form[data-ug-id=grp-tidspunkt-form] > [data-ug-status] > * {
  grid-column: 1 / -1;
}
wa-drawer[data-ug-overlay=ov-tidspunkt-drawer] form[data-ug-id=grp-tidspunkt-form] > [data-ug-status] > ug-tidspunkt-start-input {
  grid-column: 1;
}
wa-drawer[data-ug-overlay=ov-tidspunkt-drawer] form[data-ug-id=grp-tidspunkt-form] > [data-ug-status] > ug-tidspunkt-slut-input {
  grid-column: 2;
}
wa-drawer[data-ug-overlay=ov-tidspunkt-drawer] form[data-ug-id=grp-tidspunkt-form] > [data-ug-status] > ug-tilfoej-tidspunkt-button {
  grid-column: 1;
}
wa-drawer[data-ug-overlay=ov-tidspunkt-drawer] form[data-ug-id=grp-tidspunkt-form] > [data-ug-status] > ug-tilfoej-og-nyt-button {
  grid-column: 2;
}
wa-drawer[data-ug-overlay=ov-tidspunkt-drawer] form[data-ug-id=grp-tidspunkt-form] ug-tilfoej-tidspunkt-button wa-button,
wa-drawer[data-ug-overlay=ov-tidspunkt-drawer] form[data-ug-id=grp-tidspunkt-form] ug-tilfoej-og-nyt-button wa-button,
wa-drawer[data-ug-overlay=ov-tidspunkt-drawer] form[data-ug-id=grp-tidspunkt-form] ug-gem-button wa-button {
  width: 100%;
}
[data-ug-id=grp-send-igen] ug-gensend-button {
  display: block;
  align-self: center;
}
.ug-overlay wa-button[slot=footer]::part(base) {
  border-radius: var(--ug-radius-pill);
}
.ug-knap-l {
  --ug-knap-h: var(--ug-knap-h-l);
  --ug-knap-font: var(--ug-knap-font-l);
  --ug-knap-pad: var(--ug-knap-pad-l);
  --ug-knap-gap: var(--ug-knap-gap-l);
}
.ug-knap-m {
  --ug-knap-h: var(--ug-knap-h-m);
  --ug-knap-font: var(--ug-knap-font-m);
  --ug-knap-pad: var(--ug-knap-pad-m);
  --ug-knap-gap: var(--ug-knap-gap-m);
}
.ug-knap-s {
  --ug-knap-h: var(--ug-knap-h-s);
  --ug-knap-font: var(--ug-knap-font-s);
  --ug-knap-pad: var(--ug-knap-pad-s);
  --ug-knap-gap: var(--ug-knap-gap-s);
}
.ug-knap {
  font-size: var(--ug-knap-font);
  --wa-form-control-height: var(--ug-knap-h);
  --wa-form-control-padding-inline: var(--ug-knap-pad);
}
ug-tabel-flade ug-rediger-button .ug-knap {
  --ug-knap-h: var(--ug-knap-h-s);
  --ug-knap-font: var(--ug-knap-font-s);
  --ug-knap-pad: var(--ug-knap-pad-s);
  --ug-knap-gap: var(--ug-knap-gap-s);
}
.ug-knap > [slot=start] {
  margin-inline-end: var(--ug-knap-gap);
}
.ug-knap > [slot=end] {
  margin-inline-start: var(--ug-knap-gap);
}
.ug-knap-koncentrisk.ug-knap-l::part(base) {
  padding-inline-start: var(--ug-knap-koncentrisk-l);
}
.ug-knap-koncentrisk.ug-knap-m::part(base) {
  padding-inline-start: var(--ug-knap-koncentrisk-m);
}
.ug-knap-koncentrisk.ug-knap-s::part(base) {
  padding-inline-start: var(--ug-knap-koncentrisk-s);
}
[data-ug-knap-rund] {
  --wa-form-control-height: var(--ug-knap-h-s);
  --wa-form-control-padding-inline: 0;
  --ug-glyph-size: var(--ug-knap-ikon-s);
}
:where([data-ug-knap-rund])::part(base) {
  inline-size: var(--ug-knap-h-s);
  block-size: var(--ug-knap-h-s);
  padding: 0;
  border-radius: 50%;
}
[data-ug-knap-rund]::part(base) {
  align-items: center;
  justify-content: center;
  line-height: 0;
  position: relative;
  transition: box-shadow 0.12s ease;
}
[data-ug-knap-rund]::part(base)::after {
  content: "";
  position: absolute;
  inset: 50%;
  inline-size: var(--ug-knap-touch-min);
  block-size: var(--ug-knap-touch-min);
  translate: -50% -50%;
}
[data-ug-knap-rund]::part(base):hover,
[data-ug-knap-rund]::part(base):focus-visible {
  box-shadow: 0 0 0 var(--ug-knap-rund-ring-bredde) var(--ug-knap-rund-ring);
}
[data-ug-knap-rund]::part(base):focus-visible {
  outline: none;
}
[data-ug-id=grp-claim-kort] ug-claim-glyph {
  --ug-glyph-size: var(--ug-glyph-display);
}
[data-ug-id=grp-tom-liste] ug-inbox-glyph {
  --ug-glyph-size: var(--ug-glyph-display);
}
[data-ug-id=grp-intro-slide] ug-intro-slide-glyph {
  --ug-glyph-size: var(--ug-text-3xl);
}
[data-ug-id=grp-krummesti] ug-krumme-skiller-glyph {
  --ug-glyph-size: var(--ug-text-2xs);
}
[data-ug-id=grp-stab-tom] ug-users-glyph {
  --ug-glyph-size: var(--ug-text-2xl-s);
}
ug-link-sendt-glyph {
  --ug-glyph-size: var(--ug-glyph-display);
}
ug-totp-glyph {
  --ug-glyph-size: var(--ug-glyph-display);
}
ug-logo-pill ug-brand-glyph,
ug-wordmark-pill ug-brand-glyph {
  --ug-glyph-size: var(--ug-text-2xl);
}
ug-themetoggle ug-maane-glyph,
ug-themetoggle ug-sol-glyph {
  --ug-glyph-size: var(--ug-text-xl);
}
[data-ug-id=grp-rediger-hoved] > [data-ug-status] > ug-tegn-taeller,
[data-ug-id=rel-rediger-hoved] > [data-ug-status] > ug-tegn-taeller {
  margin-inline-start: auto;
}
[data-ug-status][hidden],
[data-ug-scope][hidden] {
  display: none;
}
ug-fane-aktivstreg[hidden] {
  display: none;
}
body {
  font-family: var(--wa-font-family-body, system-ui, sans-serif);
  color: var(--wa-color-neutral-20);
  background: var(--wa-color-neutral-95);
  margin: 0;
  line-height: 1.5;
}
.gal-topbar {
  background: var(--ug-brand);
  color: var(--ug-on-brand);
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem 1.5rem;
  flex-wrap: wrap;
}
.gal-topbar a {
  color: var(--ug-on-brand);
  text-decoration: none;
  font-weight: 600;
}
.gal-topbar a:hover {
  text-decoration: underline;
}
.gal-topbar .gal-brand {
  font-weight: 800;
  font-size: 1.1rem;
  margin-right: auto;
}
.gal-tema-toggle {
  background: none;
  border: 1px solid var(--ug-on-brand);
  border-radius: var(--ug-radius);
  color: var(--ug-on-brand);
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  padding: 0.2rem 0.45rem;
}
.gal-tema-toggle:hover {
  background: color-mix(in srgb, var(--ug-on-brand) 15%, transparent);
}
.gal-nav-group {
  position: relative;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
.gal-nav-group > summary {
  color: var(--ug-on-brand);
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  white-space: nowrap;
}
.gal-nav-group > summary::-webkit-details-marker {
  display: none;
}
.gal-nav-group[open] > summary {
  margin-inline: 0;
  box-shadow: inset 0 -2px 0 0 var(--ug-on-brand);
}
.gal-nav-group > summary::after {
  content: "\25be";
  display: inline-flex;
  justify-content: center;
  width: 0.8em;
  height: auto;
  font-size: 0.7em;
  opacity: 0.85;
  background: none;
  mask: none;
  rotate: 0deg;
  transition: transform 0.12s ease;
}
.gal-nav-group[open] > summary::after {
  transform: rotate(180deg);
}
.gal-nav-menu {
  position: absolute;
  top: calc(100% + 0.45rem);
  left: 0;
  min-width: 12rem;
  background: var(--ug-surface);
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  border-radius: var(--ug-radius);
  box-shadow: var(--ug-shadow-l, var(--ug-shadow));
  padding: var(--ug-space-2xs);
  display: flex;
  flex-direction: column;
  gap: 2px;
  z-index: 100;
}
.gal-topbar .gal-nav-menu a {
  color: var(--ug-text);
  font-weight: 500;
  padding: var(--ug-space-2xs) var(--ug-space-s);
  border-radius: var(--ug-radius-s);
  white-space: nowrap;
}
.gal-topbar .gal-nav-menu a:hover {
  background: var(--ug-brand-quiet);
  text-decoration: none;
}
.gal-main {
  max-width: 1100px;
  margin: 0 auto;
  padding: 2rem 1.5rem;
}
.gal-main h1 {
  margin-top: 0;
}
.gal-section {
  margin: 2.5rem 0;
}
ug-em {
  font-weight: var(--ug-weight-bold);
  color: var(--ug-text-accent);
}
ug-staerk {
  font-weight: var(--ug-weight-bold);
}
ug-kode {
  font-family: var(--ug-mono);
}
ug-kbd {
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  border: var(--wa-border-width-s) solid var(--ug-border);
  border-radius: var(--ug-radius-s);
  padding-block: var(--wa-space-3xs);
  padding-inline: var(--wa-space-2xs);
  color: var(--ug-text-quiet);
}
ug-tal {
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--ug-tracking-tight);
}
ug-stille {
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-faint);
}
ug-tidspunktstatus-ny,
ug-tidspunktstatus-flyttet,
ug-tidspunktstatus-aflyst,
ug-tidspunktstatus-afholdt,
ug-tidspunktstatus-tom {
  display: inline-flex;
  align-items: center;
  justify-self: start;
}
ug-bruger-type-avatar,
ug-invitation-type-avatar,
ug-post-type-avatar,
ug-invitationsstatus-avatar {
  display: grid;
  place-items: center;
  inline-size: var(--ug-avatar-size);
  block-size: var(--ug-avatar-size);
  background: var(--ug-icon-tile);
  font-size: var(--ug-text-l);
  flex: none;
  --ug-ink-icon-primary: var(--ug-brand-strong);
  --ug-ink-icon-secondary: var(--ug-icon-accent);
}
ug-aftalestatus-aktiv,
ug-aftalestatus-annulleret,
ug-aftalestatus-fejlet,
ug-brugerstatus-aktiv,
ug-brugerstatus-inviteret,
ug-brugerstatus-udloebet,
ug-medlemskabsstatus-afventer,
ug-medlemskabsstatus-afventer-betaling,
ug-medlemskabsstatus-afvist,
ug-medlemskabsstatus-aktiv,
ug-medlemskabsstatus-opsagt,
ug-medlemskabsstatus-udloebet,
ug-medlemsstatus-afventer,
ug-medlemsstatus-afvist,
ug-medlemsstatus-aktiv,
ug-medlemsstatus-inaktiv,
ug-medlemsstatus-udmeldt,
ug-metodestatus-aktiv,
ug-metodestatus-ikke-sat-op,
ug-metodestatus-slaaet-fra,
ug-opkraevningsstatus-afventer-betaling,
ug-opkraevningsstatus-annulleret,
ug-opkraevningsstatus-betalt,
ug-opkraevningsstatus-fejlet {
  display: inline-flex;
  align-items: center;
  align-self: var(--ug-celle-align, auto);
  border-block-end: var(--ug-celle-kant, none);
  padding-inline: var(--ug-celle-pad-i, 0);
}
ug-aftalestatus-aktiv wa-badge::part(base)::before,
ug-aftalestatus-annulleret wa-badge::part(base)::before,
ug-aftalestatus-fejlet wa-badge::part(base)::before,
ug-brugerstatus-aktiv wa-badge::part(base)::before,
ug-brugerstatus-inviteret wa-badge::part(base)::before,
ug-brugerstatus-udloebet wa-badge::part(base)::before,
ug-medlemskabsstatus-afventer wa-badge::part(base)::before,
ug-medlemskabsstatus-afventer-betaling wa-badge::part(base)::before,
ug-medlemskabsstatus-afvist wa-badge::part(base)::before,
ug-medlemskabsstatus-aktiv wa-badge::part(base)::before,
ug-medlemskabsstatus-opsagt wa-badge::part(base)::before,
ug-medlemskabsstatus-udloebet wa-badge::part(base)::before,
ug-medlemsstatus-afventer wa-badge::part(base)::before,
ug-medlemsstatus-afvist wa-badge::part(base)::before,
ug-medlemsstatus-aktiv wa-badge::part(base)::before,
ug-medlemsstatus-inaktiv wa-badge::part(base)::before,
ug-medlemsstatus-udmeldt wa-badge::part(base)::before,
ug-metodestatus-aktiv wa-badge::part(base)::before,
ug-metodestatus-ikke-sat-op wa-badge::part(base)::before,
ug-metodestatus-slaaet-fra wa-badge::part(base)::before,
ug-opkraevningsstatus-afventer-betaling wa-badge::part(base)::before,
ug-opkraevningsstatus-annulleret wa-badge::part(base)::before,
ug-opkraevningsstatus-betalt wa-badge::part(base)::before,
ug-opkraevningsstatus-fejlet wa-badge::part(base)::before {
  content: "";
  inline-size: var(--ug-space-2xs);
  block-size: var(--ug-space-2xs);
  border-radius: var(--ug-radius-pill);
  background: var(--ug-status-led);
  margin-inline-end: var(--ug-space-3xs);
}
.gal-fk-sub {
  margin: var(--ug-space-l) 0 var(--ug-space-2xs);
  font-size: var(--ug-text-s);
  font-weight: var(--ug-weight-bold);
  letter-spacing: var(--ug-tracking-label);
  text-transform: uppercase;
  color: var(--ug-text-quiet);
}
.gal-fk-q {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ug-space-s);
  margin-bottom: var(--ug-space-s);
}
.gal-fk-qbox {
  flex: 1;
  min-width: 14rem;
  padding: var(--ug-space-s) var(--ug-space-m);
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  border-radius: var(--ug-radius);
  background: var(--ug-surface);
}
.gal-fk-qn {
  margin: 0 0 var(--ug-space-3xs);
  font-weight: var(--ug-weight-bold);
  color: var(--ug-brand-strong);
}
.gal-fk-tier {
  margin: 0 0 var(--ug-space-s);
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  border-left: var(--wa-border-width-l, 4px) solid var(--ug-border);
  border-radius: var(--ug-radius);
  overflow: hidden;
  background: var(--ug-surface);
  box-shadow: var(--ug-shadow);
}
.gal-fk-tier[data-tier=A] {
  border-left-color: var(--wa-color-danger-50);
}
.gal-fk-tier[data-tier=B] {
  border-left-color: var(--wa-color-warning-50);
}
.gal-fk-tier[data-tier=C] {
  border-left-color: var(--wa-color-lys-brand-50);
}
.gal-fk-tier[data-tier=D] {
  border-left-color: var(--wa-color-success-50);
}
.gal-fk-thead {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--ug-space-s);
  padding: var(--ug-space-s) var(--ug-space-m);
}
.gal-fk-badge {
  flex: none;
  width: 1.9rem;
  height: 1.9rem;
  display: grid;
  place-items: center;
  border-radius: var(--ug-radius-s);
  font-weight: var(--ug-weight-bold);
  color: #fff;
}
.gal-fk-tier[data-tier=A] .gal-fk-badge {
  background: var(--ug-surface-danger);
  color: var(--ug-on-danger-surface);
}
.gal-fk-tier[data-tier=B] .gal-fk-badge {
  background: var(--ug-surface-warning);
  color: var(--ug-on-warning-surface);
}
.gal-fk-tier[data-tier=C] .gal-fk-badge {
  background: var(--ug-surface-info);
  color: var(--ug-on-info-surface);
}
.gal-fk-tier[data-tier=D] .gal-fk-badge {
  background: var(--ug-surface-success);
  color: var(--ug-on-success-surface);
}
.gal-fk-tname {
  font-weight: var(--ug-weight-bold);
}
.gal-fk-count {
  margin-left: auto;
  font-size: var(--ug-text-2xs);
  font-family: var(--ug-mono);
  color: var(--ug-text-quiet);
}
.gal-fk-trow {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-top: var(--wa-border-width-s) solid var(--ug-border-quiet);
}
.gal-fk-trow > div {
  padding: var(--ug-space-s) var(--ug-space-m);
  border-right: var(--wa-border-width-s) solid var(--ug-border-quiet);
  font-size: var(--ug-text-s);
}
.gal-fk-trow > div:last-child {
  border-right: none;
}
.gal-fk-trow p {
  margin: 0;
}
.gal-fk-lab {
  font-size: var(--ug-text-2xs);
  text-transform: uppercase;
  letter-spacing: var(--ug-tracking-label);
  color: var(--ug-text-faint);
  font-weight: var(--ug-weight-bold);
  margin-bottom: var(--ug-space-3xs) !important;
}
.gal-fk-act {
  font-weight: var(--ug-weight-semibold);
  color: var(--ug-brand-strong);
}
.gal-fk-ex {
  margin: 0;
  padding: var(--ug-space-xs) var(--ug-space-m);
  border-top: var(--wa-border-width-s) solid var(--ug-border-quiet);
  background: var(--ug-surface-sunk, transparent);
  font-size: var(--ug-text-s);
  color: var(--ug-text-quiet);
}
.gal-fk-purpose {
  margin: var(--ug-space-2xs) 0 0;
  padding-left: var(--ug-space-m);
}
.gal-fk-purpose li {
  margin-bottom: var(--ug-space-2xs);
  font-size: var(--ug-text-s);
}
.gal-fk-foot {
  margin-top: var(--ug-space-m);
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-faint);
}
@media (max-width: 720px) {
  .gal-fk-trow {
    grid-template-columns: 1fr;
  }
  .gal-fk-trow > div {
    border-right: none;
    border-bottom: var(--wa-border-width-s) solid var(--ug-border-quiet);
  }
}
.gal-lc-gateword {
  color: var(--ug-text-accent);
  font-weight: var(--ug-weight-semibold);
}
.gal-lc-banner {
  margin: var(--ug-space-m) 0 0;
  padding: var(--ug-space-s) var(--ug-space-m);
  border: var(--wa-border-width-s) solid var(--ug-brand-line);
  border-radius: var(--ug-radius);
  background: var(--ug-brand-quiet);
  font-size: var(--ug-text-s);
  color: var(--ug-text);
}
.gal-lc-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ug-space-2xs) var(--ug-space-s);
  margin: var(--ug-space-l) 0 0;
}
.gal-lc-leg-lab {
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  text-transform: uppercase;
  letter-spacing: var(--ug-tracking-label);
  color: var(--ug-text-faint);
}
.gal-lc-chip {
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  padding: var(--ug-space-4xs) var(--ug-space-2xs);
  border-radius: var(--ug-radius-pill);
  border: var(--wa-border-width-s) solid var(--ug-brand-line);
  color: var(--ug-brand-strong);
  background: var(--ug-surface);
  white-space: nowrap;
}
.gal-lc-chip-gate {
  border-color: var(--ug-accent-line);
  color: var(--ug-text-accent);
  background: var(--ug-accent-quiet);
}
.gal-lc-pipeline {
  list-style: none;
  margin: var(--ug-space-xl) 0 0;
  padding: 0;
  position: relative;
}
.gal-lc-pipeline::before {
  content: "";
  position: absolute;
  left: 1.45rem;
  top: 1rem;
  bottom: 1rem;
  width: 2px;
  background: var(--ug-brand-line);
}
.gal-lc-station {
  position: relative;
  padding: 0 0 var(--ug-space-l) 4rem;
}
.gal-lc-station:last-child {
  padding-bottom: 0;
}
.gal-lc-node {
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--ug-surface);
  border: 2px solid var(--ug-brand);
  color: var(--ug-brand-strong);
  font-family: var(--ug-mono);
  font-weight: var(--ug-weight-bold);
  font-size: 1.05rem;
  z-index: 1;
}
.gal-lc-gate .gal-lc-node {
  border-color: var(--ug-accent);
  color: var(--ug-text-accent);
  box-shadow: 0 0 0 5px var(--ug-accent-quiet);
}
.gal-lc-card {
  background: var(--ug-surface);
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  border-left: var(--wa-border-width-l, 4px) solid var(--ug-brand);
  border-radius: var(--ug-radius);
  padding: var(--ug-space-s) var(--ug-space-m);
  box-shadow: var(--ug-shadow);
}
.gal-lc-gate .gal-lc-card {
  border-left-color: var(--ug-accent);
}
.gal-lc-top {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--ug-space-3xs) var(--ug-space-s);
}
.gal-lc-top h3 {
  margin: 0;
  font-size: 1.05rem;
}
.gal-lc-gatetag {
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  text-transform: uppercase;
  letter-spacing: var(--ug-tracking-label);
  font-weight: var(--ug-weight-semibold);
  color: var(--ug-text-accent);
}
.gal-lc-actor {
  margin-left: auto;
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  padding: var(--ug-space-4xs) var(--ug-space-2xs);
  border-radius: var(--ug-radius-s);
  background: var(--ug-brand-quiet);
  color: var(--ug-brand-strong);
  white-space: nowrap;
}
.gal-lc-gate .gal-lc-actor {
  background: var(--ug-accent-quiet);
  color: var(--ug-text-accent);
}
.gal-lc-flow {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--ug-space-s);
  margin-top: var(--ug-space-s);
}
.gal-lc-io {
  flex: 1 1 11rem;
  min-width: 10rem;
}
.gal-lc-iot {
  margin: 0 0 var(--ug-space-4xs);
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  text-transform: uppercase;
  letter-spacing: var(--ug-tracking-label);
  color: var(--ug-text-faint);
}
.gal-lc-iov {
  margin: 0;
  font-size: var(--ug-text-s);
}
.gal-lc-arrow {
  padding-top: 1rem;
  color: var(--ug-brand-strong);
  font-weight: var(--ug-weight-bold);
}
.gal-lc-repo {
  margin-top: var(--ug-space-s);
  padding-top: var(--ug-space-xs);
  border-top: var(--wa-border-width-s) dashed var(--ug-border-quiet);
  display: flex;
  gap: var(--ug-space-s);
  align-items: baseline;
}
.gal-lc-repot {
  flex: 0 0 auto;
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  text-transform: uppercase;
  letter-spacing: var(--ug-tracking-label);
  color: var(--ug-text-faint);
}
.gal-lc-repov {
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-quiet);
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.gal-lc-repov code {
  font-size: inherit;
}
.gal-lc-closing {
  margin: var(--ug-space-xl) 0 0;
  padding: var(--ug-space-l);
  border-radius: var(--ug-radius-l);
  background: var(--ug-brand);
  color: var(--ug-on-brand);
}
.gal-lc-closing-eyebrow {
  margin: 0 0 var(--ug-space-2xs);
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  text-transform: uppercase;
  letter-spacing: var(--ug-tracking-label);
  color: var(--ug-on-brand-soft);
}
.gal-lc-closing h3 {
  margin: 0 0 var(--ug-space-2xs);
  color: var(--ug-on-brand);
}
.gal-lc-closing p {
  margin: 0;
  color: var(--ug-on-brand-quiet);
  max-width: 60ch;
}
.gal-lc-accent {
  color: var(--ug-accent);
  font-weight: var(--ug-weight-semibold);
}
@media (max-width: 560px) {
  .gal-lc-station {
    padding-left: 3.25rem;
  }
  .gal-lc-pipeline::before {
    left: 1.15rem;
  }
  .gal-lc-node {
    width: 2.4rem;
    height: 2.4rem;
    font-size: var(--ug-text-s);
  }
  .gal-lc-actor {
    margin-left: 0;
  }
  .gal-lc-arrow {
    display: none;
  }
}
.gal-bg-hint {
  color: var(--ug-text-quiet);
  font-size: var(--ug-text-s);
  margin: var(--ug-space-2xs) 0 var(--ug-space-m);
}
.gal-bg-panel {
  background: var(--ug-surface-sunk, var(--ug-surface-2));
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  border-radius: var(--ug-radius);
  padding: var(--ug-space-m) var(--ug-space-l);
  margin: var(--ug-space-s) 0;
}
.gal-bg-legend {
  display: flex;
  gap: var(--ug-space-2xs) var(--ug-space-m);
  flex-wrap: wrap;
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-quiet);
  margin: var(--ug-space-s) 0 var(--ug-space-l);
  align-items: center;
}
.gal-bg-legend span {
  display: inline-flex;
  align-items: center;
  gap: var(--ug-space-3xs);
}
.gal-bg-dot {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: var(--ug-radius-s);
  display: inline-block;
}
.gal-bg-node {
  border: 1.5px solid var(--ug-graf-c, var(--ug-border));
  border-radius: var(--ug-radius);
  margin: var(--ug-space-2xs) 0;
  background: var(--ug-surface);
  padding: var(--ug-space-s);
  position: relative;
}
.gal-bg-node > .gal-bg-lbl {
  font-weight: var(--ug-weight-bold);
  font-size: var(--ug-text-s);
  color: var(--ug-graf-c, var(--ug-text));
  display: flex;
  align-items: baseline;
  gap: var(--ug-space-2xs);
  flex-wrap: wrap;
}
.gal-bg-form {
  font-weight: var(--ug-weight-normal, 400);
  color: var(--ug-text-quiet);
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
}
.gal-bg-rn {
  font-weight: var(--ug-weight-semibold);
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-quiet);
  background: var(--ug-surface-sunk, var(--wa-color-neutral-90));
  padding: 1px var(--ug-space-2xs);
  border-radius: var(--ug-radius-pill);
  font-family: var(--ug-mono);
}
.gal-bg-kids {
  margin: var(--ug-space-2xs) 0 0 var(--ug-space-s);
  padding-left: var(--ug-space-s);
  border-left: 2px dashed var(--ug-border-quiet);
}
.gal-bg-mark {
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-quiet);
  font-weight: var(--ug-weight-semibold);
  margin-left: auto;
}
.gal-bg-desc {
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-quiet);
  margin-top: var(--ug-space-3xs);
}
.gal-bg-node[data-t=skaerm] {
  --ug-graf-c:var(--ug-graf-skaerm);
}
.gal-bg-node[data-t=ramme] {
  --ug-graf-c:var(--ug-graf-ramme);
}
.gal-bg-node[data-t=tilstand] {
  --ug-graf-c:var(--ug-graf-tilstand);
}
.gal-bg-node[data-t=indhold] {
  --ug-graf-c:var(--ug-graf-indhold);
}
.gal-bg-node[data-t=rel] {
  --ug-graf-c:var(--ug-graf-rel);
}
.gal-bg-node[data-t=gruppe] {
  --ug-graf-c:var(--ug-graf-gruppe);
}
.gal-bg-node[data-t=element] {
  --ug-graf-c:var(--ug-graf-element);
}
.gal-bg-node[data-t=slice] {
  --ug-graf-c:var(--ug-graf-slice);
}
.gal-bg-node[data-t=familie] {
  --ug-graf-c:var(--ug-graf-familie);
}
.gal-bg-node[data-t=token] {
  --ug-graf-c:var(--ug-graf-token);
}
.gal-bg-node[data-t=overlay] {
  --ug-graf-c:var(--ug-graf-overlay);
}
.gal-bg-choice {
  display: flex;
  gap: var(--ug-space-s);
  flex-wrap: wrap;
  margin-top: var(--ug-space-2xs);
  align-items: flex-start;
}
.gal-bg-choice .gal-bg-node {
  flex: 1;
  min-width: 12rem;
  margin: 0;
}
.gal-bg-orlabel {
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-quiet);
  text-align: center;
  margin: var(--ug-space-3xs) 0;
  font-weight: var(--ug-weight-semibold);
  letter-spacing: var(--ug-tracking-label);
}
.gal-bg-page {
  border: 2px solid var(--ug-graf-ramme);
  border-radius: var(--ug-radius);
  padding: var(--ug-space-s);
  background: var(--ug-surface);
}
.gal-bg-slot {
  border: 1.4px solid var(--ug-border-quiet);
  border-radius: var(--ug-radius-s);
  padding: var(--ug-space-xs) var(--ug-space-s);
  margin: var(--ug-space-2xs) 0;
  font-size: var(--ug-text-s);
}
.gal-bg-slot.is-head,
.gal-bg-slot.is-foot {
  border-color: var(--ug-graf-rel);
}
.gal-bg-slot.is-main {
  border-color: var(--ug-graf-skaerm);
}
.gal-bg-slot b {
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
}
.gal-bg-refrow {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  flex-wrap: wrap;
  padding: var(--ug-space-xs) 0;
  border-bottom: var(--wa-border-width-s) solid var(--ug-border-quiet);
}
.gal-bg-refrow:last-child {
  border-bottom: none;
}
.gal-bg-chip {
  font-weight: var(--ug-weight-bold);
  font-size: var(--ug-text-2xs);
  padding: var(--ug-space-3xs) var(--ug-space-s);
  border-radius: var(--ug-radius-s);
  border: 1.5px solid var(--ug-graf-c, var(--ug-border));
  color: var(--ug-graf-c, var(--ug-text));
  white-space: nowrap;
}
.gal-bg-chip[data-t=skaerm] {
  --ug-graf-c:var(--ug-graf-skaerm);
}
.gal-bg-chip[data-t=ramme] {
  --ug-graf-c:var(--ug-graf-ramme);
}
.gal-bg-chip[data-t=rel] {
  --ug-graf-c:var(--ug-graf-rel);
}
.gal-bg-chip[data-t=familie] {
  --ug-graf-c:var(--ug-graf-familie);
}
.gal-bg-chip[data-t=element] {
  --ug-graf-c:var(--ug-graf-element);
}
.gal-bg-chip[data-t=slice] {
  --ug-graf-c:var(--ug-graf-slice);
}
.gal-bg-chip[data-t=overlay] {
  --ug-graf-c:var(--ug-graf-overlay);
}
.gal-bg-chip[data-t=indhold] {
  --ug-graf-c:var(--ug-graf-indhold);
}
.gal-bg-chip[data-t=token] {
  --ug-graf-c:var(--ug-graf-token);
}
.gal-bg-verb {
  color: var(--ug-text-quiet);
  font-size: var(--ug-text-2xs);
  font-style: italic;
}
.gal-bg-note {
  color: var(--ug-text-quiet);
  font-size: var(--ug-text-2xs);
  flex: 1;
  min-width: 11rem;
}
.gal-bg-lay {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  padding: var(--ug-space-xs) 0;
}
.gal-bg-laynum {
  width: 3.5rem;
  font-weight: var(--ug-weight-bold);
  color: var(--ug-graf-token);
  font-size: var(--ug-text-2xs);
  text-align: right;
  flex-shrink: 0;
}
.gal-bg-laybox {
  flex: 1;
  border: 1.4px solid var(--ug-graf-token);
  border-radius: var(--ug-radius-s);
  padding: var(--ug-space-xs) var(--ug-space-s);
  background: var(--ug-surface);
  font-size: var(--ug-text-s);
}
.gal-bg-laydown {
  text-align: center;
  color: var(--ug-text-quiet);
}
.gal-bg-desc,
.gal-bg-note,
.gal-bg-slot,
.gal-bg-laybox,
.gal-bg-lbl,
.gal-bg-axv {
  overflow-wrap: anywhere;
}
.gal-bg-axes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--ug-space-s);
  margin-top: var(--ug-space-2xs);
}
.gal-bg-axis {
  border: 1.5px solid var(--ug-graf-element);
  border-radius: var(--ug-radius-s);
  padding: var(--ug-space-s);
  background: var(--ug-surface);
}
.gal-bg-axf {
  font-weight: var(--ug-weight-bold);
  color: var(--ug-graf-element);
  font-size: var(--ug-text-s);
}
.gal-bg-axq {
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-quiet);
  margin: var(--ug-space-3xs) 0;
}
.gal-bg-axv {
  font-size: var(--ug-text-2xs);
  font-family: var(--ug-mono);
  color: var(--ug-text);
}
@media (max-width: 760px) {
  .gal-bg-axes {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 560px) {
  .gal-bg-choice .gal-bg-node {
    min-width: 100%;
  }
}
.gal-bdr-kpis {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ug-space-s);
  margin: var(--ug-space-l) 0;
}
.gal-bdr-kpi {
  flex: 1;
  min-width: 7.5rem;
  padding: var(--ug-space-s) var(--ug-space-m);
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  border-left: var(--wa-border-width-l, 4px) solid var(--ug-brand);
  border-radius: var(--ug-radius);
  background: var(--ug-surface);
  box-shadow: var(--ug-shadow);
}
.gal-bdr-kpi.gal-bdr-warn {
  border-left-color: var(--ug-warning-50);
}
.gal-bdr-num {
  display: block;
  font-size: var(--ug-text-2xl, 1.6rem);
  font-weight: var(--ug-weight-bold);
  line-height: 1.1;
}
.gal-bdr-lab {
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-quiet);
  text-transform: uppercase;
  letter-spacing: var(--ug-tracking-label);
}
.gal-bdr-hint {
  color: var(--ug-text-quiet);
  font-size: var(--ug-text-s);
  margin: var(--ug-space-2xs) 0 var(--ug-space-s);
}
.gal-bdr-row {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  margin: var(--ug-space-3xs) 0;
}
.gal-bdr-rlab {
  flex: 0 0 12rem;
  font-size: var(--ug-text-s);
  overflow-wrap: anywhere;
}
.gal-bdr-bar {
  flex: 1;
  height: 0.7rem;
  background: var(--ug-surface-sunk, var(--wa-color-neutral-90));
  border-radius: var(--ug-radius-pill);
  overflow: hidden;
}
.gal-bdr-fill {
  height: 100%;
  background: var(--ug-brand);
}
.gal-bdr-fill-v {
  background: var(--ug-accent);
}
.gal-bdr-rn {
  flex: 0 0 2rem;
  text-align: right;
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-quiet);
}
.gal-bdr-flags {
  margin: var(--ug-space-2xs) 0 0;
  padding-left: var(--ug-space-m);
  font-size: var(--ug-text-s);
}
.gal-bdr-flags li {
  margin-bottom: var(--ug-space-3xs);
  overflow-wrap: anywhere;
}
.gal-bdr-flags-cols {
  columns: 2 16rem;
}
.gal-bdr-tablewrap {
  overflow-x: auto;
}
.gal-bdr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--ug-text-s);
}
.gal-bdr-table th {
  text-align: left;
  padding: var(--ug-space-2xs) var(--ug-space-s);
  border-bottom: 2px solid var(--ug-border);
  font-size: var(--ug-text-2xs);
  text-transform: uppercase;
  letter-spacing: var(--ug-tracking-label);
  color: var(--ug-text-quiet);
  white-space: nowrap;
}
.gal-bdr-table td {
  padding: var(--ug-space-2xs) var(--ug-space-s);
  border-bottom: var(--wa-border-width-s) solid var(--ug-border-quiet);
  vertical-align: top;
}
.gal-bdr-confrow {
  background: var(--ug-warning-surface, transparent);
}
.gal-bdr-faint {
  color: var(--ug-text-faint);
}
@media (max-width: 560px) {
  .gal-bdr-rlab {
    flex-basis: 7rem;
  }
  .gal-bdr-table {
    font-size: var(--ug-text-2xs);
  }
  .gal-bdr-flags-cols {
    columns: 1;
  }
}
.gal-ci-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--ug-space-l);
  margin: var(--ug-space-l) 0;
}
.gal-ci-colhead {
  display: flex;
  align-items: center;
  gap: var(--ug-space-2xs);
  font-weight: var(--ug-weight-bold);
  font-size: var(--ug-text-l, 1.1rem);
  margin-bottom: var(--ug-space-s);
}
.gal-ci-ico {
  width: 1.6rem;
  height: 1.6rem;
  display: grid;
  place-items: center;
  border-radius: var(--ug-radius-s);
  font-weight: var(--ug-weight-bold);
  flex: none;
}
.gal-ci-col-ok .gal-ci-colhead {
  color: var(--wa-color-success-40, var(--wa-color-success-50));
}
.gal-ci-col-no .gal-ci-colhead {
  color: var(--wa-color-danger-40, var(--wa-color-danger-50));
}
.gal-ci-col-ok .gal-ci-ico {
  background: var(--ug-surface-success);
  color: var(--ug-on-success-surface);
}
.gal-ci-col-no .gal-ci-ico {
  background: var(--ug-surface-danger);
  color: var(--ug-on-danger-surface);
}
.gal-ci-ex {
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  border-radius: var(--ug-radius);
  background: var(--ug-surface);
  box-shadow: var(--ug-shadow);
  margin-bottom: var(--ug-space-s);
  overflow: hidden;
}
.gal-ci-ex-ok {
  border-left: var(--wa-border-width-l, 4px) solid var(--wa-color-success-50);
}
.gal-ci-ex-no {
  border-left: var(--wa-border-width-l, 4px) solid var(--wa-color-danger-50);
}
.gal-ci-lab {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--ug-space-2xs);
  padding: var(--ug-space-2xs) var(--ug-space-s);
  font-size: var(--ug-text-s);
  color: var(--ug-text-quiet);
}
.gal-ci-rule {
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  font-weight: var(--ug-weight-bold);
  padding: var(--ug-space-4xs) var(--ug-space-2xs);
  border-radius: var(--ug-radius-s);
  background: var(--ug-surface-sunk, var(--ug-surface-2));
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  color: var(--ug-text-quiet);
  white-space: nowrap;
}
.gal-ci-code {
  margin: 0;
  padding: var(--ug-space-s);
  background: var(--ug-surface-sunk, var(--ug-surface-2));
  border-top: var(--wa-border-width-s) solid var(--ug-border-quiet);
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  line-height: 1.5;
  overflow-x: auto;
  color: var(--ug-text);
  white-space: pre;
}
.gal-ci-why {
  padding: var(--ug-space-2xs) var(--ug-space-s);
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-quiet);
  border-top: var(--wa-border-width-s) solid var(--ug-border-quiet);
}
.gal-ci-bad {
  color: var(--wa-color-danger-50);
  font-weight: var(--ug-weight-bold);
}
.gal-ci-note {
  margin: var(--ug-space-l) 0 0;
  padding: var(--ug-space-s) var(--ug-space-m);
  border: var(--wa-border-width-s) solid var(--ug-brand-line);
  border-left: var(--wa-border-width-l, 4px) solid var(--ug-brand);
  border-radius: var(--ug-radius);
  background: var(--ug-brand-quiet);
  font-size: var(--ug-text-s);
  color: var(--ug-text);
}
.gal-ci-rcard {
  margin: 0 0 var(--ug-space-s);
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  border-radius: var(--ug-radius);
  overflow: hidden;
  background: var(--ug-surface);
  box-shadow: var(--ug-shadow);
}
.gal-ci-rtop {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--ug-space-3xs) var(--ug-space-s);
  padding: var(--ug-space-s) var(--ug-space-m);
}
.gal-ci-rid {
  font-family: var(--ug-mono);
  font-weight: var(--ug-weight-bold);
  color: var(--ug-text-accent);
}
.gal-ci-rname {
  font-weight: var(--ug-weight-bold);
}
.gal-ci-rdesc {
  flex-basis: 100%;
  color: var(--ug-text-quiet);
  font-size: var(--ug-text-s);
}
.gal-ci-rbody {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: var(--wa-border-width-s) solid var(--ug-border-quiet);
}
.gal-ci-rb {
  padding: var(--ug-space-s) var(--ug-space-m);
}
.gal-ci-rb-ok {
  background: color-mix(in srgb, var(--wa-color-success-50) 7%, var(--ug-surface));
}
.gal-ci-rb-no {
  background: color-mix(in srgb, var(--wa-color-danger-50) 7%, var(--ug-surface));
  border-left: var(--wa-border-width-s) solid var(--ug-border-quiet);
}
.gal-ci-rb h4 {
  margin: 0 0 var(--ug-space-2xs);
  font-size: var(--ug-text-2xs);
  text-transform: uppercase;
  letter-spacing: var(--ug-tracking-label);
}
.gal-ci-rb-ok h4 {
  color: var(--wa-color-success-40, var(--wa-color-success-50));
}
.gal-ci-rb-no h4 {
  color: var(--wa-color-danger-40, var(--wa-color-danger-50));
}
.gal-ci-snip {
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  line-height: 1.5;
  background: var(--ug-surface-sunk, var(--ug-surface-2));
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  border-radius: var(--ug-radius-s);
  padding: var(--ug-space-2xs) var(--ug-space-s);
  margin: 0 0 var(--ug-space-2xs);
  overflow-wrap: anywhere;
  color: var(--ug-text);
}
.gal-ci-snip:last-child {
  margin-bottom: 0;
}
.gal-ci-mini {
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-faint);
  font-style: italic;
  margin-top: var(--ug-space-2xs);
}
.gal-ci-foot {
  margin-top: var(--ug-space-m);
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-faint);
}
@media (max-width: 760px) {
  .gal-ci-rbody {
    grid-template-columns: 1fr;
  }
  .gal-ci-rb-no {
    border-left: none;
    border-top: var(--wa-border-width-s) solid var(--ug-border-quiet);
  }
}
@media (max-width: 900px) {
  .gal-ci-split {
    grid-template-columns: 1fr;
  }
}
.gal-del {
  margin: 0 0 var(--ug-space-xl, 2rem);
  padding: var(--ug-space-m) var(--ug-space-l);
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  border-left: var(--wa-border-width-l, 4px) solid var(--ug-brand);
  border-radius: var(--ug-radius);
  background: var(--ug-surface);
  box-shadow: var(--ug-shadow);
}
.gal-del > h3 {
  margin: 0 0 var(--ug-space-2xs);
  font-size: var(--ug-text-l, 1.15rem);
}
.gal-del > h3 a {
  text-decoration: none;
  color: var(--ug-brand-strong);
}
.gal-del > h3 a:hover {
  text-decoration: underline;
}
.gal-del-abstract {
  margin: 0 0 var(--ug-space-s);
  color: var(--ug-text);
}
.gal-del-fold {
  margin: 0 0 var(--ug-space-s);
}
.gal-del-count {
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  font-weight: var(--ug-weight-normal, 400);
  color: var(--ug-text-quiet);
}
.gal-del-exlist {
  margin: 0;
  padding-left: var(--ug-space-m);
}
.gal-del-exlist li {
  margin-bottom: var(--ug-space-2xs);
  font-size: var(--ug-text-s);
}
.gal-del-tag {
  display: inline-block;
  margin-left: var(--ug-space-3xs);
  padding: 0 var(--ug-space-2xs);
  border-radius: var(--ug-radius-s);
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-quiet);
  background: var(--ug-surface-sunk, var(--wa-color-neutral-95));
}
.gal-del-status {
  margin: var(--ug-space-2xs) 0 0;
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-faint);
}
.gal-del-ikke {
  margin: var(--ug-space-2xs) 0 0;
  padding: var(--ug-space-xs) var(--ug-space-m);
  border-left: var(--wa-border-width-l, 4px) solid var(--ug-warning-50);
  border-radius: 0 var(--ug-radius-s) var(--ug-radius-s) 0;
  background: var(--ug-surface-sunk, var(--wa-color-neutral-95));
  font-size: var(--ug-text-s);
  color: var(--ug-text-quiet);
}
.gal-del-ikke + .gal-del-ikke {
  margin-top: var(--ug-space-2xs);
}
.gal-del-ikke-lab {
  display: inline-block;
  margin-right: var(--ug-space-2xs);
  font-size: var(--ug-text-2xs);
  font-weight: var(--ug-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--ug-tracking-label);
  color: var(--ug-warning-40);
}
.gal-del-ikke-vigtig {
  border-left-color: var(--ug-brand);
}
.gal-del-ikke-vigtig .gal-del-ikke-lab {
  color: var(--ug-brand-strong);
}
.gal-del-seogsaa {
  margin-top: var(--ug-space-l);
  padding-top: var(--ug-space-s);
  border-top: var(--wa-border-width-s) solid var(--ug-border-quiet);
  font-size: var(--ug-text-s);
  color: var(--ug-text-quiet);
}
.gal-section > h2 {
  border-bottom: 2px solid var(--wa-color-neutral-80);
  padding-bottom: 0.4rem;
}
.gal-count {
  color: var(--wa-color-neutral-50);
  font-weight: 400;
  font-size: 0.9rem;
}
.gal-empty {
  padding: 1.5rem;
  border: 2px dashed var(--wa-color-neutral-70);
  border-radius: 0.5rem;
  color: var(--wa-color-neutral-50);
  text-align: center;
}
.gal-card {
  background: #fff;
  border: 1px solid var(--wa-color-neutral-80);
  border-radius: 0.6rem;
  margin: 1rem 0;
  overflow: hidden;
}
.gal-card-head {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.4rem;
  padding: 0.75rem 1rem;
  background: var(--wa-color-neutral-95);
  border-bottom: 1px solid var(--wa-color-neutral-80);
}
.gal-card-head-top {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.gal-card-head code {
  font-weight: 700;
  font-size: 0.95rem;
}
.gal-card-head .gal-kontekst,
.gal-card-head .gal-hint {
  color: var(--wa-color-neutral-50);
  font-size: 0.85rem;
}
.gal-badge {
  margin-left: auto;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.2rem 0.55rem;
  border-radius: 9999px;
}
.gal-badge-ok {
  background: var(--wa-color-success-90);
  color: var(--wa-color-success-30);
}
.gal-badge-fejl {
  background: var(--wa-color-danger-90);
  color: var(--wa-color-danger-30);
}
.gal-preview {
  padding: 1.5rem 1rem;
}
.gal-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 1px solid var(--wa-color-neutral-80);
}
.gal-detail > div {
  padding: 1rem;
  min-width: 0;
}
.gal-detail > div + div {
  border-left: 1px solid var(--wa-color-neutral-80);
}
.gal-detail h3 {
  margin: 0 0 0.5rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  color: var(--wa-color-neutral-50);
}
.gal-code {
  margin: 0;
  background: #1b1e23;
  color: #cdd3de;
  padding: 0.85rem 1rem;
  border-radius: 0.45rem;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  tab-size: 2;
  font-family: var(--wa-font-family-code, ui-monospace, "SF Mono", Menlo, monospace);
  font-size: 0.8rem;
  line-height: 1.55;
}
.gal-code .hl-sel {
  color: #7fd1b9;
  font-weight: 600;
}
.gal-code .hl-prop {
  color: #9cc7ff;
}
.gal-code .hl-val {
  color: #e6dcb3;
}
.gal-code .hl-token {
  color: #e89b6c;
  font-weight: 600;
}
.gal-code .hl-punct {
  color: #707a89;
}
.gal-code .hl-comment {
  color: #6c7888;
  font-style: italic;
}
.gal-code .hl-tag {
  color: #7fd1b9;
}
.gal-code .hl-attr {
  color: #9cc7ff;
}
.gal-code .hl-action {
  color: #e89b6c;
}
.gal-findings {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gal-findings li {
  background: var(--wa-color-danger-95);
  border-left: 3px solid var(--wa-color-danger-40);
  padding: 0.4rem 0.6rem;
  margin-bottom: 0.4rem;
  font-size: 0.85rem;
}
.gal-findings li code {
  color: var(--wa-color-danger-30);
  font-weight: 700;
}
.gal-ok-line {
  color: var(--wa-color-success-30);
  font-weight: 600;
}
.gal-rules-panel .gal-rule {
  background: var(--wa-color-neutral-95);
  border-left: 3px solid var(--wa-color-neutral-70);
  padding: 0.45rem 0.65rem;
  margin-bottom: 0.4rem;
  font-size: 0.85rem;
}
.gal-rule-ok {
  background: var(--wa-color-success-95);
  border-left-color: var(--wa-color-success-50);
}
.gal-rule-fejl {
  background: var(--wa-color-danger-95);
  border-left-color: var(--wa-color-danger-40);
}
.gal-rule-na {
  background: var(--wa-color-neutral-95);
  border-left-color: var(--wa-color-warning-50);
}
.gal-rule-top {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
.gal-rule-id code {
  font-weight: 700;
}
.gal-rule-ok .gal-rule-id code {
  color: var(--wa-color-success-30);
}
.gal-rule-fejl .gal-rule-id code {
  color: var(--wa-color-danger-30);
}
.gal-rule-na .gal-rule-id code {
  color: var(--wa-color-neutral-40);
}
.gal-rule-kort {
  color: var(--wa-color-neutral-30);
  font-weight: 600;
}
.gal-rule-detalje {
  margin: 0.25rem 0 0;
  padding-left: 0.1rem;
  color: var(--wa-color-neutral-40);
  font-size: 0.8rem;
  overflow-wrap: break-word;
}
.gal-badge-warn {
  background: var(--wa-color-warning-90);
  color: var(--wa-color-warning-30);
}
@media (max-width: 640px) {
  .gal-detail {
    grid-template-columns: 1fr;
  }
  .gal-detail > div + div {
    border-left: none;
    border-top: 1px solid var(--wa-color-neutral-80);
  }
}
.gal-soegefelt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  margin: 1.25rem 0 0.25rem;
}
.gal-soegefelt[hidden] {
  display: none;
}
.gal-soegefelt wa-input {
  flex: 1 1 320px;
  max-width: 480px;
}
.gal-soege-status {
  font-size: 0.78rem;
  color: var(--wa-color-neutral-40);
  font-weight: 600;
}
.gal-katvaelger {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.6rem 0 1rem;
}
.gal-katpil-alle {
  font-weight: 700;
  margin-right: 0.5rem;
}
.gal-katpil {
  font: inherit;
  font-size: 0.85rem;
  cursor: pointer;
  background: #fff;
  color: var(--wa-color-neutral-30);
  border: 1px solid var(--wa-color-neutral-80);
  border-radius: 9999px;
  padding: 0.3rem 0.85rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  transition:
    background 0.1s ease,
    border-color 0.1s ease,
    color 0.1s ease;
}
.gal-katpil:hover {
  border-color: var(--wa-color-brand-50);
}
.gal-katpil.aktiv {
  background: var(--wa-color-brand-40);
  color: #fff;
  border-color: var(--wa-color-brand-40);
}
.gal-katpil-antal {
  font-size: 0.72rem;
  font-weight: 700;
  background: var(--wa-color-neutral-90);
  color: var(--wa-color-neutral-40);
  border-radius: 9999px;
  padding: 0 0.4rem;
}
.gal-katpil.aktiv .gal-katpil-antal {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
}
.gal-underkat {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin: 1.6rem 0 0.6rem;
  padding-bottom: 0.3rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wa-color-neutral-30);
  border-bottom: 1px solid var(--wa-color-neutral-85);
}
.gal-katsektion > .gal-underkat:first-child {
  margin-top: 0.4rem;
}
.gal-underkat code {
  font-size: 0.82rem;
  background: var(--wa-color-neutral-95);
  padding: 0.05rem 0.45rem;
  border-radius: 0.35rem;
}
.gal-underkat-antal {
  font-size: 0.72rem;
  font-weight: 700;
  background: var(--wa-color-neutral-90);
  color: var(--wa-color-neutral-40);
  border-radius: 9999px;
  padding: 0 0.4rem;
}
.gal-badge-godkendt {
  background: var(--wa-color-brand-90);
  color: var(--wa-color-brand-30);
}
.gal-badge-afventer {
  background: var(--wa-color-neutral-90);
  color: var(--wa-color-neutral-40);
}
.gal-badge-kandidat {
  background: var(--wa-color-warning-90);
  color: var(--wa-color-warning-30);
}
.gal-badge-kladde {
  background: var(--wa-color-warning-95);
  color: var(--wa-color-warning-30);
  outline: 1px dashed var(--wa-color-warning-50);
  outline-offset: -1px;
}
.gal-delkat-gruppe {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}
.gal-delkat {
  font-size: 0.68rem;
  font-weight: 700;
  padding: 0.12rem 0.45rem;
  border-radius: 9999px;
  white-space: nowrap;
}
.gal-delkat-kandidat {
  background: var(--wa-color-warning-90);
  color: var(--wa-color-warning-30);
}
.gal-delkat-kladde {
  background: var(--wa-color-warning-95);
  color: var(--wa-color-warning-30);
  outline: 1px dashed var(--wa-color-warning-50);
  outline-offset: -1px;
}
.gal-statusfilter,
.gal-artfilter,
.gal-wadfilter,
.gal-helsefilter,
.gal-vpfilter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin: 0 0 1rem;
}
.gal-statusfilter,
.gal-artfilter,
.gal-wadfilter {
  margin-bottom: 0.4rem;
}
.gal-sf-label {
  font-size: 0.85rem;
  color: var(--wa-color-neutral-40);
  font-weight: 600;
}
.gal-sf-pil,
.gal-art-pil,
.gal-wad-pil,
.gal-helse-pil,
.gal-vp-pil {
  font: inherit;
  font-size: 0.8rem;
  cursor: pointer;
  background: #fff;
  color: var(--wa-color-neutral-30);
  border: 1px solid var(--wa-color-neutral-80);
  border-radius: 9999px;
  padding: 0.25rem 0.75rem;
}
.gal-sf-pil:hover,
.gal-art-pil:hover,
.gal-wad-pil:hover,
.gal-helse-pil:hover,
.gal-vp-pil:hover {
  border-color: var(--wa-color-brand-50);
}
.gal-sf-pil.aktiv,
.gal-art-pil.aktiv,
.gal-wad-pil.aktiv,
.gal-helse-pil.aktiv,
.gal-vp-pil.aktiv {
  background: var(--wa-color-neutral-30);
  color: #fff;
  border-color: var(--wa-color-neutral-30);
}
.gal-el-sum .gal-wa-badge {
  margin-left: 0.4rem;
}
.gal-viewports {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem 1rem;
  background: var(--wa-color-neutral-97, #f4f5f7);
  overflow-x: auto;
}
.gal-viewport {
  flex: none;
  margin: 0;
  border: 1px solid var(--wa-color-neutral-80);
  border-radius: 0.5rem;
  background: #fff;
  overflow: hidden;
}
.gal-viewport.gal-vp-desktop {
  width: 1280px;
}
.gal-viewport.gal-vp-tablet {
  width: 768px;
}
.gal-viewport.gal-vp-mobil {
  width: 390px;
}
html.gal-vp-hide-desktop .gal-viewports .gal-viewport.gal-vp-desktop,
html.gal-vp-hide-tablet .gal-viewports .gal-viewport.gal-vp-tablet,
html.gal-vp-hide-mobil .gal-viewports .gal-viewport.gal-vp-mobil {
  display: none;
}
.gal-viewport figcaption {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--wa-color-neutral-50);
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid var(--wa-color-neutral-90);
  background: var(--wa-color-neutral-95);
}
.gal-viewport-body {
  container-type: inline-size;
  padding: 1.25rem 1rem;
  box-sizing: border-box;
}
.gal-rel-preview {
  margin: 0.75rem 1rem 0;
}
.gal-rel-preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.gal-rel-preview-grid .gal-viewport {
  width: auto;
}
.gal-rel-preview-grid .gal-viewport-light {
  background: var(--wa-color-surface-default, #fff);
}
.gal-rel-preview-grid .gal-viewport-dark {
  background: #131211;
  color: var(--wa-color-neutral-90);
}
.gal-rel-preview-grid .gal-viewport-dark figcaption {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wa-color-neutral-60);
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
.gal-rel-flise {
  flex: 1 1 0;
  min-width: 0;
  padding: 1rem;
  border: 1px dashed var(--wa-color-neutral-60);
  border-radius: 0.4rem;
  text-align: center;
  font-size: 0.82rem;
  color: var(--wa-color-neutral-50);
  background: var(--wa-color-neutral-95);
}
.gal-skaermkort-preview {
  width: auto;
  margin: 0.75rem 1rem 0;
}
.gal-skaermkort-vp {
  padding: 0;
}
.gal-skaerm-iframe {
  display: block;
  width: 100%;
  height: 460px;
  border: 0;
  background: var(--wa-color-surface-default, #fff);
}
.gal-skaermkort-links {
  margin: 0.75rem 1rem;
}
.gal-el-sum .gal-skaerm-ramme {
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  color: var(--ug-text-quiet);
  white-space: nowrap;
}
.gal-rel-brugesaf {
  margin: 0.5rem 1rem 1rem;
  padding-top: 0.6rem;
  border-top: 1px solid var(--wa-color-neutral-90);
}
.gal-rel-brugesaf h3 {
  margin: 0.2rem 0 0.5rem;
  font-size: 0.95rem;
}
.gal-rel-brugesaf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.6rem 1.5rem;
}
.gal-rel-brugesaf h4 {
  margin: 0 0 0.4rem;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--wa-color-neutral-50);
}
.gal-chiprow {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.gal-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.35rem;
  border: 1px solid var(--wa-color-neutral-80);
  background: var(--wa-color-neutral-95);
  text-decoration: none;
  color: inherit;
  font-size: 0.82rem;
}
.gal-chip:hover {
  border-color: var(--wa-color-neutral-50);
}
.gal-chip[data-status=kn\e6kket],
.gal-chip[data-status=mangler] {
  border-color: var(--wa-color-danger-40);
}
.gal-chip-sub {
  color: var(--wa-color-neutral-50);
  font-size: 0.72rem;
}
.gal-pal-label {
  margin: 1.25rem 0 0.4rem;
  font-size: 0.95rem;
}
.gal-palette-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.gal-swatch {
  width: 72px;
  height: 56px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.4rem;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0.25rem;
  position: relative;
  transition: transform 0.08s ease, box-shadow 0.08s ease;
}
.gal-swatch:hover {
  transform: translateY(-2px);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
.gal-swatch-step {
  font-size: 0.7rem;
  font-weight: 700;
  color: #fff;
  mix-blend-mode: difference;
  background: rgba(0, 0, 0, 0.0);
}
.gal-swatch-tip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 6px);
  transform: translateX(-50%);
  background: var(--wa-color-neutral-10);
  color: #fff;
  font: 700 0.72rem var(--ug-mono, ui-monospace, monospace);
  padding: 0.2rem 0.45rem;
  border-radius: 0.3rem;
  white-space: nowrap;
  pointer-events: none;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.12s ease;
}
.gal-swatch-tip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-top-color: var(--wa-color-neutral-10);
}
.gal-swatch-tip.gal-tip-vis {
  opacity: 1;
}
.gal-ren-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0.1rem 0 0.5rem;
}
.gal-ren-swatch {
  box-shadow: 0 0 0 2px var(--wa-color-neutral-95), 0 0 0 3px var(--wa-color-neutral-40);
}
.gal-ren-meta {
  font-size: 0.8rem;
  color: var(--wa-color-neutral-40);
}
.gal-ren-meta code {
  font-size: 0.78rem;
}
.gal-icon-tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.gal-icon-tile {
  flex: 1 1 200px;
  border: 1px solid var(--wa-color-neutral-80);
  border-radius: 0.6rem;
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.gal-icon-tile:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}
.gal-icon-tile wa-icon {
  transition: transform 0.1s ease;
}
.gal-icon-tile:hover wa-icon {
  transform: scale(1.12);
}
.gal-tile-label {
  font-size: 0.8rem;
  font-weight: 600;
}
.gal-hint {
  color: var(--wa-color-neutral-50);
  font-size: 0.85rem;
}
.gal-tile-hvid {
  background: var(--ug-surface);
}
.gal-tile-brand {
  background: var(--ug-brand);
}
.gal-tile-accent {
  background: var(--ug-accent);
  --ug-ink-icon-primary: var(--ug-brand);
  --ug-ink-icon-secondary: var(--ug-on-brand);
}
.gal-tile-brand .gal-tile-label {
  color: var(--ug-on-brand);
}
.gal-tile-accent .gal-tile-label {
  color: var(--ug-on-accent);
}
.gal-demo-icon {
  font-size: 2.5rem;
}
.gal-fm-preview {
  height: 96px;
  border-radius: 0.5rem;
  border: 1px solid var(--wa-color-neutral-80);
}
.gal-fm-dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.4rem 1.25rem;
  margin: 1rem 0 0;
}
.gal-fm-dl dt {
  font-weight: 700;
  color: var(--wa-color-neutral-50);
}
.gal-fm-dl dd {
  margin: 0;
}
.gal-fm-dl code {
  font-size: 0.95rem;
}
.gal-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 2rem;
}
.gal-toolbar wa-input {
  flex: 1 1 280px;
  max-width: 440px;
}
.gal-kat {
  margin: 1.5rem 0 0.5rem;
  font-size: 1rem;
  color: var(--wa-color-neutral-40);
}
.gal-katgruppe[hidden] {
  display: none;
}
.gal-el {
  margin: 0.6rem 0;
  background: #fff;
  border: 1px solid var(--wa-color-neutral-80);
  border-radius: 0.6rem;
  scroll-margin-top: 1rem;
}
wa-details.gal-el {
  content-visibility: auto;
  contain-intrinsic-size: auto 3.5rem;
}
.gal-el-fremhaev {
  outline: 2px solid var(--wa-color-brand-40);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px var(--wa-color-brand-95);
  transition: outline-color 0.3s ease, box-shadow 0.3s ease;
}
.gal-el::part(header) {
  padding: 0.6rem 0.9rem;
}
.gal-el::part(content) {
  padding: 0;
}
.gal-el-sum {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  width: 100%;
}
.gal-el-sum code {
  font-weight: 700;
}
.gal-el-copy,
.gal-card-copy {
  font-size: 0.95rem;
  color: var(--wa-color-neutral-50);
}
.gal-fa-label {
  font-size: 0.85rem;
  color: var(--wa-color-neutral-40);
  font-weight: 600;
}
.gal-fa-select {
  min-width: 16rem;
}
.gal-duo-kontrol {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
  background: var(--wa-color-neutral-95);
  border: 1px solid var(--wa-color-neutral-80);
  border-radius: 0.5rem;
}
.gal-duo-kontrol > strong {
  flex-basis: 100%;
  font-size: 0.85rem;
  color: var(--wa-color-neutral-40);
}
.gal-duo-felt {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.78rem;
  color: var(--wa-color-neutral-40);
}
.gal-duo-felt wa-input {
  width: 6rem;
}
.gal-el-sum .gal-kontekst {
  color: var(--wa-color-neutral-50);
  font-size: 0.85rem;
}
.gal-el-sum .gal-badge {
  margin-left: auto;
}
.gal-rulecheck {
  padding: 1rem;
  border-top: 1px solid var(--wa-color-neutral-80);
}
.gal-rulecheck h3 {
  margin: 0 0 0.5rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  color: var(--wa-color-neutral-50);
}
.gal-tree {
  font-family: var(--wa-font-family-code, ui-monospace, "SF Mono", Menlo, Consolas, monospace);
  font-size: 0.8rem;
  background: #0f1720;
  color: #dce6ef;
  border-radius: 0.75rem;
  padding: 1.1rem 1.4rem;
  margin: 1rem 0;
  overflow-x: auto;
}
.gal-thead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid #24303d;
}
.gal-thead .gal-tt {
  font-weight: 700;
  font-size: 0.82rem;
  color: #dce6ef;
}
.gal-thead .gal-tt code {
  color: #c4d2e2;
  font-weight: 700;
}
.gal-tbadge {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 0.12rem 0.55rem;
  border-radius: 9999px;
  white-space: nowrap;
}
.gal-tbadge-ramme {
  background: #16252f;
  color: #7fd0ff;
}
.gal-trow {
  display: flex;
  align-items: baseline;
  padding: 0.18rem 0;
}
.gal-pre {
  white-space: pre;
  color: #56657a;
  flex: none;
}
.gal-node {
  flex: none;
  font-weight: 700;
  white-space: nowrap;
}
.gal-ann {
  flex: 1 1 0;
  min-width: 0;
  margin-left: 1rem;
  color: #7c8a99;
  font-size: 0.72rem;
  line-height: 1.4;
}
.gal-node-ram {
  color: #eaf0f7;
}
.gal-node-slot {
  color: #9fb3c4;
  font-weight: 600;
}
.gal-node-scr {
  color: #9db8d6;
}
.gal-node-ind {
  color: #c4d2e2;
}
.gal-node-rel {
  color: #f0b169;
}
.gal-node-grp {
  color: #f5a3c7;
}
.gal-node-el {
  color: #7ee0d2;
}
.gal-node-fam {
  color: #c9a8f0;
}
.gal-node-mangler {
  color: #e88f86;
}
.gal-node-aabn {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-style: dotted;
}
.gal-node-aabn:hover,
.gal-node-aabn:focus-visible {
  text-decoration-style: solid;
}
.gal-ref-aabn {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.gal-ref-aabn code {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-style: dotted;
}
.gal-ref-aabn:hover code,
.gal-ref-aabn:focus-visible code {
  text-decoration-style: solid;
}
.gal-nodemodal::part(dialog) {
  --width: min(48rem, 94vw);
}
.gal-elfull-dialog::part(dialog) {
  --width: min(56rem, 94vw);
}
.gal-nodemodal-top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 0 0 0.6rem;
}
.gal-nodemodal-top code {
  font-weight: 700;
}
.gal-nodemodal-detalje {
  margin-left: auto;
  white-space: nowrap;
  color: var(--wa-color-brand-40);
}
.gal-nodemodal-el {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.gal-nodemodal-preview {
  margin: 0;
}
.gal-nodemodal-preview.gal-vp-desktop {
  width: 100%;
}
.gal-nodemodal-elbadges {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin: 0;
}
.gal-tmembers {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gal-tmember .gal-pre::before {
  content: "\2502            \251c\2500  ";
}
.gal-tmember:last-child .gal-pre::before {
  content: "\2502            \2514\2500  ";
}
.gal-tmember,
.gal-tsubmember {
  flex-wrap: wrap;
}
.gal-tsub {
  flex-basis: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.gal-tsubmember .gal-pre::before {
  content: "\2502               \251c\2500  ";
}
.gal-tsubmember:last-child .gal-pre::before {
  content: "\2502               \2514\2500  ";
}
.gal-tsubmember > .gal-tsub {
  padding-left: 1.5rem;
}
.gal-tpos {
  flex: none;
  align-self: center;
  margin-right: 0.4rem;
  min-width: 1.15rem;
  text-align: center;
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 1.3;
  padding: 0.04rem 0.3rem;
  border-radius: 9999px;
  background: #1b2630;
  color: #9fb3c4;
  border: 1px solid #2c3b49;
}
.gal-tfam {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 0.05rem 0.45rem;
  border-radius: 0.35rem;
  margin-left: 0.45rem;
  white-space: nowrap;
  background: #241a33;
  color: #c9a8f0;
}
.gal-tarr {
  margin-left: 0.55rem;
  color: #8a97a6;
  font-size: 0.68rem;
}
.gal-tarr code {
  color: #f0b169;
  font-weight: 700;
}
.gal-tcond {
  margin-left: 0.45rem;
  color: #9a8ab0;
  font-size: 0.66rem;
  font-style: italic;
}
.gal-tag {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 0.05rem 0.45rem;
  border-radius: 0.35rem;
  margin-left: 0.45rem;
  white-space: nowrap;
}
.gal-tag-fill {
  background: #13352f;
  color: #54d6a0;
}
.gal-tag-fri {
  background: #3a3320;
  color: #e7c07a;
}
.gal-tag-kand {
  background: #2a2c1a;
  color: #d4d07a;
}
.gal-tag-fejl {
  background: #3a2330;
  color: #f5a3c7;
}
.gal-tag-kladde {
  background: #2a2410;
  color: #e7c060;
  outline: 1px dashed #8a7320;
  outline-offset: -1px;
}
.gal-tfoot {
  margin-top: 0.7rem;
  padding-top: 0.7rem;
  border-top: 1px solid #24303d;
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
}
.gal-tfoot .gal-okk {
  color: #54d6a0;
  font-weight: 700;
  font-size: 0.72rem;
}
.gal-byg-kontrol {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0;
}
.gal-byg-fejl {
  color: var(--wa-color-danger-40);
  font-size: 0.85rem;
  font-weight: 600;
  margin: 0;
}
.gal-byg-flip {
  font: inherit;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  cursor: pointer;
  margin-left: 0.45rem;
  white-space: nowrap;
  background: #16252f;
  color: #7fd0ff;
  border: 1px solid #2c4456;
  border-radius: 0.35rem;
  padding: 0.08rem 0.5rem;
}
.gal-byg-flip:hover {
  border-color: #7fd0ff;
}
.gal-byg-flip:focus-visible {
  outline: 2px solid #7fd0ff;
  outline-offset: 1px;
}
.gal-findings .gal-byg-flip {
  background: var(--wa-color-brand-95);
  color: var(--wa-color-brand-30);
  border-color: var(--wa-color-brand-80);
}
:root,
.wa-light {
  --ug-bg: var(--wa-color-neutral-95);
  --ug-surface: #ffffff;
  --ug-text: var(--wa-color-neutral-10);
  --ug-text-quiet: var(--wa-color-neutral-40);
  --ug-text-soft: color-mix(in srgb, var(--wa-color-neutral-40), var(--wa-color-neutral-50));
  --ug-text-faint: var(--wa-color-neutral-50);
  --ug-ink-icon-primary: var(--ug-brand);
  --ug-ink-icon-secondary: var(--ug-icon-accent);
  --ug-ink-icon-secondary-opacity: 1;
  --ug-brand: #00483e;
  --ug-brand-strong: var(--ug-brand);
  --ug-accent: var(--wa-color-accent-60);
  --ug-danger: var(--wa-color-danger-40);
  --ug-success: #63b375;
  --ug-warning: #fff075;
  --ug-neutral: var(--wa-color-neutral-50);
  --ug-lys-accent: var(--wa-color-lys-accent-50);
  --ug-lys-brand: var(--wa-color-lys-brand-50);
  --ug-info: var(--wa-color-lys-brand-40);
  --ug-text-accent: var(--ug-accent);
  --ug-icon-accent: var(--ug-accent);
  --ug-border: var(--wa-color-neutral-80);
  --ug-border-quiet: var(--wa-color-neutral-90);
  --ug-graf-skaerm: #1769aa;
  --ug-graf-ramme: #5a6776;
  --ug-graf-tilstand: #0d7a92;
  --ug-graf-indhold: #48586a;
  --ug-graf-rel: #6b46c1;
  --ug-graf-gruppe: #8b3fd1;
  --ug-graf-element: #1a8b5a;
  --ug-graf-slice: #9a5b00;
  --ug-graf-familie: #c0306a;
  --ug-graf-token: #0d8b6f;
  --ug-graf-overlay: #9a6b00;
  --ug-text-2xl: 1.5625rem;
  --ug-text-14: 0.875rem;
  --ug-text-m: 0.90625rem;
  --ug-text-s: 0.78125rem;
  --ug-text-xs: 0.6875rem;
  --ug-text-2xs: 0.65625rem;
  --ug-text-3xs: 0.53125rem;
  --ug-text-2xs-s:0.59375rem;
  --ug-text-xs-s: 0.625rem;
  --ug-text-s-d: 0.71875rem;
  --ug-text-s-u: 0.75rem;
  --ug-text-ms: 0.8125rem;
  --ug-text-md: 0.84375rem;
  --ug-text-m-u: 0.875rem;
  --ug-text-l-d: 0.96875rem;
  --ug-text-l: 0.9375rem;
  --ug-text-base: 1rem;
  --ug-text-l-u: 1.0625rem;
  --ug-text-xl: 1.125rem;
  --ug-text-2xl-xs:1.25rem;
  --ug-text-2xl-s:1.3125rem;
  --ug-text-2xl-m:1.375rem;
  --ug-text-2xl-l:1.5rem;
  --ug-text-3xl-s:1.625rem;
  --ug-text-3xl-m:1.75rem;
  --ug-space-m: 1rem;
  --ug-space-s: 0.75rem;
  --ug-space-xs: 0.5625rem;
  --ug-space-2xs: 0.4375rem;
  --ug-space-4xs: 0.0625rem;
  --ug-space-3xs: 0.125rem;
  --ug-space-2xs-s:0.1875rem;
  --ug-space-2xs-u:0.25rem;
  --ug-space-xs-d:0.3125rem;
  --ug-space-xs-s:0.375rem;
  --ug-space-s-d: 0.5rem;
  --ug-space-s-u: 0.625rem;
  --ug-space-s-m: 0.6875rem;
  --ug-space-m-d: 0.8125rem;
  --ug-space-m-u: 0.875rem;
  --ug-space-ml: 0.9375rem;
  --ug-space-l: 1.125rem;
  --ug-space-xl: 1.25rem;
  --ug-space-xl-m:1.375rem;
  --ug-space-2xl: 1.5rem;
  --ug-space-2xl-m:1.625rem;
  --ug-space-2xl-l:1.75rem;
  --ug-space-3xl: 1.875rem;
  --ug-space-3xl-l:2rem;
  --ug-space-4xl: 2.125rem;
  --ug-space-4xl-l:2.25rem;
  --ug-space-5xl: 4rem;
  --ug-space-6xl: 7.5rem;
  --ug-space-none: 0rem;
  --ug-tracking-tight: -0.022em;
  --ug-tracking-wide: 0.1em;
  --ug-tracking-wider: 0.12em;
  --ug-tracking-label: 0.08em;
  --ug-tracking-tightest: -0.025em;
  --ug-tracking-tighter: -0.02em;
  --ug-tracking-snug: -0.01em;
  --ug-tracking-flush: 0.01em;
  --ug-tracking-xs: 0.02em;
  --ug-tracking-s: 0.03em;
  --ug-tracking-m: 0.04em;
  --ug-tracking-ml: 0.05em;
  --ug-tracking-l: 0.06em;
  --ug-tracking-xl: 0.09em;
  --ug-tracking-2xl: 0.11em;
  --ug-tracking-3xl: 0.14em;
  --ug-weight-light: 300;
  --ug-weight-medium: 500;
  --ug-weight-semibold: 600;
  --ug-weight-bold: 700;
  --ug-font:
    "Figtree",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --ug-mono:
    "IBM Plex Mono",
    ui-monospace,
    monospace;
  --ug-surface-2: var(--wa-color-neutral-95);
  --ug-surface-sunk: var(--wa-color-neutral-90);
  --ug-border-strong: var(--wa-color-neutral-70);
  --ug-icon-tile: var(--wa-color-neutral-95);
  --ug-brand-line: var(--wa-color-brand-80);
  --ug-brand-quiet: var(--wa-color-lys-brand-95);
  --ug-accent-line: var(--wa-color-accent-80);
  --ug-accent-quiet: var(--wa-color-accent-95);
  --ug-row-hover: var(--wa-color-neutral-95);
  --ug-shadow: 0 1px 2px rgba(16,19,19,.06), 0 4px 16px -8px rgba(16,19,19,.14);
  --ug-shadow-pop: 0 8px 30px -8px rgba(16,19,19,.26), 0 2px 6px rgba(16,19,19,.10);
  --ug-radius-l: 16px;
  --ug-on-brand: #fff;
  --ug-on-brand-quiet: rgba(255,255,255,.92);
  --ug-on-brand-soft: rgba(255,255,255,.78);
  --ug-on-brand-faint: rgba(255,255,255,.62);
  --ug-on-accent: #000;
  --ug-text-3xl: 1.875rem;
}
.wa-dark {
  --ug-surface-2: #1b1a19;
  --ug-surface-sunk: #100f0e;
  --ug-border-strong: var(--wa-color-neutral-30);
  --ug-icon-tile: var(--wa-color-neutral-20);
  --ug-brand-line: var(--wa-color-brand-30);
  --ug-brand-quiet: var(--wa-color-lys-brand-10);
  --ug-accent-line: var(--wa-color-accent-30);
  --ug-accent-quiet: #2a1610;
  --ug-row-hover: #1b1a19;
  --ug-shadow: 0 1px 2px rgba(0,0,0,.4), 0 6px 20px -10px rgba(0,0,0,.6);
  --ug-shadow-pop: 0 10px 34px -8px rgba(0,0,0,.7), 0 2px 8px rgba(0,0,0,.5);
  --ug-radius-l: 16px;
  --ug-surface: #1f1d1c;
  --ug-text: var(--wa-color-neutral-90);
  --ug-text-quiet: var(--wa-color-neutral-70);
  --ug-text-soft: var(--wa-color-neutral-80);
  --ug-text-faint: var(--wa-color-neutral-60);
  --ug-border: var(--wa-color-neutral-30);
  --ug-border-quiet: var(--wa-color-neutral-20);
  --ug-brand-strong: var(--wa-color-brand-80);
  --ug-text-accent: var(--wa-color-accent-70);
  --ug-warning-text: var(--wa-color-warning-70);
  --ug-ink-icon-primary: var(--wa-color-brand-80);
  --ug-graf-skaerm: #7cc4ff;
  --ug-graf-ramme: #8a96a6;
  --ug-graf-tilstand: #6fd0e6;
  --ug-graf-indhold: #b6c2cf;
  --ug-graf-rel: #c4a7ff;
  --ug-graf-gruppe: #d6a4ff;
  --ug-graf-element: #5ad19a;
  --ug-graf-slice: #ffb454;
  --ug-graf-familie: #ff8fb1;
  --ug-graf-token: #5fd0b0;
  --ug-graf-overlay: #ffd479;
}
.wa-dark body {
  background: #131211;
  color: var(--wa-color-neutral-90);
}
.split-brand,
[data-surface=brand],
.on-brand {
  --ug-text: var(--ug-on-brand);
  --ug-text-quiet: var(--ug-on-brand-quiet);
  --ug-text-soft: var(--ug-on-brand-soft);
  --ug-text-faint: var(--ug-on-brand-faint);
  --ug-ink-icon-primary: var(--ug-on-brand);
  --ug-ink-icon-secondary: var(--ug-icon-accent);
  --ug-border: rgba(255, 255, 255, .22);
}
[data-surface=success] {
  --ug-surface: var(--ug-surface-success);
  --ug-text: var(--ug-on-success-surface);
}
[data-surface=warning] {
  --ug-surface: var(--ug-surface-warning);
  --ug-text: var(--ug-on-warning-surface);
}
[data-surface=danger] {
  --ug-surface: var(--ug-surface-danger);
  --ug-text: var(--ug-on-danger-surface);
}
[data-surface=info] {
  --ug-surface: var(--ug-surface-info);
  --ug-text: var(--ug-on-info-surface);
}
[data-surface=plan] {
  --ug-surface: var(--ug-surface-plan);
  --ug-text: var(--ug-on-plan-surface);
}
wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
  --secondary-opacity: var(--ug-ink-icon-secondary-opacity);
}
.gal-gvf {
  --ug-gvf-gruppe:var(--ug-graf-gruppe);
  --ug-gvf-familie:var(--ug-graf-familie);
  --ug-gvf-element:var(--ug-graf-element);
  --ug-gvf-rel:var(--ug-graf-rel);
  --ug-gvf-ok:var(--ug-success);
  --ug-gvf-no:var(--ug-danger);
  --ug-gvf-warn:var(--ug-graf-slice);
  --ug-gvf-panel:var(--ug-surface);
  --ug-gvf-ink:var(--ug-text);
  --ug-gvf-muted:var(--ug-text-quiet);
  --ug-gvf-line:var(--ug-border-quiet);
  --ug-gvf-line2:var(--ug-border);
  --ug-gvf-mono:var(--ug-mono);
}
.gal-gvf .gvf-lead {
  color: var(--ug-gvf-muted);
  margin: 0 0 12px;
  max-width: 72ch;
}
.gal-gvf .gvf-legend {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin: 0 0 4px;
  font-size: 0.9rem;
}
.gal-gvf .gvf-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.gal-gvf .gvf-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  flex: none;
  display: inline-block;
}
.gal-gvf .is-g {
  color: var(--ug-gvf-gruppe);
}
.gal-gvf .is-f {
  color: var(--ug-gvf-familie);
}
.gal-gvf .gvf-dot.is-g {
  background: var(--ug-gvf-gruppe);
}
.gal-gvf .gvf-dot.is-f {
  background: var(--ug-gvf-familie);
}
.gal-gvf .gvf-dot.is-e {
  background: var(--ug-gvf-element);
}
.gal-gvf .gvf-card {
  background: var(--ug-gvf-panel);
  border: 1px solid var(--ug-gvf-line);
  border-radius: 14px;
  padding: 20px 22px;
  margin: 0 0 22px;
}
.gal-gvf .gvf-card.is-fam {
  border-color: color-mix(in oklab, var(--ug-gvf-familie) 35%, var(--ug-gvf-line));
}
.gal-gvf .gvf-card.is-bad {
  border-color: color-mix(in oklab, var(--ug-gvf-no) 38%, var(--ug-gvf-line));
}
.gal-gvf .gvf-card.is-quiet {
  border-color: var(--ug-gvf-line2);
}
.gal-gvf .gvf-card > h2 {
  margin: 0 0 14px;
  font-size: 1.1rem;
}
.gal-gvf .gvf-sub {
  color: var(--ug-gvf-muted);
  font-size: 0.92rem;
  margin: 0 0 12px;
}
.gal-gvf .gvf-key {
  font-weight: 600;
  color: var(--ug-gvf-ink);
  font-size: 0.92rem;
  margin: 14px 0 0;
}
.gal-gvf .gvf-vs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.gal-gvf .gvf-three {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}
@media (max-width: 760px) {
  .gal-gvf .gvf-vs {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 680px) {
  .gal-gvf .gvf-three {
    grid-template-columns: 1fr;
  }
}
.gal-gvf .gvf-mid {
  align-self: center;
}
.gal-gvf .gvf-col {
  border: 1.5px solid var(--ug-gvf-line2);
  border-radius: 14px;
  padding: 18px;
  background: var(--ug-gvf-panel);
}
.gal-gvf .gvf-col.is-g {
  border-color: color-mix(in oklab, var(--ug-gvf-gruppe) 55%, var(--ug-gvf-line));
}
.gal-gvf .gvf-col.is-f {
  border-color: color-mix(in oklab, var(--ug-gvf-familie) 55%, var(--ug-gvf-line));
}
.gal-gvf .gvf-col.is-ok {
  border-color: color-mix(in oklab, var(--ug-gvf-ok) 50%, var(--ug-gvf-line));
}
.gal-gvf .gvf-col.is-bad {
  border-color: color-mix(in oklab, var(--ug-gvf-no) 50%, var(--ug-gvf-line));
}
.gal-gvf .gvf-col h3 {
  margin: 0 0 2px;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 8px;
}
.gal-gvf .gvf-col.is-g h3 {
  color: var(--ug-gvf-gruppe);
}
.gal-gvf .gvf-col.is-f h3 {
  color: var(--ug-gvf-familie);
}
.gal-gvf .gvf-q {
  font-size: 0.85rem;
  color: var(--ug-gvf-muted);
  margin: 0 0 4px;
  font-style: italic;
}
.gal-gvf .gvf-path {
  font-family: var(--ug-gvf-mono);
  font-size: 0.76rem;
  color: var(--ug-gvf-muted);
  margin: 0 0 14px;
  word-break: break-word;
}
.gal-gvf .gvf-viz {
  background: color-mix(in oklab, var(--ug-gvf-ink) 4%, transparent);
  border: 1px dashed var(--ug-gvf-line2);
  border-radius: 11px;
  padding: 16px;
  margin-bottom: 12px;
}
.gal-gvf .gvf-cap {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ug-gvf-muted);
  margin-bottom: 11px;
  font-weight: 600;
}
.gal-gvf .gvf-stack {
  display: grid;
  gap: 7px;
  position: relative;
  border-left: 3px solid color-mix(in oklab, var(--ug-gvf-rel) 60%, transparent);
  padding-left: 13px;
}
.gal-gvf .gvf-rl {
  position: absolute;
  left: -6px;
  top: 50%;
  transform: translate(-100%, -50%) rotate(-90deg);
  transform-origin: center;
  font-size: 0.6rem;
  color: var(--ug-gvf-rel);
  font-family: var(--ug-gvf-mono);
  white-space: nowrap;
}
.gal-gvf .gvf-mem {
  border: 1px solid color-mix(in oklab, var(--ug-gvf-gruppe) 40%, var(--ug-gvf-line));
  background: color-mix(in oklab, var(--ug-gvf-gruppe) 9%, var(--ug-gvf-panel));
  border-radius: 8px;
  padding: 8px 11px;
  font-size: 0.83rem;
  display: flex;
  align-items: center;
  gap: 8px;
}
.gal-gvf .gvf-mem.is-ok {
  border-color: color-mix(in oklab, var(--ug-gvf-ok) 50%, var(--ug-gvf-line));
  background: color-mix(in oklab, var(--ug-gvf-ok) 9%, var(--ug-gvf-panel));
}
.gal-gvf .gvf-mem.is-bad {
  border-color: color-mix(in oklab, var(--ug-gvf-no) 55%, var(--ug-gvf-line));
  background: color-mix(in oklab, var(--ug-gvf-no) 10%, var(--ug-gvf-panel));
  flex-direction: column;
  align-items: stretch;
  gap: 7px;
}
.gal-gvf .gvf-mem .gvf-d,
.gal-gvf .gvf-fopt .gvf-d {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--ug-gvf-element);
  flex: none;
}
.gal-gvf .gvf-slot {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--ug-gvf-mono);
  font-size: 0.78rem;
}
.gal-gvf .gvf-chips {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  padding-left: 16px;
}
.gal-gvf .gvf-chips span {
  font-size: 0.66rem;
  font-family: var(--ug-gvf-mono);
  border: 1px dashed var(--ug-gvf-line2);
  border-radius: 5px;
  padding: 2px 6px;
  color: var(--ug-gvf-muted);
  background: var(--ug-gvf-panel);
}
.gal-gvf .gvf-gnote {
  font-size: 0.77rem;
  color: var(--ug-gvf-muted);
  margin-top: 9px;
  text-align: center;
}
.gal-gvf .gvf-fam {
  display: grid;
  gap: 7px;
}
.gal-gvf .gvf-fopt {
  border: 1px solid var(--ug-gvf-line2);
  border-radius: 8px;
  padding: 8px 11px;
  font-size: 0.83rem;
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0.42;
}
.gal-gvf .gvf-fopt .gvf-d {
  opacity: 0.5;
}
.gal-gvf .gvf-fopt.is-pick {
  opacity: 1;
  border-color: color-mix(in oklab, var(--ug-gvf-familie) 60%, var(--ug-gvf-line));
  background: color-mix(in oklab, var(--ug-gvf-familie) 11%, var(--ug-gvf-panel));
}
.gal-gvf .gvf-fopt.is-pick .gvf-d {
  background: var(--ug-gvf-familie);
  opacity: 1;
}
.gal-gvf .gvf-pin {
  margin-left: auto;
  font-size: 0.67rem;
  font-family: var(--ug-gvf-mono);
  color: var(--ug-gvf-muted);
}
.gal-gvf .gvf-fopt.is-pick .gvf-pin {
  color: var(--ug-gvf-familie);
  font-weight: 700;
}
.gal-gvf .gvf-dl {
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 12px;
  font-size: 0.85rem;
}
.gal-gvf .gvf-dl dt {
  color: var(--ug-gvf-muted);
}
.gal-gvf .gvf-dl dd {
  margin: 0;
  font-weight: 600;
}
.gal-gvf .gvf-mock {
  border: 1px solid var(--ug-gvf-line2);
  border-radius: 12px;
  padding: 13px;
  background: var(--ug-gvf-panel);
}
.gal-gvf .gvf-mh {
  font-size: 0.82rem;
  font-weight: 700;
  margin: 0 0 10px;
}
.gal-gvf .gvf-field {
  border: 1.5px solid var(--ug-gvf-line2);
  border-radius: 8px;
  padding: 9px 10px;
  font-size: 0.76rem;
  color: var(--ug-gvf-muted);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 7px;
  background: color-mix(in oklab, var(--ug-gvf-ink) 3%, var(--ug-gvf-panel));
}
.gal-gvf .gvf-btn {
  border-radius: 8px;
  padding: 8px;
  text-align: center;
  font-size: 0.76rem;
  font-weight: 600;
  margin-bottom: 7px;
}
.gal-gvf .gvf-btn.is-primary {
  background: color-mix(in oklab, var(--ug-gvf-rel) 16%, var(--ug-gvf-panel));
  color: var(--ug-gvf-rel);
}
.gal-gvf .gvf-btn.is-ghost {
  border: 1px solid var(--ug-gvf-line2);
  color: var(--ug-gvf-ink);
}
.gal-gvf .gvf-mock .gvf-btn:last-child,
.gal-gvf .gvf-slotgrp .gvf-field:last-child,
.gal-gvf .gvf-slotgrp .gvf-btn:last-child {
  margin-bottom: 0;
}
.gal-gvf .gvf-field.is-slotfam {
  outline: 2px solid var(--ug-gvf-familie);
  outline-offset: 2px;
}
.gal-gvf .gvf-slotgrp {
  outline: 2px solid var(--ug-gvf-gruppe);
  outline-offset: 3px;
  border-radius: 9px;
  padding: 4px;
  margin-bottom: 8px;
}
.gal-gvf .gvf-mockcap {
  font-size: 0.71rem;
  font-family: var(--ug-gvf-mono);
  color: var(--ug-gvf-muted);
  text-align: center;
  margin: 8px 0 0;
}
.gal-gvf .gvf-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--ug-gvf-line2);
  border-radius: 8px;
  margin-bottom: 7px;
  font-size: 0.78rem;
}
.gal-gvf .gvf-row:last-child {
  margin-bottom: 0;
}
.gal-gvf .gvf-row .gvf-nm {
  flex: 1;
}
.gal-gvf .gvf-pill {
  font-size: 0.67rem;
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 999px;
  outline: 2px solid var(--ug-gvf-familie);
  outline-offset: 2px;
}
.gal-gvf .gvf-pill.is-admin {
  background: color-mix(in oklab, var(--ug-gvf-no) 16%, var(--ug-gvf-panel));
  color: var(--ug-gvf-no);
}
.gal-gvf .gvf-pill.is-red {
  background: color-mix(in oklab, var(--ug-gvf-rel) 16%, var(--ug-gvf-panel));
  color: var(--ug-gvf-rel);
}
.gal-gvf .gvf-pill.is-mem {
  background: color-mix(in oklab, var(--ug-gvf-ink) 9%, var(--ug-gvf-panel));
  color: var(--ug-gvf-muted);
}
.gal-gvf .gvf-rules {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
}
.gal-gvf .gvf-rules.is-two {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 820px) {
  .gal-gvf .gvf-rules,
  .gal-gvf .gvf-rules.is-two {
    grid-template-columns: 1fr;
  }
}
.gal-gvf .gvf-rc {
  border: 1.5px solid var(--ug-gvf-line2);
  border-radius: 12px;
  padding: 15px 16px;
  background: var(--ug-gvf-panel);
}
.gal-gvf .gvf-rc.is-ok {
  border-color: color-mix(in oklab, var(--ug-gvf-ok) 50%, var(--ug-gvf-line));
}
.gal-gvf .gvf-rc.is-bad {
  border-color: color-mix(in oklab, var(--ug-gvf-no) 50%, var(--ug-gvf-line));
}
.gal-gvf .gvf-rc h4 {
  margin: 0 0 3px;
  font-size: 0.94rem;
  display: flex;
  align-items: center;
  gap: 7px;
}
.gal-gvf .gvf-rc.is-ok h4 {
  color: var(--ug-gvf-ok);
}
.gal-gvf .gvf-rc.is-bad h4 {
  color: var(--ug-gvf-no);
}
.gal-gvf .gvf-why {
  font-size: 0.83rem;
  color: var(--ug-gvf-muted);
  margin: 0 0 11px;
}
.gal-gvf .gvf-badge {
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 5px;
  margin-left: auto;
  white-space: nowrap;
}
.gal-gvf .gvf-badge.is-ok {
  background: color-mix(in oklab, var(--ug-gvf-ok) 18%, transparent);
  color: var(--ug-gvf-ok);
}
.gal-gvf .gvf-badge.is-bad {
  background: color-mix(in oklab, var(--ug-gvf-no) 20%, transparent);
  color: var(--ug-gvf-no);
}
.gal-gvf .gvf-code {
  font-family: var(--ug-gvf-mono);
  font-size: 0.73rem;
  line-height: 1.55;
  background: color-mix(in oklab, var(--ug-gvf-ink) 6%, transparent);
  border: 1px solid var(--ug-gvf-line);
  border-radius: 8px;
  padding: 9px 11px;
  margin: 0 0 10px;
  white-space: pre-wrap;
  word-break: break-word;
}
.gal-gvf .gvf-ann {
  color: var(--ug-gvf-muted);
}
.gal-gvf .gvf-hlbad {
  color: var(--ug-gvf-no);
  font-weight: 700;
}
.gal-gvf .gvf-hlok {
  color: var(--ug-gvf-ok);
  font-weight: 700;
}
.gal-gvf .gvf-err {
  font-family: var(--ug-gvf-mono);
  font-size: 0.72rem;
  line-height: 1.5;
  color: var(--ug-gvf-no);
  background: color-mix(in oklab, var(--ug-gvf-no) 9%, transparent);
  border-left: 3px solid var(--ug-gvf-no);
  border-radius: 0 6px 6px 0;
  padding: 8px 10px;
  margin: 0;
}
.gal-gvf .gvf-okline {
  font-family: var(--ug-gvf-mono);
  font-size: 0.72rem;
  color: var(--ug-gvf-ok);
  background: color-mix(in oklab, var(--ug-gvf-ok) 9%, transparent);
  border-left: 3px solid var(--ug-gvf-ok);
  border-radius: 0 6px 6px 0;
  padding: 8px 10px;
  margin: 0;
}
.gal-gvf .gvf-x {
  color: var(--ug-gvf-no);
  font-weight: 700;
}
.gal-gvf .gvf-ck {
  color: var(--ug-gvf-ok);
  font-weight: 700;
}
.gal-gvf .gvf-test {
  margin: 16px 0 0;
  padding: 13px 15px;
  border: 1.5px solid color-mix(in oklab, var(--ug-gvf-familie) 45%, var(--ug-gvf-line));
  border-radius: 11px;
  background: color-mix(in oklab, var(--ug-gvf-familie) 7%, var(--ug-gvf-panel));
}
.gal-gvf .gvf-test p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.6;
}
.gal-gvf .gvf-test .gvf-th {
  font-weight: 700;
  font-size: 0.93rem;
  margin: 0 0 7px;
}
.gal-gvf table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.89rem;
}
.gal-gvf th,
.gal-gvf td {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid var(--ug-gvf-line);
  vertical-align: top;
}
.gal-gvf thead th {
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--ug-gvf-muted);
}
.gal-gvf thead th.is-g {
  color: var(--ug-gvf-gruppe);
}
.gal-gvf thead th.is-f {
  color: var(--ug-gvf-familie);
}
.gal-gvf td.gvf-ax {
  color: var(--ug-gvf-muted);
  font-size: 0.83rem;
  width: 24%;
}
.gal-gvf tbody tr:last-child td {
  border-bottom: none;
}
.gal-gvf ul.gvf-flat {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 9px;
}
.gal-gvf ul.gvf-flat li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 0.92rem;
}
.gal-gvf ul.gvf-flat li .gvf-mk {
  flex: none;
  font-weight: 700;
  width: 18px;
  text-align: center;
}
.gal-slc {
  --ug-slc-slice:var(--ug-graf-slice);
  --ug-slc-data:var(--ug-graf-skaerm);
  --ug-slc-view:var(--ug-graf-familie);
  --ug-slc-host:var(--ug-info);
  --ug-slc-ok:var(--ug-success);
  --ug-slc-no:var(--ug-danger);
  --ug-slc-warn:var(--ug-warning);
  --ug-slc-panel:var(--ug-surface);
  --ug-slc-ink:var(--ug-text);
  --ug-slc-muted:var(--ug-text-quiet);
  --ug-slc-line:var(--ug-border-quiet);
  --ug-slc-line2:var(--ug-border);
  --ug-slc-mono:var(--ug-mono);
}
.gal-slc .slc-lead {
  color: var(--ug-slc-muted);
  margin: 0 0 12px;
  max-width: 78ch;
}
.gal-slc .slc-lead .slc-is-s {
  color: var(--ug-slc-slice);
}
.gal-slc .slc-is-data {
  color: var(--ug-slc-data);
}
.gal-slc .slc-is-view {
  color: var(--ug-slc-view);
}
.gal-slc .slc-x {
  color: var(--ug-slc-no);
  font-weight: 700;
}
.gal-slc .slc-ck {
  color: var(--ug-slc-ok);
  font-weight: 700;
}
.gal-slc .slc-legend {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin: 0 0 8px;
  font-size: 0.9rem;
}
.gal-slc .slc-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.gal-slc .slc-tag {
  font-style: normal;
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 5px;
  white-space: nowrap;
  flex: none;
}
.gal-slc .slc-tag.slc-is-grundet {
  background: color-mix(in oklab, var(--ug-slc-ok) 18%, transparent);
  color: var(--ug-slc-ok);
  border: 1px solid color-mix(in oklab, var(--ug-slc-ok) 45%, transparent);
}
.gal-slc .slc-tag.slc-is-forslag {
  background: color-mix(in oklab, var(--ug-slc-warn) 24%, transparent);
  color: var(--ug-slc-ink);
  border: 1px solid color-mix(in oklab, var(--ug-slc-warn) 60%, var(--ug-slc-line));
}
.gal-slc .slc-card {
  background: var(--ug-slc-panel);
  border: 1px solid var(--ug-slc-line);
  border-radius: 14px;
  padding: 20px 22px;
  margin: 0 0 22px;
}
.gal-slc .slc-card.is-quiet {
  border-color: var(--ug-slc-line2);
}
.gal-slc .slc-card.is-bad {
  border-color: color-mix(in oklab, var(--ug-slc-no) 35%, var(--ug-slc-line));
}
.gal-slc .slc-card > h2 {
  margin: 0 0 12px;
  font-size: 1.1rem;
}
.gal-slc .slc-card > h2::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 0.95em;
  margin-right: 9px;
  vertical-align: -0.08em;
  border-radius: 2px;
  background: var(--ug-slc-slice);
}
.gal-slc .slc-sub {
  color: var(--ug-slc-muted);
  font-size: 0.92rem;
  margin: 0 0 12px;
}
.gal-slc .slc-cite {
  font-family: var(--ug-slc-mono);
  font-size: 0.68rem;
  color: var(--ug-slc-host);
  background: color-mix(in oklab, var(--ug-slc-host) 12%, transparent);
  padding: 1px 6px;
  border-radius: 5px;
  white-space: nowrap;
}
.gal-slc .slc-def {
  border-left: 3px solid var(--ug-slc-slice);
  padding: 6px 0 6px 15px;
  margin: 6px 0 14px;
  font-size: 0.95rem;
}
.gal-slc .slc-def b {
  color: var(--ug-slc-slice);
}
.gal-slc .slc-note {
  background: color-mix(in oklab, var(--ug-slc-no) 8%, transparent);
  border: 1px solid color-mix(in oklab, var(--ug-slc-no) 30%, var(--ug-slc-line));
  border-radius: 11px;
  padding: 12px 15px;
  font-size: 0.9rem;
  margin: 12px 0;
}
.gal-slc ul.slc-flat {
  list-style: none;
  margin: 8px 0;
  padding: 0;
  display: grid;
  gap: 9px;
}
.gal-slc ul.slc-flat li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 0.9rem;
  line-height: 1.55;
}
.gal-slc ul.slc-flat li .slc-mk {
  flex: none;
  font-weight: 700;
  width: 16px;
  text-align: center;
}
.gal-slc .slc-flow {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 12px 0;
  font-family: var(--ug-slc-mono);
  font-size: 0.78rem;
}
.gal-slc .slc-node {
  border: 1.5px solid var(--ug-slc-line2);
  border-radius: 9px;
  padding: 9px 12px;
  background: var(--ug-slc-panel);
  text-align: center;
}
.gal-slc .slc-node small {
  color: var(--ug-slc-muted);
  font-size: 0.92em;
}
.gal-slc .slc-node.slc-n-trig {
  border-color: color-mix(in oklab, var(--ug-slc-host) 55%, var(--ug-slc-line));
}
.gal-slc .slc-node.slc-n-src {
  border-color: color-mix(in oklab, var(--ug-slc-slice) 55%, var(--ug-slc-line));
}
.gal-slc .slc-node.slc-n-pres {
  border: 1.5px dashed var(--ug-slc-slice);
  background: color-mix(in oklab, var(--ug-slc-slice) 9%, var(--ug-slc-panel));
  color: var(--ug-slc-slice);
}
.gal-slc .slc-ar {
  color: var(--ug-slc-muted);
  font-size: 1.05rem;
}
.gal-slc .slc-axis {
  display: grid;
  grid-template-columns: 64px 1fr 1fr 1fr;
  gap: 1px;
  background: var(--ug-slc-line2);
  border: 1px solid var(--ug-slc-line2);
  border-radius: 10px;
  overflow: hidden;
  margin: 12px 0;
  font-size: 0.82rem;
}
.gal-slc .slc-axis > div {
  background: var(--ug-slc-panel);
  padding: 9px 11px;
}
.gal-slc .slc-axis .slc-h {
  font-weight: 700;
  color: var(--ug-slc-muted);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.gal-slc .slc-axis .slc-on {
  background: color-mix(in oklab, var(--ug-slc-slice) 11%, var(--ug-slc-panel));
  color: var(--ug-slc-slice);
  font-weight: 600;
}
.gal-slc .slc-axis .slc-on.slc-deleg {
  background: color-mix(in oklab, var(--ug-slc-warn) 16%, var(--ug-slc-panel));
  color: var(--ug-slc-ink);
}
@media (max-width: 640px) {
  .gal-slc .slc-axis {
    grid-template-columns: 54px 1fr 1fr 1fr;
    font-size: 0.72rem;
  }
  .gal-slc .slc-axis > div {
    padding: 7px 6px;
  }
}
.gal-slc .slc-modi {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  margin-top: 14px;
}
@media (max-width: 920px) {
  .gal-slc .slc-modi {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 620px) {
  .gal-slc .slc-modi {
    grid-template-columns: 1fr;
  }
}
.gal-slc .slc-m {
  border: 1px solid var(--ug-slc-line2);
  border-radius: 13px;
  padding: 0;
  overflow: hidden;
  background: var(--ug-slc-panel);
  display: flex;
  flex-direction: column;
}
.gal-slc .slc-m.slc-m-deleg {
  border-color: color-mix(in oklab, var(--ug-slc-warn) 55%, var(--ug-slc-line));
}
.gal-slc .slc-mhd {
  padding: 11px 14px;
  border-bottom: 1px solid var(--ug-slc-line);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.gal-slc .slc-mhd b {
  font-size: 0.98rem;
  color: var(--ug-slc-slice);
}
.gal-slc .slc-m.slc-m-deleg .slc-mhd b {
  color: color-mix(in oklab, var(--ug-slc-warn) 70%, var(--ug-slc-ink));
}
.gal-slc .slc-cell {
  font-size: 0.72rem;
  color: var(--ug-slc-muted);
}
.gal-slc .slc-host {
  border: 1.5px solid color-mix(in oklab, var(--ug-slc-host) 60%, var(--ug-slc-line));
  border-radius: 0;
  background: color-mix(in oklab, var(--ug-slc-ink) 3%, var(--ug-slc-panel));
  margin: 13px 14px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.gal-slc .slc-host .slc-bar {
  background: color-mix(in oklab, var(--ug-slc-host) 13%, var(--ug-slc-panel));
  color: var(--ug-slc-host);
  font-size: 0.66rem;
  font-weight: 700;
  padding: 5px 10px;
  border-bottom: 1px solid color-mix(in oklab, var(--ug-slc-host) 45%, var(--ug-slc-line));
}
.gal-slc .slc-host .slc-content {
  padding: 11px;
  font-size: 0.74rem;
  color: var(--ug-slc-muted);
  line-height: 1.7;
}
.gal-slc .slc-host.slc-h-data {
  border-color: color-mix(in oklab, var(--ug-slc-data) 60%, var(--ug-slc-line));
}
.gal-slc .slc-host.slc-h-data .slc-bar {
  background: color-mix(in oklab, var(--ug-slc-data) 13%, var(--ug-slc-panel));
  color: var(--ug-slc-data);
  border-bottom-color: color-mix(in oklab, var(--ug-slc-data) 45%, var(--ug-slc-line));
}
.gal-slc .slc-host.slc-h-view {
  border-color: color-mix(in oklab, var(--ug-slc-view) 60%, var(--ug-slc-line));
}
.gal-slc .slc-host.slc-h-view .slc-bar {
  background: color-mix(in oklab, var(--ug-slc-view) 13%, var(--ug-slc-panel));
  color: var(--ug-slc-view);
  border-bottom-color: color-mix(in oklab, var(--ug-slc-view) 45%, var(--ug-slc-line));
}
.gal-slc .slc-trig {
  display: inline-block;
  border: 1.5px solid color-mix(in oklab, var(--ug-slc-host) 60%, var(--ug-slc-line));
  color: var(--ug-slc-host);
  border-radius: 7px;
  padding: 4px 9px;
  font-size: 0.72rem;
  font-weight: 600;
  margin: 5px 0;
  background: var(--ug-slc-panel);
}
.gal-slc .slc-mu {
  color: var(--ug-slc-muted);
  opacity: 0.8;
}
.gal-slc .slc-surf {
  background: color-mix(in oklab, var(--ug-slc-slice) 11%, var(--ug-slc-panel));
  border: 1.5px solid var(--ug-slc-slice);
  border-radius: 9px;
  padding: 8px 9px;
  font-size: 0.7rem;
  color: var(--ug-slc-ink);
  line-height: 1.7;
}
.gal-slc .slc-surf.slc-inline {
  border-style: dashed;
  margin: 6px 0 0;
}
.gal-slc .slc-surf.slc-drawer {
  box-shadow: -4px 0 10px color-mix(in oklab, var(--ug-slc-ink) 10%, transparent);
}
.gal-slc .slc-surf.slc-dialog {
  box-shadow: 0 6px 18px color-mix(in oklab, var(--ug-slc-ink) 18%, transparent);
}
.gal-slc .slc-surf.slc-popover {
  box-shadow: 0 4px 12px color-mix(in oklab, var(--ug-slc-ink) 14%, transparent);
}
.gal-slc .slc-slab {
  color: var(--ug-slc-slice);
  font-weight: 700;
  font-size: 0.62rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  display: block;
  margin-bottom: 4px;
}
.gal-slc .slc-mcap {
  font-size: 0.78rem;
  color: var(--ug-slc-muted);
  line-height: 1.55;
  padding: 0 14px 13px;
  margin: 0;
}
.gal-slc .slc-mcap b {
  color: var(--ug-slc-ink);
}
.gal-slc .slc-dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 0 0 14px;
}
@media (max-width: 680px) {
  .gal-slc .slc-dl {
    grid-template-columns: 1fr;
  }
}
.gal-slc .slc-field {
  border: 1px solid var(--ug-slc-line2);
  border-radius: 11px;
  padding: 13px 15px;
  background: var(--ug-slc-panel);
}
.gal-slc .slc-field.slc-is-grundet-b {
  border-color: color-mix(in oklab, var(--ug-slc-ok) 40%, var(--ug-slc-line));
}
.gal-slc .slc-field h3 {
  margin: 0 0 5px;
  font-size: 0.92rem;
  display: flex;
  align-items: center;
  gap: 8px;
}
.gal-slc .slc-field p {
  margin: 0;
  font-size: 0.84rem;
  color: var(--ug-slc-muted);
}
.gal-slc .slc-code {
  font-family: var(--ug-slc-mono);
  font-size: 0.73rem;
  line-height: 1.6;
  background: color-mix(in oklab, var(--ug-slc-ink) 6%, transparent);
  border: 1px solid var(--ug-slc-line);
  border-radius: 8px;
  padding: 10px 12px;
  margin: 0 0 12px;
  white-space: pre-wrap;
  word-break: break-word;
}
.gal-slc .slc-ann {
  color: var(--ug-slc-muted);
}
.gal-slc .slc-hlok {
  color: var(--ug-slc-ok);
  font-weight: 700;
}
.gal-slc .slc-hlbad {
  color: var(--ug-slc-no);
  font-weight: 700;
}
.gal-slc .slc-mantra {
  background: color-mix(in oklab, var(--ug-slc-slice) 8%, var(--ug-slc-panel));
  border: 1px solid color-mix(in oklab, var(--ug-slc-slice) 45%, var(--ug-slc-line));
  border-radius: 12px;
  padding: 13px 16px;
  margin: 12px 0 18px;
  text-align: center;
  font-size: 0.95rem;
}
.gal-slc .slc-mantra small {
  display: block;
  font-size: 0.72rem;
  color: var(--ug-slc-muted);
  margin-top: 6px;
}
.gal-slc .slc-vs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
@media (max-width: 800px) {
  .gal-slc .slc-vs {
    grid-template-columns: 1fr;
  }
}
.gal-slc .slc-col {
  border: 1.5px solid var(--ug-slc-line2);
  border-radius: 14px;
  padding: 16px 18px;
  background: var(--ug-slc-panel);
}
.gal-slc .slc-col.slc-c-data {
  border-color: color-mix(in oklab, var(--ug-slc-data) 55%, var(--ug-slc-line));
}
.gal-slc .slc-col.slc-c-view {
  border-color: color-mix(in oklab, var(--ug-slc-view) 55%, var(--ug-slc-line));
}
.gal-slc .slc-col.slc-c-ok {
  border-color: color-mix(in oklab, var(--ug-slc-ok) 50%, var(--ug-slc-line));
}
.gal-slc .slc-col.slc-c-bad {
  border-color: color-mix(in oklab, var(--ug-slc-no) 50%, var(--ug-slc-line));
}
.gal-slc .slc-col > h3 {
  margin: 0 0 8px;
  font-size: 1rem;
}
.gal-slc .slc-col.slc-c-data > h3 {
  color: var(--ug-slc-data);
}
.gal-slc .slc-col.slc-c-view > h3 {
  color: var(--ug-slc-view);
}
.gal-slc .slc-col > .slc-q {
  font-size: 0.85rem;
  color: var(--ug-slc-muted);
  margin: 0 0 12px;
}
.gal-slc .slc-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 480px) {
  .gal-slc .slc-split {
    grid-template-columns: 1fr;
  }
}
.gal-slc .slc-split .slc-host {
  margin: 0;
}
.gal-slc .slc-keep {
  color: var(--ug-slc-ok);
  font-weight: 600;
}
.gal-slc .slc-drop {
  color: var(--ug-slc-muted);
  text-decoration: line-through;
  opacity: 0.65;
}
.gal-slc .slc-frys {
  margin: 18px 0 0;
  padding: 16px 18px;
  border: 1px solid color-mix(in oklab, var(--ug-slc-ok) 45%, var(--ug-slc-line));
  border-radius: 14px;
  background: color-mix(in oklab, var(--ug-slc-ok) 7%, var(--ug-slc-panel));
}
.gal-slc .slc-frys h3 {
  margin: 0 0 6px;
  font-size: 1rem;
  color: var(--ug-slc-ok);
}
.gal-slc .slc-frys-q {
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 8px;
}
.gal-slc table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
  margin: 8px 0;
}
.gal-slc th,
.gal-slc td {
  text-align: left;
  padding: 9px 11px;
  border-bottom: 1px solid var(--ug-slc-line);
  vertical-align: top;
}
@media (max-width: 560px) {
  .gal-slc .slc-frys table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .gal-slc .slc-frys thead,
  .gal-slc .slc-frys tbody {
    display: table;
    width: 520px;
    table-layout: fixed;
  }
  .gal-slc .slc-frys tr {
    display: table-row;
  }
}
.gal-slc thead th {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--ug-slc-muted);
}
.gal-slc tbody tr:last-child td {
  border-bottom: none;
}
.gal-slc .slc-badge {
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 5px;
  white-space: nowrap;
}
.gal-slc .slc-badge.slc-b-data {
  background: color-mix(in oklab, var(--ug-slc-data) 18%, transparent);
  color: var(--ug-slc-data);
}
.gal-slc .slc-badge.slc-b-view {
  background: color-mix(in oklab, var(--ug-slc-view) 20%, transparent);
  color: var(--ug-slc-view);
}
.gal-slc code {
  font-family: var(--ug-slc-mono);
}
.gal-cmp-toggle {
  appearance: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  flex: none;
  inline-size: 1.45rem;
  block-size: 1.45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 1.5px solid var(--ug-border-quiet, var(--wa-color-neutral-70));
  border-radius: 50%;
  background: var(--ug-surface, #fff);
  color: var(--ug-text-quiet, var(--wa-color-neutral-50));
  font-size: 0.95rem;
  font-weight: 700;
  transition:
    background 0.12s,
    color 0.12s,
    border-color 0.12s;
}
.gal-cmp-toggle:hover {
  border-color: var(--ug-brand, #00483e);
  color: var(--ug-brand, #00483e);
}
.gal-cmp-toggle--on {
  background: var(--ug-brand, #00483e);
  border-color: var(--ug-brand, #00483e);
  color: #fff;
}
.gal-cmp-toggle:focus-visible {
  outline: 2px solid var(--ug-brand, #00483e);
  outline-offset: 2px;
}
.gal-cmp-tray {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem;
  padding: 0.6rem 1rem;
  background: var(--ug-surface, #fff);
  border-top: var(--wa-border-width-s, 1px) solid var(--ug-border-quiet, var(--wa-color-neutral-85));
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
}
.gal-cmp-tray[hidden] {
  display: none;
}
.gal-cmp-tray-titel {
  font-size: 0.9rem;
}
.gal-cmp-tray-spacer {
  flex: 1 1 auto;
}
.gal-cmp-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.gal-cmp-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.15rem 0.2rem 0.15rem 0.55rem;
  border: var(--wa-border-width-s, 1px) solid var(--ug-brand-line, var(--ug-brand, #00483e));
  border-radius: var(--ug-radius-pill, 999px);
  font-family: var(--ug-mono, monospace);
  font-size: 0.78rem;
  background: var(--ug-surface, #fff);
}
.gal-cmp-chip code {
  font-weight: 700;
}
.gal-cmp-chip button {
  appearance: none;
  border: 0;
  background: none;
  cursor: pointer;
  line-height: 1;
  padding: 0.1rem 0.3rem;
  border-radius: 50%;
  color: var(--ug-text-quiet, var(--wa-color-neutral-50));
  font-size: 0.85rem;
}
.gal-cmp-chip button:hover {
  background: var(--ug-surface-sunk, var(--wa-color-neutral-90));
  color: var(--ug-text, inherit);
}
.gal-cmp-hint {
  font-size: 0.78rem;
  color: var(--wa-color-danger-40);
  font-weight: 600;
}
.gal-cmp-hint[hidden] {
  display: none;
}
.gal-cmp-dialog {
  --width: 96vw;
}
.gal-cmp-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.9rem;
  padding-bottom: 0.7rem;
  margin-bottom: 0.5rem;
  border-bottom: var(--wa-border-width-s, 1px) solid var(--ug-border-quiet, var(--wa-color-neutral-85));
}
.gal-cmp-bredde {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}
.gal-cmp-bredde-pil {
  appearance: none;
  cursor: pointer;
  border: var(--wa-border-width-s, 1px) solid var(--ug-border-quiet, var(--wa-color-neutral-85));
  background: var(--ug-surface, #fff);
  color: var(--ug-text, inherit);
  padding: 0.25rem 0.6rem;
  font-size: 0.78rem;
  border-radius: var(--ug-radius-s, 0.3rem);
}
.gal-cmp-bredde-pil.aktiv {
  background: var(--ug-brand, #00483e);
  color: #fff;
  border-color: var(--ug-brand, #00483e);
}
.gal-cmp-scroll {
  overflow-x: auto;
  overflow-y: visible;
}
.gal-cmp-rows {
  width: max-content;
  min-width: 100%;
}
.gal-cmp-row {
  display: grid;
  grid-template-columns: var(--cmp-labelw, 168px) repeat(var(--cmp-n, 2), var(--cmp-w, 390px));
  border-bottom: var(--wa-border-width-s, 1px) solid var(--ug-border-quiet, var(--wa-color-neutral-90));
}
.gal-cmp-lbl {
  position: sticky;
  left: 0;
  z-index: 2;
  background: var(--ug-surface, #fff);
  padding: 0.6rem 0.75rem;
  font-size: 0.74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--ug-text-quiet, var(--wa-color-neutral-50));
  border-right: var(--wa-border-width-s, 1px) solid var(--ug-border-quiet, var(--wa-color-neutral-85));
}
.gal-cmp-tk {
  text-transform: none;
  letter-spacing: 0;
}
.gal-cmp-tk code {
  font-family: var(--ug-mono, monospace);
  font-weight: 700;
  font-size: 0.76rem;
  color: var(--ug-text, inherit);
}
.gal-cmp-colhead {
  padding: 0.6rem 0.75rem;
  border-left: var(--wa-border-width-s, 1px) solid var(--ug-border-quiet, var(--wa-color-neutral-90));
}
.gal-cmp-colhead code {
  font-weight: 700;
  font-size: 0.82rem;
}
.gal-cmp-colbadges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.35rem;
}
.gal-cmp-row--head,
.gal-cmp-row--matrixhead {
  background: var(--ug-surface-sunk, var(--wa-color-neutral-95));
}
.gal-cmp-row--head .gal-cmp-lbl,
.gal-cmp-row--matrixhead .gal-cmp-lbl {
  background: var(--ug-surface-sunk, var(--wa-color-neutral-95));
}
.gal-cmp-prev {
  border-left: var(--wa-border-width-s, 1px) solid var(--ug-border-quiet, var(--wa-color-neutral-90));
  background: #fff;
  overflow: hidden;
}
.gal-cmp-prev-inst {
  container-type: inline-size;
  padding: 1.25rem 1rem;
  box-sizing: border-box;
}
.gal-cmp-tv {
  padding: 0.5rem 0.75rem;
  border-left: var(--wa-border-width-s, 1px) solid var(--ug-border-quiet, var(--wa-color-neutral-90));
  font-family: var(--ug-mono, monospace);
  font-size: 0.76rem;
  color: var(--ug-text, inherit);
  word-break: break-all;
  align-self: center;
}
.gal-cmp-none {
  color: var(--wa-color-neutral-50);
  font-style: italic;
}
.gal-cmp-uloest {
  color: var(--wa-color-danger-40);
  font-weight: 700;
}
.gal-cmp-diff {
  background: color-mix(in srgb, var(--wa-color-danger-50) 12%, transparent);
}
.gal-cmp-trow:hover {
  background: color-mix(in srgb, var(--ug-brand, #00483e) 5%, transparent);
}
.gal-cmp-body--kunforskelle .gal-cmp-trow[data-ens=true] {
  display: none;
}
.gal-cmp-emptynote {
  position: sticky;
  left: 0;
  padding: 0.9rem 0.75rem;
  font-size: 0.85rem;
  color: var(--ug-text-quiet, var(--wa-color-neutral-50));
  font-style: italic;
}
.gal-cmp-emptynote[hidden] {
  display: none;
}
.gal-cmp-row--kilde {
  display: none;
}
.gal-cmp-body--kilde .gal-cmp-row--kilde {
  display: grid;
}
.gal-cmp-kilde-col {
  border-left: var(--wa-border-width-s, 1px) solid var(--ug-border-quiet, var(--wa-color-neutral-90));
  padding: 0.5rem 0.75rem;
  min-width: 0;
}
.gal-cmp-kilde-col h4 {
  margin: 0.4rem 0 0.25rem;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--ug-text-quiet, var(--wa-color-neutral-50));
}
.gal-cmp-kilde-col .gal-code {
  margin: 0;
  max-height: 320px;
  overflow: auto;
  font-size: 0.72rem;
}
[data-ug-id=grp-invitation-oversigt-raekke] > [data-ug-status] > [data-ug-id=grp-invitation-indhold] {
  flex: 1;
  min-inline-size: 0;
}
.ug-rte-wrap {
  border: var(--wa-border-width-s, 1px) solid var(--ug-border-quiet, var(--wa-color-neutral-90));
  border-radius: var(--ug-radius, 0.5rem);
  background: var(--ug-surface, #ffffff);
  overflow: hidden;
}
.ug-rte-wrap:focus-within {
  border-color: var(--ug-border-strong, var(--wa-color-neutral-70));
}
.ug-rte-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ug-space-3xs, 0.125rem);
  padding: var(--ug-space-2xs, 0.4375rem) var(--ug-space-xs, 0.5625rem);
  border-bottom: var(--wa-border-width-s, 1px) solid var(--ug-border-quiet, var(--wa-color-neutral-90));
}
.ug-rte-sep {
  align-self: stretch;
  inline-size: var(--wa-border-width-s, 1px);
  min-block-size: 1.25rem;
  margin-inline: var(--ug-space-3xs, 0.125rem);
  background: var(--ug-border-quiet, var(--wa-color-neutral-90));
}
.ug-rte-btn[data-active]::part(base) {
  background: var(--ug-brand-quiet, var(--wa-color-lys-brand-95));
  color: var(--ug-brand, #00483e);
}
.ug-rte-surface {
  padding: var(--ug-space-s, 0.75rem) var(--ug-space-m, 1rem);
}
.ug-rte-surface .ProseMirror {
  outline: none;
  min-block-size: 6rem;
}
.ug-rte-count {
  display: flex;
  justify-content: flex-end;
  padding: var(--ug-space-3xs, 0.125rem) var(--ug-space-m, 1rem) var(--ug-space-2xs, 0.4375rem);
  font-size: var(--ug-text-xs, 0.6875rem);
  color: var(--ug-text-quiet, var(--wa-color-neutral-50));
  font-variant-numeric: tabular-nums;
}
.ug-rte-count[data-over] {
  color: var(--ug-danger, #b6000e);
}
.ug-form-svar:empty {
  display: contents;
}
.ug-kontakt-tak {
  margin: 0;
  color: var(--ug-text-quiet);
  font-size: var(--ug-text-s);
}
[data-ug-liste-inaktiv] {
  opacity: 0.55;
  pointer-events: none;
}
.gal-viewport-body:has([data-ug-liste-inaktiv])::after {
  content: "Inaktiv p\e5  listesiden: DATA-bundet handling har ingen v\e6rt her \2014  ruten bindes i et live cockpit.";
  display: block;
  margin-top: var(--ug-space-s, 8px);
  font-size: var(--ug-text-s, 12px);
  color: var(--ug-text-quiet, #6b7280);
}

/* vendor/ug/ramme-shell.css */
.ug-topbar {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  padding: var(--ug-space-2xs) 24px;
  position: sticky;
  top: 0;
  z-index: 50;
  background: color-mix(in srgb, var(--ug-bg) 58%, transparent);
  backdrop-filter: blur(14px);
  border-block-end: 1px solid var(--ug-border-quiet);
}
.wa-dark .ug-topbar {
  background: color-mix(in srgb, var(--wa-color-neutral-05) 58%, transparent);
}
.ug-topbar .tz-left {
  flex: 1;
  display: flex;
  gap: var(--ug-space-2xs);
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}
.ug-topbar .tz-center {
  flex: 0 1 auto;
  display: flex;
  gap: var(--ug-space-2xs);
  align-items: center;
  justify-content: center;
  min-width: 0;
}
.ug-topbar .tz-right {
  flex: 1;
  display: flex;
  gap: var(--ug-space-2xs);
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}
.ug-topbar wa-button::part(label) {
  font-size: var(--ug-text-14);
}
.ug-main {
  inline-size: 100%;
  max-inline-size: 72rem;
  margin-inline: auto;
  padding: 40px 40px 64px;
}
.ug-footer {
  padding: var(--ug-space-s) 24px;
}
.ug-main.ramme-fallback-main {
  min-height: 100vh;
  display: grid;
  place-items: center;
  inline-size: 100%;
  max-inline-size: none;
  margin-inline: 0;
  padding: 24px;
  box-sizing: border-box;
  background: var(--ug-bg);
}
wa-page:has(.ramme-cockpit-main) {
  background-color: var(--ug-bg);
}
.wa-dark wa-page:has(.ramme-cockpit-main) {
  background-color: var(--wa-color-neutral-05);
}
@media (max-width: 720px) {
  .ug-topbar {
    gap: var(--ug-space-2xs);
    padding-inline: var(--ug-space-s);
    flex-wrap: wrap;
  }
  .ug-main {
    padding-inline: var(--ug-space-s);
  }
}
[data-ug-id=grp-felt-grid]:has(wa-input[name=postnr]) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--wa-gap, var(--ug-space-l));
}
[data-ug-id=grp-felt-grid]:has(wa-input[name=postnr]) > :where(*),
[data-ug-id=grp-felt-grid]:has(wa-input[name=postnr]) > :where(*) > :where(*) {
  grid-column: 1 / -1;
}
[data-ug-id=grp-felt-grid]:has(wa-input[name=postnr]) > :has(wa-input[name=postnr]),
[data-ug-id=grp-felt-grid]:has(wa-input[name=postnr]) > :has(wa-input[name=postnr]) > :where(*) {
  grid-column: span 1;
}
[data-ug-id=grp-felt-grid]:has(wa-input[name=postnr]) > :has(wa-input[name=by]),
[data-ug-id=grp-felt-grid]:has(wa-input[name=postnr]) > :has(wa-input[name=by]) > :where(*) {
  grid-column: span 2;
}

/* artifacts/admin-elements.css */
ug-aabn-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-aabn-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-aarsag-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-text-faint);
}
ug-aarsag-glyph wa-icon {
  --primary-color: var(--ug-text-faint);
  --secondary-color: var(--ug-text-faint);
}
ug-aendret-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-aendret-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-aflys-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-aflys-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-aktivitet-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-brand-strong);
}
ug-aktivitet-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-alarm-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-brand-strong);
}
ug-alarm-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-arrow-left-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-arrow-left-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-arrow-right-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-arrow-right-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-arvet-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-arvet-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-billede-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-billede-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-bolt-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-bolt-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-box-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-brand-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-brand-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-brand-glyph svg {
  height: var(--ug-text-2xl);
  width: auto;
  display: block;
}
ug-brand-glyph svg path {
  fill: var(--ug-ink-icon-primary);
}
ug-brand-glyph svg path[opacity] {
  fill: var(--ug-ink-icon-secondary);
  opacity: 1;
}
ug-building-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-building-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-calendar-day-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-caret-ned-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  flex: none;
  --ug-ink-icon-primary: var(--ug-text-quiet);
  --ug-ink-icon-secondary: var(--ug-icon-accent);
}
ug-caret-ned-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-check-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-check-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-chevron-hoejre-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  flex: none;
  --ug-ink-icon-primary: var(--ug-text-quiet);
  --ug-ink-icon-secondary: var(--ug-text-quiet);
}
ug-chevron-hoejre-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-chevron-venstre-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  flex: none;
  --ug-ink-icon-primary: var(--ug-text-quiet);
  --ug-ink-icon-secondary: var(--ug-text-quiet);
}
ug-chevron-venstre-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-circle-check-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-circle-check-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-circle-info-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-circle-user-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-circle-user-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-cmdk-antal {
  flex: none;
}
ug-cmdk-antal wa-badge {
  --wa-color-brand-fill-loud: var(--ug-brand);
  --wa-color-brand-on-loud: var(--ug-on-brand);
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  font-weight: var(--ug-weight-bold);
  min-inline-size: var(--ug-space-m);
  block-size: var(--ug-space-m);
  padding-block: 0;
  padding-inline: var(--ug-radius-s);
  border-radius: var(--ug-radius-s);
  line-height: 1;
  align-items: center;
  justify-content: center;
}
ug-cmdk-ikon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  color: var(--ug-ink-icon-primary);
  --ug-glyph-size: var(--ug-text-2xl);
}
ug-cmdk-kladde {
  flex: none;
}
ug-cmdk-kladde wa-badge {
  --wa-color-brand-fill-loud: var(--ug-accent);
  --wa-color-brand-on-loud: var(--ug-on-accent);
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  font-weight: var(--ug-weight-bold);
  min-inline-size: var(--ug-space-m);
  block-size: var(--ug-space-m);
  padding-block: 0;
  padding-inline: var(--ug-radius-s);
  border-radius: var(--ug-radius-s);
  line-height: 1;
  align-items: center;
  justify-content: center;
}
ug-cmdk-label {
  flex: 1;
  min-inline-size: 0;
  font-weight: var(--ug-weight-medium);
  font-size: var(--ug-text-m);
  color: var(--ug-text);
}
ug-cmdk-search {
  display: block;
  padding-block-end: var(--ug-space-m);
  margin-block-end: var(--ug-space-s);
  border-block-end: var(--wa-border-width-s) solid var(--ug-border-quiet);
}
ug-cmdk-search wa-input {
  width: 100%;
}
ug-cmdk-search kbd {
  font-family: var(--ug-mono);
  font-size: var(--ug-text-s);
  color: var(--ug-text-quiet);
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  border-radius: var(--ug-radius-s);
  padding-inline: var(--ug-space-2xs-u);
}
ug-cmdk-sektion-etiket {
  display: block;
  font-family: var(--ug-mono);
  font-size: var(--ug-text-2xs);
  letter-spacing: var(--ug-tracking-label);
  text-transform: uppercase;
  color: var(--ug-text-faint);
  padding-block-start: var(--ug-space-m-d);
  padding-block-end: var(--ug-space-xs-d);
  padding-inline: var(--ug-space-s);
}
ug-compass-drafting-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-compass-drafting-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-crumb-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-crumb-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-dashboard-hilsen {
  display: block;
  margin: 0;
  font-size: var(--ug-text-3xl);
  font-weight: var(--ug-weight-light);
  line-height: var(--ug-leading-tight);
  color: var(--ug-brand-strong);
}
ug-dashboard-hilsen ug-staerk {
  font-weight: var(--ug-weight-bold);
  color: var(--ug-text-accent);
}
ug-dashboard-intro {
  display: block;
  margin: 0;
  font-size: var(--ug-text-s);
  color: var(--ug-text-quiet);
}
ug-dashboard-kort {
  display: block;
}
ug-dashboard-kort wa-card {
  display: block;
  block-size: 100%;
  --spacing: var(--ug-space-xl);
}
ug-dashboard-kort ug-driftstal-glyph,
ug-dashboard-kort ug-invitation-glyph,
ug-dashboard-kort ug-noegletal-glyph {
  --ug-glyph-size: var(--ug-text-xl);
}
ug-delt-stand-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-delt-stand-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-detaljer-link {
  display: inline-flex;
  flex: none;
}
ug-detaljer-link wa-button::part(base) {
  color: var(--ug-text-quiet);
}
ug-detaljer-link wa-button::part(base) {
  border-radius: var(--ug-radius-pill);
}
ug-detaljer-link ug-arrow-right-glyph {
  --ug-glyph-size: var(--ug-knap-ikon-s);
}
ug-driftstal-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-brand-strong);
}
ug-driftstal-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-eksport-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-eksport-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-ellipsis-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-ellipsis-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-envelope-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-envelope-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-evidens-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-evidens-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-feather-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-fejl-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-danger-40);
}
ug-fejl-glyph wa-icon {
  --primary-color: var(--ug-danger-40);
  --secondary-color: var(--ug-danger-70);
}
ug-file-excel-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-file-excel-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-filter-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-filter-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-fingerprint-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-fingerprint-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-flyt-ned-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-flyt-ned-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-flyt-op-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-flyt-op-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-forslag-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-forslag-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-fortryd-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-fortryd-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-fravaelg-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-fravaelg-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-gauge-high-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-gem-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-gem-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-gitter-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-gitter-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-gitter-stor-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-gitter-stor-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-godkend-alle-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-godkend-alle-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-greb-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-greb-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-grip-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-grip-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-hal-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-hal-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-handlinger-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-brand-strong);
}
ug-handlinger-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-hashtag-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
}
ug-hashtag-glyph wa-icon {
  --primary-color: currentColor;
  --secondary-color: currentColor;
  --secondary-opacity: 1;
}
ug-id-badge-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-id-badge-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-ikke-til-stede-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-ikke-til-stede-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-image-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-import-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-import-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-inbox-glyph {
  display: flex;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  line-height: var(--ug-leading-flush);
  color: var(--ug-text-faint);
}
ug-inbox-glyph wa-icon {
  --primary-color: var(--ug-text-faint);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-invitation-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-brand-strong);
}
ug-invitation-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-inviteret-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-inviteret-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-kalender-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-kalender-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-key-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-key-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-kopier-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-kopier-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-kortvisning-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-kortvisning-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-kpi-etiket-moduler {
  display: block;
  font-size: var(--ug-text-s);
  color: var(--ug-text-quiet);
}
ug-kpi-etiket-udstillere {
  display: block;
  font-size: var(--ug-text-s);
  color: var(--ug-text-quiet);
}
ug-kpi-flise {
  display: block;
  --ug-kpi-tal-ink: var(--ug-brand-strong);
  --ug-glyph-size: var(--ug-text-xl);
}
ug-kpi-flise wa-card {
  display: block;
  block-size: 100%;
  --spacing: var(--ug-space-s);
}
ug-kpi-tal {
  display: block;
  font-size: var(--ug-text-3xl);
  font-weight: var(--ug-weight-bold);
  color: var(--ug-kpi-tal-ink, var(--ug-text-strong));
  font-family: var(--ug-mono);
}
ug-krumme-skiller-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  flex: none;
  --ug-ink-icon-primary: var(--ug-text-faint);
  --ug-ink-icon-secondary: var(--ug-icon-accent);
}
ug-krumme-skiller-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-laas-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-laas-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-lag-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-lag-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-langswitch {
  display: inline-flex;
  align-items: center;
}
ug-langswitch wa-button::part(base) {
  box-sizing: border-box;
  block-size: var(--ug-control-height);
  padding-inline: var(--ug-space-s);
  border-radius: var(--ug-radius-pill);
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  background: var(--ug-surface);
  color: var(--ug-text-quiet);
  font-family: var(--ug-mono);
  text-transform: uppercase;
}
ug-langswitch wa-button::part(base):hover {
  background: var(--ug-surface-sunk);
  border-color: var(--ug-border-strong);
  color: var(--ug-text);
}
ug-laptop-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-laptop-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-linje-skiller {
  display: block;
  block-size: var(--ug-space-4xs);
  background: var(--ug-border-quiet);
}
ug-link-sendt-glyph {
  display: inline-flex;
  font-size: var(--ug-glyph-size);
  line-height: var(--ug-leading-flush);
  flex: none;
  color: var(--ug-brand-strong);
}
ug-link-sendt-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-link-simple-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-link-simple-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-link-slash-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-link-slash-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-liste-meta {
  display: block;
  font-size: var(--ug-text-xs);
  font-family: var(--ug-mono);
  color: var(--ug-text-faint);
}
ug-liste-titel {
  display: block;
  font-size: var(--ug-text-md);
  font-weight: var(--ug-weight-semibold);
  color: var(--ug-text);
}
ug-login-arrow-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-login-arrow-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-logo-pill wa-button::part(label) {
  font-weight: var(--ug-weight-light);
  font-size: var(--ug-text-xl);
  letter-spacing: var(--ug-tracking-tight);
}
ug-logo-pill wa-button::part(base) {
  block-size: var(--ug-control-height);
  border-radius: var(--ug-radius-pill);
  padding-inline-start: var(--ug-space-s);
  padding-inline-end: var(--ug-space-s);
  background: var(--ug-surface);
  border-color: var(--ug-border-quiet);
}
ug-logo-pill wa-button::part(base):hover {
  background: var(--ug-surface-sunk);
  border-color: var(--ug-border-strong);
}
ug-logo-pill wa-button::part(caret) {
  color: var(--ug-text-quiet);
}
ug-logo-pill ug-brand-glyph {
  margin-inline-end: var(--ug-space-xs);
}
ug-logo-pill ug-staerk {
  color: var(--ug-text-accent);
}
@container (max-width: 560px) {
  ug-logo-pill wa-button::part(label) {
    display: none;
  }
  ug-logo-pill ug-brand-glyph {
    margin-inline-end: 0;
  }
  ug-logo-pill wa-button::part(caret) {
    margin-inline-start: var(--ug-space-xs);
  }
}
@media (max-width: 560px) {
  ug-logo-pill wa-button::part(label) {
    display: none;
  }
  ug-logo-pill ug-brand-glyph {
    margin-inline-end: 0;
  }
  ug-logo-pill wa-button::part(caret) {
    margin-inline-start: var(--ug-space-xs);
  }
}
ug-logout-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}
ug-logout-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-luk-button {
  display: inline-flex;
}
ug-luk-button wa-button::part(base) {
  border-radius: var(--ug-radius-pill);
  background-color: var(--ug-brand);
}
ug-luk-button wa-button {
  --ug-ink-icon-primary: var(--wa-color-on-loud);
  --ug-ink-icon-secondary: var(--ug-icon-accent);
}
ug-luk-button ug-xmark-glyph {
  --ug-glyph-size: var(--ug-knap-ikon-m);
}
ug-maane-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-maane-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-magnifying-glass-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-magnifying-glass-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-mailfejl-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-danger-40);
}
ug-mailfejl-glyph wa-icon {
  --primary-color: var(--ug-danger-40);
  --secondary-color: var(--ug-danger-70);
}
ug-map-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-map-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-map-pin-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-map-pin-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-medie-play-glyph {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  line-height: var(--ug-leading-flush);
}
ug-medie-play-glyph wa-icon {
  --primary-color: var(--ug-brand);
  --secondary-color: var(--ug-surface);
  --secondary-opacity: 1;
}
ug-menu-header {
  position: relative;
  display: block;
  min-block-size: var(--ug-control-height);
  padding-block-start: var(--ug-space-s-u);
  padding-block-end: var(--ug-space-s);
  padding-inline-start: calc(var(--ug-space-s-u) + var(--ug-control-height) + var(--ug-space-s-m));
  padding-inline-end: var(--ug-space-s-u);
}
ug-menu-header wa-avatar {
  position: absolute;
  inset-inline-start: var(--ug-space-s-u);
  inset-block: 0;
  margin-block: auto;
  block-size: var(--ug-control-height);
  --size: var(--ug-control-height);
}
ug-menu-header ug-staerk {
  display: block;
  font-size: var(--ug-text-m-u);
  font-weight: var(--ug-weight-semibold);
  color: var(--ug-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ug-menu-header ug-stille {
  display: block;
}
ug-menu-item {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  inline-size: 100%;
  padding-block: var(--ug-space-xs);
  padding-inline: var(--ug-space-s-m);
  color: var(--ug-text);
  border-radius: var(--ug-radius);
  cursor: pointer;
  font-size: var(--ug-text-md);
  font-weight: var(--ug-weight-medium);
  --ug-glyph-size: var(--ug-text-2xl-s);
}
ug-menu-item:hover {
  background: var(--ug-surface-sunk);
}
ug-menu-logout {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  inline-size: 100%;
  padding-block: var(--ug-space-xs);
  padding-inline: var(--ug-space-s-m);
  color: var(--ug-text-quiet);
  border-radius: var(--ug-radius);
  cursor: pointer;
  font-size: var(--ug-text-md);
  font-weight: var(--ug-weight-medium);
}
ug-menu-logout:hover {
  background: var(--ug-surface-sunk);
  color: var(--ug-text-accent);
}
ug-menu-logout ug-logout-glyph {
  font-size: var(--ug-text-2xl-s);
}
ug-menu-retur-til-admin {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  inline-size: 100%;
  padding-block: var(--ug-space-xs);
  padding-inline: var(--ug-space-s-m);
  color: var(--ug-text);
  border-radius: var(--ug-radius);
  cursor: pointer;
  font-size: var(--ug-text-md);
  font-weight: var(--ug-weight-medium);
  --ug-ink-icon-primary: currentColor;
  --ug-ink-icon-secondary: var(--ug-icon-accent);
}
ug-menu-retur-til-admin:hover {
  background: var(--ug-surface-sunk);
  color: var(--ug-text-accent);
}
ug-menu-retur-til-admin ug-retur-glyph {
  font-size: var(--ug-text-2xl-s);
}
ug-messe-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  flex: none;
  --ug-ink-icon-primary: var(--ug-text-quiet);
  --ug-ink-icon-secondary: var(--ug-icon-accent);
}
ug-messe-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-microphone-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-minus-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-minus-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-mobile-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-mobile-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-mobile-screen-button-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-mobile-screen-button-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-moduler-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-brand-strong);
}
ug-moduler-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-noegletal-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-brand-strong);
}
ug-noegletal-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-oeje-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-oeje-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-paperplane-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-paperplane-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-pen-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-pen-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-plus-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-plus-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-polygon-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-polygon-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-pris-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-pris-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-raekke-pil-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-border-strong);
}
ug-raekke-pil-glyph wa-icon {
  --primary-color: var(--ug-border-strong);
  --secondary-color: var(--ug-border-strong);
}
ug-rektangelliste-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-rektangelliste-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-reserver-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-reserver-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-retur-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-retur-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-rotate-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-rotate-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-searchbutton {
  display: inline-flex;
  margin-right: var(--ug-space-xs);
}
ug-searchbutton wa-button::part(base) {
  border-radius: var(--ug-radius-pill);
  block-size: var(--ug-control-height);
  background: var(--ug-surface);
  border-color: var(--ug-border-quiet);
}
ug-searchbutton wa-button::part(base):hover {
  background: var(--ug-surface-sunk);
  border-color: var(--ug-border-strong);
}
ug-searchbutton wa-button::part(label) {
  font-size: var(--ug-text-14);
}
ug-searchbutton ug-kbd {
  margin-inline-start: var(--ug-space-2xs-u);
  font-size: var(--ug-text-14);
  vertical-align: middle;
}
@container (max-width: 560px) {
  ug-searchbutton wa-button::part(label) {
    display: none;
  }
  ug-searchbutton wa-button::part(start) {
    margin-inline-end: 0;
  }
}
@media (max-width: 560px) {
  ug-searchbutton wa-button::part(label) {
    display: none;
  }
  ug-searchbutton wa-button::part(start) {
    margin-inline-end: 0;
  }
}
ug-sektion-titel-drifts-tal {
  display: block;
  font-size: var(--ug-text-m);
  font-weight: var(--ug-weight-semibold);
  letter-spacing: var(--ug-tracking-tight);
  color: var(--ug-text);
}
ug-sektion-titel-ventende-inv {
  display: block;
  font-size: var(--ug-text-m);
  font-weight: var(--ug-weight-semibold);
  letter-spacing: var(--ug-tracking-tight);
  color: var(--ug-text);
}
ug-server-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-server-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-shape-kombineret-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-shape-kombineret-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-shape-label-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-shape-label-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-shape-rect-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-shape-rect-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-shield-halved-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-shield-halved-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-sideomside-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-sideomside-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-skal-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-skal-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-sliders-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-sliders-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-sol-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-sol-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-split-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-split-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-sprog-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-sprog-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-sprogvalg-da {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  inline-size: 100%;
  padding: var(--ug-space-2xs) var(--ug-space-s);
  border-radius: var(--ug-radius);
  font-size: var(--ug-text-s);
  color: var(--ug-text);
  white-space: nowrap;
  cursor: pointer;
}
ug-sprogvalg-da:hover {
  background: var(--wa-color-fill-quiet);
}
ug-sprogvalg-da ug-check-glyph {
  margin-inline-start: auto;
  visibility: hidden;
  color: var(--ug-ink-icon-secondary);
  --ug-glyph-size: var(--ug-text-2xl);
}
ug-sprogvalg-da[data-aktiv] ug-check-glyph {
  visibility: visible;
}
ug-sprogvalg-de {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  inline-size: 100%;
  padding: var(--ug-space-2xs) var(--ug-space-s);
  border-radius: var(--ug-radius);
  font-size: var(--ug-text-s);
  color: var(--ug-text);
  white-space: nowrap;
  cursor: pointer;
}
ug-sprogvalg-de:hover {
  background: var(--wa-color-fill-quiet);
}
ug-sprogvalg-de ug-check-glyph {
  margin-inline-start: auto;
  visibility: hidden;
  color: var(--ug-ink-icon-secondary);
  --ug-glyph-size: var(--ug-text-2xl);
}
ug-sprogvalg-de[data-aktiv] ug-check-glyph {
  visibility: visible;
}
ug-sprogvalg-en {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  inline-size: 100%;
  padding: var(--ug-space-2xs) var(--ug-space-s);
  border-radius: var(--ug-radius);
  font-size: var(--ug-text-s);
  color: var(--ug-text);
  white-space: nowrap;
  cursor: pointer;
}
ug-sprogvalg-en:hover {
  background: var(--wa-color-fill-quiet);
}
ug-sprogvalg-en ug-check-glyph {
  margin-inline-start: auto;
  visibility: hidden;
  color: var(--ug-ink-icon-secondary);
  --ug-glyph-size: var(--ug-text-2xl);
}
ug-sprogvalg-en[data-aktiv] ug-check-glyph {
  visibility: visible;
}
ug-sprogvalg-no {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  inline-size: 100%;
  padding: var(--ug-space-2xs) var(--ug-space-s);
  border-radius: var(--ug-radius);
  font-size: var(--ug-text-s);
  color: var(--ug-text);
  white-space: nowrap;
  cursor: pointer;
}
ug-sprogvalg-no:hover {
  background: var(--wa-color-fill-quiet);
}
ug-sprogvalg-no ug-check-glyph {
  margin-inline-start: auto;
  visibility: hidden;
  color: var(--ug-ink-icon-secondary);
  --ug-glyph-size: var(--ug-text-2xl);
}
ug-sprogvalg-no[data-aktiv] ug-check-glyph {
  visibility: visible;
}
ug-sprogvalg-sv {
  display: flex;
  align-items: center;
  gap: var(--ug-space-s);
  inline-size: 100%;
  padding: var(--ug-space-2xs) var(--ug-space-s);
  border-radius: var(--ug-radius);
  font-size: var(--ug-text-s);
  color: var(--ug-text);
  white-space: nowrap;
  cursor: pointer;
}
ug-sprogvalg-sv:hover {
  background: var(--wa-color-fill-quiet);
}
ug-sprogvalg-sv ug-check-glyph {
  margin-inline-start: auto;
  visibility: hidden;
  color: var(--ug-ink-icon-secondary);
  --ug-glyph-size: var(--ug-text-2xl);
}
ug-sprogvalg-sv[data-aktiv] ug-check-glyph {
  visibility: visible;
}
ug-star-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-star-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-sted-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-sted-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-store-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-support-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-support-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-tabelvisning-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-tabelvisning-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-tekstlinjer-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-tekstlinjer-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-themetoggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: none;
  block-size: var(--ug-control-height);
  inline-size: var(--ug-control-height);
  padding-inline: 0;
  border-radius: var(--ug-radius-pill);
  border: var(--wa-border-width-s) solid var(--ug-border-quiet);
  background: var(--ug-surface);
  color: var(--ug-text-quiet);
  cursor: pointer;
}
ug-themetoggle:hover {
  background: var(--ug-surface-sunk);
  border-color: var(--ug-border-strong);
  color: var(--ug-text);
}
ug-themetoggle wa-icon[name=sun-bright] {
  display: none;
}
ug-themetoggle wa-icon[name=moon] {
  display: inline-flex;
}
ug-themetoggle[data-theme=dark] wa-icon[name=sun-bright] {
  display: inline-flex;
}
ug-themetoggle[data-theme=dark] wa-icon[name=moon] {
  display: none;
}
ug-tilpas-dashboard-knap {
  display: block;
}
ug-tilpas-dashboard-knap wa-button::part(base) {
  border-radius: var(--ug-radius-pill);
  font-size: var(--ug-text-md);
}
ug-tilpas-dashboard-knap ug-user-gear-glyph {
  font-size: var(--ug-text-m);
}
ug-topbar-user {
  display: inline-flex;
  align-items: center;
}
ug-topbar-user wa-avatar {
  --size: var(--ug-text-2xl);
}
ug-topbar-user wa-button::part(base) {
  block-size: var(--ug-control-height);
  border-radius: var(--ug-radius-pill);
  border-color: var(--ug-border-quiet);
  background-color: var(--ug-surface);
  color: var(--ug-text);
  padding-inline-start: var(--ug-space-xs-s);
}
ug-topbar-user wa-button:hover::part(base) {
  border-color: var(--ug-border-strong);
  background-color: var(--ug-surface-sunk);
}
@container (max-width: 560px) {
  ug-topbar-user wa-button::part(label) {
    display: none;
  }
  ug-topbar-user wa-button::part(caret) {
    display: none;
  }
  ug-topbar-user wa-avatar {
    margin-inline-end: 0;
  }
  ug-topbar-user wa-button::part(base) {
    inline-size: var(--ug-control-height);
    padding-inline: 0;
  }
}
@media (max-width: 560px) {
  ug-topbar-user wa-button::part(label) {
    display: none;
  }
  ug-topbar-user wa-button::part(caret) {
    display: none;
  }
  ug-topbar-user wa-avatar {
    margin-inline-end: 0;
  }
  ug-topbar-user wa-button::part(base) {
    inline-size: var(--ug-control-height);
    padding-inline: 0;
  }
}
ug-totp-glyph {
  display: inline-flex;
  font-size: var(--ug-glyph-size);
  line-height: var(--ug-leading-flush);
  flex: none;
  color: var(--ug-brand-strong);
}
ug-totp-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-traed-ind-arrangoer-knap {
  display: block;
}
ug-traed-ind-arrangoer-knap wa-button::part(base) {
  border-radius: var(--ug-radius-pill);
  background-color: var(--ug-brand);
  font-size: var(--ug-text-md);
}
ug-traed-ind-arrangoer-knap wa-button {
  --ug-ink-icon-primary: var(--wa-color-on-loud);
  --ug-ink-icon-secondary: var(--ug-icon-accent);
}
ug-traed-ind-arrangoer-knap ug-login-arrow-glyph {
  font-size: var(--ug-text-m);
}
ug-trash-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-trash-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-trophy-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-udstillere-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-brand-strong);
}
ug-udstillere-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-upload-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-upload-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-ur-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-ur-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-user-gear-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-user-gear-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-user-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-user-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-user-plus-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-user-plus-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-users-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-ink-icon-primary);
}
ug-users-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-vaelg-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-vaelg-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-ventende-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ug-glyph-size);
  color: var(--ug-danger-40);
}
ug-ventende-glyph wa-icon {
  --primary-color: var(--ug-danger-40);
  --secondary-color: var(--ug-danger-70);
}
ug-vinduepanel-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-vinduepanel-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}
ug-xmark-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-xmark-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}

/* vendor/ug/ug-gem-button/ug-gem-button.css */
ug-gem-button {
  display: block;
  --ug-ink-icon-primary: var(--wa-color-on-loud);
  --ug-ink-icon-secondary: var(--ug-icon-accent);
}
ug-gem-button[hidden] {
  display: none;
}
ug-gem-button wa-button::part(base) {
  border-radius: var(--ug-radius-pill);
  background-color: var(--ug-brand);
}

/* vendor/ug/ug-annuller-button/ug-annuller-button.css */
ug-annuller-button {
  display: inline-flex;
  --ug-ink-icon-primary: var(--ug-text-quiet);
  --ug-ink-icon-secondary: var(--ug-icon-accent);
}
ug-annuller-button wa-button::part(base) {
  border-radius: var(--ug-radius-pill);
}

/* vendor/ug/ug-tekst-input/ug-tekst-input.css */
ug-tekst-input {
  display: block;
  inline-size: 100%;
}
ug-tekst-input wa-input {
  inline-size: 100%;
}
ug-tekst-input wa-input::part(base) {
  border-radius: var(--ug-radius);
}
ug-tekst-input wa-input[required]::part(label) {
  display: none;
}

/* vendor/admin/elements/ug-file-excel-glyph/ug-file-excel-glyph.css */
ug-file-excel-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ug-ink-icon-primary);
}
ug-file-excel-glyph wa-icon {
  --primary-color: var(--ug-ink-icon-primary);
  --secondary-color: var(--ug-ink-icon-secondary);
}

/* src/admin.css */
.ug-pilot-action-icon {
  display: inline-flex;
}
.ug-pilot-action-icon svg {
  inline-size: var(--ug-text-m);
  block-size: var(--ug-text-m);
}
.ug-pilot-action-icon path {
  fill: var(--ug-ink-icon-primary);
}
.ug-pilot-action-icon path[opacity] {
  fill: var(--ug-ink-icon-secondary);
  opacity: 1;
}