@wovenui/components 0.0.0-stage → 1.0.0

package/dist/wovenui-kit.css

@@ -0,0 +1,5002 @@
+@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 */