.svg-content {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tierliste {
    list-style: none;
    padding: 0;
    max-height: 80%;
    overflow-y: auto;
    margin-top: 20px;
}

.tierliste li {
    display: flex;
    align-items: center;
    margin: 10px 0;
    cursor: pointer;
}
.tierliste li:not(:last-child) {
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
    padding-bottom: 10px;
}
.tierliste img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 5px;
object-fit: cover;
}

.tierliste span {
    flex: 1;
}




* {
    --sb-track-color: #232e33;
    --sb-thumb-color: #cccccc;
    --sb-size: 3px;
  }
  
  *::-webkit-scrollbar {
    width: var(--sb-size)
  }
  
  *::-webkit-scrollbar-track {
    display:none;
  }
  
  *::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 7px;
  }




  .profile-container {
    display: flex;
    margin-bottom: 20px;
    max-height: 100%;
    overflow:auto;
}

.data-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    flex: 1;
}

.data-item {
    
    padding: 10px;
    border-radius: 5px;
   
}

.tab img {
    display: block;
    margin-right: 20px;
}