import t from"@emotion/styled";import{Box as r,Button as e}from"@chakra-ui/react";import{CloseIcon as n}from"@chakra-ui/icons";var l=t(r)`
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--bad-colors-background);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 16px;
`,s=t.a`
  // color: ${({theme:o})=>o.colors.primary} !important;
  // border-bottom: 1px solid ${({theme:o})=>o.colors.primary} !important;
  margin-top: 10px;
  font-size: 14px;
`,d=t(n)`
  position: absolute;
  right: 5%;
  top: 20px;
  width: 16px;
  height: 16px;
  cursor: pointer;
`,a=t(e)`
  &:hover {
    background-color: ${({theme:o})=>o.colors.foreground} !important;
    color: ${({theme:o})=>o.colors.background};
  }
`;export{l as LoadingScreen,a as StyledButton,d as StyledCloseIcon,s as StyledLink};
