import e, { keyframes as i, css as n } from "styled-components";
const r = i`
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
`, a = i`
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
`;
e.div`
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  min-width: 560px;
  flex-direction: ${(t) => t.column ? "column" : "row"};
  box-sizing: border-box;
  margin-left: ${(t) => t.leftMargin ? "400px" : 0};

  ${(t) => t.width && n`
      width: ${t.width}px;
    `}

  @media (min-width: 600px) {
    height: 100%;
  }
  @media (max-width: 600px) {
    height: auto;
    min-width: 300px;
  }
`;
export {
  r as fadeIn,
  a as spin
};
