.generator.bed {
   .gen-bar {
      width: .5rem;
      margin-inline: 0 .5rem;
      min-width: unset;
      z-index: 5;
   }

   .NT-bar {
      min-height: unset;
      height: 2.5rem;
   }

   &::before {
      display: none;
   }
}

.bed-wrapper {
   display: grid;
   place-items: center;
   z-index: 1;
}

.bed-wrapper::before,
.bed-wrapper::after {
   content: '';
   position: absolute;
   border: var(--brd);
   border-radius: 1em;
   background: repeating-linear-gradient(-45deg, var(--tbl) 0 .5em, var(--dg) .5em 1em);
   box-shadow: 0 0 .5em .5em var(--dg) inset;
   width: 140%;
   height: 40%;
   z-index: -1;
}

.bed-wrapper::before {
   top: -10%;
}

.bed-wrapper::after {
   bottom: -10%;
}

.bed-slot {
   height: var(--cellHeight);
   aspect-ratio: 1/2;
   width: unset;


   border: 1px solid;
   border-radius: .5em;
   box-shadow: var(--shd), 0 0 .5em .5em var(--tbl) inset;

   background-color: var(--dg);

   &::before {
      padding: .25rem;
      font-size: .8rem;
   }
}


.bed-slot>.gen-cell {
   background-color: var(--pu);

}

.bed-slot>.gen-cell::before {
   content: '';
   position: absolute;
   width: 60%;
   height: 1em;
   background-color: var(--w);
   border-radius: .35em;
   box-shadow: 0 0 .2em .2em var(--tbl), 0 0 .3em .1em var(--tbl) inset;
}