38, 0.9);
  }

  /* We're handling the transform in JavaScript for better control */

  dialog[open]::backdrop {
    opacity: 1;
  }

  .dialog-content {
    padding: 24px;
    height: 100%;
    overflow-y: auto;
  }

  .dialog-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .close-button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 8px;
    margin: -8px;
    color: #555;
  }

  .item