/* AUTO-GENERATED by scripts/build-web-library.mjs. */
:root {
  --ds-interaction-focus-width: 0.1875rem;
  --ds-interaction-focus-offset: 0.125rem;
  --ds-interaction-focus-inset-offset: -0.25rem;
  --ds-duration-instant: 0ms;
  --ds-duration-fast: 120ms;
  --ds-duration-moderate: 180ms;
  --ds-duration-slow: 240ms;
  --ds-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --ds-easing-exit: cubic-bezier(0.4, 0, 1, 1);
}

.ds-interactive {
  transition-duration: var(--ds-duration-fast);
  transition-property: background-color, border-color, color, opacity, transform;
  transition-timing-function: var(--ds-easing-standard);
}

.ds-focusable:focus-visible,
.ds-focus-visible {
  outline: var(--ds-interaction-focus-width) solid var(--ds-color-focus-ring);
  outline-offset: var(--ds-interaction-focus-offset);
  transition: none;
}

.ds-focusable--inset:focus-visible,
.ds-focus-visible--inset { outline-offset: var(--ds-interaction-focus-inset-offset); }
.ds-inline-link {
  color: var(--ds-color-text-link);
  text-decoration-color: currentColor;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.2em;
}
.ds-inline-link:hover { text-decoration-thickness: 0.125rem; }
.ds-interactive[aria-disabled="true"],
.ds-interactive:disabled { cursor: not-allowed; opacity: 0.5; }
.ds-interactive[aria-busy="true"] { cursor: progress; }
@media (hover: none) { .ds-interactive:hover { transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .ds-interactive { scroll-behavior: auto; transition-duration: var(--ds-duration-instant); }
}
@media (forced-colors: active) {
  .ds-focusable:focus-visible,
  .ds-focus-visible { outline-color: Highlight; }
  .ds-inline-link { color: LinkText; }
}