
pragma-lookup {
  position: fixed;
  top: 25%;
  left: 50%;
  width: 100%;
  height: 50%;
  max-width: 50rem;
  max-height: 50rem;
  background: var(--color-ui-4);
  border-color: var(--color-ui-2-50);
  transform: translate(-50%, -25%);
  z-index: 999;
  @include box-shadow(0, 0.5rem, 1rem, 0, 0, 0, 0, 0.2);

  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr auto;

  .toolbar {
    grid-column: 1 / span 2;
  }

  #preview {
    overflow: auto;
  }
}

pragma-lookup.closed {
  display: none;
}