/* AUTO-GENERATED by scripts/build-web-library.mjs. */
:root {
  --ds-space-none: 0;
  --ds-space-3xs: 0.25rem;
  --ds-space-2xs: 0.5rem;
  --ds-space-xs: 0.75rem;
  --ds-space-sm: 1rem;
  --ds-space-md: 1.5rem;
  --ds-space-lg: 2rem;
  --ds-space-xl: 3rem;
  --ds-space-2xl: 4rem;
  --ds-space-3xl: 5rem;
  --ds-space-4xl: 6rem;
  --ds-size-control-compact: 2rem;
  --ds-size-control-small: 2.5rem;
  --ds-size-control-medium: 2.75rem;
  --ds-size-control-large: 3rem;
  --ds-size-control-extra-large: 3.5rem;
  --ds-size-icon-xs: 0.75rem;
  --ds-size-icon-sm: 1rem;
  --ds-size-icon-md: 1.25rem;
  --ds-size-icon-lg: 1.5rem;
  --ds-size-icon-xl: 2rem;
  --ds-border-none: 0;
  --ds-border-default: 0.0625rem;
  --ds-border-strong: 0.125rem;
  --ds-border-focus: 0.1875rem;
  --ds-radius-none: 0;
  --ds-radius-sm: 0.25rem;
  --ds-radius-md: 0.5rem;
  --ds-radius-lg: 0.75rem;
  --ds-radius-xl: 1rem;
  --ds-radius-full: 9999px;
  --ds-size-target-minimum: 2.75rem;
}

.ds-target {
  min-inline-size: var(--ds-size-target-minimum);
  min-block-size: var(--ds-size-target-minimum);
}

.ds-stack {
  display: flex;
  flex-direction: column;
  gap: var(--stack-gap, var(--ds-space-md));
}

.ds-stack[data-gap="none"] { --stack-gap: var(--ds-space-none); }
.ds-stack[data-gap="3xs"] { --stack-gap: var(--ds-space-3xs); }
.ds-stack[data-gap="2xs"] { --stack-gap: var(--ds-space-2xs); }
.ds-stack[data-gap="xs"] { --stack-gap: var(--ds-space-xs); }
.ds-stack[data-gap="sm"] { --stack-gap: var(--ds-space-sm); }
.ds-stack[data-gap="md"] { --stack-gap: var(--ds-space-md); }
.ds-stack[data-gap="lg"] { --stack-gap: var(--ds-space-lg); }
.ds-stack[data-gap="xl"] { --stack-gap: var(--ds-space-xl); }
.ds-stack[data-gap="2xl"] { --stack-gap: var(--ds-space-2xl); }
.ds-stack[data-gap="3xl"] { --stack-gap: var(--ds-space-3xl); }
.ds-stack[data-gap="4xl"] { --stack-gap: var(--ds-space-4xl); }

.ds-focus-ring:focus-visible {
  outline: var(--ds-border-focus) solid currentColor;
  outline-offset: 0.125rem;
}

.gap-3xs, .ds-gap-3xs { gap: var(--ds-space-3xs); }
.padding-3xs, .ds-padding-3xs { padding: var(--ds-space-3xs); }
.margin-block-3xs, .ds-margin-block-3xs { margin-block: var(--ds-space-3xs); }
.gap-2xs, .ds-gap-2xs { gap: var(--ds-space-2xs); }
.padding-2xs, .ds-padding-2xs { padding: var(--ds-space-2xs); }
.margin-block-2xs, .ds-margin-block-2xs { margin-block: var(--ds-space-2xs); }
.gap-xs, .ds-gap-xs { gap: var(--ds-space-xs); }
.padding-xs, .ds-padding-xs { padding: var(--ds-space-xs); }
.margin-block-xs, .ds-margin-block-xs { margin-block: var(--ds-space-xs); }
.gap-sm, .ds-gap-sm { gap: var(--ds-space-sm); }
.padding-sm, .ds-padding-sm { padding: var(--ds-space-sm); }
.margin-block-sm, .ds-margin-block-sm { margin-block: var(--ds-space-sm); }
.gap-md, .ds-gap-md { gap: var(--ds-space-md); }
.padding-md, .ds-padding-md { padding: var(--ds-space-md); }
.margin-block-md, .ds-margin-block-md { margin-block: var(--ds-space-md); }
.gap-lg, .ds-gap-lg { gap: var(--ds-space-lg); }
.padding-lg, .ds-padding-lg { padding: var(--ds-space-lg); }
.margin-block-lg, .ds-margin-block-lg { margin-block: var(--ds-space-lg); }
.gap-xl, .ds-gap-xl { gap: var(--ds-space-xl); }
.padding-xl, .ds-padding-xl { padding: var(--ds-space-xl); }
.margin-block-xl, .ds-margin-block-xl { margin-block: var(--ds-space-xl); }
.gap-2xl, .ds-gap-2xl { gap: var(--ds-space-2xl); }
.padding-2xl, .ds-padding-2xl { padding: var(--ds-space-2xl); }
.margin-block-2xl, .ds-margin-block-2xl { margin-block: var(--ds-space-2xl); }
.gap-3xl, .ds-gap-3xl { gap: var(--ds-space-3xl); }
.padding-3xl, .ds-padding-3xl { padding: var(--ds-space-3xl); }
.margin-block-3xl, .ds-margin-block-3xl { margin-block: var(--ds-space-3xl); }
.gap-4xl, .ds-gap-4xl { gap: var(--ds-space-4xl); }
.padding-4xl, .ds-padding-4xl { padding: var(--ds-space-4xl); }
.margin-block-4xl, .ds-margin-block-4xl { margin-block: var(--ds-space-4xl); }

@media (forced-colors: active) {
  .ds-focus-ring:focus-visible { outline-color: Highlight; }
}