@mixin outline-focus {
  outline-color: var(--dds-focus-outer-ring);
  outline-offset: var(--dds-spacing-50);
  outline-width: var(--dds-border-width-large);
}

@mixin transition-all {
  transition-property: all;
  transition-duration: var(--dds-transition-fast);
  transition-timing-function: var(--dds-easing-ease-in-out);
}

@mixin hidden-block {
  visibility: hidden;
  position: fixed;
  overflow: hidden;
  inset-block: 0;
  inset-inline: 0;
}

@mixin srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  white-space: nowrap;
}