import { i as s, r as a } from "./lit-element-CICi5qXI.mjs";
const e = {
  d600: "600ms",
  d800: "800ms"
}, r = {
  custom: "cubic-bezier(0.19, 1, 0.22, 1)"
}, t = (n) => {
  const o = `transition: ${n};`;
  return s`
    ${a(o)};

    @media (prefers-reduced-motion: reduce) {
      transition: none;
    }
  `;
}, c = (n) => {
  const o = `animation: ${n};`;
  return s`
    ${a(o)}

    @media (prefers-reduced-motion: reduce) {
      animation: none;
    }
  `;
}, d = (n) => s`
  .collapse {
    ${t(`var(--ds-transition-collapse, ${n})`)};
  }

  .collapse:not(.show) {
    display: none;
  }
`, m = s`
  ${t("var(--ds-transition-fade, opacity 0.15s linear)")};
`;
export {
  e as D,
  r as T,
  c as a,
  d as c,
  m as f,
  t
};