svg {
    width: 100%;
    height: auto;
    max-height: 90vh;
    display: block;
    margin: 0 auto;
  }

.label {
    font-size: 3.6em;
    font-family: "DM Sans", sans-serif;
    dominant-baseline: "middle";
}

.breadcrumb {
  font-family: "DM Sans";
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.center-label {
    font-size: 3.6em;
    font-family: "DM Mono", monospace;
}

.sunburst{
  display: flex;
  gap: 30px;
}

@media screen and (max-width: 767px) {
  .sunburst {flex-direction: column;}
}

.container{flex-basis: 50%;
max-height: 90vh;
overflow-y: scroll;
flex-direction: column;
gap: 20px;
}

.details {display: flex;
flex-direction: column;
gap: 5px;}

.details_heading{
  font-family: "DM Mono", monospace;
  font-size: 1.6em;
}

.details_depth{
  font-family: "DM Sans";
}

.details_child{
  font-family: "DM Sans";
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px;
}