import { i as o } from "./lit-element-CICi5qXI.mjs";
const s = o`var(--ds-vfi-outline-width, 0.1875rem)`, f = o`var(--ds-vfi-outline-style, dotted)`, c = o`var(--ds-vfi-outline-offset, 0.25rem)`, u = o`calc(calc(${s} + 0.1875rem) * -1)`;
o`calc(calc(${s}) * -1)`;
const v = o`0.1875rem`, i = (t) => o`
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible#selectively_showing_the_focus_indicator */

  /* Provide basic, default focus styles. */
  &:focus {
    ${t}
  }

  /* Remove default focus styles for mouse users ONLY if :focus-visible is supported. */
  &:focus:not(:focus-visible) {
    outline: 0;
  }

  /* If :focus-visible is supported, provide enhanced focus styles for keyboard focus. */
  &:focus-visible {
    ${t}
  }
`, l = o`var(--ds-vfi-text-color, currentcolor) ${f} ${s}`, e = o`
  outline: ${l};
`, a = o`
  outline: ${l} !important;
`, n = o`
  ${e}
  outline-offset: ${u};
`;
o`
  ${e}
  outline-offset: ${c};
`;
const d = () => o`
  ${i(e)}
`, $ = () => o`
  ${i(n)}
`;
export {
  n as a,
  v as b,
  u as c,
  e as d,
  $ as e,
  a as f,
  l as g,
  d as v
};