#build-open {
   font-size: 2rem;
}

#build-menu:hover>#build-inner {
   max-height: 75vh;
}

#build-inner {
   margin-top: .25rem;
   padding-top: 1rem;
   padding-inline: 2rem;


   gap: 1rem;
   justify-items: end;
   right: -5vw;
}

[data-price]::after {
   content: '$ ' attr(data-price);
   font-size: 1.2rem;
   font-weight: bold;
   position: absolute;
   top: .5rem;
   right: -1rem;
   background-color: var(--tbl);
   box-shadow: var(--shd);
   text-decoration: underline;
   z-index: 50;
}

.build-view {
   padding-block: 1rem;
   pointer-events: none;

   zoom: .7;

   .gen-cell {
      animation: none;
   }
}

.build-wrapper {
   display: grid;
   place-items: center;

   border: 1px solid;
   border-radius: 1rem;
   box-shadow: 0 0 .5rem .5rem var(--dg) inset;

   min-width: 8rem;

   background-color: var(--vdg);
}




.build-wrapper:hover {
   box-shadow: 0 0 .5rem .5rem var(--dg) inset, 0 0 .5rem .15rem var(--pk);
}

[data-price]:not(.no-buy):hover::after {
   text-decoration: underline var(--pk);
}