.line {
   fill: none;
   stroke: #009EDC;
   stroke-width: 1px;
}

.category-graph-card {
   width: 40vw;
   height: 45vh;
   background-color: white;
   margin: 10px;
   border-style: solid;
   border-color: rgb(219, 219, 219);
   border-radius: 6px;
   border-width: max(1px, 0.0625rem);
}

.category-card-title {
   text-align: center;
   font-weight: 600;
   padding-top: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.title {
   fill: teal;
   font-weight: bold;
}

#category-diagram {
   display: flex;
   justify-content: center;
   align-items: center;
}

.category-info-icon {
   padding: 0px 0px 0px 10px;
   /* margin-top: 5px; */
}

.category-info-card {
   position: absolute;
   visibility: visible;
   background-color: rgb(236, 247, 253);
   height: 7vh;
   width: 10vw;
   border-style: solid;
   border-color: rgb(219, 219, 219);
   border-radius: 6px;
   border-width: max(1px, 0.0625rem);
   margin-left: 31vw;
   font-size: x-small;
   font-weight: 400;
   padding: 0.5em;
}