.researchCardDescription {
   color: var(--color-darker);
   text-align: left;
}

.researchCardOatcoinCost {
   font-size:12px;
   font-weight:bold;
   text-align:left;
}

.researchTitle {
   font-weight:bold;
   font-size:15px;
   color:var(--color-darker);
   text-align: left;
}

.incompleteResearchTitle {
   text-align: center;
}

.researchCardDuration {
   color:var(--color-darker);
   font-weight:bold;
   font-size:14px;
   text-align:left;
}

.cancel-research-button {
   margin-top:6px;
   padding:4px 8px;
   background:#c0392b;
   color:white;
   border:none;
   border-radius:4px;
   cursor:pointer;
}

.buyToggleBtn.researchCategoryBtn {
   padding: 3px 6px;
}

.research-filter-container {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
   padding: 6px;
   border: 2px solid var(--color-primary); 
   border-radius:8px;
}