import { l as r } from "./styled-components.browser.esm.BqRwOR0p.js";
const a = (t) => r`
  display: -ms-grid;
  display: grid;
  ${o(t)}
`, o = (t) => r`
  -ms-grid-columns: (1fr) [${t}];
  grid-template-columns: repeat(${t}, 1fr);
`, n = r`
  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
`, e = (t) => ({
  5: "10px",
  4: "12px"
})[t.length] ?? "14px";
export {
  o as a,
  e as c,
  a as g,
  n as r
};