.container-UnNpQ1cc {
    align-items: center;
    display: grid;
    flex-flow: row nowrap;
    gap: 4px 8px;
    grid-template-areas: "logo titleContainer price" "logo shortName change";
    grid-template-columns: 36px 1fr auto
}

@media (min-width:768px) {
    .container-UnNpQ1cc {
        grid-template-areas: "logo titleContainer price change" "logo shortName price change";
        grid-template-columns: 36px 1fr auto 147px
    }
}

.containerNoData-UnNpQ1cc {
    grid-template-areas: "logo titleContainer noData" "logo shortName noData";
    grid-template-columns: 36px auto auto
}

@media (min-width:768px) {
    .containerNoData-UnNpQ1cc {
        grid-template-areas: "logo titleContainer noData" "logo shortName noData";
        grid-template-columns: 36px 1fr 1fr
    }
}