.teamlogo {
    display: table-cell;
}

.teamlogo:empty {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cg%3E%3Crect%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M12%2C2C6.48%2C2%2C2%2C6.48%2C2%2C12c0%2C5.52%2C4.48%2C10%2C10%2C10s10-4.48%2C10-10C22%2C6.48%2C17.52%2C2%2C12%2C2z%20M13%2C5.3l1.35-0.95%20c1.82%2C0.56%2C3.37%2C1.76%2C4.38%2C3.34l-0.39%2C1.34l-1.35%2C0.46L13%2C6.7V5.3z%20M9.65%2C4.35L11%2C5.3v1.4L7.01%2C9.49L5.66%2C9.03L5.27%2C7.69%20C6.28%2C6.12%2C7.83%2C4.92%2C9.65%2C4.35z%20M7.08%2C17.11l-1.14%2C0.1C4.73%2C15.81%2C4%2C13.99%2C4%2C12c0-0.12%2C0.01-0.23%2C0.02-0.35l1-0.73L6.4%2C11.4%20l1.46%2C4.34L7.08%2C17.11z%20M14.5%2C19.59C13.71%2C19.85%2C12.87%2C20%2C12%2C20s-1.71-0.15-2.5-0.41l-0.69-1.49L9.45%2C17h5.11l0.64%2C1.11%20L14.5%2C19.59z%20M14.27%2C15H9.73l-1.35-4.02L12%2C8.44l3.63%2C2.54L14.27%2C15z%20M18.06%2C17.21l-1.14-0.1l-0.79-1.37l1.46-4.34l1.39-0.47%20l1%2C0.73C19.99%2C11.77%2C20%2C11.88%2C20%2C12C20%2C13.99%2C19.27%2C15.81%2C18.06%2C17.21z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.teamlogo--small:empty {
    width: 1.5rem;
    height: 1.5rem;
}

.teamlogo--big:empty {
    width: 5rem;
    height: 5rem;
}

.teamlogo--small {
    max-width: 1.5rem;
}

.teamlogo--big {
    max-width: 5rem;
}

.teamlogo img {
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    vertical-align: middle;
}

.teamname--long {
    display: none
}

@media only screen and (min-width: 1024px) {
    .teamname--long {
        display: flex;
    }

    .teamname--short {
        display: none
    }

    .competition__data-grid {
        display: grid;
        width: 100%;
        grid-template: "main sidebar";
        grid-template-columns: 66.6665% auto;
        grid-gap: 1rem;
    }
}