import { FlexContainer } from "@/components/shared/components"
import { customMedia } from "@/lib"
import styled, { css } from "styled-components"

export const StyledPermissionModal = styled(FlexContainer)`
  ${({ theme }) => css`
    max-width: 56rem;

    ${customMedia.lessThan("medium")`
      width: 95%;
    `}
  `}
`

export const LottieContainer = styled(FlexContainer)`
  ${({ theme }) => css`
    min-height: 19.4rem;
    width: 100%;
  `}
`