.harvester,
.vat {
   display: grid;
   place-items: center;

   height: 100%;
   width: 100%;
   padding: .5em;

   .gen-bar {
      width: 100%;
      height: 100%;

   }
}

[data-type="harvester"] .pump-button,
[data-type="vat"] .pump-button {
   padding: 0;
   border: 0;
   position: absolute;
   filter: drop-shadow(0 0 .25em var(--bl)) drop-shadow(0 0 .4em var(--bl));
   ;

}


/* NT fill */

.NT-bar {
   height: 5em;
   width: 2em;
   display: grid;
   place-items: center;
   background-color: var(--bl);

   place-self: center;
}

.NT-bar::after {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   border: 2px solid;
   border-radius: .5em;


}

.NT-fill {
   background: linear-gradient(var(--pk), var(--pu));
   border-top: 2px solid var(--pk);
   box-shadow: 0 0 .5rem .25rem var(--pk);
   align-self: flex-end;
   width: 100%;
   border-radius: inherit;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   transition: .2s;


   display: grid;
   place-items: center;
}

.NT-fill[style*=" 0%"],
.NT-fill[style*=":0%"],
.NT-fill:not([style]) {
   box-shadow: none;
   border: 0;
}

.NT-fill[data-fill]::after {
   content: attr(data-fill);
   position: absolute;

   bottom: 0;

   font-size: .6rem;
   width: max-content;
   text-align: center;
}