How to use the preact-emotion.dialog function in preact-emotion

import { h, Component } from 'preact'
import styled from 'preact-emotion'
import { BlocksOrder } from './BlocksOrder'

const Dialog = styled.dialog`
  width: calc(100vw - 4em);
  left: 2em;
  top: 2em;
  margin: 0;
  border-color: var(--border-color);
  background-color: var(--dialog-background);
  color: var(--font-color);
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.75);
  z-index: 999;

  form *:focus {
    outline: #52796f auto 5px;
  }

  select {
    background-color: transparent;