body {
    font-family: Lato, Arial, Helvetica, sans-serif; 
    color: var(--fg-color, #fff); 
    background-color: var(--bg-color, #1a1a20);
}

.lcedit-compare-container {
    display: grid; 
    grid-template-columns: minmax(0,1fr) minmax(0,1fr); 
    gap: 10px;
}

.card {
    padding: 0px 4px; 
    text-align: center; 
    background-color: var(--counter-bg-color, #223);
    border-radius: 15px;
}

.avatar {
    width: 15vh; 
    height: 15vh; 
    border-radius: 50%; 
    margin-top: -5em; 
    position: relative;
}

.banner {
    filter: blur(4px); 
    border-radius: 15px; 
    object-fit: cover; 
    width: 100%; 
    height: 150px; 
    position: relative;
    margin-top: 4px;
}

.name {
    margin-top: 1px; 
    font-size: var(--title-font-size, 4.5vh);
}

.counter {
    margin-top: -20px; 
    font-size: var(--counter-font-size, 8vh);
}

.footer {
    margin-top: -40px;
}

.subgap-card {
    width: 100%; 
    height: 100px; 
    background-color: var(--counter-bg-color, #223);
    margin-top: -10px;
    border-radius: 15px;
}

.subgap {
    margin-top: -15px;
}

.menu {
    text-align: center;
    border-radius: 15px;
}

.menu button {
    margin-right: 5px;
}

.menu button:hover, .tab-button:hover {
    background-color: #ccc;
}

.menu button:active, .tab-button.active {
    background-color: #999;
}

.chart {
    height: calc(70vh - 260px);
}

a {
    color: #4babdb
}