@lanaco/lnc-react-ui/dist/style-NhzYtIA7.js

React component library

import { s as t } from "./emotion-styled.browser.esm-DfbrHHed.js";
import { k as r } from "./emotion-react.browser.esm-DUVZ5oEL.js";
const a = r`
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
`, o = t.div`
  display: flex;
  gap: ${({ gap: e = "1.25rem" }) => e};
  flex-wrap: ${({ wrap: e = "nowrap" }) => e};
  align-content ${({ alignContent: e = "normal" }) => e};
  justify-content: ${({ justifyContent: e = "normal" }) => e};
  align-items: ${({ alignItems: e = "normal" }) => e};
  width: 100%;
`, i = t(o)`
  position: relative;
  overflow: hidden;

  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0) 20%,
      rgba(255, 255, 255, 0.75) 50%,
      rgba(255, 255, 255, 0) 80%,
      transparent 100%
    );
    animation: ${a} 2s infinite linear;
    pointer-events: none;
    z-index: 10;
  }
`, m = t(
  i
)`
  flex-direction: column;
`, d = t(o)`
  flex-direction: column;
`, n = t.div`
  background-color: #f4f6fb;
  position: relative;
`, c = t(n)`
  max-height: ${({ size: e = "4rem" }) => e};
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: ${({ borderRadius: e = "0.75rem" }) => e};
`, f = t(n)`
  width: ${({ width: e = "8rem" }) => e};
  height: ${({ height: e = "1.5rem" }) => e};
  border-radius: ${({ borderRadius: e = "0.75rem" }) => e};
`, h = t(n)`
  width: ${({ size: e = "4rem" }) => e};
  height: ${({ size: e = "4rem" }) => e};
  aspect-ratio: 1 / 1;
  border-radius: 50%;
`, p = t.div`
  width: ${({ width: e = "1rem" }) => e};
  height: ${({ height: e = "1rem" }) => e};
  background: transparent;
`;
export {
  i as S,
  f as a,
  m as b,
  o as c,
  c as d,
  d as e,
  h as f,
  p as g
};