#issue-tracker_kireji_app #kireji-issue-modal {
 position: absolute;
 background-color: var(--bg);
 display: flex;
 flex-flow: column nowrap;
 pointer-events: all;
 overflow: hidden;
 left: calc(3 * var(--spacing));
 right: calc(3 * var(--spacing));
 top: calc(2 * var(--spacing));
 bottom: calc(2 * var(--spacing));

 body.modern & {
  border-radius: calc(var(--spacing) / 2);
  box-shadow:
   inset 0 0 0 1px var(--border-color),
   0 0 calc(var(--spacing) * 3) #0007;
  background-color: var(--bg-light-est);

  body.dark & {
   background-color: var(--bg-mode);
  }
 }

 body.vintage & {
  background-color: var(--bg);

  &::before {
   content: "";
   position: absolute;
   left: 4px;
   right: 4px;
   top: calc(var(--spacing) * 3 + 4px);
   bottom: 4px;
   box-shadow: var(--deep-inset);
   pointer-events: none;
  }

  &::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   box-shadow: var(--deep-outset);
   pointer-events: none;
  }
 }

 .exit-button {
  position: absolute;
  right: var(--spacing);
  font-size: var(--spacing);
  line-height: var(--spacing);
  text-align: center;
  cursor: pointer;

  body.modern & {
   width: var(--spacing);
   height: var(--spacing);
   top: var(--spacing);

   &::after {
    content: "✕";
   }
  }

  body.vintage & {
   width: 75px;
   height: 23px;
   top: 9px;
   box-shadow: var(--outset);
   padding: 2px;

   &.down {
    box-shadow: var(--deep-inset);
   }

   &::after {
    content: "Close"
   }
  }
 }

 &:empty {
  display: none;
 }

 >* {
  margin: 0;
  padding: 0;
 }

 h1 {
  margin-right: var(--spacing);
  font-size: var(--spacing);
  line-height: var(--spacing);
  padding: var(--spacing);
 }

 .issue-description {
  min-height: 0;
  position: relative;
  flex-grow: 1;
  overflow: hidden;

  body.vintage & {
   margin: 6px;
  }

  >scroller->scroll-content {
   white-space: pre-wrap;
   padding: var(--spacing);

   body.modern & {
    padding-top: 0;
   }
  }
 }
}