#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;

}

/* buttons */
#but-bar {
   margin-top: 1rem;
   padding-right: 1rem;

   button {
      border: 1px solid;
      border-radius: .5rem;
      padding: .25rem;
      background-color: var(--vdg);
      box-shadow: 0 0 .25rem .25rem var(--bl), 0 0 .25rem .25rem var(--dg) inset;
   }

   button:hover {
      box-shadow: 0 0 .25rem .15rem var(--pk), 0 0 .25rem .25rem var(--dg) inset;
   }
}

#holder-text {
   font-size: 1.2rem;
   grid-column-start: 2;
   filter: drop-shadow(0 0 1rem var(--bl)) drop-shadow(0 0 2rem var(--bl)) drop-shadow(0 0 1.5rem var(--bl));
   color: rgb(158, 158, 158);
}