export default {
  "modal": {
    "position": "fixed",
    "top": "0",
    "right": "0",
    "bottom": "0",
    "left": "0",
    "zIndex": "201",
    "overflow": "hidden",
    "outline": "0"
  },
  "modal_div_role_dialog": {
    "maxHeight": "80vh",
    "overflowY": "auto",
    "&:focus": {
      "outline": "dashed 1px rgb(255, 255, 255)",
      "outlineOffset": "3px"
    }
  },
  "modalScreen": {
    "position": "fixed",
    "width": "100%",
    "height": "100%",
    "backgroundColor": "rgba(0, 0, 0, 0.4)",
    "top": "0",
    "left": "0",
    "display": "flex",
    "justifyContent": "center",
    "alignItems": "center",
    "flexDirection": "column"
  },
  "modal_header": {
    "padding": "0.3125rem 0.3125rem 0.3125rem 1.25rem"
  },
  "modal_header_button": {
    "padding": "0.875rem 0.9125rem",
    "&::before": {
      "width": "16px"
    }
  }
}