#sub-icon {
   font-size: 2rem;
}

#sub-list {
   margin-top: .25rem;
}

.subject-view {
   display: flex !important;
   gap: 1rem;
   height: fit-content;
}

#holder-view {
   display: grid;
   grid-template-columns: 1fr 3fr;
   width: min-content;

   .gen-cell {
      height: 50vh;
      width: 25vh;
      font-size: 2rem;
      cursor: unset;

      >* {
         display: none;
      }
   }

}

.gen-cell[open] {
   display: grid;
   place-items: center;

   >* {
      display: revert;
   }
}

.gen-cell[open]::before {
   margin-top: 0;
   height: calc(100% - 1em);
   width: calc(100% - 1em);
   box-shadow: 0 0 .25em .25em var(--dg), 0 0 .5em .1em var(--pk) inset;
}


.gen-cell[open]::after {
   display: none;

}

.sheet-wrapper[data-role="subject"] {
   .chat-box {
      min-width: fit-content;
      max-height: 75vh;
   }

   .inter-list {
      width: fit-content;

      a {
         border: 0;
      }
   }

   .twee-context {
      max-height: 75vh;
      display: flex;
      flex-direction: column;
      gap: .5em;
   }

   .twee-passage {
      padding-inline: .5em;

   }
}