@charset "UTF-8";
@layer reset, base, components, recipes;
@layer components {
  :root {
    --wu-kit-ease-spring: linear(0, 0.25 7%, 0.69 17%, 0.95 26%, 1.07 35%, 1.09 42%, 1.05 52%, 1 63%, 0.99 75%, 1);
    --wu-kit-marker-check: polygon(12% 48%, 0 62%, 38% 96%, 100% 24%, 86% 10%, 38% 70%);
    --wu-kit-marker-triangle: polygon(50% 4%, 100% 96%, 0 96%);
    --wu-kit-marker-octagon: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
  }
  :where(i, span, em).wu-mirror {
    display: inline-block;
  }
  .wu-mirror:dir(rtl) {
    scale: -1 1;
  }
  .wu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--wu-space-2);
    min-height: var(--wu-control-height-md);
    padding-inline: var(--wu-control-padding-inline-md);
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-md);
    background: var(--wu-bg-surface);
    color: var(--wu-text-regular);
    font: inherit;
    font-size: var(--wu-font-size-sm);
    font-weight: var(--wu-font-weight-medium);
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition-property: background-color, border-color, color;
    transition-duration: var(--wu-duration-150);
    transition-timing-function: var(--wu-ease-out);
  }
  .wu-btn:hover {
    border-color: var(--wu-border-strong);
    background: var(--wu-bg-hover);
  }
  .wu-btn:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-btn:disabled, .wu-btn[aria-disabled=true] {
    opacity: var(--wu-opacity-50);
    pointer-events: none;
  }
  .wu-btn[aria-busy=true] {
    opacity: 1;
    pointer-events: none;
  }
  .wu-btn.brand {
    border-color: var(--wu-brand);
    background: var(--wu-brand);
    color: var(--wu-text-on-brand);
  }
  .wu-btn.brand:hover {
    border-color: var(--wu-brand-hover);
    background: var(--wu-brand-hover);
  }
  .wu-btn.brand:active {
    border-color: var(--wu-brand-active);
    background: var(--wu-brand-active);
  }
  .wu-btn.danger {
    border-color: var(--wu-danger);
    background: var(--wu-danger);
    color: var(--wu-text-on-danger);
  }
  .wu-btn.danger:hover {
    border-color: var(--wu-danger-hover);
    background: var(--wu-danger-hover);
  }
  .wu-btn.danger:active {
    border-color: var(--wu-danger-active);
    background: var(--wu-danger-active);
  }
  .wu-btn.brand.subtle {
    border-color: var(--wu-brand-border);
    background: var(--wu-brand-subtle);
    color: var(--wu-text-brand);
  }
  .wu-btn.brand.subtle:hover {
    border-color: var(--wu-brand-hover);
    background: var(--wu-brand-hover);
    color: var(--wu-text-on-brand);
  }
  .wu-btn.brand.subtle:active {
    border-color: var(--wu-brand-active);
    background: var(--wu-brand-active);
    color: var(--wu-text-on-brand);
  }
  .wu-btn.danger.subtle {
    border-color: var(--wu-danger-border);
    background: var(--wu-danger-subtle);
    color: var(--wu-text-danger);
  }
  .wu-btn.danger.subtle:hover {
    border-color: var(--wu-danger-hover);
    background: var(--wu-danger-hover);
    color: var(--wu-text-on-danger);
  }
  .wu-btn.danger.subtle:active {
    border-color: var(--wu-danger-active);
    background: var(--wu-danger-active);
    color: var(--wu-text-on-danger);
  }
  .wu-btn > svg {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
  }
  .wu-btn.quiet {
    border-color: transparent;
    background: transparent;
  }
  .wu-btn.quiet:hover {
    border-color: transparent;
    background: var(--wu-bg-hover);
  }
  .wu-btn.sm {
    min-height: var(--wu-control-height-sm);
    padding-inline: var(--wu-control-padding-inline-sm);
    font-size: var(--wu-font-size-xs);
  }
  .wu-btn.lg {
    min-height: var(--wu-control-height-lg);
    padding-inline: var(--wu-control-padding-inline-lg);
    font-size: var(--wu-font-size-md);
  }
  .wu-btn.caret::after {
    content: "";
    inline-size: var(--wu-btn--CaretSize, 0.4em);
    block-size: var(--wu-btn--CaretSize, 0.4em);
    margin-block-start: -0.2em;
    border-bottom: 0.125em solid currentcolor;
    border-right: 0.125em solid currentcolor;
    rotate: 45deg;
  }
  .wu-btn.link {
    padding-inline: 0;
    border-color: transparent;
    background: transparent;
    color: var(--wu-text-link);
  }
  .wu-btn.link:hover {
    border-color: transparent;
    background: transparent;
    color: var(--wu-text-link-hover);
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }
  .wu-btn.icon {
    min-inline-size: var(--wu-control-height-md);
    padding: 0;
  }
  .wu-btn.icon > svg {
    width: 1.25em;
    height: 1.25em;
  }
  .wu-btn.icon.sm {
    min-inline-size: var(--wu-control-height-sm);
  }
  .wu-btn.icon.lg {
    min-inline-size: var(--wu-control-height-lg);
  }
  .wu-btn.round {
    border-radius: var(--wu-radius-full);
  }
  .wu-btn.round:empty,
  .wu-btn.round:has(> svg:only-child) {
    min-inline-size: var(--wu-control-height-md);
    padding-inline: 0;
  }
  .wu-btn.round.sm:empty,
  .wu-btn.round.sm:has(> svg:only-child) {
    min-inline-size: var(--wu-control-height-sm);
  }
  .wu-btn.round.lg:empty,
  .wu-btn.round.lg:has(> svg:only-child) {
    min-inline-size: var(--wu-control-height-lg);
  }
  .wu-btn.caret:empty {
    min-inline-size: var(--wu-control-height-md);
    padding-inline: 0;
  }
  .wu-btn.caret.sm:empty {
    min-inline-size: var(--wu-control-height-sm);
  }
  .wu-btn.caret.lg:empty {
    min-inline-size: var(--wu-control-height-lg);
  }
  .wu-btn.caret:has(+ [popover]:popover-open)::after {
    margin-block-start: 0.2em;
    rotate: 225deg;
  }
  :where(.wu-field-group.sm) .wu-btn:not(.sm, .lg) {
    min-height: var(--wu-control-height-sm);
    font-size: var(--wu-font-size-xs);
  }
  :where(.wu-field-group.sm) .wu-btn:not(.sm, .lg, .icon, .link, .caret:empty, .round:empty, .round:has(> svg:only-child)) {
    padding-inline: var(--wu-control-padding-inline-sm);
  }
  :where(.wu-field-group.sm) .wu-btn:not(.sm, .lg):is(.icon, .caret:empty, .round:empty, .round:has(> svg:only-child)) {
    min-inline-size: var(--wu-control-height-sm);
  }
  :where(.wu-field-group.lg) .wu-btn:not(.sm, .lg) {
    min-height: var(--wu-control-height-lg);
    font-size: var(--wu-font-size-md);
  }
  :where(.wu-field-group.lg) .wu-btn:not(.sm, .lg, .icon, .link, .caret:empty, .round:empty, .round:has(> svg:only-child)) {
    padding-inline: var(--wu-control-padding-inline-lg);
  }
  :where(.wu-field-group.lg) .wu-btn:not(.sm, .lg):is(.icon, .caret:empty, .round:empty, .round:has(> svg:only-child)) {
    min-inline-size: var(--wu-control-height-lg);
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-btn.animated,
    .wu-btn-group.animated > .wu-btn,
    .wu-animated .wu-btn {
      transition-property: background-color, border-color, color, scale;
      transition-duration: var(--wu-duration-150), var(--wu-duration-150), var(--wu-duration-150), var(--wu-duration-500);
      transition-timing-function: var(--wu-ease-out), var(--wu-ease-out), var(--wu-ease-out), var(--wu-kit-ease-spring);
    }
    .wu-btn.animated:active,
    .wu-btn-group.animated > .wu-btn:active,
    .wu-animated .wu-btn:active {
      scale: 0.95;
    }
  }
  .wu-btn-group {
    display: inline-flex;
    vertical-align: middle;
  }
  .wu-btn-group > .wu-btn {
    position: relative;
    border-radius: 0;
  }
  .wu-btn-group > .wu-btn:is(:hover, :focus-visible, [aria-pressed=true], :has(> input:checked, > input:focus-visible)) {
    z-index: var(--wu-z-hover);
  }
  .wu-btn-group > .wu-btn:is([aria-pressed=true], :has(> input:checked)) {
    background: var(--wu-bg-selected);
    box-shadow: inset 0 0 0 var(--wu-border-width-1) var(--wu-brand);
    color: var(--wu-text-brand);
  }
  .wu-btn-group > .wu-btn:has(> input:focus-visible) {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-btn-group > .wu-btn:has(> input:disabled) {
    opacity: var(--wu-opacity-50);
    pointer-events: none;
  }
  .wu-btn-group > .wu-btn.brand + .wu-btn.brand {
    border-inline-start-color: color-mix(in srgb, var(--wu-text-on-brand) 40%, transparent);
  }
  .wu-btn-group > .wu-btn.danger + .wu-btn.danger {
    border-inline-start-color: color-mix(in srgb, var(--wu-text-on-danger) 40%, transparent);
  }
  .wu-btn-group > .wu-btn.quiet + .wu-btn.quiet {
    border-inline-start-color: var(--wu-border-regular);
  }
  .wu-btn-group:not(.vertical) > .wu-btn:first-child {
    border-start-start-radius: var(--wu-radius-md);
    border-end-start-radius: var(--wu-radius-md);
  }
  .wu-btn-group:not(.vertical) > .wu-btn:nth-last-child(1 of .wu-btn) {
    border-start-end-radius: var(--wu-radius-md);
    border-end-end-radius: var(--wu-radius-md);
  }
  .wu-btn-group:not(.vertical) > .wu-btn + .wu-btn {
    margin-inline-start: calc(-1 * var(--wu-border-width-1));
  }
  .wu-btn-group.vertical {
    flex-direction: column;
  }
  .wu-btn-group.vertical > .wu-btn:first-child {
    border-start-start-radius: var(--wu-radius-md);
    border-start-end-radius: var(--wu-radius-md);
  }
  .wu-btn-group.vertical > .wu-btn:nth-last-child(1 of .wu-btn) {
    border-end-start-radius: var(--wu-radius-md);
    border-end-end-radius: var(--wu-radius-md);
  }
  .wu-btn-group.vertical > .wu-btn + .wu-btn {
    margin-block-start: calc(-1 * var(--wu-border-width-1));
  }
  .wu-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--wu-space-1);
    min-height: var(--wu-space-5);
    padding-inline: var(--wu-space-2);
    border: var(--wu-border-width-1) solid var(--wu-gray-border);
    border-radius: var(--wu-radius-full);
    background: var(--wu-gray-subtle);
    color: var(--wu-text-gray);
    font-size: var(--wu-font-size-xs);
    font-variant-numeric: tabular-nums;
    font-weight: var(--wu-font-weight-medium);
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
  }
  .wu-badge.brand {
    border-color: var(--wu-brand-border);
    background: var(--wu-brand-subtle);
    color: var(--wu-text-brand);
  }
  .wu-badge.success {
    border-color: var(--wu-success-border);
    background: var(--wu-success-subtle);
    color: var(--wu-text-success);
  }
  .wu-badge.danger {
    border-color: var(--wu-danger-border);
    background: var(--wu-danger-subtle);
    color: var(--wu-text-danger);
  }
  .wu-badge.warning {
    border-color: var(--wu-warning-border);
    background: var(--wu-warning-subtle);
    color: var(--wu-text-warning);
  }
  .wu-badge.info {
    border-color: var(--wu-info-border);
    background: var(--wu-info-subtle);
    color: var(--wu-text-info);
  }
  .wu-badge.solid {
    border-color: var(--wu-gray-700);
    background: var(--wu-gray-700);
    color: var(--wu-white);
  }
  .wu-badge.solid.brand {
    border-color: var(--wu-brand);
    background: var(--wu-brand);
    color: var(--wu-text-on-brand);
  }
  .wu-badge.solid.success {
    border-color: var(--wu-success);
    background: var(--wu-success);
    color: var(--wu-text-on-success);
  }
  .wu-badge.solid.danger {
    border-color: var(--wu-danger);
    background: var(--wu-danger);
    color: var(--wu-text-on-danger);
  }
  .wu-badge.solid.warning {
    border-color: var(--wu-warning);
    background: var(--wu-warning);
    color: var(--wu-text-on-warning);
  }
  .wu-badge.solid.info {
    border-color: var(--wu-info);
    background: var(--wu-info);
    color: var(--wu-text-on-info);
  }
  .wu-badge-host {
    display: inline-flex;
    position: relative;
    vertical-align: middle;
  }
  .wu-badge.corner {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    translate: var(--wu-badge--Offset, 50%) -50%;
    box-shadow: 0 0 0 var(--wu-border-width-2) var(--wu-avatar--RingColor, var(--wu-bg-surface));
  }
  .wu-badge.corner:dir(rtl) {
    translate: calc(-1 * var(--wu-badge--Offset, 50%)) -50%;
  }
  .wu-badge.corner:empty {
    display: none;
  }
  .wu-tag {
    display: inline-flex;
    align-items: center;
    gap: var(--wu-space-1);
    min-height: var(--wu-space-6);
    padding-inline: var(--wu-space-2);
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-sm);
    background: var(--wu-bg-surface);
    color: var(--wu-text-regular);
    font: inherit;
    font-size: var(--wu-font-size-xs);
    font-weight: var(--wu-font-weight-medium);
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
  }
  .wu-tag > svg {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
  }
  .wu-tag:is(a[href], button) {
    cursor: pointer;
    transition-property: background-color, border-color;
    transition-duration: var(--wu-duration-150);
    transition-timing-function: var(--wu-ease-out);
  }
  .wu-tag:is(a[href], button):hover {
    border-color: var(--wu-border-strong);
    background: var(--wu-bg-hover);
  }
  .wu-tag:is(button)[aria-pressed=true] {
    border-color: var(--wu-brand-border);
    background: var(--wu-brand-subtle);
    color: var(--wu-text-brand);
    box-shadow: inset 0 0 0 var(--wu-border-width-1) var(--wu-brand-border);
  }
  .wu-tag:is(button)[aria-pressed=true]::before {
    content: "";
    flex-shrink: 0;
    width: 0.5em;
    height: 0.9em;
    margin-block-start: -0.2em;
    border-bottom: 0.15em solid currentcolor;
    border-right: 0.15em solid currentcolor;
    rotate: 45deg;
  }
  .wu-tag:is(button)[aria-pressed=true]:hover {
    border-color: var(--wu-brand);
    background: var(--wu-brand-subtle);
  }
  .wu-tag.gray {
    border-color: var(--wu-gray-border);
    background: var(--wu-gray-subtle);
    color: var(--wu-text-gray);
  }
  .wu-tag.red {
    border-color: var(--wu-red-border);
    background: var(--wu-red-subtle);
    color: var(--wu-text-red);
  }
  .wu-tag.blue {
    border-color: var(--wu-blue-border);
    background: var(--wu-blue-subtle);
    color: var(--wu-text-blue);
  }
  .wu-tag.green {
    border-color: var(--wu-green-border);
    background: var(--wu-green-subtle);
    color: var(--wu-text-green);
  }
  .wu-tag.yellow {
    border-color: var(--wu-yellow-border);
    background: var(--wu-yellow-subtle);
    color: var(--wu-text-yellow);
  }
  .wu-tag.purple {
    border-color: var(--wu-purple-border);
    background: var(--wu-purple-subtle);
    color: var(--wu-text-purple);
  }
  .wu-tag.pink {
    border-color: var(--wu-pink-border);
    background: var(--wu-pink-subtle);
    color: var(--wu-text-pink);
  }
  .wu-tag-remove {
    display: inline-grid;
    place-items: center;
    width: var(--wu-space-5);
    height: var(--wu-space-5);
    min-height: 0;
    margin-inline-end: calc(-1 * var(--wu-space-1));
    padding: 0;
    border: 0;
    border-radius: var(--wu-radius-xs);
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: 1;
    cursor: pointer;
  }
  .wu-tag-remove::before, .wu-tag-remove::after {
    content: "";
    grid-area: 1/1;
    width: var(--wu-space-2);
    height: var(--wu-border-width-2);
    border-radius: var(--wu-radius-full);
    background: currentcolor;
    rotate: 45deg;
  }
  .wu-tag-remove::after {
    rotate: -45deg;
  }
  .wu-tag-remove:hover {
    background: color-mix(in srgb, currentcolor 15%, transparent);
  }
  .wu-tag:is(a[href], button):focus-visible,
  .wu-tag-remove:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-dot {
    display: inline-block;
    position: relative;
    flex-shrink: 0;
    width: var(--wu-dot--Size, var(--wu-space-2));
    height: var(--wu-dot--Size, var(--wu-space-2));
    border-radius: var(--wu-radius-full);
    background: currentcolor;
    color: var(--wu-border-strong);
    vertical-align: middle;
  }
  .wu-dot.brand {
    color: var(--wu-brand);
  }
  .wu-dot.success {
    color: var(--wu-success);
  }
  .wu-dot.danger {
    color: var(--wu-danger);
  }
  .wu-dot.warning {
    color: var(--wu-warning);
  }
  .wu-dot.info {
    color: var(--wu-info);
  }
  .wu-badge-host {
    display: inline-flex;
    position: relative;
    vertical-align: middle;
  }
  .wu-dot.corner {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    translate: var(--wu-badge--Offset, 50%) -50%;
  }
  .wu-dot.corner:dir(rtl) {
    translate: calc(-1 * var(--wu-badge--Offset, 50%)) -50%;
  }
  .wu-dot.corner:not(.success, .warning, .danger) {
    box-shadow: 0 0 0 var(--wu-border-width-2) var(--wu-avatar--RingColor, var(--wu-bg-surface));
  }
  .wu-dot:is(.success, .warning, .danger) {
    border-radius: 0;
    background: none;
  }
  .wu-dot:is(.success, .warning, .danger)::before {
    content: "";
    position: absolute;
    inset: 0;
    background: currentcolor;
  }
  .wu-dot.success::before,
  .wu-dot.success::after {
    clip-path: var(--wu-kit-marker-check);
  }
  .wu-dot.warning::before,
  .wu-dot.warning::after {
    clip-path: var(--wu-kit-marker-triangle);
  }
  .wu-dot.danger::before,
  .wu-dot.danger::after {
    clip-path: var(--wu-kit-marker-octagon);
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-dot.animated::after,
    .wu-animated .wu-dot::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: currentcolor;
      animation: wu-dot-ping 1.5s var(--wu-ease-out) infinite;
    }
  }
  @keyframes wu-dot-ping {
    to {
      opacity: 0;
      scale: 2.5;
    }
  }
  .wu-divider {
    height: 0;
    margin-block: var(--wu-space-4);
    margin-inline: 0;
    border: 0;
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-divider[aria-orientation=vertical] {
    display: inline-block;
    align-self: stretch;
    width: 0;
    height: auto;
    min-height: 1em;
    margin-block: 0;
    margin-inline: var(--wu-space-2);
    border-block-start: 0;
    border-inline-start: var(--wu-border-width-1) solid var(--wu-border-regular);
    vertical-align: middle;
  }
  .wu-divider:not(:empty) {
    display: flex;
    align-items: center;
    gap: var(--wu-space-3);
    height: auto;
    border-block-start: 0;
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-xs);
  }
  .wu-divider:not(:empty)::before, .wu-divider:not(:empty)::after {
    content: "";
    flex: 1;
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-divider.dashed,
  .wu-divider.dashed::before,
  .wu-divider.dashed::after {
    border-style: dashed;
  }
  .wu-spinner {
    display: inline-block;
    flex-shrink: 0;
    width: var(--wu-spinner--Size, var(--wu-space-5));
    height: var(--wu-spinner--Size, var(--wu-space-5));
    border: var(--wu-border-width-2) solid color-mix(in srgb, currentcolor 25%, transparent);
    border-block-start-color: currentcolor;
    border-radius: var(--wu-radius-full);
    vertical-align: middle;
    animation: wu-spinner-rotate 0.75s linear infinite;
  }
  .wu-spinner.sm {
    width: var(--wu-spinner--Size, var(--wu-space-4));
    height: var(--wu-spinner--Size, var(--wu-space-4));
  }
  .wu-spinner.lg {
    width: var(--wu-spinner--Size, var(--wu-space-8));
    height: var(--wu-spinner--Size, var(--wu-space-8));
    border-width: var(--wu-border-width-4);
  }
  :where(:has(> .wu-spinner-overlay)) {
    position: relative;
  }
  .wu-spinner-overlay {
    position: absolute;
    inset: 0;
    z-index: var(--wu-z-hover);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--wu-space-2);
    padding: var(--wu-space-4);
    border-radius: inherit;
    background: var(--wu-spinner-overlay--Background, color-mix(in srgb, var(--wu-bg-surface) 85%, transparent));
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
    text-align: center;
  }
  .wu-spinner-overlay > :not(.wu-spinner) {
    padding: var(--wu-space-1) var(--wu-space-3);
    border-radius: var(--wu-radius-full);
    background: var(--wu-bg-surface);
  }
  @keyframes wu-spinner-rotate {
    to {
      rotate: 360deg;
    }
  }
  .wu-avatar {
    display: inline-grid;
    place-items: center;
    position: relative;
    flex-shrink: 0;
    border-radius: var(--wu-radius-full);
    background: var(--wu-gray-subtle);
    color: var(--wu-text-gray);
    font-weight: var(--wu-font-weight-medium);
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    width: var(--wu-avatar--Size, var(--wu-space-10));
    height: var(--wu-avatar--Size, var(--wu-space-10));
    font-size: calc(var(--wu-avatar--Size, var(--wu-space-10)) * 0.4);
  }
  .wu-avatar > img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
  }
  .wu-avatar.sm {
    width: var(--wu-avatar--Size, var(--wu-space-8));
    height: var(--wu-avatar--Size, var(--wu-space-8));
    font-size: calc(var(--wu-avatar--Size, var(--wu-space-8)) * 0.4);
  }
  .wu-avatar.lg {
    width: var(--wu-avatar--Size, var(--wu-space-12));
    height: var(--wu-avatar--Size, var(--wu-space-12));
    font-size: calc(var(--wu-avatar--Size, var(--wu-space-12)) * 0.4);
  }
  .wu-avatar.tile {
    border-radius: var(--wu-radius-md);
  }
  .wu-avatar > svg {
    width: 60%;
    height: 60%;
  }
  .wu-avatar.gray {
    background: var(--wu-gray-subtle);
    color: var(--wu-text-gray);
  }
  .wu-avatar.red {
    background: var(--wu-red-subtle);
    color: var(--wu-text-red);
  }
  .wu-avatar.blue {
    background: var(--wu-blue-subtle);
    color: var(--wu-text-blue);
  }
  .wu-avatar.green {
    background: var(--wu-green-subtle);
    color: var(--wu-text-green);
  }
  .wu-avatar.yellow {
    background: var(--wu-yellow-subtle);
    color: var(--wu-text-yellow);
  }
  .wu-avatar.purple {
    background: var(--wu-purple-subtle);
    color: var(--wu-text-purple);
  }
  .wu-avatar.pink {
    background: var(--wu-pink-subtle);
    color: var(--wu-text-pink);
  }
  .wu-avatar:is([data-status=online], [data-status=away], [data-status=busy], [data-status=offline])::after {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: 0;
    width: 30%;
    height: 30%;
    border-radius: var(--wu-radius-full);
  }
  .wu-avatar[data-status=online]::after {
    background: var(--wu-success);
    box-shadow: 0 0 0 var(--wu-border-width-2) var(--wu-avatar--RingColor, var(--wu-bg-surface));
  }
  .wu-avatar[data-status=away]::after {
    background: linear-gradient(to right, var(--wu-warning) 50%, var(--wu-avatar--RingColor, var(--wu-bg-surface)) 50%);
    box-shadow: inset 0 0 0 var(--wu-border-width-1) var(--wu-warning), 0 0 0 var(--wu-border-width-2) var(--wu-avatar--RingColor, var(--wu-bg-surface));
  }
  .wu-avatar[data-status=away]:dir(rtl)::after {
    background: linear-gradient(to left, var(--wu-warning) 50%, var(--wu-avatar--RingColor, var(--wu-bg-surface)) 50%);
  }
  .wu-avatar[data-status=busy]::after {
    background: linear-gradient(var(--wu-avatar--RingColor, var(--wu-bg-surface)), var(--wu-avatar--RingColor, var(--wu-bg-surface))) center/60% 20% no-repeat, var(--wu-danger);
  }
  .wu-avatar[data-status=offline]::after {
    background: var(--wu-avatar--RingColor, var(--wu-bg-surface));
    box-shadow: inset 0 0 0 var(--wu-border-width-2) var(--wu-border-strong), 0 0 0 var(--wu-border-width-2) var(--wu-avatar--RingColor, var(--wu-bg-surface));
  }
  .wu-avatar-group {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
  }
  .wu-avatar-group > .wu-avatar {
    box-shadow: 0 0 0 var(--wu-border-width-2) var(--wu-avatar--RingColor, var(--wu-bg-surface));
  }
  .wu-avatar-group > .wu-avatar + .wu-avatar {
    margin-inline-start: calc(-1 * var(--wu-space-3));
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-avatar-group.animated > .wu-avatar,
    .wu-animated .wu-avatar-group > .wu-avatar {
      inset-inline-start: 0;
      transition: inset-inline-start var(--wu-duration-500) var(--wu-kit-ease-spring);
      transition-delay: calc((sibling-index() - 1) * 30ms);
    }
    @supports (inset-inline-start: calc(sibling-index() * 1px)) {
      .wu-avatar-group.animated:focus-within > .wu-avatar,
      .wu-animated .wu-avatar-group:focus-within > .wu-avatar {
        inset-inline-start: calc((sibling-index() - 1) * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
    }
    @supports not (inset-inline-start: calc(sibling-index() * 1px)) {
      .wu-avatar-group.animated:focus-within > .wu-avatar:nth-child(2),
      .wu-animated .wu-avatar-group:focus-within > .wu-avatar:nth-child(2) {
        inset-inline-start: calc(1 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:focus-within > .wu-avatar:nth-child(3),
      .wu-animated .wu-avatar-group:focus-within > .wu-avatar:nth-child(3) {
        inset-inline-start: calc(2 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:focus-within > .wu-avatar:nth-child(4),
      .wu-animated .wu-avatar-group:focus-within > .wu-avatar:nth-child(4) {
        inset-inline-start: calc(3 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:focus-within > .wu-avatar:nth-child(5),
      .wu-animated .wu-avatar-group:focus-within > .wu-avatar:nth-child(5) {
        inset-inline-start: calc(4 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:focus-within > .wu-avatar:nth-child(6),
      .wu-animated .wu-avatar-group:focus-within > .wu-avatar:nth-child(6) {
        inset-inline-start: calc(5 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:focus-within > .wu-avatar:nth-child(7),
      .wu-animated .wu-avatar-group:focus-within > .wu-avatar:nth-child(7) {
        inset-inline-start: calc(6 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:focus-within > .wu-avatar:nth-child(8),
      .wu-animated .wu-avatar-group:focus-within > .wu-avatar:nth-child(8) {
        inset-inline-start: calc(7 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:focus-within > .wu-avatar:nth-child(9),
      .wu-animated .wu-avatar-group:focus-within > .wu-avatar:nth-child(9) {
        inset-inline-start: calc(8 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:focus-within > .wu-avatar:nth-child(10),
      .wu-animated .wu-avatar-group:focus-within > .wu-avatar:nth-child(10) {
        inset-inline-start: calc(9 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:focus-within > .wu-avatar:nth-child(11),
      .wu-animated .wu-avatar-group:focus-within > .wu-avatar:nth-child(11) {
        inset-inline-start: calc(10 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:focus-within > .wu-avatar:nth-child(12),
      .wu-animated .wu-avatar-group:focus-within > .wu-avatar:nth-child(12) {
        inset-inline-start: calc(11 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
    }
  }
  @media (prefers-reduced-motion: no-preference) and (hover: hover) {
    @supports (inset-inline-start: calc(sibling-index() * 1px)) {
      .wu-avatar-group.animated:hover > .wu-avatar,
      .wu-animated .wu-avatar-group:hover > .wu-avatar {
        inset-inline-start: calc((sibling-index() - 1) * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
    }
    @supports not (inset-inline-start: calc(sibling-index() * 1px)) {
      .wu-avatar-group.animated:hover > .wu-avatar:nth-child(2),
      .wu-animated .wu-avatar-group:hover > .wu-avatar:nth-child(2) {
        inset-inline-start: calc(1 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:hover > .wu-avatar:nth-child(3),
      .wu-animated .wu-avatar-group:hover > .wu-avatar:nth-child(3) {
        inset-inline-start: calc(2 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:hover > .wu-avatar:nth-child(4),
      .wu-animated .wu-avatar-group:hover > .wu-avatar:nth-child(4) {
        inset-inline-start: calc(3 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:hover > .wu-avatar:nth-child(5),
      .wu-animated .wu-avatar-group:hover > .wu-avatar:nth-child(5) {
        inset-inline-start: calc(4 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:hover > .wu-avatar:nth-child(6),
      .wu-animated .wu-avatar-group:hover > .wu-avatar:nth-child(6) {
        inset-inline-start: calc(5 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:hover > .wu-avatar:nth-child(7),
      .wu-animated .wu-avatar-group:hover > .wu-avatar:nth-child(7) {
        inset-inline-start: calc(6 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:hover > .wu-avatar:nth-child(8),
      .wu-animated .wu-avatar-group:hover > .wu-avatar:nth-child(8) {
        inset-inline-start: calc(7 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:hover > .wu-avatar:nth-child(9),
      .wu-animated .wu-avatar-group:hover > .wu-avatar:nth-child(9) {
        inset-inline-start: calc(8 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:hover > .wu-avatar:nth-child(10),
      .wu-animated .wu-avatar-group:hover > .wu-avatar:nth-child(10) {
        inset-inline-start: calc(9 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:hover > .wu-avatar:nth-child(11),
      .wu-animated .wu-avatar-group:hover > .wu-avatar:nth-child(11) {
        inset-inline-start: calc(10 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
      .wu-avatar-group.animated:hover > .wu-avatar:nth-child(12),
      .wu-animated .wu-avatar-group:hover > .wu-avatar:nth-child(12) {
        inset-inline-start: calc(11 * calc(var(--wu-space-3) + var(--wu-space-1)));
      }
    }
  }
  .wu-card {
    display: flex;
    flex-direction: column;
    position: relative;
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-lg);
    background: var(--wu-bg-surface);
    color: var(--wu-text-regular);
    box-shadow: var(--wu-shadow-sm);
  }
  .wu-card-header,
  .wu-card-body,
  .wu-card-footer {
    padding: var(--wu-card--Padding, var(--wu-space-5));
  }
  .wu-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wu-space-3);
    border-block-end: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-card-title {
    margin: 0;
    font-size: var(--wu-font-size-md);
    font-weight: var(--wu-font-weight-semibold);
    line-height: var(--wu-line-height-tight);
  }
  .wu-card-body {
    flex-grow: 1;
  }
  .wu-card-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--wu-space-2);
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-card-link {
    color: inherit;
    text-decoration: none;
  }
  .wu-card-link::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
  }
  .wu-card-link:focus-visible {
    outline: none;
  }
  .wu-card-link:focus-visible::after {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-card:has(.wu-card-link) {
    transition-property: border-color, box-shadow;
    transition-duration: var(--wu-duration-150);
    transition-timing-function: var(--wu-ease-out);
  }
  .wu-card:has(.wu-card-link) :is(a, button, input, select, textarea, summary, label):not(.wu-card-link) {
    position: relative;
    z-index: var(--wu-z-hover);
  }
  .wu-card:has(.wu-card-link:hover) {
    border-color: var(--wu-border-strong);
    box-shadow: var(--wu-shadow-md);
  }
  .wu-card:has(.wu-card-link:hover) .wu-card-link {
    text-decoration: underline;
  }
  .wu-panel {
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-md);
    background: var(--wu-bg-surface);
    color: var(--wu-text-regular);
  }
  .wu-panel-header,
  .wu-panel-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wu-space-2);
    padding-block: var(--wu-space-3);
    padding-inline: var(--wu-panel--Padding, var(--wu-space-4));
  }
  .wu-panel-header {
    justify-content: space-between;
    border-block-end: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-start-start-radius: calc(var(--wu-radius-md) - var(--wu-border-width-1));
    border-start-end-radius: calc(var(--wu-radius-md) - var(--wu-border-width-1));
    background: var(--wu-bg-alternate);
  }
  .wu-panel-title {
    margin: 0;
    font-size: var(--wu-font-size-sm);
    font-weight: var(--wu-font-weight-semibold);
    line-height: var(--wu-line-height-tight);
  }
  .wu-panel-body {
    padding: var(--wu-panel--Padding, var(--wu-space-4));
  }
  .wu-panel-footer {
    justify-content: flex-end;
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-alert {
    position: relative;
    padding-block: var(--wu-space-3);
    padding-inline: calc(var(--wu-space-4) * 2 + var(--wu-space-3)) var(--wu-space-4);
    border: var(--wu-border-width-1) solid var(--wu-gray-border);
    border-radius: var(--wu-radius-md);
    background: var(--wu-gray-subtle);
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-sm);
    line-height: var(--wu-line-height-normal);
  }
  .wu-alert::before {
    content: "";
    position: absolute;
    inset-block-start: calc(var(--wu-space-3) + (1lh - var(--wu-space-4)) / 2);
    inset-inline-start: var(--wu-space-4);
    width: var(--wu-space-4);
    height: var(--wu-space-4);
    border-radius: var(--wu-radius-full);
    background: var(--wu-text-gray);
  }
  .wu-alert > * {
    margin: 0;
  }
  .wu-alert > * + * {
    margin-block-start: var(--wu-space-1);
  }
  .wu-alert-title {
    display: block;
    font-weight: var(--wu-font-weight-semibold);
  }
  .wu-alert.brand {
    border-color: var(--wu-brand-border);
    background: var(--wu-brand-subtle);
  }
  .wu-alert.brand::before {
    background: var(--wu-text-brand);
  }
  .wu-alert.brand .wu-alert-title {
    color: var(--wu-text-brand);
  }
  .wu-alert.success {
    border-color: var(--wu-success-border);
    background: var(--wu-success-subtle);
  }
  .wu-alert.success::before {
    background: var(--wu-text-success);
  }
  .wu-alert.success .wu-alert-title {
    color: var(--wu-text-success);
  }
  .wu-alert.danger {
    border-color: var(--wu-danger-border);
    background: var(--wu-danger-subtle);
  }
  .wu-alert.danger::before {
    background: var(--wu-text-danger);
  }
  .wu-alert.danger .wu-alert-title {
    color: var(--wu-text-danger);
  }
  .wu-alert.warning {
    border-color: var(--wu-warning-border);
    background: var(--wu-warning-subtle);
  }
  .wu-alert.warning::before {
    background: var(--wu-text-warning);
  }
  .wu-alert.warning .wu-alert-title {
    color: var(--wu-text-warning);
  }
  .wu-alert.info {
    border-color: var(--wu-info-border);
    background: var(--wu-info-subtle);
  }
  .wu-alert.info::before {
    background: var(--wu-text-info);
  }
  .wu-alert.info .wu-alert-title {
    color: var(--wu-text-info);
  }
  .wu-alert:is(.success, .warning, .danger)::before {
    border-radius: 0;
  }
  .wu-alert.success::before {
    clip-path: var(--wu-kit-marker-check);
  }
  .wu-alert.warning::before {
    clip-path: var(--wu-kit-marker-triangle);
  }
  .wu-alert.danger::before {
    clip-path: var(--wu-kit-marker-octagon);
  }
  .wu-alert > .wu-alert-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wu-space-2);
    margin-block-start: var(--wu-space-3);
  }
  .wu-alert:has(> .wu-alert-close) {
    padding-inline-end: calc(var(--wu-space-2) + var(--wu-space-6) + var(--wu-space-2));
  }
  .wu-alert > .wu-alert-close {
    position: absolute;
    inset-block-start: calc(var(--wu-space-3) + (1lh - var(--wu-space-6)) / 2);
    inset-inline-end: var(--wu-space-2);
    display: inline-grid;
    place-items: center;
    width: var(--wu-space-6);
    height: var(--wu-space-6);
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--wu-radius-xs);
    background: transparent;
    color: var(--wu-text-muted);
    font: inherit;
    line-height: 1;
    cursor: pointer;
  }
  .wu-alert > .wu-alert-close::before, .wu-alert > .wu-alert-close::after {
    content: "";
    grid-area: 1/1;
    width: var(--wu-space-3);
    height: var(--wu-border-width-2);
    border-radius: var(--wu-radius-full);
    background: currentcolor;
    rotate: 45deg;
  }
  .wu-alert > .wu-alert-close::after {
    rotate: -45deg;
  }
  .wu-alert > .wu-alert-close:hover {
    background: color-mix(in srgb, currentcolor 15%, transparent);
    color: var(--wu-text-regular);
  }
  .wu-alert > .wu-alert-close:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--wu-space-2);
    padding-block: var(--wu-space-12);
    padding-inline: var(--wu-space-6);
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
    text-align: center;
  }
  .wu-empty-state-icon {
    display: inline-grid;
    place-items: center;
    width: var(--wu-space-12);
    height: var(--wu-space-12);
    margin-block-end: var(--wu-space-2);
    border-radius: var(--wu-radius-full);
    background: var(--wu-bg-alternate);
    color: var(--wu-text-subtle);
  }
  .wu-empty-state-icon > * {
    max-width: var(--wu-space-6);
    max-height: var(--wu-space-6);
  }
  .wu-empty-state-icon:empty::before {
    content: "";
    width: var(--wu-space-5);
    height: var(--wu-space-4);
    border: var(--wu-border-width-2) dashed currentcolor;
    border-radius: var(--wu-radius-xs);
  }
  .wu-empty-state-title {
    margin: 0;
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-lg);
    font-weight: var(--wu-font-weight-semibold);
    line-height: var(--wu-line-height-tight);
  }
  .wu-empty-state-text {
    max-inline-size: 40ch;
    margin: 0;
  }
  .wu-empty-state-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--wu-space-2);
    margin-block-start: var(--wu-space-3);
  }
  .wu-empty-state.dashed {
    border: var(--wu-border-width-1) dashed var(--wu-border-strong);
    border-radius: var(--wu-radius-lg);
  }
  .wu-empty-state.sm {
    padding-block: var(--wu-space-6);
    padding-inline: var(--wu-space-4);
  }
  .wu-empty-state.sm .wu-empty-state-title {
    font-size: var(--wu-font-size-md);
  }
  .wu-empty-state.sm .wu-empty-state-icon {
    width: var(--wu-space-10);
    height: var(--wu-space-10);
    margin-block-end: 0;
  }
  .wu-empty-state.success .wu-empty-state-icon {
    background: var(--wu-success-subtle);
    color: var(--wu-text-success);
  }
  .wu-empty-state.success .wu-empty-state-icon:empty::before {
    width: var(--wu-space-6);
    height: var(--wu-space-6);
    border: 0;
    border-radius: var(--wu-radius-full);
    background: currentcolor;
  }
  .wu-empty-state.warning .wu-empty-state-icon {
    background: var(--wu-warning-subtle);
    color: var(--wu-text-warning);
  }
  .wu-empty-state.warning .wu-empty-state-icon:empty::before {
    width: var(--wu-space-6);
    height: var(--wu-space-6);
    border: 0;
    border-radius: var(--wu-radius-full);
    background: currentcolor;
  }
  .wu-empty-state.danger .wu-empty-state-icon {
    background: var(--wu-danger-subtle);
    color: var(--wu-text-danger);
  }
  .wu-empty-state.danger .wu-empty-state-icon:empty::before {
    width: var(--wu-space-6);
    height: var(--wu-space-6);
    border: 0;
    border-radius: var(--wu-radius-full);
    background: currentcolor;
  }
  .wu-empty-state.info .wu-empty-state-icon {
    background: var(--wu-info-subtle);
    color: var(--wu-text-info);
  }
  .wu-empty-state.info .wu-empty-state-icon:empty::before {
    width: var(--wu-space-6);
    height: var(--wu-space-6);
    border: 0;
    border-radius: var(--wu-radius-full);
    background: currentcolor;
  }
  .wu-empty-state:is(.success, .warning, .danger) .wu-empty-state-icon:empty::before {
    border-radius: 0;
  }
  .wu-empty-state.success .wu-empty-state-icon:empty::before {
    clip-path: var(--wu-kit-marker-check);
  }
  .wu-empty-state.warning .wu-empty-state-icon:empty::before {
    clip-path: var(--wu-kit-marker-triangle);
  }
  .wu-empty-state.danger .wu-empty-state-icon:empty::before {
    clip-path: var(--wu-kit-marker-octagon);
  }
  .wu-stat {
    display: flex;
    flex-direction: column;
    gap: var(--wu-space-1);
  }
  .wu-stat-label {
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
    font-weight: var(--wu-font-weight-medium);
  }
  .wu-stat-value {
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-3xl);
    font-variant-numeric: tabular-nums;
    font-weight: var(--wu-font-weight-semibold);
    line-height: var(--wu-line-height-tight);
  }
  .wu-stat-delta {
    display: inline-flex;
    align-items: center;
    gap: var(--wu-space-1);
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
    font-variant-numeric: tabular-nums;
    font-weight: var(--wu-font-weight-medium);
  }
  .wu-stat-delta[data-trend]::before {
    content: "";
    width: var(--wu-space-2);
    height: var(--wu-space-2);
    background: currentcolor;
  }
  .wu-stat-delta[data-trend=up]::before {
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
  .wu-stat-delta[data-trend=down]::before {
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  .wu-stat-delta.success {
    color: var(--wu-text-success);
  }
  .wu-stat-delta.danger {
    color: var(--wu-text-danger);
  }
  .wu-stat.sm .wu-stat-value {
    font-size: var(--wu-font-size-xl);
  }
  .wu-stat.lg .wu-stat-value {
    font-size: var(--wu-font-size-4xl);
  }
  .wu-desc-list {
    margin: 0;
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-sm);
    line-height: var(--wu-line-height-normal);
  }
  .wu-desc-list > dt,
  .wu-desc-list > div > dt {
    color: var(--wu-text-muted);
    font-weight: var(--wu-font-weight-medium);
  }
  .wu-desc-list > dd,
  .wu-desc-list > div > dd {
    margin: 0;
    text-wrap: pretty;
  }
  .wu-desc-list > dt + dd,
  .wu-desc-list > dd + dd,
  .wu-desc-list > div > dt + dd,
  .wu-desc-list > div > dd + dd {
    margin-block-start: var(--wu-space-1);
  }
  .wu-desc-list > dd + dt,
  .wu-desc-list > div + div {
    margin-block-start: var(--wu-space-4);
  }
  .wu-desc-list.horizontal {
    display: grid;
    grid-template-columns: var(--wu-desc-list--TermWidth, fit-content(40%)) minmax(0, 1fr);
    gap: var(--wu-space-3) var(--wu-space-6);
  }
  .wu-desc-list.horizontal > div {
    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    row-gap: var(--wu-space-1);
  }
  .wu-desc-list.horizontal > dt,
  .wu-desc-list.horizontal > div > dt {
    grid-column: 1;
  }
  .wu-desc-list.horizontal > dd,
  .wu-desc-list.horizontal > div > dd {
    grid-column: 2;
  }
  .wu-desc-list.horizontal > *,
  .wu-desc-list.horizontal > div > * {
    margin-block-start: 0;
  }
  .wu-desc-list.divided > div + div {
    padding-block-start: var(--wu-space-3);
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-desc-list.bordered {
    display: grid;
    grid-template-columns: var(--wu-desc-list--TermWidth, fit-content(40%)) minmax(0, 1fr);
    overflow: hidden;
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-md);
    background: var(--wu-bg-surface);
  }
  .wu-desc-list.bordered > div {
    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
  }
  .wu-desc-list.bordered > dt,
  .wu-desc-list.bordered > dd,
  .wu-desc-list.bordered > div > dt,
  .wu-desc-list.bordered > div > dd {
    margin-block-start: calc(-1 * var(--wu-border-width-1));
    margin-inline-start: calc(-1 * var(--wu-border-width-1));
    padding-block: var(--wu-space-2);
    padding-inline: var(--wu-space-3);
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-inline-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-desc-list.bordered > dt,
  .wu-desc-list.bordered > div > dt {
    grid-column: 1;
    background: var(--wu-bg-alternate);
  }
  .wu-desc-list.bordered > dd,
  .wu-desc-list.bordered > div > dd {
    grid-column: 2;
  }
  .wu-desc-list.bordered > div + div {
    margin-block-start: 0;
  }
  .wu-desc-list.columns {
    display: grid;
    gap: var(--wu-space-4) var(--wu-space-6);
    grid-template-columns: repeat(auto-fill, minmax(min(100%, max(var(--wu-desc-list--ColumnWidth, 10rem), (100% - (var(--wu-desc-list--Columns, 3) - 1) * var(--wu-space-6)) / var(--wu-desc-list--Columns, 3))), 1fr));
  }
  .wu-desc-list.columns > div + div {
    margin-block-start: 0;
  }
  .wu-desc-list.bordered.columns {
    gap: 0;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, max(var(--wu-desc-list--ColumnWidth, 10rem), 100% / var(--wu-desc-list--Columns, 3))), 1fr));
  }
  .wu-desc-list.bordered.columns > div {
    grid-column: auto;
    grid-template-columns: var(--wu-desc-list--TermWidth, 40%) minmax(0, 1fr);
  }
  .wu-info-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--wu-space-1) var(--wu-space-4);
    padding-block: var(--wu-space-2);
    font-size: var(--wu-font-size-sm);
    line-height: var(--wu-line-height-normal);
  }
  .wu-info-row + .wu-info-row {
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-info-row-label {
    margin: 0;
    color: var(--wu-text-muted);
  }
  .wu-info-row-value {
    min-width: 0;
    margin: 0;
    color: var(--wu-text-regular);
    font-variant-numeric: tabular-nums;
    font-weight: var(--wu-font-weight-medium);
    text-align: end;
    overflow-wrap: anywhere;
  }
  .wu-info-row.total {
    border-block-start: var(--wu-border-width-2) solid var(--wu-border-strong);
  }
  .wu-info-row.total > .wu-info-row-label {
    color: var(--wu-text-regular);
    font-weight: var(--wu-font-weight-semibold);
  }
  .wu-info-row.total > .wu-info-row-value {
    font-size: var(--wu-font-size-md);
    font-weight: var(--wu-font-weight-semibold);
  }
  .wu-list {
    margin: 0;
    padding: 0;
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-sm);
    line-height: var(--wu-line-height-normal);
    list-style: none;
  }
  .wu-list-item {
    display: flex;
    align-items: center;
    gap: var(--wu-space-3);
    padding-block: var(--wu-space-3);
  }
  .wu-list-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
  }
  .wu-list-title {
    margin: 0;
    font-weight: var(--wu-font-weight-medium);
  }
  .wu-list-text {
    margin: 0;
    color: var(--wu-text-muted);
    text-wrap: pretty;
  }
  .wu-list.divided > .wu-list-item + .wu-list-item {
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-list.sm > .wu-list-item {
    padding-block: var(--wu-space-2);
  }
  .wu-timeline {
    margin: 0;
    padding: 0;
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-sm);
    line-height: var(--wu-line-height-normal);
    list-style: none;
  }
  .wu-timeline-item {
    position: relative;
    padding-block-end: var(--wu-space-6);
    padding-inline-start: calc(var(--wu-space-3) + var(--wu-space-3));
  }
  .wu-timeline-item::before {
    content: "";
    position: absolute;
    inset-block-start: calc((1lh - var(--wu-space-3)) / 2);
    inset-inline-start: 0;
    width: var(--wu-space-3);
    height: var(--wu-space-3);
    border-radius: var(--wu-radius-full);
    background: var(--wu-border-strong);
  }
  .wu-timeline-item::after {
    content: "";
    position: absolute;
    inset-block: calc((1lh + var(--wu-space-3)) / 2 + var(--wu-space-1)) calc(var(--wu-space-1) - (1lh - var(--wu-space-3)) / 2);
    inset-inline-start: calc((var(--wu-space-3) - var(--wu-border-width-2)) / 2);
    width: var(--wu-border-width-2);
    border-radius: var(--wu-radius-full);
    background: var(--wu-border-regular);
  }
  .wu-timeline-item:last-child {
    padding-block-end: 0;
  }
  .wu-timeline-item:last-child::after {
    content: none;
  }
  .wu-timeline-title {
    margin: 0;
    font-weight: var(--wu-font-weight-medium);
  }
  .wu-timeline-time {
    display: block;
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-xs);
    font-variant-numeric: tabular-nums;
  }
  .wu-timeline-text {
    margin: 0;
    margin-block-start: var(--wu-space-1);
    color: var(--wu-text-muted);
    text-wrap: pretty;
  }
  .wu-timeline-item.brand::before {
    background: var(--wu-brand);
  }
  .wu-timeline-item.success::before {
    background: var(--wu-success);
  }
  .wu-timeline-item.danger::before {
    background: var(--wu-danger);
  }
  .wu-timeline-item.warning::before {
    background: var(--wu-warning);
  }
  .wu-timeline-item.info::before {
    background: var(--wu-info);
  }
  .wu-timeline-item:is(.success, .warning, .danger)::before {
    border-radius: 0;
  }
  .wu-timeline-item.success::before {
    clip-path: var(--wu-kit-marker-check);
  }
  .wu-timeline-item.warning::before {
    clip-path: var(--wu-kit-marker-triangle);
  }
  .wu-timeline-item.danger::before {
    clip-path: var(--wu-kit-marker-octagon);
  }
  .wu-timeline-item:has(~ [aria-current=step])::before, .wu-timeline-item:has(~ [aria-current=step])::after {
    background: var(--wu-brand);
  }
  .wu-timeline-item[aria-current=step]::before {
    border-radius: var(--wu-radius-full);
    clip-path: none;
    background: var(--wu-bg-surface);
    box-shadow: inset 0 0 0 var(--wu-border-width-2) var(--wu-brand), 0 0 0 var(--wu-border-width-4) var(--wu-brand-subtle);
  }
  .wu-timeline-item[aria-current=step] .wu-timeline-title {
    font-weight: var(--wu-font-weight-semibold);
  }
  .wu-timeline-item[aria-current=step] ~ .wu-timeline-item {
    color: var(--wu-text-muted);
  }
  .wu-timeline-item[aria-current=step] ~ .wu-timeline-item::before {
    border-radius: var(--wu-radius-full);
    clip-path: none;
    background: var(--wu-bg-surface);
    box-shadow: inset 0 0 0 var(--wu-border-width-2) var(--wu-border-strong);
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-timeline.animated > .wu-timeline-item::after,
    .wu-animated .wu-timeline > .wu-timeline-item::after {
      transform-origin: top;
      animation: wu-timeline-draw var(--wu-duration-500) var(--wu-ease-out) both;
    }
    @supports (animation-timeline: view()) {
      .wu-timeline.animated > .wu-timeline-item::after,
      .wu-animated .wu-timeline > .wu-timeline-item::after {
        animation-duration: auto;
        animation-timing-function: linear;
        animation-timeline: view();
        animation-range: entry 0% cover 40%;
      }
    }
  }
  @keyframes wu-timeline-draw {
    from {
      scale: 1 0;
    }
    to {
      scale: 1 1;
    }
  }
  .wu-title {
    margin: 0;
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-xl);
    font-weight: var(--wu-font-weight-semibold);
    line-height: var(--wu-line-height-tight);
    text-wrap: balance;
  }
  .wu-title.sm {
    font-size: var(--wu-font-size-lg);
  }
  .wu-title.lg {
    font-size: var(--wu-font-size-2xl);
  }
  .wu-title.xl {
    font-size: var(--wu-font-size-3xl);
  }
  .wu-text {
    margin: 0;
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-md);
    line-height: var(--wu-line-height-relaxed);
    text-wrap: pretty;
  }
  .wu-text + .wu-text {
    margin-block-start: var(--wu-space-3);
  }
  .wu-text.sm {
    font-size: var(--wu-font-size-sm);
  }
  .wu-text.lg {
    font-size: var(--wu-font-size-lg);
  }
  .wu-text.muted {
    color: var(--wu-text-muted);
  }
  .wu-code-block {
    margin: 0;
    padding: var(--wu-space-4);
    overflow: auto;
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-md);
    background: linear-gradient(to right, var(--wu-code-block--Background, var(--wu-bg-alternate)) 50%, transparent) left/var(--wu-space-8) 100% no-repeat local, linear-gradient(to left, var(--wu-code-block--Background, var(--wu-bg-alternate)) 50%, transparent) right/var(--wu-space-8) 100% no-repeat local, linear-gradient(to right, color-mix(in srgb, var(--wu-text-regular) 15%, transparent), transparent) left/var(--wu-space-3) 100% no-repeat scroll, linear-gradient(to left, color-mix(in srgb, var(--wu-text-regular) 15%, transparent), transparent) right/var(--wu-space-3) 100% no-repeat scroll, var(--wu-code-block--Background, var(--wu-bg-alternate));
    color: var(--wu-text-regular);
    font-family: var(--wu-code-block--FontFamily, ui-monospace, "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace);
    font-size: var(--wu-font-size-sm);
    line-height: var(--wu-line-height-relaxed);
    white-space: pre;
    tab-size: 4;
    counter-reset: wu-code-line;
  }
  .wu-code-block > code {
    padding: 0;
    border-radius: 0;
    background: none;
    color: inherit;
    font: inherit;
    white-space: inherit;
  }
  .wu-code-block:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-code-block-line {
    counter-increment: wu-code-line;
  }
  .wu-code-block-line::before {
    content: counter(wu-code-line);
    content: counter(wu-code-line)/"";
    display: inline-block;
    min-width: 3ch;
    margin-inline-end: var(--wu-space-4);
    color: var(--wu-text-muted);
    text-align: end;
    user-select: none;
  }
  .wu-breadcrumb {
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
    line-height: var(--wu-line-height-normal);
  }
  .wu-breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wu-space-1) var(--wu-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .wu-breadcrumb-item {
    display: inline-flex;
    align-items: center;
    gap: var(--wu-space-2);
    min-width: 0;
  }
  .wu-breadcrumb-item + .wu-breadcrumb-item::before {
    content: "";
    flex: none;
    width: 0.4em;
    height: 0.4em;
    border-block-start: var(--wu-border-width-1) solid currentcolor;
    border-inline-end: var(--wu-border-width-1) solid currentcolor;
    color: var(--wu-text-subtle);
    rotate: 45deg;
  }
  .wu-breadcrumb-item + .wu-breadcrumb-item:dir(rtl)::before {
    rotate: -45deg;
  }
  .wu-breadcrumb.slash .wu-breadcrumb-item + .wu-breadcrumb-item::before {
    content: "/";
    content: "/"/"";
    width: auto;
    height: auto;
    border: 0;
    rotate: none;
  }
  .wu-breadcrumb.slash .wu-breadcrumb-item + .wu-breadcrumb-item:dir(rtl)::before {
    rotate: none;
  }
  .wu-breadcrumb-link {
    border-radius: var(--wu-radius-xs);
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--wu-border-strong);
    text-decoration-thickness: var(--wu-border-width-1);
    text-underline-offset: 0.2em;
  }
  .wu-breadcrumb-link:hover {
    color: var(--wu-text-regular);
    text-decoration-color: currentcolor;
  }
  .wu-breadcrumb-link:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-breadcrumb-item [aria-current=page] {
    color: var(--wu-text-regular);
    font-weight: var(--wu-font-weight-medium);
    text-decoration: none;
  }
  .wu-breadcrumb.sm {
    font-size: var(--wu-font-size-xs);
  }
  .wu-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wu-space-2) var(--wu-space-4);
  }
  .wu-pagination-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wu-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .wu-pagination .wu-btn {
    min-width: var(--wu-control-height-md);
    padding-inline: var(--wu-space-3);
    font-variant-numeric: tabular-nums;
  }
  .wu-pagination .wu-btn[aria-current=page] {
    border-color: var(--wu-brand);
    background: var(--wu-brand);
    color: var(--wu-text-on-brand);
  }
  .wu-pagination .wu-btn[aria-current=page]:hover {
    border-color: var(--wu-brand-hover);
    background: var(--wu-brand-hover);
  }
  .wu-pagination-ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--wu-control-height-md);
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
  }
  .wu-pagination.sm .wu-btn,
  .wu-pagination.sm .wu-pagination-ellipsis {
    min-width: var(--wu-control-height-sm);
    min-height: var(--wu-control-height-sm);
    padding-inline: var(--wu-space-2);
    font-size: var(--wu-font-size-xs);
  }
  .wu-pagination.lg .wu-btn,
  .wu-pagination.lg .wu-pagination-ellipsis {
    min-width: var(--wu-control-height-lg);
    min-height: var(--wu-control-height-lg);
    font-size: var(--wu-font-size-md);
  }
  .wu-pagination-prev::before,
  .wu-pagination-next::after {
    content: "";
    flex: none;
    width: 0.45em;
    height: 0.45em;
    border-bottom: var(--wu-border-width-2) solid currentcolor;
    border-left: var(--wu-border-width-2) solid currentcolor;
  }
  .wu-pagination-prev::before,
  .wu-pagination-next:dir(rtl)::after {
    rotate: 45deg;
    translate: 0.1em 0;
  }
  .wu-pagination-next::after,
  .wu-pagination-prev:dir(rtl)::before {
    rotate: -135deg;
    translate: -0.1em 0;
  }
  .wu-pagination-total,
  .wu-pagination-size {
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .wu-pagination-size {
    display: inline-flex;
    align-items: center;
    gap: var(--wu-space-2);
  }
  .wu-pagination-size > .wu-select {
    inline-size: auto;
  }
  .wu-page-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--wu-space-3) var(--wu-space-4);
    color: var(--wu-text-regular);
  }
  .wu-page-header > .wu-breadcrumb {
    flex-basis: 100%;
  }
  .wu-page-header-main {
    display: flex;
    flex: 1 1 var(--wu-space-64);
    flex-direction: column;
    gap: var(--wu-space-1);
    min-width: 0;
  }
  .wu-page-header-title {
    margin: 0;
    font-size: var(--wu-font-size-2xl);
    font-weight: var(--wu-font-weight-semibold);
    line-height: var(--wu-line-height-tight);
    text-wrap: balance;
  }
  .wu-page-header-text {
    max-inline-size: 65ch;
    margin: 0;
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
    text-wrap: pretty;
  }
  .wu-page-header-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wu-space-2);
    min-block-size: calc(var(--wu-font-size-2xl) * var(--wu-line-height-tight));
  }
  .wu-page-header.divided {
    padding-block-end: var(--wu-space-4);
    border-block-end: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wu-space-2);
    color: var(--wu-text-regular);
  }
  .wu-toolbar-group,
  .wu-toolbar-end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: inherit;
  }
  .wu-toolbar-end {
    margin-inline-start: auto;
  }
  .wu-toolbar-separator {
    align-self: stretch;
    width: var(--wu-border-width-1);
    margin-block: var(--wu-space-1);
    background: var(--wu-border-regular);
  }
  .wu-toolbar.boxed {
    padding: var(--wu-space-2);
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-md);
    background: var(--wu-bg-alternate);
  }
  .wu-toolbar.sm {
    gap: var(--wu-space-1);
  }
  .wu-topbar {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--wu-space-4);
    min-height: var(--wu-space-16);
    padding-inline: var(--wu-space-4);
    overflow-x: clip;
    border-block-end: var(--wu-border-width-1) solid var(--wu-border-regular);
    background: var(--wu-bg-surface);
    color: var(--wu-text-regular);
  }
  .wu-topbar-brand {
    display: inline-flex;
    flex: 0 1 auto;
    align-items: center;
    gap: var(--wu-space-2);
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-weight: var(--wu-font-weight-semibold);
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .wu-topbar-brand:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-topbar-nav,
  .wu-topbar > :has(> .wu-topbar-nav) {
    display: flex;
    flex: 1 1 0;
    align-self: stretch;
    min-width: 0;
  }
  .wu-topbar-nav {
    gap: var(--wu-space-1);
    margin: 0;
    padding: 0;
    overflow-x: auto;
    list-style: none;
  }
  .wu-topbar-nav > li {
    display: flex;
  }
  .wu-topbar-link {
    display: inline-flex;
    align-items: center;
    gap: var(--wu-space-2);
    padding-inline: var(--wu-space-3);
    box-shadow: inset 0 calc(-1 * var(--wu-border-width-2)) 0 transparent;
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
    font-weight: var(--wu-font-weight-medium);
    text-decoration: none;
    white-space: nowrap;
    transition-property: color, box-shadow;
    transition-duration: var(--wu-duration-150);
    transition-timing-function: var(--wu-ease-out);
  }
  .wu-topbar-link:hover {
    color: var(--wu-text-regular);
  }
  .wu-topbar-link:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: calc(-1 * var(--wu-border-focus-width));
  }
  .wu-topbar-link[aria-current=page] {
    box-shadow: inset 0 calc(-1 * var(--wu-border-width-2)) 0 var(--wu-brand);
    color: var(--wu-text-regular);
  }
  .wu-topbar-link > svg {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
  }
  .wu-topbar-end {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--wu-space-2);
    margin-inline-start: auto;
  }
  .wu-topbar.pinned {
    position: sticky;
    inset-block-start: 0;
    z-index: var(--wu-z-sticky);
  }
  @supports (container-type: scroll-state) {
    .wu-topbar.pinned {
      container-type: scroll-state;
    }
    .wu-topbar.pinned::after {
      content: "";
      position: absolute;
      inset: 0;
      box-shadow: var(--wu-shadow-md);
      opacity: 0;
      pointer-events: none;
    }
    @container scroll-state(stuck: top) {
      .wu-topbar.pinned::after {
        opacity: 1;
      }
    }
  }
  .wu-topbar-progress {
    display: none;
  }
  @supports (animation-timeline: scroll()) {
    @media (prefers-reduced-motion: no-preference) {
      .wu-topbar-progress {
        display: block;
        position: absolute;
        inset-inline: 0;
        inset-block-end: calc(-1 * var(--wu-border-width-1));
        height: var(--wu-border-width-2);
        background: var(--wu-brand);
        transform-origin: left;
        scale: 0 1;
        animation-name: wu-topbar-progress;
        animation-timing-function: linear;
        animation-fill-mode: both;
        animation-timeline: scroll(root block);
      }
      .wu-topbar-progress:dir(rtl) {
        transform-origin: right;
      }
    }
  }
  @keyframes wu-topbar-progress {
    to {
      scale: 1 1;
    }
  }
  .wu-sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--wu-space-4);
    inline-size: var(--wu-sidebar--Width, var(--wu-space-64));
    max-inline-size: 100%;
    padding: var(--wu-space-3);
    border-inline-end: var(--wu-border-width-1) solid var(--wu-border-regular);
    background: var(--wu-bg-surface);
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-sm);
  }
  .wu-drawer > .wu-sidebar {
    flex: 1;
    inline-size: auto;
    border-inline-end: 0;
    overflow-y: auto;
  }
  .wu-sidebar.pinned {
    position: sticky;
    inset-block-start: 0;
    align-self: flex-start;
    max-block-size: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .wu-sidebar-header,
  .wu-sidebar-footer {
    display: flex;
    align-items: center;
    gap: var(--wu-space-2);
    padding-inline: var(--wu-space-3);
  }
  .wu-sidebar-footer {
    margin-block-start: auto;
  }
  .wu-sidebar-section {
    display: flex;
    flex-direction: column;
    gap: var(--wu-space-1);
  }
  .wu-sidebar-heading {
    margin: 0;
    padding-inline: var(--wu-space-3);
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-xs);
    font-weight: var(--wu-font-weight-semibold);
    line-height: var(--wu-line-height-normal);
  }
  .wu-sidebar-list {
    display: flex;
    flex-direction: column;
    gap: var(--wu-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .wu-sidebar-group > .wu-sidebar-list {
    margin-block-start: var(--wu-space-1);
    padding-inline-start: var(--wu-space-4);
  }
  .wu-sidebar-link,
  .wu-sidebar-toggle {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--wu-space-2);
    width: 100%;
    min-height: var(--wu-control-height-sm);
    padding-block: 0;
    padding-inline: var(--wu-space-3);
    border: 0;
    border-radius: var(--wu-radius-sm);
    background: transparent;
    color: var(--wu-text-muted);
    font: inherit;
    font-weight: var(--wu-font-weight-medium);
    text-align: start;
    text-decoration: none;
    cursor: pointer;
    transition-property: background-color, color;
    transition-duration: var(--wu-duration-150);
    transition-timing-function: var(--wu-ease-out);
  }
  .wu-sidebar-link:hover,
  .wu-sidebar-toggle:hover {
    background: var(--wu-bg-hover);
    color: var(--wu-text-regular);
  }
  .wu-sidebar-link:focus-visible,
  .wu-sidebar-toggle:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: calc(-1 * var(--wu-border-focus-width));
  }
  .wu-sidebar-link > svg,
  .wu-sidebar-toggle > svg {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
  }
  .wu-sidebar-link[aria-current=page] {
    background: var(--wu-bg-selected);
    color: var(--wu-text-brand);
  }
  .wu-sidebar-link[aria-current=page]::before {
    content: "";
    position: absolute;
    inset-block: var(--wu-space-1);
    inset-inline-start: 0;
    width: var(--wu-border-width-2);
    border-radius: var(--wu-radius-full);
    background: var(--wu-brand);
  }
  .wu-sidebar-toggle {
    list-style: none;
  }
  .wu-sidebar-toggle::-webkit-details-marker {
    display: none;
  }
  .wu-sidebar-toggle::after {
    content: "";
    flex: none;
    width: 0.4em;
    height: 0.4em;
    margin-inline-start: auto;
    border-right: var(--wu-border-width-2) solid currentcolor;
    border-bottom: var(--wu-border-width-2) solid currentcolor;
    rotate: -45deg;
  }
  .wu-sidebar-toggle:dir(rtl)::after {
    rotate: 135deg;
  }
  .wu-sidebar-group[open] > .wu-sidebar-toggle::after,
  .wu-sidebar-toggle[aria-expanded=true]::after {
    rotate: 45deg;
  }
  .wu-sidebar-group:has([aria-current=page]) > .wu-sidebar-toggle {
    color: var(--wu-text-regular);
  }
  .wu-sidebar.collapsed {
    inline-size: var(--wu-sidebar--CollapsedWidth, calc(1em + 4 * var(--wu-space-3)));
    overflow: visible;
  }
  .wu-sidebar.collapsed .wu-sidebar-heading,
  .wu-sidebar.collapsed .wu-sidebar-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .wu-sidebar.collapsed .wu-sidebar-group > .wu-sidebar-list {
    padding-inline-start: 0;
  }
  .wu-sidebar.collapsed .wu-sidebar-toggle::after {
    display: none;
  }
  .wu-sidebar.collapsed :is(.wu-sidebar-link, .wu-sidebar-toggle):is(:hover, :focus-visible) > .wu-sidebar-label {
    inset-block-start: 50%;
    inset-inline-start: 100%;
    z-index: var(--wu-z-tooltip);
    width: auto;
    height: auto;
    margin-inline-start: var(--wu-space-2);
    padding-block: var(--wu-space-1);
    padding-inline: var(--wu-space-2);
    border-radius: var(--wu-radius-xs);
    background: var(--wu-text-regular);
    color: var(--wu-text-inverted);
    box-shadow: var(--wu-shadow-md);
    font-weight: var(--wu-font-weight-normal);
    clip-path: none;
    pointer-events: none;
    translate: 0 -50%;
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-sidebar.animated .wu-sidebar-toggle::after,
    .wu-animated .wu-sidebar .wu-sidebar-toggle::after {
      transition: rotate var(--wu-duration-200) var(--wu-ease-out);
    }
    .wu-sidebar.animated,
    .wu-animated .wu-sidebar {
      transition: inline-size var(--wu-duration-200) var(--wu-ease-out);
    }
    @supports (interpolate-size: allow-keywords) and selector(::details-content) {
      .wu-sidebar.animated,
      .wu-animated .wu-sidebar {
        interpolate-size: allow-keywords;
      }
      .wu-sidebar.animated .wu-sidebar-group::details-content,
      .wu-animated .wu-sidebar .wu-sidebar-group::details-content {
        block-size: 0;
        overflow: clip;
        transition: block-size var(--wu-duration-200) var(--wu-ease-out), content-visibility var(--wu-duration-200) allow-discrete;
      }
      .wu-sidebar.animated .wu-sidebar-group[open]::details-content,
      .wu-animated .wu-sidebar .wu-sidebar-group[open]::details-content {
        block-size: auto;
      }
    }
  }
  .wu-table-scroll {
    max-block-size: var(--wu-table--MaxHeight, none);
    overflow: auto;
    background: linear-gradient(to right, var(--wu-table--Background, var(--wu-bg-surface)) 50%, transparent) left/var(--wu-space-8) 100% no-repeat local, linear-gradient(to left, var(--wu-table--Background, var(--wu-bg-surface)) 50%, transparent) right/var(--wu-space-8) 100% no-repeat local, linear-gradient(to right, color-mix(in srgb, var(--wu-text-regular) 15%, transparent), transparent) left/var(--wu-space-3) 100% no-repeat scroll, linear-gradient(to left, color-mix(in srgb, var(--wu-text-regular) 15%, transparent), transparent) right/var(--wu-space-3) 100% no-repeat scroll, var(--wu-table--Background, var(--wu-bg-surface));
  }
  .wu-table-scroll:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-sm);
    line-height: var(--wu-line-height-normal);
  }
  .wu-table > caption {
    padding-block-end: var(--wu-space-2);
    color: var(--wu-text-muted);
    text-align: start;
  }
  .wu-table :is(th, td) {
    padding-block: var(--wu-space-3);
    padding-inline: var(--wu-space-4);
    border-block-end: var(--wu-border-width-1) solid var(--wu-border-regular);
    text-align: start;
    vertical-align: middle;
  }
  .wu-table > thead th {
    border-block-end-color: var(--wu-border-strong);
    color: var(--wu-text-muted);
    font-weight: var(--wu-font-weight-semibold);
    white-space: nowrap;
    vertical-align: bottom;
  }
  .wu-table > tbody th {
    font-weight: var(--wu-font-weight-medium);
  }
  .wu-table > tfoot :is(th, td) {
    color: var(--wu-text-regular);
    font-weight: var(--wu-font-weight-semibold);
  }
  .wu-table > tbody:has(+ tfoot) > tr:nth-last-child(1 of :not([hidden])) > * {
    border-block-end-color: var(--wu-border-strong);
  }
  .wu-table > :is(tbody, tfoot):last-child > tr:last-child > * {
    border-block-end: 0;
  }
  .wu-table .wu-table-num {
    font-variant-numeric: tabular-nums;
    text-align: end;
  }
  .wu-table .wu-table-select {
    inline-size: 1px;
  }
  .wu-table .wu-table-select > input {
    margin: 0;
    vertical-align: middle;
  }
  .wu-table .wu-table-truncate > * {
    display: block;
    max-inline-size: var(--wu-table--TruncateWidth, 16rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .wu-table .wu-table-truncate:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: calc(-1 * var(--wu-border-focus-width));
  }
  .wu-table-sort {
    display: inline-flex;
    align-items: center;
    gap: var(--wu-space-1);
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--wu-radius-xs);
    background: none;
    color: inherit;
    font: inherit;
    text-align: inherit;
    cursor: pointer;
  }
  .wu-table-sort::after {
    content: "";
    flex: none;
    width: 8px;
    height: 12px;
    background: var(--wu-text-subtle);
    clip-path: path("M4 0L8 5H0Z M0 7H8L4 12Z");
  }
  .wu-table-sort:hover {
    color: var(--wu-text-regular);
  }
  .wu-table-sort:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-table th:is([aria-sort=ascending], [aria-sort=descending]) {
    color: var(--wu-text-regular);
  }
  .wu-table th:is([aria-sort=ascending], [aria-sort=descending]) > .wu-table-sort::after {
    background: currentcolor;
  }
  .wu-table th[aria-sort=ascending] > .wu-table-sort::after {
    clip-path: path("M4 3.5L8 8.5H0Z");
  }
  .wu-table th[aria-sort=descending] > .wu-table-sort::after {
    clip-path: path("M0 3.5H8L4 8.5Z");
  }
  .wu-table-expand {
    display: inline-grid;
    place-content: center;
    width: var(--wu-space-6);
    height: var(--wu-space-6);
    min-height: 0;
    margin: 0;
    margin-inline-end: var(--wu-space-1);
    padding: 0;
    border: 0;
    border-radius: var(--wu-radius-xs);
    background: none;
    color: var(--wu-text-muted);
    vertical-align: middle;
    cursor: pointer;
  }
  .wu-table-expand::before {
    content: "";
    width: 6px;
    height: 10px;
    background: currentcolor;
    clip-path: path("M0 0L6 5L0 10Z");
  }
  .wu-table-expand:dir(rtl)::before {
    rotate: 180deg;
  }
  .wu-table-expand[aria-expanded=true]::before {
    rotate: 90deg;
  }
  .wu-table-expand:hover {
    background: var(--wu-bg-hover);
    color: var(--wu-text-regular);
  }
  .wu-table-expand:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-table.animated .wu-table-expand::before,
    .wu-animated .wu-table .wu-table-expand::before {
      transition: rotate var(--wu-duration-150) var(--wu-ease-out);
    }
  }
  .wu-table.sm :is(th, td) {
    padding-block: var(--wu-space-2);
    padding-inline: var(--wu-space-3);
  }
  .wu-table.striped > tbody > tr:where(:nth-child(even of :not(.wu-table-detail))) > * {
    --wu-kit-table-tint: color-mix(in srgb, var(--wu-text-regular) 4%, transparent);
    background: var(--wu-kit-table-tint, transparent);
  }
  .wu-table.hover > tbody > tr:where(:hover) > * {
    --wu-kit-table-tint: color-mix(in srgb, var(--wu-text-regular) 7%, transparent);
    background: var(--wu-kit-table-tint, transparent);
  }
  .wu-table > tbody > tr:is([aria-selected=true], :has(> :where(.wu-table-select) :checked)) > * {
    --wu-kit-table-tint: var(--wu-bg-selected);
    background: var(--wu-kit-table-tint, transparent);
  }
  .wu-table > tbody > tr:is([aria-selected=true], :has(> :where(.wu-table-select) :checked)) > :first-child {
    box-shadow: inset var(--wu-border-width-2) 0 0 var(--wu-brand);
  }
  .wu-table > tbody > tr:is([aria-selected=true], :has(> :where(.wu-table-select) :checked)) > :first-child:dir(rtl) {
    box-shadow: inset calc(-1 * var(--wu-border-width-2)) 0 0 var(--wu-brand);
  }
  .wu-table > tbody > tr.wu-table-detail > * {
    background: var(--wu-bg-alternate);
  }
  .wu-table.bordered {
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-md);
  }
  .wu-table.bordered :is(th, td) + :is(th, td) {
    border-inline-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-table.sticky-header > thead th {
    position: sticky;
    inset-block-start: 0;
    z-index: var(--wu-z-hover);
    background: var(--wu-table--Background, var(--wu-bg-surface));
  }
  @supports (container-type: scroll-state) {
    .wu-table.sticky-header > thead th {
      container-type: scroll-state;
    }
    .wu-table.sticky-header > thead th::after {
      content: "";
      position: absolute;
      inset-inline: 0;
      inset-block-start: 100%;
      height: var(--wu-space-2);
      background: linear-gradient(color-mix(in srgb, var(--wu-text-regular) 15%, transparent), transparent);
      opacity: 0;
      pointer-events: none;
    }
    @container scroll-state(stuck: top) {
      .wu-table.sticky-header > thead th::after {
        opacity: 1;
      }
    }
  }
  .wu-table.sticky-start > * > tr:where(:not(.wu-table-detail)) > :first-child,
  .wu-table.sticky-end > * > tr:where(:not(.wu-table-detail)) > :last-child {
    position: sticky;
    z-index: var(--wu-z-base);
    background: linear-gradient(var(--wu-kit-table-tint, transparent), var(--wu-kit-table-tint, transparent)), var(--wu-table--Background, var(--wu-bg-surface));
  }
  .wu-table.sticky-start > * > tr:where(:not(.wu-table-detail)) > :first-child::before,
  .wu-table.sticky-end > * > tr:where(:not(.wu-table-detail)) > :last-child::before {
    content: "";
    position: absolute;
    inset-block: 0;
    width: var(--wu-space-2);
    pointer-events: none;
  }
  .wu-table.sticky-start > * > tr:where(:not(.wu-table-detail)) > :first-child {
    inset-inline-start: 0;
  }
  .wu-table.sticky-start > * > tr:where(:not(.wu-table-detail)) > :first-child::before {
    inset-inline-start: 100%;
    background: linear-gradient(to right, color-mix(in srgb, var(--wu-text-regular) 15%, transparent), transparent);
  }
  .wu-table.sticky-start > * > tr:where(:not(.wu-table-detail)) > :first-child:dir(rtl)::before {
    background: linear-gradient(to left, color-mix(in srgb, var(--wu-text-regular) 15%, transparent), transparent);
  }
  .wu-table.sticky-end > * > tr:where(:not(.wu-table-detail)) > :last-child {
    inset-inline-end: 0;
  }
  .wu-table.sticky-end > * > tr:where(:not(.wu-table-detail)) > :last-child::before {
    inset-inline-end: 100%;
    background: linear-gradient(to left, color-mix(in srgb, var(--wu-text-regular) 15%, transparent), transparent);
  }
  .wu-table.sticky-end > * > tr:where(:not(.wu-table-detail)) > :last-child:dir(rtl)::before {
    background: linear-gradient(to right, color-mix(in srgb, var(--wu-text-regular) 15%, transparent), transparent);
  }
  .wu-table.sticky-start > thead > tr > :first-child,
  .wu-table.sticky-end > thead > tr > :last-child {
    z-index: calc(var(--wu-z-hover) + 1);
  }
  @supports (animation-timeline: scroll()) {
    .wu-table-scroll {
      scroll-timeline: --wu-table-scroll inline;
    }
    .wu-table.sticky-start > * > tr:where(:not(.wu-table-detail)) > :first-child::before,
    .wu-table.sticky-end > * > tr:where(:not(.wu-table-detail)) > :last-child::before {
      opacity: 0;
      animation-name: wu-table-edge;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: --wu-table-scroll;
    }
    .wu-table.sticky-start > * > tr:where(:not(.wu-table-detail)) > :first-child::before {
      animation-range: 0 var(--wu-space-8);
    }
    .wu-table.sticky-end > * > tr:where(:not(.wu-table-detail)) > :last-child::before {
      animation-direction: reverse;
      animation-range: calc(100% - var(--wu-space-8)) 100%;
    }
  }
  @keyframes wu-table-edge {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .wu-progress {
    display: block;
    width: 100%;
    height: var(--wu-progress--Height, var(--wu-space-2));
    overflow: hidden;
    border: 0;
    border-radius: var(--wu-radius-full);
    background-color: var(--wu-border-regular);
    color: var(--wu-brand);
    vertical-align: middle;
    appearance: none;
  }
  .wu-progress::-webkit-progress-bar {
    border-radius: inherit;
    background: transparent;
  }
  .wu-progress::-webkit-progress-value {
    border-radius: inherit;
    background: currentcolor;
  }
  .wu-progress::-moz-progress-bar {
    border-radius: inherit;
    background: currentcolor;
  }
  .wu-progress:indeterminate {
    background-image: linear-gradient(currentcolor, currentcolor);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 40% 100%;
    animation: wu-progress-slide 1.5s ease-in-out infinite;
  }
  .wu-progress:indeterminate:dir(rtl) {
    animation-direction: reverse;
  }
  .wu-progress:indeterminate::-webkit-progress-value {
    background: transparent;
  }
  .wu-progress:indeterminate::-moz-progress-bar {
    background: transparent;
  }
  .wu-progress.success {
    color: var(--wu-success);
  }
  .wu-progress.danger {
    color: var(--wu-danger);
  }
  .wu-progress.warning {
    color: var(--wu-warning);
  }
  .wu-progress.info {
    color: var(--wu-info);
  }
  .wu-progress.sm {
    height: var(--wu-progress--Height, var(--wu-space-1));
  }
  .wu-progress.lg {
    height: var(--wu-progress--Height, var(--wu-space-3));
  }
  .wu-progress-label {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--wu-space-2);
    margin-block-end: var(--wu-space-1);
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
    font-variant-numeric: tabular-nums;
  }
  @media (forced-colors: active) {
    .wu-progress {
      border: var(--wu-border-width-1) solid CanvasText;
      background-color: Canvas;
      color: Highlight;
      forced-color-adjust: none;
    }
  }
  @keyframes wu-progress-slide {
    from {
      background-position: -70% 0;
    }
    to {
      background-position: 170% 0;
    }
  }
  @property --wu-progress-circle--Value {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
  }
  .wu-progress-circle {
    position: relative;
    display: inline-grid;
    flex-shrink: 0;
    place-items: center;
    width: var(--wu-progress-circle--Size, var(--wu-space-16));
    height: var(--wu-progress-circle--Size, var(--wu-space-16));
    color: var(--wu-brand);
    font-size: var(--wu-font-size-sm);
    font-variant-numeric: tabular-nums;
    font-weight: var(--wu-font-weight-semibold);
    line-height: 1;
    vertical-align: middle;
  }
  .wu-progress-circle::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--wu-radius-full);
    background: conic-gradient(currentcolor calc(var(--wu-progress-circle--Value, 0) * 1%), transparent 0) var(--wu-border-regular);
    mask: radial-gradient(farthest-side, transparent calc(100% - var(--wu-progress-circle--Thickness, var(--wu-space-2)) - 0.5px), #000 calc(100% - var(--wu-progress-circle--Thickness, var(--wu-space-2))));
  }
  .wu-progress-circle-label {
    position: relative;
    color: var(--wu-text-regular);
  }
  .wu-progress-circle.success {
    color: var(--wu-success);
  }
  .wu-progress-circle.danger {
    color: var(--wu-danger);
  }
  .wu-progress-circle.warning {
    color: var(--wu-warning);
  }
  .wu-progress-circle.info {
    color: var(--wu-info);
  }
  .wu-progress-circle.sm {
    width: var(--wu-progress-circle--Size, var(--wu-space-10));
    height: var(--wu-progress-circle--Size, var(--wu-space-10));
    font-size: var(--wu-font-size-xs);
  }
  .wu-progress-circle.sm::before {
    mask: radial-gradient(farthest-side, transparent calc(100% - var(--wu-progress-circle--Thickness, var(--wu-space-1)) - 0.5px), #000 calc(100% - var(--wu-progress-circle--Thickness, var(--wu-space-1))));
  }
  .wu-progress-circle.lg {
    width: var(--wu-progress-circle--Size, var(--wu-space-24));
    height: var(--wu-progress-circle--Size, var(--wu-space-24));
    font-size: var(--wu-font-size-lg);
  }
  .wu-progress-circle.lg::before {
    mask: radial-gradient(farthest-side, transparent calc(100% - var(--wu-progress-circle--Thickness, var(--wu-space-3)) - 0.5px), #000 calc(100% - var(--wu-progress-circle--Thickness, var(--wu-space-3))));
  }
  @media (forced-colors: active) {
    .wu-progress-circle {
      color: Highlight;
      forced-color-adjust: none;
    }
    .wu-progress-circle::before {
      background-color: GrayText;
    }
    .wu-progress-circle-label {
      color: CanvasText;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-progress-circle.animated,
    .wu-animated .wu-progress-circle {
      transition: --wu-progress-circle--Value var(--wu-duration-500) var(--wu-ease-out);
    }
  }
  .wu-skeleton {
    display: block;
    width: var(--wu-skeleton--Width, 100%);
    height: var(--wu-skeleton--Height, var(--wu-space-24));
    border-radius: var(--wu-radius-md);
    background: linear-gradient(90deg, transparent 25%, color-mix(in srgb, var(--wu-text-regular) 6%, transparent) 50%, transparent 75%) 150% 0/200% 100% no-repeat color-mix(in srgb, var(--wu-text-regular) 10%, transparent);
  }
  .wu-skeleton.text {
    height: var(--wu-skeleton--Height, 1em);
    border-radius: var(--wu-radius-sm);
  }
  .wu-skeleton.text + .wu-skeleton.text {
    margin-block-start: var(--wu-space-2);
  }
  .wu-skeleton.text:last-child:not(:first-child) {
    width: var(--wu-skeleton--Width, 60%);
  }
  .wu-skeleton.circle {
    flex-shrink: 0;
    width: var(--wu-skeleton--Size, var(--wu-space-10));
    height: var(--wu-skeleton--Size, var(--wu-space-10));
    border-radius: var(--wu-radius-full);
  }
  @media (forced-colors: active) {
    .wu-skeleton {
      border: var(--wu-border-width-1) solid GrayText;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-skeleton.animated,
    .wu-animated .wu-skeleton {
      animation: wu-skeleton-shimmer 1.6s ease-in-out infinite;
      animation-delay: calc((sibling-index() - 1) * 80ms);
    }
    .wu-skeleton.animated:dir(rtl),
    .wu-animated .wu-skeleton:dir(rtl) {
      animation-direction: reverse;
    }
  }
  @keyframes wu-skeleton-shimmer {
    from {
      background-position: 150% 0;
    }
    to {
      background-position: -50% 0;
    }
  }
  .wu-field {
    display: flex;
    flex-direction: column;
    gap: var(--wu-space-1);
    min-width: 0;
  }
  .wu-field-label {
    margin-block-end: var(--wu-space-1);
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-sm);
    font-weight: var(--wu-font-weight-medium);
    line-height: var(--wu-line-height-tight);
  }
  .wu-field:has(:is(:required, [aria-required=true])) > .wu-field-label::after {
    content: "*";
    content: "*"/"";
    margin-inline-start: var(--wu-space-1);
    color: var(--wu-text-danger);
  }
  .wu-field .wu-field-message.error {
    display: none;
  }
  .wu-field:has(:is([aria-invalid=true], :user-invalid)) .wu-field-message.error {
    display: flex;
  }
  @media (min-width: 640px) {
    .wu-field.horizontal {
      display: grid;
      grid-template-columns: var(--wu-field--LabelWidth, 10rem) minmax(0, 1fr);
      gap: var(--wu-space-1) var(--wu-space-4);
      align-items: start;
    }
    .wu-field.horizontal > * {
      grid-column: 2;
    }
    .wu-field.horizontal > .wu-field-label {
      display: flex;
      grid-row: 1;
      grid-column: 1;
      align-items: center;
      min-height: var(--wu-control-height-md);
      margin: 0;
    }
  }
  .wu-field.floating {
    position: relative;
  }
  .wu-field.floating > .wu-field-label {
    position: absolute;
    z-index: var(--wu-z-hover);
    inset-block-start: calc((var(--wu-control-height-lg) - 1lh) / 2);
    inset-inline-start: calc(var(--wu-control-padding-inline-md) + var(--wu-border-width-1));
    margin: 0;
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-md);
    font-weight: var(--wu-font-weight-normal);
    pointer-events: none;
  }
  .wu-field.floating > .wu-input {
    height: var(--wu-control-height-lg);
    padding-block: var(--wu-space-5) var(--wu-space-1);
    padding-inline: var(--wu-control-padding-inline-md);
  }
  .wu-field.floating:has(> .wu-input:is(:focus, :not(:placeholder-shown))) > .wu-field-label {
    inset-block-start: var(--wu-space-1);
    font-size: var(--wu-font-size-xs);
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-field.floating.animated > .wu-field-label,
    .wu-animated .wu-field.floating > .wu-field-label {
      transition-property: inset-block-start, font-size;
      transition-duration: var(--wu-duration-150);
      transition-timing-function: var(--wu-ease-out);
    }
  }
  .wu-field-group {
    display: flex;
    flex-direction: column;
    gap: var(--wu-space-4);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
  }
  .wu-field-group-legend {
    margin-block-end: var(--wu-space-3);
    padding: 0;
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-md);
    font-weight: var(--wu-font-weight-semibold);
    line-height: var(--wu-line-height-tight);
  }
  .wu-field-group.horizontal {
    flex-flow: row wrap;
    align-items: flex-start;
  }
  .wu-field-group.horizontal > .wu-field {
    flex: 1 1 var(--wu-field-group--MinWidth, 12rem);
  }
  .wu-field-message {
    display: flex;
    align-items: flex-start;
    gap: var(--wu-space-1);
    margin: 0;
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
    line-height: var(--wu-line-height-normal);
  }
  .wu-field-message:is(.error, .success, .info)::before {
    content: "";
    flex: none;
    width: 0.75em;
    height: 0.75em;
    margin-block-start: calc((1lh - 0.75em) / 2);
    border-radius: var(--wu-radius-full);
    background: currentcolor;
  }
  .wu-field-message.error {
    color: var(--wu-text-danger);
    font-weight: var(--wu-font-weight-medium);
  }
  .wu-field-message.error::before {
    content: "!";
    content: "!"/"";
    display: grid;
    place-content: center;
    width: 1em;
    height: 1em;
    margin-block-start: calc((1lh - 1em) / 2);
    border-radius: 0;
    background: var(--wu-text-danger);
    color: var(--wu-bg-surface);
    font-weight: var(--wu-font-weight-bold);
    clip-path: var(--wu-kit-marker-octagon);
  }
  .wu-field-message.success {
    color: var(--wu-text-success);
  }
  .wu-field-message.success::before {
    border-radius: 0;
    clip-path: var(--wu-kit-marker-check);
  }
  .wu-field-message.info {
    color: var(--wu-text-info);
  }
  .wu-form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wu-space-2);
  }
  .wu-form-actions-end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: inherit;
    margin-inline-start: auto;
  }
  .wu-form-actions.trailing {
    justify-content: flex-end;
  }
  .wu-form-actions.centered {
    justify-content: center;
  }
  .wu-form-actions.divided {
    padding-block-start: var(--wu-space-4);
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-input {
    border-radius: var(--wu-radius-md);
    font-size: var(--wu-font-size-md);
    line-height: var(--wu-line-height-normal);
  }
  .wu-input:disabled {
    cursor: not-allowed;
  }
  .wu-input[readonly] {
    background-color: var(--wu-bg-alternate);
  }
  .wu-input:is([aria-invalid=true], :user-invalid) {
    box-shadow: inset 0 0 0 var(--wu-border-width-1) var(--wu-danger);
  }
  .wu-input.sm {
    height: var(--wu-control-height-sm);
    padding-inline: var(--wu-control-padding-inline-sm);
    font-size: var(--wu-font-size-sm);
    --wu-kit-pad-start: round(down, (var(--wu-control-height-sm) - 2 * var(--wu-border-width-1) - 1em * var(--wu-line-height-normal)) / 2, 1px);
    padding-block: var(--wu-kit-pad-start) calc(var(--wu-control-height-sm) - 2 * var(--wu-border-width-1) - 1em * var(--wu-line-height-normal) - var(--wu-kit-pad-start));
  }
  .wu-input.lg {
    height: var(--wu-control-height-lg);
    padding-inline: var(--wu-control-padding-inline-lg);
  }
  .wu-input-affix {
    display: flex;
    align-items: center;
    gap: var(--wu-space-2);
    width: 100%;
    --wu-kit-affix-height: var(--wu-control-height-md);
    height: var(--wu-kit-affix-height);
    padding-inline: var(--wu-control-padding-inline-md);
    border: var(--wu-border-width-1) solid var(--wu-border-control);
    border-radius: var(--wu-radius-md);
    background-color: var(--wu-bg-surface);
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-md);
    line-height: var(--wu-line-height-normal);
    transition: border-color var(--wu-duration-150) var(--wu-ease-out);
  }
  .wu-input-affix:hover:not(:has(:disabled, [aria-invalid=true], :user-invalid)) {
    border-color: var(--wu-border-control-hover);
  }
  .wu-input-affix:has(:focus-visible) {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: calc(-1 * var(--wu-border-focus-offset));
  }
  .wu-input-affix:has(:is([aria-invalid=true], :user-invalid)) {
    border-color: var(--wu-danger);
    box-shadow: inset 0 0 0 var(--wu-border-width-1) var(--wu-danger);
  }
  .wu-input-affix:has(.wu-input:disabled, .wu-select:disabled) {
    background-color: var(--wu-bg-disabled);
    opacity: var(--wu-opacity-50);
    cursor: not-allowed;
  }
  .wu-input-affix > :is(.wu-input, .wu-select) {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    height: 100%;
    padding-block: 0;
    padding-inline: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    font-size: inherit;
    outline: 0;
  }
  .wu-input-affix > :is(.wu-input, .wu-select):is(:hover, :focus-visible, :disabled, [aria-invalid=true], :user-invalid) {
    border: 0;
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
    outline: 0;
  }
  .wu-input-affix > .wu-input {
    --wu-kit-pad-start: round(down, (var(--wu-kit-affix-height) - 2 * var(--wu-border-width-1) - 1em * var(--wu-line-height-normal)) / 2, 1px);
    padding-block: var(--wu-kit-pad-start) calc(var(--wu-kit-affix-height) - 2 * var(--wu-border-width-1) - 1em * var(--wu-line-height-normal) - var(--wu-kit-pad-start));
  }
  .wu-input-affix > .wu-select.wu-select:not([multiple], [size]:not([size="1"])) {
    align-items: normal;
    padding-block: round(down, (var(--wu-kit-affix-height) - 2 * var(--wu-border-width-1) - 1em * var(--wu-line-height-normal)) / 2, 1px);
  }
  .wu-input-affix > input[type=search]::-webkit-search-cancel-button {
    appearance: none;
  }
  .wu-input-affix > input[type=search]::-webkit-search-decoration {
    appearance: none;
  }
  .wu-input-affix > .wu-select:not([multiple], [size]:not([size="1"])) {
    padding-inline-end: calc(0.625rem + var(--wu-space-2));
  }
  .wu-input-prefix,
  .wu-input-suffix {
    display: inline-flex;
    flex: none;
    align-items: center;
    color: var(--wu-text-muted);
    white-space: nowrap;
  }
  .wu-input-prefix > svg,
  .wu-input-suffix > svg {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
  }
  .wu-input-clear {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 1.5em;
    block-size: 1.5em;
    padding: 0;
    border: 0;
    border-radius: var(--wu-radius-full);
    background: transparent;
    color: var(--wu-text-muted);
    font-size: inherit;
    line-height: 1;
    cursor: pointer;
  }
  .wu-input-clear:empty::before {
    content: "×";
    font-size: 1.25em;
  }
  .wu-input-clear:hover {
    background: var(--wu-bg-hover);
    color: var(--wu-text-regular);
  }
  .wu-input-clear:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-input-clear[hidden] {
    display: none;
  }
  .wu-input-clear > svg {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
  }
  .wu-input-affix.sm {
    --wu-kit-affix-height: var(--wu-control-height-sm);
    height: var(--wu-kit-affix-height);
    padding-inline: var(--wu-control-padding-inline-sm);
    font-size: var(--wu-font-size-sm);
  }
  .wu-input-affix.lg {
    --wu-kit-affix-height: var(--wu-control-height-lg);
    height: var(--wu-kit-affix-height);
    padding-inline: var(--wu-control-padding-inline-lg);
  }
  @media (forced-colors: active) {
    .wu-input-affix:has(:focus-visible) {
      outline-color: Highlight;
    }
  }
  :where(.wu-field-group.sm) .wu-input:not(.sm, .lg, .wu-input-affix > *) {
    height: var(--wu-control-height-sm);
    padding-inline: var(--wu-control-padding-inline-sm);
    font-size: var(--wu-font-size-sm);
    --wu-kit-pad-start: round(down, (var(--wu-control-height-sm) - 2 * var(--wu-border-width-1) - 1em * var(--wu-line-height-normal)) / 2, 1px);
    padding-block: var(--wu-kit-pad-start) calc(var(--wu-control-height-sm) - 2 * var(--wu-border-width-1) - 1em * var(--wu-line-height-normal) - var(--wu-kit-pad-start));
  }
  :where(.wu-field-group.sm) .wu-input-affix:not(.sm, .lg) {
    --wu-kit-affix-height: var(--wu-control-height-sm);
    height: var(--wu-control-height-sm);
    padding-inline: var(--wu-control-padding-inline-sm);
    font-size: var(--wu-font-size-sm);
  }
  :where(.wu-field-group.lg) .wu-input:not(.sm, .lg, .wu-input-affix > *) {
    height: var(--wu-control-height-lg);
    padding-inline: var(--wu-control-padding-inline-lg);
    font-size: var(--wu-font-size-md);
    padding-block: 0;
  }
  :where(.wu-field-group.lg) .wu-input-affix:not(.sm, .lg) {
    --wu-kit-affix-height: var(--wu-control-height-lg);
    height: var(--wu-control-height-lg);
    padding-inline: var(--wu-control-padding-inline-lg);
    font-size: var(--wu-font-size-md);
  }
  .wu-input-group {
    display: flex;
    align-items: stretch;
    width: 100%;
  }
  .wu-input-group > * {
    position: relative;
    margin: 0;
    border-radius: 0;
  }
  .wu-input-group > .wu-input {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
  }
  .wu-input-group > * + * {
    margin-inline-start: calc(-1 * var(--wu-border-width-1));
  }
  .wu-input-group > :first-child {
    border-start-start-radius: var(--wu-radius-md);
    border-end-start-radius: var(--wu-radius-md);
  }
  .wu-input-group > :last-child {
    border-start-end-radius: var(--wu-radius-md);
    border-end-end-radius: var(--wu-radius-md);
  }
  .wu-input-group > .wu-btn:not(.brand, .danger, .quiet, .link) {
    border-color: var(--wu-border-control);
  }
  .wu-input-group > .wu-btn:not(.brand, .danger, .quiet, .link):hover {
    border-color: var(--wu-border-control-hover);
  }
  .wu-input-group > :is(:hover, :focus-visible, [aria-invalid=true], :user-invalid) {
    z-index: var(--wu-z-hover);
  }
  .wu-input-group-text {
    display: flex;
    flex: none;
    align-items: center;
    padding-inline: var(--wu-control-padding-inline-sm);
    border: var(--wu-border-width-1) solid var(--wu-border-control);
    background: var(--wu-bg-alternate);
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
    white-space: nowrap;
  }
  .wu-input-group-text > svg {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
  }
  .wu-textarea {
    display: block;
    min-height: var(--wu-textarea--MinHeight, calc(3lh + 2 * var(--wu-space-2) + 2 * var(--wu-border-width-1)));
    max-height: var(--wu-textarea--MaxHeight, calc(12lh + 2 * var(--wu-space-2) + 2 * var(--wu-border-width-1)));
    border-radius: var(--wu-radius-md);
    font-size: var(--wu-font-size-md);
    line-height: var(--wu-line-height-normal);
    resize: vertical;
  }
  .wu-textarea:disabled {
    cursor: not-allowed;
    resize: none;
  }
  .wu-textarea[readonly] {
    background-color: var(--wu-bg-alternate);
  }
  .wu-textarea:is([aria-invalid=true], :user-invalid) {
    box-shadow: inset 0 0 0 var(--wu-border-width-1) var(--wu-danger);
  }
  @supports (field-sizing: content) {
    .wu-textarea {
      field-sizing: content;
    }
  }
  .wu-select {
    border-radius: var(--wu-radius-md);
    font-size: var(--wu-font-size-md);
    line-height: var(--wu-line-height-normal);
  }
  .wu-select:disabled {
    cursor: not-allowed;
  }
  .wu-select:is([aria-invalid=true], :user-invalid) {
    box-shadow: inset 0 0 0 var(--wu-border-width-1) var(--wu-danger);
  }
  .wu-select:not([multiple], [size]:not([size="1"])) {
    padding-inline-end: calc(var(--wu-control-padding-inline-md) + 2 * 0.3125rem + var(--wu-space-2));
    background-image: linear-gradient(45deg, transparent 50%, var(--wu-select--ArrowColor, var(--wu-text-muted)) 50%), linear-gradient(135deg, var(--wu-select--ArrowColor, var(--wu-text-muted)) 50%, transparent 50%);
    background-position: calc(100% - var(--wu-control-padding-inline-md) - 0.3125rem) 50%, calc(100% - var(--wu-control-padding-inline-md)) 50%;
    background-size: 0.3125rem 0.3125rem;
    background-repeat: no-repeat;
    appearance: none;
    cursor: pointer;
  }
  .wu-select:not([multiple], [size]:not([size="1"])):dir(rtl) {
    background-position: var(--wu-control-padding-inline-md) 50%, calc(var(--wu-control-padding-inline-md) + 0.3125rem) 50%;
  }
  .wu-select:not([multiple], [size]:not([size="1"])):disabled {
    cursor: not-allowed;
  }
  .wu-select.sm {
    padding-inline: var(--wu-control-padding-inline-sm);
    font-size: var(--wu-font-size-sm);
  }
  .wu-select.lg {
    padding-inline: var(--wu-control-padding-inline-lg);
  }
  .wu-select.sm:not([multiple], [size]:not([size="1"])),
  :where(.wu-field-group.sm) .wu-select:not(.sm, .lg, .wu-input-affix > *, [multiple], [size]:not([size="1"])) {
    height: var(--wu-control-height-sm);
    padding-block: round(down, (var(--wu-control-height-sm) - 2 * var(--wu-border-width-1) - var(--wu-font-size-sm) * var(--wu-line-height-normal)) / 2, 1px);
  }
  .wu-select.lg:not([multiple], [size]:not([size="1"])),
  :where(.wu-field-group.lg) .wu-select:not(.sm, .lg, .wu-input-affix > *, [multiple], [size]:not([size="1"])) {
    height: var(--wu-control-height-lg);
    padding-block: round(down, (var(--wu-control-height-lg) - 2 * var(--wu-border-width-1) - var(--wu-font-size-md) * var(--wu-line-height-normal)) / 2, 1px);
  }
  .wu-input-affix > .wu-select:not([multiple], [size]:not([size="1"])) {
    align-items: center;
  }
  @supports (appearance: base-select) {
    .wu-select:not([multiple], [size]:not([size="1"])) {
      appearance: base-select;
    }
    .wu-select:not([multiple], [size]:not([size="1"]))::picker-icon {
      display: none;
    }
    .wu-select:not([multiple], [size]:not([size="1"]))::picker(select) {
      margin-block: var(--wu-space-1);
      padding: var(--wu-space-1);
      border: var(--wu-border-width-1) solid var(--wu-border-regular);
      border-radius: var(--wu-radius-md);
      background: var(--wu-bg-raised);
      box-shadow: var(--wu-shadow-lg);
      color: var(--wu-text-regular);
      appearance: base-select;
    }
    .wu-select:not([multiple], [size]:not([size="1"])) option {
      padding-block: var(--wu-space-2);
      padding-inline: var(--wu-control-padding-inline-sm);
      border-radius: var(--wu-radius-sm);
      cursor: pointer;
    }
    .wu-select:not([multiple], [size]:not([size="1"])) option:is(:hover, :focus-visible) {
      background: var(--wu-bg-hover);
    }
    .wu-select:not([multiple], [size]:not([size="1"])) option:checked {
      background: var(--wu-bg-selected);
      color: var(--wu-text-brand);
    }
    .wu-select:not([multiple], [size]:not([size="1"])) option:disabled {
      opacity: var(--wu-opacity-50);
      cursor: not-allowed;
    }
  }
  @media (forced-colors: active) {
    .wu-select:not([multiple], [size]:not([size="1"])) {
      padding-inline-end: var(--wu-control-padding-inline-md);
      background-image: none;
      appearance: auto;
    }
  }
  :where(.wu-field-group.sm) .wu-select:not(.sm, .lg, .wu-input-affix > *, [multiple], [size]:not([size="1"])) {
    padding-inline-start: var(--wu-control-padding-inline-sm);
    font-size: var(--wu-font-size-sm);
  }
  :where(.wu-field-group.lg) .wu-select:not(.sm, .lg, .wu-input-affix > *, [multiple], [size]:not([size="1"])) {
    padding-inline-start: var(--wu-control-padding-inline-lg);
    font-size: var(--wu-font-size-md);
  }
  .wu-checkbox {
    display: inline-flex;
    align-items: flex-start;
    gap: var(--wu-space-2);
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-md);
    line-height: var(--wu-line-height-normal);
    cursor: pointer;
  }
  .wu-checkbox:has(.wu-checkbox-input:disabled) {
    opacity: var(--wu-opacity-50);
    cursor: not-allowed;
  }
  .wu-checkbox-input {
    display: inline-grid;
    flex: none;
    place-content: center;
    width: 1em;
    height: 1em;
    margin: 0;
    margin-block-start: calc((1lh - 1em) / 2);
    border: var(--wu-border-width-1) solid var(--wu-border-control);
    border-radius: var(--wu-radius-xs);
    background: var(--wu-bg-surface);
    font-size: inherit;
    line-height: inherit;
    vertical-align: middle;
    appearance: none;
    cursor: pointer;
    transition-property: background-color, border-color;
    transition-duration: var(--wu-duration-150);
    transition-timing-function: var(--wu-ease-out);
  }
  .wu-checkbox-input::before {
    content: "";
    width: 0.75em;
    height: 0.75em;
    background: var(--wu-text-on-brand);
    clip-path: var(--wu-kit-marker-check);
    visibility: hidden;
  }
  .wu-checkbox-input:hover:not(:disabled, :checked, :indeterminate) {
    border-color: var(--wu-border-control-hover);
  }
  .wu-checkbox-input:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-checkbox-input:is(:checked, :indeterminate) {
    border-color: var(--wu-brand);
    background: var(--wu-brand);
  }
  .wu-checkbox-input:is(:checked, :indeterminate)::before {
    visibility: visible;
  }
  .wu-checkbox-input:is(:checked, :indeterminate):hover:not(:disabled) {
    border-color: var(--wu-brand-hover);
    background: var(--wu-brand-hover);
  }
  .wu-checkbox-input:is([aria-invalid=true], :user-invalid), .wu-checkbox-input:is([aria-invalid=true], :user-invalid):is(:hover, :checked, :indeterminate) {
    border-color: var(--wu-danger);
    box-shadow: 0 0 0 var(--wu-border-width-1) var(--wu-danger);
  }
  .wu-checkbox-input:indeterminate::before {
    clip-path: inset(40% 10%);
  }
  .wu-checkbox-input:disabled {
    opacity: var(--wu-opacity-50);
    cursor: not-allowed;
  }
  .wu-checkbox > .wu-checkbox-input:disabled {
    opacity: 1;
  }
  .wu-checkbox-label {
    min-width: 0;
  }
  .wu-checkbox.sm {
    font-size: var(--wu-font-size-sm);
  }
  .wu-checkbox.lg {
    font-size: var(--wu-font-size-lg);
  }
  @media (forced-colors: active) {
    .wu-checkbox-input {
      border-color: CanvasText;
      background: Canvas;
      forced-color-adjust: none;
    }
    .wu-checkbox-input::before {
      background: HighlightText;
    }
    .wu-checkbox-input:is(:checked, :indeterminate) {
      border-color: Highlight;
      background: Highlight;
    }
    .wu-checkbox-input:disabled {
      border-color: GrayText;
    }
    .wu-checkbox-input:disabled:is(:checked, :indeterminate) {
      background: GrayText;
    }
  }
  :where(.wu-field-group.sm) .wu-checkbox:not(.sm, .lg) {
    font-size: var(--wu-font-size-sm);
  }
  :where(.wu-field-group.lg) .wu-checkbox:not(.sm, .lg) {
    font-size: var(--wu-font-size-lg);
  }
  .wu-radio {
    display: inline-flex;
    align-items: flex-start;
    gap: var(--wu-space-2);
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-md);
    line-height: var(--wu-line-height-normal);
    cursor: pointer;
  }
  .wu-radio:has(.wu-radio-input:disabled) {
    opacity: var(--wu-opacity-50);
    cursor: not-allowed;
  }
  .wu-radio-input {
    display: inline-grid;
    flex: none;
    place-content: center;
    width: 1em;
    height: 1em;
    margin: 0;
    margin-block-start: calc((1lh - 1em) / 2);
    border: var(--wu-border-width-1) solid var(--wu-border-control);
    border-radius: var(--wu-radius-full);
    background: var(--wu-bg-surface);
    font-size: inherit;
    line-height: inherit;
    vertical-align: middle;
    appearance: none;
    cursor: pointer;
    transition-property: background-color, border-color;
    transition-duration: var(--wu-duration-150);
    transition-timing-function: var(--wu-ease-out);
  }
  .wu-radio-input::before {
    content: "";
    width: 0.375em;
    height: 0.375em;
    border-radius: var(--wu-radius-full);
    background: var(--wu-text-on-brand);
    visibility: hidden;
  }
  .wu-radio-input:hover:not(:disabled, :checked) {
    border-color: var(--wu-border-control-hover);
  }
  .wu-radio-input:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-radio-input:checked {
    border-color: var(--wu-brand);
    background: var(--wu-brand);
  }
  .wu-radio-input:checked::before {
    visibility: visible;
  }
  .wu-radio-input:checked:hover:not(:disabled) {
    border-color: var(--wu-brand-hover);
    background: var(--wu-brand-hover);
  }
  .wu-radio-input:is([aria-invalid=true], :user-invalid), .wu-radio-input:is([aria-invalid=true], :user-invalid):is(:hover, :checked) {
    border-color: var(--wu-danger);
    box-shadow: 0 0 0 var(--wu-border-width-1) var(--wu-danger);
  }
  .wu-radio-input:disabled {
    opacity: var(--wu-opacity-50);
    cursor: not-allowed;
  }
  .wu-radio > .wu-radio-input:disabled {
    opacity: 1;
  }
  .wu-radio-label {
    min-width: 0;
  }
  .wu-radio.sm {
    font-size: var(--wu-font-size-sm);
  }
  .wu-radio.lg {
    font-size: var(--wu-font-size-lg);
  }
  @media (forced-colors: active) {
    .wu-radio-input {
      border-color: CanvasText;
      background: Canvas;
      forced-color-adjust: none;
    }
    .wu-radio-input::before {
      background: HighlightText;
    }
    .wu-radio-input:checked {
      border-color: Highlight;
      background: Highlight;
    }
    .wu-radio-input:disabled {
      border-color: GrayText;
    }
    .wu-radio-input:disabled:checked {
      background: GrayText;
    }
  }
  :where(.wu-field-group.sm) .wu-radio:not(.sm, .lg) {
    font-size: var(--wu-font-size-sm);
  }
  :where(.wu-field-group.lg) .wu-radio:not(.sm, .lg) {
    font-size: var(--wu-font-size-lg);
  }
  .wu-toggle {
    display: inline-flex;
    align-items: flex-start;
    gap: var(--wu-space-2);
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-md);
    line-height: var(--wu-line-height-normal);
    cursor: pointer;
  }
  .wu-toggle:has(.wu-toggle-input:disabled) {
    opacity: var(--wu-opacity-50);
    cursor: not-allowed;
  }
  .wu-toggle-input {
    display: inline-grid;
    flex: none;
    place-items: center start;
    width: 2.25em;
    height: 1.25em;
    margin: 0;
    margin-block-start: calc((1lh - 1.25em) / 2);
    padding-inline: 0.125em;
    border: 0;
    border-radius: var(--wu-radius-full);
    background: var(--wu-border-control);
    font-size: inherit;
    line-height: inherit;
    vertical-align: middle;
    appearance: none;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: var(--wu-duration-150);
    transition-timing-function: var(--wu-ease-out);
  }
  .wu-toggle-input::before {
    content: "";
    width: 1em;
    height: 1em;
    border-radius: var(--wu-radius-full);
    background: var(--wu-bg-surface);
    box-shadow: var(--wu-shadow-sm);
  }
  .wu-toggle-input:hover:not(:disabled, :checked) {
    background: var(--wu-border-control-hover);
  }
  .wu-toggle-input:is([aria-invalid=true], :user-invalid) {
    outline: var(--wu-border-width-1) solid var(--wu-danger);
    outline-offset: var(--wu-border-width-1);
  }
  .wu-toggle-input:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-toggle-input:checked {
    background: var(--wu-brand);
  }
  .wu-toggle-input:checked::before {
    background: var(--wu-text-on-brand);
    translate: 1em 0;
  }
  .wu-toggle-input:checked:hover:not(:disabled) {
    background: var(--wu-brand-hover);
  }
  .wu-toggle-input:checked:dir(rtl)::before {
    translate: -1em 0;
  }
  .wu-toggle-input:disabled {
    opacity: var(--wu-opacity-50);
    cursor: not-allowed;
  }
  .wu-toggle > .wu-toggle-input:disabled {
    opacity: 1;
  }
  .wu-toggle-label {
    min-width: 0;
  }
  .wu-toggle.sm {
    font-size: var(--wu-font-size-sm);
  }
  .wu-toggle.lg {
    font-size: var(--wu-font-size-lg);
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-toggle-input::before {
      transition: translate var(--wu-duration-150) var(--wu-ease-out);
    }
    .wu-toggle.animated .wu-toggle-input::before,
    .wu-animated .wu-toggle-input::before {
      transition: translate var(--wu-duration-500) var(--wu-kit-ease-spring);
    }
  }
  @media (forced-colors: active) {
    .wu-toggle-input {
      padding-inline: calc(0.125em - var(--wu-border-width-1));
      border: var(--wu-border-width-1) solid CanvasText;
      background: Canvas;
      forced-color-adjust: none;
    }
    .wu-toggle-input::before {
      background: CanvasText;
    }
    .wu-toggle-input:checked {
      border-color: Highlight;
      background: Highlight;
    }
    .wu-toggle-input:checked::before {
      background: HighlightText;
    }
    .wu-toggle-input:disabled {
      border-color: GrayText;
    }
    .wu-toggle-input:disabled::before {
      background: GrayText;
    }
  }
  .wu-segmented {
    position: relative;
    display: inline-grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    min-inline-size: 0;
    min-block-size: 0;
    block-size: var(--wu-control-height-md);
    margin: 0;
    padding: var(--wu-space-1);
    border: 0;
    border-radius: var(--wu-radius-md);
    background: var(--wu-bg-alternate);
    font-size: var(--wu-font-size-sm);
    vertical-align: middle;
  }
  .wu-segmented-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--wu-control-padding-inline-sm);
    border-radius: var(--wu-radius-sm);
    color: var(--wu-text-muted);
    font-weight: var(--wu-font-weight-medium);
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition-property: background-color, box-shadow, color;
    transition-duration: var(--wu-duration-150);
    transition-timing-function: var(--wu-ease-out);
  }
  .wu-segmented-item:hover:not(:has(:checked, :disabled)) {
    color: var(--wu-text-regular);
  }
  .wu-segmented-item:has(:focus-visible) {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-segmented-item:has(:checked) {
    background: var(--wu-bg-surface);
    box-shadow: inset 0 0 0 var(--wu-border-width-1) var(--wu-border-control), var(--wu-shadow-sm);
    color: var(--wu-text-regular);
  }
  .wu-segmented-item:has(:disabled) {
    opacity: var(--wu-opacity-50);
    cursor: not-allowed;
  }
  .wu-segmented-input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
    clip-path: inset(50%);
    pointer-events: none;
  }
  .wu-segmented.sm {
    block-size: var(--wu-control-height-sm);
    font-size: var(--wu-font-size-xs);
  }
  .wu-segmented.sm > .wu-segmented-item {
    padding-inline: var(--wu-space-2);
  }
  .wu-segmented.lg {
    block-size: var(--wu-control-height-lg);
    font-size: var(--wu-font-size-md);
  }
  .wu-segmented.lg > .wu-segmented-item {
    padding-inline: var(--wu-control-padding-inline-md);
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):has(:checked)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):has(:checked)::before {
      content: "";
      position: absolute;
      inset-block: var(--wu-space-1);
      inset-inline-start: var(--wu-space-1);
      border-radius: var(--wu-radius-sm);
      background: var(--wu-bg-surface);
      box-shadow: inset 0 0 0 var(--wu-border-width-1) var(--wu-border-control), var(--wu-shadow-sm);
      transition: translate var(--wu-duration-500) var(--wu-kit-ease-spring);
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(1):last-of-type)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(1):last-of-type)::before {
      width: calc((100% - 2 * var(--wu-space-1)) / 1);
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(2):last-of-type)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(2):last-of-type)::before {
      width: calc((100% - 2 * var(--wu-space-1)) / 2);
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(3):last-of-type)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(3):last-of-type)::before {
      width: calc((100% - 2 * var(--wu-space-1)) / 3);
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(4):last-of-type)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(4):last-of-type)::before {
      width: calc((100% - 2 * var(--wu-space-1)) / 4);
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(5):last-of-type)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(5):last-of-type)::before {
      width: calc((100% - 2 * var(--wu-space-1)) / 5);
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(6):last-of-type)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(6):last-of-type)::before {
      width: calc((100% - 2 * var(--wu-space-1)) / 6);
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(2) :checked)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(2) :checked)::before {
      translate: 100% 0;
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):dir(rtl):has(> .wu-segmented-item:nth-of-type(2) :checked)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):dir(rtl):has(> .wu-segmented-item:nth-of-type(2) :checked)::before {
      translate: -100% 0;
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(3) :checked)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(3) :checked)::before {
      translate: 200% 0;
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):dir(rtl):has(> .wu-segmented-item:nth-of-type(3) :checked)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):dir(rtl):has(> .wu-segmented-item:nth-of-type(3) :checked)::before {
      translate: -200% 0;
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(4) :checked)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(4) :checked)::before {
      translate: 300% 0;
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):dir(rtl):has(> .wu-segmented-item:nth-of-type(4) :checked)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):dir(rtl):has(> .wu-segmented-item:nth-of-type(4) :checked)::before {
      translate: -300% 0;
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(5) :checked)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(5) :checked)::before {
      translate: 400% 0;
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):dir(rtl):has(> .wu-segmented-item:nth-of-type(5) :checked)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):dir(rtl):has(> .wu-segmented-item:nth-of-type(5) :checked)::before {
      translate: -400% 0;
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(6) :checked)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):has(> .wu-segmented-item:nth-of-type(6) :checked)::before {
      translate: 500% 0;
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))):dir(rtl):has(> .wu-segmented-item:nth-of-type(6) :checked)::before,
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))):dir(rtl):has(> .wu-segmented-item:nth-of-type(6) :checked)::before {
      translate: -500% 0;
    }
    .wu-segmented.animated:not(:has(> .wu-segmented-item:nth-of-type(7))) > .wu-segmented-item:has(:checked),
    .wu-animated .wu-segmented:not(:has(> .wu-segmented-item:nth-of-type(7))) > .wu-segmented-item:has(:checked) {
      background: transparent;
      box-shadow: none;
    }
  }
  @media (forced-colors: active) {
    .wu-segmented {
      border: var(--wu-border-width-1) solid ButtonBorder;
    }
    .wu-segmented-item:has(:checked),
    .wu-segmented::before {
      background: Highlight;
      color: HighlightText;
      forced-color-adjust: none;
    }
  }
  :where(.wu-field-group.sm) .wu-segmented:not(.sm, .lg) {
    block-size: var(--wu-control-height-sm);
    font-size: var(--wu-font-size-xs);
  }
  :where(.wu-field-group.lg) .wu-segmented:not(.sm, .lg) {
    block-size: var(--wu-control-height-lg);
    font-size: var(--wu-font-size-md);
  }
  .wu-segmented-item > svg {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
  }
  .wu-accordion {
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-md);
    background: var(--wu-bg-surface);
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-sm);
    overflow: clip;
  }
  .wu-accordion-item + .wu-accordion-item {
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-accordion-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wu-space-3);
    min-height: var(--wu-control-height-lg);
    padding-block: var(--wu-space-2);
    padding-inline: var(--wu-space-4);
    font-weight: var(--wu-font-weight-medium);
    list-style: none;
    cursor: pointer;
    transition: background-color var(--wu-duration-150) var(--wu-ease-out);
  }
  .wu-accordion-trigger::-webkit-details-marker {
    display: none;
  }
  .wu-accordion-trigger:hover {
    background: var(--wu-bg-hover);
  }
  .wu-accordion-trigger:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: calc(-1 * var(--wu-border-focus-width));
  }
  .wu-accordion-trigger::after {
    content: "";
    flex: none;
    width: 0.45em;
    height: 0.45em;
    border-right: var(--wu-border-width-2) solid currentcolor;
    border-bottom: var(--wu-border-width-2) solid currentcolor;
    color: var(--wu-text-muted);
    translate: 0 -0.1em;
    rotate: 45deg;
  }
  .wu-accordion-item[open] > .wu-accordion-trigger::after {
    translate: 0 0.1em;
    rotate: -135deg;
  }
  .wu-accordion-body {
    padding-block: 0 var(--wu-space-4);
    padding-inline: var(--wu-space-4);
    line-height: var(--wu-line-height-normal);
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-accordion.animated .wu-accordion-trigger::after,
    .wu-animated .wu-accordion .wu-accordion-trigger::after {
      transition-property: rotate, translate;
      transition-duration: var(--wu-duration-200);
      transition-timing-function: var(--wu-ease-out);
    }
    @supports (interpolate-size: allow-keywords) and selector(::details-content) {
      .wu-accordion.animated,
      .wu-animated .wu-accordion {
        interpolate-size: allow-keywords;
      }
      .wu-accordion.animated .wu-accordion-item::details-content,
      .wu-animated .wu-accordion .wu-accordion-item::details-content {
        block-size: 0;
        overflow: clip;
        transition: block-size var(--wu-duration-200) var(--wu-ease-out), content-visibility var(--wu-duration-200) allow-discrete;
      }
      .wu-accordion.animated .wu-accordion-item[open]::details-content,
      .wu-animated .wu-accordion .wu-accordion-item[open]::details-content {
        block-size: auto;
      }
    }
  }
  .wu-modal {
    inset: 0;
    inline-size: var(--wu-modal--Width, 32rem);
    max-inline-size: calc(100% - var(--wu-space-8));
    block-size: fit-content;
    max-block-size: var(--wu-modal--MaxHeight, calc(100dvh - var(--wu-space-16)));
    margin: auto;
    padding: 0;
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-lg);
    background: var(--wu-bg-surface);
    color: var(--wu-text-regular);
    box-shadow: var(--wu-shadow-xl);
    z-index: var(--wu-z-modal);
  }
  .wu-modal[open] {
    display: flex;
    flex-direction: column;
  }
  .wu-modal::backdrop {
    background: var(--wu-modal--Backdrop, color-mix(in srgb, var(--wu-black) 50%, transparent));
  }
  @media not all and (prefers-color-scheme: dark) {
    @scope ([data-theme="dark"], [data-theme="inverse"]:not([data-theme="dark"] *, [data-theme="inverse"] *), [data-theme="dark"] [data-theme="inverse"] [data-theme="inverse"]) to ([data-theme="light"], [data-theme="dark"], [data-theme="inverse"]) {
      .wu-modal:scope::backdrop, .wu-modal:is(:scope *)::backdrop {
        background: var(--wu-modal--Backdrop, color-mix(in srgb, var(--wu-black) 70%, transparent));
      }
    }
  }
  @media (prefers-color-scheme: dark) {
    @scope ([data-theme="dark"], :root:not([data-theme]), :root:not([data-theme]) [data-theme="inverse"] [data-theme="inverse"], [data-theme="inverse"]:not([data-theme="dark"] *, [data-theme="inverse"] *, :root:not([data-theme]) *), [data-theme="dark"] [data-theme="inverse"] [data-theme="inverse"]:not(:root:not([data-theme]) *)) to ([data-theme="light"], [data-theme="dark"], [data-theme="inverse"]) {
      .wu-modal:scope::backdrop, .wu-modal:is(:scope *)::backdrop {
        background: var(--wu-modal--Backdrop, color-mix(in srgb, var(--wu-black) 70%, transparent));
      }
    }
  }
  :root:has(.wu-modal:modal) {
    overflow: hidden;
    scrollbar-gutter: stable;
  }
  .wu-modal.sm {
    inline-size: var(--wu-modal--Width, 24rem);
  }
  .wu-modal.lg {
    inline-size: var(--wu-modal--Width, 48rem);
  }
  .wu-modal-header,
  .wu-modal-footer {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--wu-space-2);
    margin: 0;
    padding-block: var(--wu-space-4);
    padding-inline: var(--wu-space-5);
  }
  .wu-modal-header {
    justify-content: space-between;
    border-block-end: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-modal-title {
    margin: 0;
    font-size: var(--wu-font-size-lg);
    font-weight: var(--wu-font-weight-semibold);
    line-height: var(--wu-line-height-tight);
  }
  .wu-modal-body {
    flex: 1 1 auto;
    min-block-size: 0;
    padding: var(--wu-space-5);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .wu-modal-footer {
    flex-wrap: wrap;
    justify-content: flex-end;
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-modal-close {
    display: grid;
    flex: none;
    place-items: center;
    inline-size: var(--wu-control-height-sm);
    block-size: var(--wu-control-height-sm);
    padding: 0;
    border: 0;
    border-radius: var(--wu-radius-sm);
    background: transparent;
    color: var(--wu-text-muted);
    cursor: pointer;
    transition-property: background-color, color;
    transition-duration: var(--wu-duration-150);
    transition-timing-function: var(--wu-ease-out);
  }
  .wu-modal-close::before, .wu-modal-close::after {
    content: "";
    grid-area: 1/1;
    inline-size: 1rem;
    block-size: var(--wu-border-width-2);
    border-radius: var(--wu-radius-full);
    background: currentcolor;
    rotate: 45deg;
  }
  .wu-modal-close::after {
    rotate: -45deg;
  }
  .wu-modal-close:hover {
    background: var(--wu-bg-hover);
    color: var(--wu-text-regular);
  }
  .wu-modal-close:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-modal-close {
    margin-inline-end: calc(-1 * var(--wu-space-2));
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-modal.animated,
    .wu-animated .wu-modal {
      opacity: 0;
      scale: 0.96;
      transition: opacity var(--wu-duration-200) var(--wu-ease-out), scale var(--wu-duration-200) var(--wu-ease-out), display var(--wu-duration-200) allow-discrete, overlay var(--wu-duration-200) allow-discrete;
    }
    .wu-modal.animated::backdrop,
    .wu-animated .wu-modal::backdrop {
      opacity: 0;
      transition: opacity var(--wu-duration-200) var(--wu-ease-out), display var(--wu-duration-200) allow-discrete, overlay var(--wu-duration-200) allow-discrete;
    }
    .wu-modal.animated[open],
    .wu-animated .wu-modal[open] {
      opacity: 1;
      scale: 1;
    }
    @starting-style {
      .wu-modal.animated[open],
      .wu-animated .wu-modal[open] {
        opacity: 0;
        scale: 0.96;
      }
    }
    .wu-modal.animated[open]::backdrop,
    .wu-animated .wu-modal[open]::backdrop {
      opacity: 1;
    }
    @starting-style {
      .wu-modal.animated[open]::backdrop,
      .wu-animated .wu-modal[open]::backdrop {
        opacity: 0;
      }
    }
  }
  .wu-confirm-modal {
    gap: var(--wu-space-2);
    inline-size: var(--wu-confirm-modal--Width, 26rem);
    padding: var(--wu-space-6);
  }
  .wu-confirm-modal-title {
    margin: 0;
    font-size: var(--wu-font-size-lg);
    font-weight: var(--wu-font-weight-semibold);
    line-height: var(--wu-line-height-tight);
  }
  .wu-confirm-modal-subject {
    margin: 0;
    color: var(--wu-text-regular);
    font-weight: var(--wu-font-weight-semibold);
    overflow-wrap: anywhere;
  }
  .wu-confirm-modal-message {
    margin: 0;
    color: var(--wu-text-muted);
    font-size: var(--wu-font-size-sm);
    line-height: var(--wu-line-height-normal);
    text-wrap: pretty;
  }
  .wu-confirm-modal-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--wu-space-2);
    margin: 0;
    margin-block-start: var(--wu-space-4);
  }
  .wu-confirm-modal.danger .wu-confirm-modal-message {
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-md);
  }
  .wu-drawer {
    position: fixed;
    inset-block: 0;
    inset-inline: auto 0;
    inline-size: var(--wu-drawer--Width, 24rem);
    max-inline-size: calc(100% - var(--wu-space-8));
    block-size: auto;
    max-block-size: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-inline-start: var(--wu-border-width-1) solid var(--wu-border-regular);
    background: var(--wu-bg-surface);
    color: var(--wu-text-regular);
    box-shadow: var(--wu-shadow-xl);
    z-index: var(--wu-z-drawer);
  }
  .wu-drawer[open] {
    display: flex;
    flex-direction: column;
  }
  .wu-drawer::backdrop {
    background: var(--wu-drawer--Backdrop, color-mix(in srgb, var(--wu-black) 50%, transparent));
  }
  @media not all and (prefers-color-scheme: dark) {
    @scope ([data-theme="dark"], [data-theme="inverse"]:not([data-theme="dark"] *, [data-theme="inverse"] *), [data-theme="dark"] [data-theme="inverse"] [data-theme="inverse"]) to ([data-theme="light"], [data-theme="dark"], [data-theme="inverse"]) {
      .wu-drawer:scope::backdrop, .wu-drawer:is(:scope *)::backdrop {
        background: var(--wu-drawer--Backdrop, color-mix(in srgb, var(--wu-black) 70%, transparent));
      }
    }
  }
  @media (prefers-color-scheme: dark) {
    @scope ([data-theme="dark"], :root:not([data-theme]), :root:not([data-theme]) [data-theme="inverse"] [data-theme="inverse"], [data-theme="inverse"]:not([data-theme="dark"] *, [data-theme="inverse"] *, :root:not([data-theme]) *), [data-theme="dark"] [data-theme="inverse"] [data-theme="inverse"]:not(:root:not([data-theme]) *)) to ([data-theme="light"], [data-theme="dark"], [data-theme="inverse"]) {
      .wu-drawer:scope::backdrop, .wu-drawer:is(:scope *)::backdrop {
        background: var(--wu-drawer--Backdrop, color-mix(in srgb, var(--wu-black) 70%, transparent));
      }
    }
  }
  :root:has(.wu-drawer:modal) {
    overflow: hidden;
    scrollbar-gutter: stable;
  }
  .wu-drawer.inline-start {
    inset-inline: 0 auto;
    border-inline-start: 0;
    border-inline-end: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-drawer.bottom {
    inset-block: auto 0;
    inset-inline: 0;
    inline-size: auto;
    max-inline-size: none;
    max-block-size: var(--wu-drawer--MaxHeight, 75dvh);
    border-inline-start: 0;
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-start-start-radius: var(--wu-radius-lg);
    border-start-end-radius: var(--wu-radius-lg);
    padding-block-end: env(safe-area-inset-bottom, 0);
  }
  .wu-drawer-header,
  .wu-drawer-footer {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--wu-space-2);
    margin: 0;
    padding-block: var(--wu-space-4);
    padding-inline: var(--wu-space-5);
  }
  .wu-drawer-header {
    justify-content: space-between;
    border-block-end: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-drawer-title {
    margin: 0;
    font-size: var(--wu-font-size-lg);
    font-weight: var(--wu-font-weight-semibold);
    line-height: var(--wu-line-height-tight);
  }
  .wu-drawer-body {
    flex: 1 1 auto;
    min-block-size: 0;
    padding: var(--wu-space-5);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .wu-drawer-footer {
    flex-wrap: wrap;
    justify-content: flex-end;
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-drawer-close {
    display: grid;
    flex: none;
    place-items: center;
    inline-size: var(--wu-control-height-sm);
    block-size: var(--wu-control-height-sm);
    padding: 0;
    border: 0;
    border-radius: var(--wu-radius-sm);
    background: transparent;
    color: var(--wu-text-muted);
    cursor: pointer;
    transition-property: background-color, color;
    transition-duration: var(--wu-duration-150);
    transition-timing-function: var(--wu-ease-out);
  }
  .wu-drawer-close::before, .wu-drawer-close::after {
    content: "";
    grid-area: 1/1;
    inline-size: 1rem;
    block-size: var(--wu-border-width-2);
    border-radius: var(--wu-radius-full);
    background: currentcolor;
    rotate: 45deg;
  }
  .wu-drawer-close::after {
    rotate: -45deg;
  }
  .wu-drawer-close:hover {
    background: var(--wu-bg-hover);
    color: var(--wu-text-regular);
  }
  .wu-drawer-close:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-drawer-close {
    margin-inline-end: calc(-1 * var(--wu-space-2));
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-drawer.animated,
    .wu-animated .wu-drawer {
      transition: translate var(--wu-duration-300) var(--wu-ease-out), display var(--wu-duration-300) allow-discrete, overlay var(--wu-duration-300) allow-discrete;
    }
    .wu-drawer.animated:not([open]),
    .wu-animated .wu-drawer:not([open]) {
      translate: 100% 0;
    }
    .wu-drawer.animated:not([open]):dir(rtl), .wu-drawer.animated:not([open]).inline-start,
    .wu-animated .wu-drawer:not([open]):dir(rtl),
    .wu-animated .wu-drawer:not([open]).inline-start {
      translate: -100% 0;
    }
    .wu-drawer.animated:not([open]).inline-start:dir(rtl),
    .wu-animated .wu-drawer:not([open]).inline-start:dir(rtl) {
      translate: 100% 0;
    }
    .wu-drawer.animated:not([open]).bottom,
    .wu-animated .wu-drawer:not([open]).bottom {
      translate: 0 100%;
    }
    @starting-style {
      .wu-drawer.animated[open],
      .wu-animated .wu-drawer[open] {
        translate: 100% 0;
      }
      .wu-drawer.animated[open]:dir(rtl), .wu-drawer.animated[open].inline-start,
      .wu-animated .wu-drawer[open]:dir(rtl),
      .wu-animated .wu-drawer[open].inline-start {
        translate: -100% 0;
      }
      .wu-drawer.animated[open].inline-start:dir(rtl),
      .wu-animated .wu-drawer[open].inline-start:dir(rtl) {
        translate: 100% 0;
      }
      .wu-drawer.animated[open].bottom,
      .wu-animated .wu-drawer[open].bottom {
        translate: 0 100%;
      }
    }
    .wu-drawer.animated::backdrop,
    .wu-animated .wu-drawer::backdrop {
      opacity: 0;
      transition: opacity var(--wu-duration-300) var(--wu-ease-out), display var(--wu-duration-300) allow-discrete, overlay var(--wu-duration-300) allow-discrete;
    }
    .wu-drawer.animated[open]::backdrop,
    .wu-animated .wu-drawer[open]::backdrop {
      opacity: 1;
    }
    @starting-style {
      .wu-drawer.animated[open]::backdrop,
      .wu-animated .wu-drawer[open]::backdrop {
        opacity: 0;
      }
    }
  }
  .wu-dropdown {
    inset: 0;
    inline-size: fit-content;
    block-size: fit-content;
    min-inline-size: var(--wu-dropdown--MinWidth, 10rem);
    max-block-size: var(--wu-dropdown--MaxHeight, 20rem);
    margin: auto;
    padding: var(--wu-space-1);
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-md);
    background: var(--wu-bg-raised);
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-sm);
    box-shadow: var(--wu-shadow-lg);
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: var(--wu-z-dropdown);
  }
  @supports (anchor-name: --x) {
    .wu-dropdown {
      position-anchor: auto;
      inset: auto;
      inset-block-start: anchor(end);
      inset-inline-start: anchor(self-start);
      margin: 0;
      margin-block: var(--wu-space-1);
      position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
    }
    .wu-dropdown.inline-end {
      inset-inline: auto anchor(self-end);
    }
  }
  button:not(.caret, .brand, .danger):has(+ .wu-dropdown:popover-open) {
    border-color: var(--wu-border-control-hover);
    background: var(--wu-bg-hover);
  }
  .wu-dropdown-item {
    display: flex;
    align-items: center;
    gap: var(--wu-space-2);
    inline-size: 100%;
    min-block-size: var(--wu-control-height-sm);
    padding-block: 0;
    padding-inline: var(--wu-space-3);
    border: 0;
    border-radius: var(--wu-radius-sm);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--wu-duration-150) var(--wu-ease-out);
  }
  .wu-dropdown-item > svg {
    flex-shrink: 0;
    inline-size: 1em;
    block-size: 1em;
  }
  .wu-dropdown-item:hover {
    background: var(--wu-bg-hover);
  }
  .wu-dropdown-item:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: calc(-1 * var(--wu-border-focus-width));
  }
  .wu-dropdown-item:disabled, .wu-dropdown-item[aria-disabled=true] {
    opacity: var(--wu-opacity-50);
    cursor: not-allowed;
    pointer-events: none;
  }
  .wu-dropdown-item.danger {
    color: var(--wu-text-danger);
  }
  .wu-dropdown-item.danger:hover {
    background: var(--wu-danger-subtle);
  }
  .wu-dropdown-separator {
    block-size: 0;
    margin-block: var(--wu-space-1);
    margin-inline: calc(-1 * var(--wu-space-1));
    border: 0;
    border-block-start: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-dropdown.animated,
    .wu-animated .wu-dropdown {
      opacity: 0;
      translate: 0 calc(-1 * var(--wu-space-1));
      transition: opacity var(--wu-duration-150) var(--wu-ease-out), translate var(--wu-duration-150) var(--wu-ease-out), margin var(--wu-duration-150) var(--wu-ease-out), display var(--wu-duration-150) allow-discrete, overlay var(--wu-duration-150) allow-discrete;
    }
    .wu-dropdown.animated:popover-open,
    .wu-animated .wu-dropdown:popover-open {
      opacity: 1;
      translate: 0;
    }
    @starting-style {
      .wu-dropdown.animated:popover-open,
      .wu-animated .wu-dropdown:popover-open {
        opacity: 0;
        translate: 0 calc(-1 * var(--wu-space-1));
      }
    }
    @supports (anchor-name: --x) {
      .wu-dropdown.animated,
      .wu-animated .wu-dropdown {
        translate: 0;
        margin-block-start: 0;
      }
      .wu-dropdown.animated:popover-open,
      .wu-animated .wu-dropdown:popover-open {
        margin-block-start: var(--wu-space-1);
      }
      @starting-style {
        .wu-dropdown.animated:popover-open,
        .wu-animated .wu-dropdown:popover-open {
          translate: 0;
          margin-block-start: 0;
        }
      }
    }
  }
  .wu-popover {
    inset: 0;
    inline-size: fit-content;
    block-size: fit-content;
    max-inline-size: var(--wu-popover--MaxWidth, 20rem);
    margin: auto;
    padding-block: var(--wu-space-3);
    padding-inline: var(--wu-space-4);
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-md);
    background: var(--wu-bg-raised);
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-sm);
    line-height: var(--wu-line-height-normal);
    box-shadow: var(--wu-shadow-lg);
    z-index: var(--wu-z-popover);
  }
  .wu-popover > :first-child {
    margin-block-start: 0;
  }
  .wu-popover > :last-child {
    margin-block-end: 0;
  }
  .wu-popover-title {
    margin-block: 0 var(--wu-space-1);
    font-size: var(--wu-font-size-sm);
    font-weight: var(--wu-font-weight-semibold);
    line-height: var(--wu-line-height-tight);
  }
  .wu-popover-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--wu-space-2);
    margin-block-start: var(--wu-space-3);
  }
  @position-try --wu-popover-below-start {
    inset-inline: auto;
    inset-inline-start: anchor(self-start);
    justify-self: normal;
  }
  @position-try --wu-popover-below-end {
    inset-inline: auto;
    inset-inline-end: anchor(self-end);
    justify-self: normal;
  }
  @supports (anchor-name: --x) {
    .wu-popover {
      position-anchor: auto;
      inset: auto;
      margin: 0;
      margin-block: var(--wu-space-2);
      inline-size: max-content;
      max-inline-size: min(var(--wu-popover--MaxWidth, 20rem), 100vw - 1rem);
      inset-block-start: anchor(end);
      inset-inline: max(0px, 2 * anchor(center) - 100%);
      justify-self: center;
      position-try-fallbacks: flip-block, --wu-popover-below-start, --wu-popover-below-end, --wu-popover-below-start flip-block, --wu-popover-below-end flip-block;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-popover.animated,
    .wu-animated .wu-popover {
      opacity: 0;
      scale: 0.96;
      transition: opacity var(--wu-duration-150) var(--wu-ease-out), scale var(--wu-duration-150) var(--wu-ease-out), margin var(--wu-duration-150) var(--wu-ease-out), display var(--wu-duration-150) allow-discrete, overlay var(--wu-duration-150) allow-discrete;
    }
    .wu-popover.animated:popover-open,
    .wu-animated .wu-popover:popover-open {
      opacity: 1;
      scale: 1;
    }
    @starting-style {
      .wu-popover.animated:popover-open,
      .wu-animated .wu-popover:popover-open {
        opacity: 0;
        scale: 0.96;
      }
    }
    @supports (anchor-name: --x) {
      .wu-popover.animated,
      .wu-animated .wu-popover {
        margin-block-start: var(--wu-space-1);
      }
      .wu-popover.animated:popover-open,
      .wu-animated .wu-popover:popover-open {
        margin-block-start: var(--wu-space-2);
      }
      @starting-style {
        .wu-popover.animated:popover-open,
        .wu-animated .wu-popover:popover-open {
          margin-block-start: var(--wu-space-1);
        }
      }
    }
  }
  .wu-tabs-list {
    display: flex;
    gap: var(--wu-space-1);
    border-block-end: var(--wu-border-width-1) solid var(--wu-border-regular);
    overflow-x: auto;
    scrollbar-width: thin;
  }
  @property --wu-kit-tabs-fade-start {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
  }
  @property --wu-kit-tabs-fade-end {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
  }
  @supports (animation-timeline: scroll()) {
    .wu-tabs-list {
      scrollbar-width: none;
      mask-image: linear-gradient(to right, transparent, #000 var(--wu-kit-tabs-fade-start), #000 calc(100% - var(--wu-kit-tabs-fade-end)), transparent);
      animation-name: wu-tabs-fade;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: scroll(self inline);
    }
    .wu-tabs-list:dir(rtl) {
      mask-image: linear-gradient(to left, transparent, #000 var(--wu-kit-tabs-fade-start), #000 calc(100% - var(--wu-kit-tabs-fade-end)), transparent);
    }
  }
  @keyframes wu-tabs-fade {
    0% {
      --wu-kit-tabs-fade-start: 0px;
      --wu-kit-tabs-fade-end: var(--wu-space-8);
    }
    8% {
      --wu-kit-tabs-fade-start: var(--wu-space-8);
    }
    92% {
      --wu-kit-tabs-fade-end: var(--wu-space-8);
    }
    100% {
      --wu-kit-tabs-fade-start: var(--wu-space-8);
      --wu-kit-tabs-fade-end: 0px;
    }
  }
  .wu-tabs-tab {
    position: relative;
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: var(--wu-space-2);
    min-block-size: var(--wu-control-height-md);
    margin: 0;
    padding-block: 0;
    padding-inline: var(--wu-space-3);
    border: 0;
    border-radius: var(--wu-radius-sm) var(--wu-radius-sm) 0 0;
    background: transparent;
    color: var(--wu-text-muted);
    font: inherit;
    font-size: var(--wu-font-size-sm);
    font-weight: var(--wu-font-weight-medium);
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--wu-duration-150) var(--wu-ease-out);
  }
  .wu-tabs-tab::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    block-size: var(--wu-border-width-2);
    border-radius: var(--wu-radius-full);
    background: transparent;
  }
  .wu-tabs-tab:hover {
    color: var(--wu-text-regular);
  }
  .wu-tabs-tab:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: calc(-1 * var(--wu-border-focus-width));
  }
  .wu-tabs-tab[aria-selected=true] {
    color: var(--wu-text-regular);
  }
  .wu-tabs-tab[aria-selected=true]::after {
    background: var(--wu-brand);
  }
  .wu-tabs-tab:disabled, .wu-tabs-tab[aria-disabled=true] {
    opacity: var(--wu-opacity-50);
    cursor: not-allowed;
  }
  .wu-tabs-tab > svg {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
  }
  .wu-tabs-panel {
    padding-block: var(--wu-space-4);
    padding-inline: var(--wu-space-3);
  }
  .wu-tabs-panel:focus-visible {
    border-radius: var(--wu-radius-sm);
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: calc(-1 * var(--wu-border-focus-width));
  }
  .wu-tabs.card > .wu-tabs-list {
    gap: 0;
    border-block-end: 0;
  }
  .wu-tabs.card > .wu-tabs-list::after {
    content: "";
    flex: 1 0 0;
    border-block-end: var(--wu-border-width-1) solid var(--wu-border-regular);
  }
  .wu-tabs.card > .wu-tabs-list > .wu-tabs-tab {
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: 0;
    background: var(--wu-bg-alternate);
  }
  .wu-tabs.card > .wu-tabs-list > .wu-tabs-tab + .wu-tabs-tab {
    margin-inline-start: calc(-1 * var(--wu-border-width-1));
  }
  .wu-tabs.card > .wu-tabs-list > .wu-tabs-tab:first-child {
    border-start-start-radius: var(--wu-radius-md);
  }
  .wu-tabs.card > .wu-tabs-list > .wu-tabs-tab:last-child {
    border-start-end-radius: var(--wu-radius-md);
  }
  .wu-tabs.card > .wu-tabs-list > .wu-tabs-tab[aria-selected=true] {
    border-block-end-color: transparent;
    background: transparent;
  }
  .wu-tabs.boxed > .wu-tabs-list {
    border-block-end: 0;
    box-shadow: inset 0 calc(-1 * var(--wu-border-width-1)) 0 var(--wu-border-regular);
  }
  .wu-tabs.boxed {
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-md);
    background: var(--wu-bg-surface);
  }
  .wu-tabs.boxed > .wu-tabs-list {
    gap: 0;
    border-start-start-radius: calc(var(--wu-radius-md) - var(--wu-border-width-1));
    border-start-end-radius: calc(var(--wu-radius-md) - var(--wu-border-width-1));
    background: var(--wu-bg-alternate);
  }
  .wu-tabs.boxed > .wu-tabs-list > .wu-tabs-tab {
    border-inline: var(--wu-border-width-1) solid transparent;
    border-radius: 0;
  }
  .wu-tabs.boxed > .wu-tabs-list > .wu-tabs-tab[aria-selected=true] {
    border-inline-color: var(--wu-border-regular);
    background: var(--wu-bg-surface);
  }
  .wu-tabs.boxed > .wu-tabs-list > .wu-tabs-tab:first-child {
    border-inline-start-color: transparent;
  }
  .wu-tabs.boxed > .wu-tabs-panel {
    padding: var(--wu-space-4);
  }
  .wu-tabs:is(.card, .boxed) > .wu-tabs-list > .wu-tabs-tab::after {
    content: none;
  }
  .wu-tabs.vertical {
    display: flex;
    align-items: flex-start;
  }
  .wu-tabs.vertical > .wu-tabs-list {
    flex: none;
    flex-direction: column;
    align-self: stretch;
    border-block-end: 0;
    border-inline-end: var(--wu-border-width-1) solid var(--wu-border-regular);
    overflow: visible;
    mask-image: none;
    animation: none;
  }
  .wu-tabs.vertical > .wu-tabs-list > .wu-tabs-tab {
    border-radius: 0;
    border-start-start-radius: var(--wu-radius-sm);
    border-end-start-radius: var(--wu-radius-sm);
    justify-content: flex-start;
    text-align: start;
  }
  .wu-tabs.vertical > .wu-tabs-list > .wu-tabs-tab::after {
    inset-block: 0;
    inset-inline: auto 0;
    inline-size: var(--wu-border-width-2);
    block-size: auto;
  }
  .wu-tabs.vertical > .wu-tabs-panel {
    flex: 1;
    min-inline-size: 0;
    padding-block: var(--wu-space-2);
    padding-inline: var(--wu-space-4);
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-tabs.animated .wu-tabs-tab::after,
    .wu-animated .wu-tabs .wu-tabs-tab::after {
      scale: 0 1;
      transition: scale var(--wu-duration-300) var(--wu-kit-ease-spring), background-color var(--wu-duration-150) var(--wu-ease-out);
    }
    .wu-tabs.animated .wu-tabs-tab[aria-selected=true]::after,
    .wu-animated .wu-tabs .wu-tabs-tab[aria-selected=true]::after {
      scale: 1;
    }
    .wu-tabs.animated.vertical .wu-tabs-tab:not([aria-selected=true])::after,
    .wu-animated .wu-tabs.vertical .wu-tabs-tab:not([aria-selected=true])::after {
      scale: 1 0;
    }
    .wu-tabs.animated .wu-tabs-panel,
    .wu-animated .wu-tabs .wu-tabs-panel {
      transition: opacity var(--wu-duration-200) var(--wu-ease-out), translate var(--wu-duration-200) var(--wu-ease-out);
    }
    @starting-style {
      .wu-tabs.animated .wu-tabs-panel,
      .wu-animated .wu-tabs .wu-tabs-panel {
        opacity: 0;
        translate: 0 var(--wu-space-1);
      }
    }
  }
  @media (forced-colors: active) {
    .wu-tabs-tab[aria-selected=true]::after {
      background: Highlight;
    }
  }
  .wu-toast-region {
    position: fixed;
    inset-block-end: 0;
    inset-inline-end: 0;
    z-index: var(--wu-z-toast);
    display: flex;
    flex-direction: column;
    gap: var(--wu-space-2);
    inline-size: min(var(--wu-toast--Width, 22rem) + 2 * var(--wu-space-4), 100%);
    max-block-size: 100dvh;
    padding: var(--wu-space-4);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    pointer-events: none;
  }
  .wu-toast-region:empty {
    display: none;
  }
  .wu-toast-region.top-start,
  .wu-toast-region.top-end {
    inset-block: 0 auto;
    flex-direction: column-reverse;
  }
  .wu-toast-region.top-start,
  .wu-toast-region.bottom-start {
    inset-inline: 0 auto;
  }
  .wu-toast {
    flex: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--wu-space-2);
    align-items: start;
    padding-block: var(--wu-space-3);
    padding-inline: var(--wu-space-4) var(--wu-space-2);
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-md);
    background: var(--wu-bg-raised);
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-sm);
    line-height: var(--wu-line-height-normal);
    box-shadow: var(--wu-shadow-lg);
    pointer-events: auto;
  }
  .wu-toast[hidden] {
    display: none;
  }
  .wu-toast > :not(.wu-toast-close) {
    grid-column: 1;
    margin: 0;
    min-inline-size: 0;
    overflow-wrap: anywhere;
  }
  .wu-toast > :not(.wu-toast-close) + :not(.wu-toast-close) {
    margin-block-start: var(--wu-space-1);
  }
  .wu-toast-title {
    font-weight: var(--wu-font-weight-semibold);
  }
  .wu-toast.brand {
    border-inline-start: var(--wu-border-width-4) solid var(--wu-brand);
  }
  .wu-toast.brand > .wu-toast-title {
    color: var(--wu-text-brand);
  }
  .wu-toast.success {
    border-inline-start: var(--wu-border-width-4) solid var(--wu-success);
  }
  .wu-toast.success > .wu-toast-title {
    color: var(--wu-text-success);
  }
  .wu-toast.danger {
    border-inline-start: var(--wu-border-width-4) solid var(--wu-danger);
  }
  .wu-toast.danger > .wu-toast-title {
    color: var(--wu-text-danger);
  }
  .wu-toast.warning {
    border-inline-start: var(--wu-border-width-4) solid var(--wu-warning);
  }
  .wu-toast.warning > .wu-toast-title {
    color: var(--wu-text-warning);
  }
  .wu-toast.info {
    border-inline-start: var(--wu-border-width-4) solid var(--wu-info);
  }
  .wu-toast.info > .wu-toast-title {
    color: var(--wu-text-info);
  }
  .wu-toast-close {
    display: grid;
    flex: none;
    place-items: center;
    inline-size: var(--wu-control-height-sm);
    block-size: var(--wu-control-height-sm);
    padding: 0;
    border: 0;
    border-radius: var(--wu-radius-sm);
    background: transparent;
    color: var(--wu-text-muted);
    cursor: pointer;
    transition-property: background-color, color;
    transition-duration: var(--wu-duration-150);
    transition-timing-function: var(--wu-ease-out);
  }
  .wu-toast-close::before, .wu-toast-close::after {
    content: "";
    grid-area: 1/1;
    inline-size: 1rem;
    block-size: var(--wu-border-width-2);
    border-radius: var(--wu-radius-full);
    background: currentcolor;
    rotate: 45deg;
  }
  .wu-toast-close::after {
    rotate: -45deg;
  }
  .wu-toast-close:hover {
    background: var(--wu-bg-hover);
    color: var(--wu-text-regular);
  }
  .wu-toast-close:focus-visible {
    outline: var(--wu-border-focus-width) solid var(--wu-border-focus);
    outline-offset: var(--wu-border-focus-offset);
  }
  .wu-toast-close {
    grid-area: 1/2/span 9;
    margin-block: calc(-1 * var(--wu-space-1));
  }
  @supports (z-index: sibling-index()) {
    .wu-toast-region.animated,
    .wu-animated .wu-toast-region {
      display: grid;
      max-block-size: none;
      overflow: visible;
    }
    .wu-toast-region.animated > .wu-toast,
    .wu-animated .wu-toast-region > .wu-toast {
      grid-area: 1/1;
      align-self: end;
      transform-origin: 50% 100%;
      opacity: clamp(0, 3 - (sibling-count() - sibling-index()), 1);
      translate: 0 calc((sibling-count() - sibling-index()) * -1 * var(--wu-space-3));
      scale: calc(1 - (sibling-count() - sibling-index()) * 0.05);
    }
    .wu-toast-region.animated:not(:hover, :focus-within) > .wu-toast:nth-last-child(n+4),
    .wu-animated .wu-toast-region:not(:hover, :focus-within) > .wu-toast:nth-last-child(n+4) {
      visibility: hidden;
    }
    .wu-toast-region.top-start.animated > .wu-toast,
    .wu-toast-region.top-end.animated > .wu-toast,
    .wu-animated .wu-toast-region.top-start > .wu-toast,
    .wu-animated .wu-toast-region.top-end > .wu-toast {
      align-self: start;
      transform-origin: 50% 0;
      translate: 0 calc((sibling-count() - sibling-index()) * var(--wu-space-3));
    }
    .wu-toast-region.animated:is(:hover, :focus-within) > .wu-toast,
    .wu-animated .wu-toast-region:is(:hover, :focus-within) > .wu-toast {
      opacity: 1;
      translate: 0 calc((sibling-count() - sibling-index()) * (-100% - var(--wu-space-2)));
      scale: 1;
    }
    .wu-toast-region.top-start.animated:is(:hover, :focus-within) > .wu-toast,
    .wu-toast-region.top-end.animated:is(:hover, :focus-within) > .wu-toast,
    .wu-animated .wu-toast-region.top-start:is(:hover, :focus-within) > .wu-toast,
    .wu-animated .wu-toast-region.top-end:is(:hover, :focus-within) > .wu-toast {
      translate: 0 calc((sibling-count() - sibling-index()) * (100% + var(--wu-space-2)));
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-toast-region.animated > .wu-toast,
    .wu-animated .wu-toast-region > .wu-toast {
      transition: opacity var(--wu-duration-300) var(--wu-ease-out), translate var(--wu-duration-500) var(--wu-kit-ease-spring), scale var(--wu-duration-500) var(--wu-kit-ease-spring), visibility var(--wu-duration-300) allow-discrete, display var(--wu-duration-300) allow-discrete;
    }
    @starting-style {
      .wu-toast-region.animated > .wu-toast,
      .wu-animated .wu-toast-region > .wu-toast {
        opacity: 0;
        translate: 0 100%;
      }
    }
    @starting-style {
      .wu-toast-region.top-start.animated > .wu-toast,
      .wu-toast-region.top-end.animated > .wu-toast,
      .wu-animated .wu-toast-region.top-start > .wu-toast,
      .wu-animated .wu-toast-region.top-end > .wu-toast {
        opacity: 0;
        translate: 0 -100%;
      }
    }
    .wu-toast-region.animated > .wu-toast[hidden],
    .wu-animated .wu-toast-region > .wu-toast[hidden] {
      opacity: 0;
    }
  }
  @media (forced-colors: active) {
    .wu-toast {
      border-inline-start-width: var(--wu-border-width-4);
    }
  }
  .wu-autocomplete {
    position: relative;
  }
  .wu-autocomplete > .wu-input {
    inline-size: 100%;
  }
  .wu-autocomplete-list,
  .wu-autocomplete-empty {
    position: absolute;
    inset-inline: 0;
    inset-block-start: calc(100% + var(--wu-space-1));
    z-index: var(--wu-z-dropdown);
    margin: 0;
    padding: var(--wu-space-1);
    border: var(--wu-border-width-1) solid var(--wu-border-regular);
    border-radius: var(--wu-radius-md);
    background: var(--wu-bg-raised);
    color: var(--wu-text-regular);
    font-size: var(--wu-font-size-sm);
    box-shadow: var(--wu-shadow-lg);
  }
  .wu-autocomplete-list {
    max-block-size: var(--wu-autocomplete--MaxHeight, 16rem);
    list-style: none;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .wu-autocomplete-empty {
    padding-block: var(--wu-space-2);
    padding-inline: var(--wu-space-3);
    color: var(--wu-text-muted);
  }
  .wu-autocomplete-option {
    display: flex;
    align-items: center;
    min-block-size: var(--wu-control-height-sm);
    padding-inline: var(--wu-space-3);
    border-radius: var(--wu-radius-sm);
    cursor: pointer;
  }
  .wu-autocomplete-option[hidden] {
    display: none;
  }
  .wu-autocomplete-option:hover {
    background: var(--wu-bg-hover);
  }
  .wu-autocomplete-option[aria-selected=true] {
    background: var(--wu-bg-selected);
    box-shadow: inset var(--wu-border-width-2) 0 0 var(--wu-brand);
  }
  .wu-autocomplete-option[aria-disabled=true] {
    opacity: var(--wu-opacity-50);
    cursor: not-allowed;
  }
  .wu-autocomplete-option[aria-selected=true]:dir(rtl) {
    box-shadow: inset calc(-1 * var(--wu-border-width-2)) 0 0 var(--wu-brand);
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-autocomplete.animated > :is(.wu-autocomplete-list, .wu-autocomplete-empty),
    .wu-animated .wu-autocomplete > :is(.wu-autocomplete-list, .wu-autocomplete-empty) {
      transition: opacity var(--wu-duration-150) var(--wu-ease-out), translate var(--wu-duration-150) var(--wu-ease-out);
    }
    @starting-style {
      .wu-autocomplete.animated > :is(.wu-autocomplete-list, .wu-autocomplete-empty),
      .wu-animated .wu-autocomplete > :is(.wu-autocomplete-list, .wu-autocomplete-empty) {
        opacity: 0;
        translate: 0 calc(-1 * var(--wu-space-1));
      }
    }
  }
  @media (forced-colors: active) {
    .wu-autocomplete-option[aria-selected=true] {
      background: Highlight;
      color: HighlightText;
      forced-color-adjust: none;
    }
  }
  .wu-autocomplete-option > svg {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
  }
  .wu-data-table[aria-busy=true] {
    cursor: progress;
  }
  .wu-data-table .wu-table-sort::after {
    width: 10px;
    height: 15px;
    clip-path: path("M5 0L10 6.25H0Z M0 8.75H10L5 15Z");
  }
  .wu-data-table th[aria-sort=ascending] > .wu-table-sort::after {
    clip-path: path("M5 4.375L10 10.625H0Z");
  }
  .wu-data-table th[aria-sort=descending] > .wu-table-sort::after {
    clip-path: path("M0 4.375H10L5 10.625Z");
  }
  .wu-data-table-status {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  @media (prefers-reduced-motion: no-preference) {
    .wu-data-table.animated[aria-busy=true] > tbody > tr,
    .wu-animated .wu-data-table[aria-busy=true] > tbody > tr {
      view-transition-class: wu-data-table-row;
      view-transition-name: match-element;
    }
    ::view-transition-group(*.wu-data-table-row) {
      animation-duration: var(--wu-duration-300);
      animation-timing-function: var(--wu-ease-out);
    }
  }
}

/*# sourceMappingURL=wovenui-kit.css.map */