.-lg-none.ms-2.ng-tns-c1531265689-2.ng-star-inserted{
color: ;
}

.__favorites[_ngcontent-ng-c1531265689] {
    display: block;
    margin-bottom: var(--de-gapXs)
}

.__chain-search[_ngcontent-ng-c1531265689] {
    padding: 0 calc(var(--de-gapMd) / 2) var(--de-gapMd) var(--de-gapMd)
}

.__token-list[_ngcontent-ng-c1531265689] {
    height: 360px;
    overflow-y: auto
}

@media (min-width: 2560px) {
    .__token-list[_ngcontent-ng-c1531265689] {
        max-height:590px
    }
}

.wrapper[_ngcontent-ng-c1531265689] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.token-list[_ngcontent-ng-c1531265689] {
    height: 100%;
    overflow-y: auto;
    flex: 1;
    min-height: calc(var(--token-heigh) * var(--min-tokens-per-view))
}

.__token-num[_ngcontent-ng-c1531265689] {
    width: 3rem;
    flex: 0 0 3rem
}

.__token-logo[_ngcontent-ng-c1531265689] {
    width: 32px;
    flex: 0 0 32px;
    display: flex;
    flex-direction: column;
    margin-right: var(--de-gapMd)
}

.__token-logo__img[_ngcontent-ng-c1531265689] {
    width: 32px;
    height: 32px;
    object-fit: contain
}

.__token-logo[_ngcontent-ng-c1531265689] .__native-logo[_ngcontent-ng-c1531265689] {
    margin-right: 12px;
    margin-top: 4px
}

.token-list-item[_ngcontent-ng-c1531265689] {
    height: var(--token-heigh);
    margin-right: var(--de-gapSm);
    cursor: pointer;
    display: flex;
    align-items: center
}

.token-list-item[_ngcontent-ng-c1531265689]:last-child {
    margin-bottom: 1.3rem
}

.token-list-item__name[_ngcontent-ng-c1531265689] {
    flex: 1;
    margin-right: auto;
    max-width: calc(100% - 37px)
}

.token-list-item__name[_ngcontent-ng-c1531265689]:nth-child(-n+3) {
    max-width: calc(100% - 11rem)
}

.token-list-item__name[_ngcontent-ng-c1531265689]:nth-child(-n+3).has-balance {
    max-width: calc(70% - 3rem)
}

.token-list-item__balance[_ngcontent-ng-c1531265689] {
    padding-left: var(--de-gapMd);
    flex: 0 0 28%
}

@media (min-width: 768px) {
    .token-list-item__balance[_ngcontent-ng-c1531265689] {
        flex:0 0 30%
    }
}

.token-list-item__price-change[_ngcontent-ng-c1531265689] {
    padding-left: var(--de-gapMd);
    text-align: right;
    flex: 0 0 7rem
}

@media (min-width: 768px) {
    .token-list-item__price-change[_ngcontent-ng-c1531265689] {
        flex:0 0 7rem
    }
}

.token-list-item__empty[_ngcontent-ng-c1531265689] {
    margin: 2rem 0 0
}

.token-list-item[_ngcontent-ng-c1531265689] .btn-favorite[_ngcontent-ng-c1531265689] {
    flex: 0 0 3rem;
    text-align: right
}

.__search-loader[_ngcontent-ng-c1531265689] {
    margin-bottom: 2rem
}

.__token-name[_ngcontent-ng-c1531265689] {
    white-space: nowrap;
    line-height: 142%;
}

.__token-name__title[_ngcontent-ng-c1531265689] {
    font-size: var(--de-bodyFontSizeLg);
    line-height: 125%
}

.__token-name[_ngcontent-ng-c1531265689] a[_ngcontent-ng-c1531265689] {
    text-decoration: none
}

.__token-name[_ngcontent-ng-c1531265689] a[_ngcontent-ng-c1531265689]:hover {
    color: var(--de-primary)
}

.__token-name[_ngcontent-ng-c1531265689] .de-tooltip-content[_ngcontent-ng-c1531265689] {
    width: 100px;
    text-align: center;
    padding: .5rem;
    margin-top: .6rem
}

app-networks-list[_ngcontent-ng-c1531265689] {
    width: 100%
}

.btn-favorite[_ngcontent-ng-c1531265689] {
    font-size: 16px;
    line-height: 1;
    color: #a7ada5
}

.btn-favorite.active[_ngcontent-ng-c1531265689], .btn-favorite[_ngcontent-ng-c1531265689]:hover {
    color: var(--de-primary)
}

.btn-favorite.active[_ngcontent-ng-c1531265689]:before {
    content: "\e937"
}

.skeleton-loader[_ngcontent-ng-c1531265689] {
    display: block;
    height: calc(var(--token-heigh) - 2px);
    margin-bottom: 2px
}

.trending-tokens[_ngcontent-ng-c1531265689] {
    justify-content: space-between;
    gap: 8px
}

.trending-tokens-list[_ngcontent-ng-c1531265689] {
    flex: 1;
    gap: 16px;
    overflow-x: auto;
    justify-content: space-evenly;
    padding: calc(var(--de-gapMd) / 2) 0
}

.trending-tokens-header[_ngcontent-ng-c1531265689] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: calc(var(--de-gapMd) / 2) 0
}

@media (min-width: 375px) {
    .trending-tokens-header[_ngcontent-ng-c1531265689] {
        justify-content:center;
        position: relative
    }

    .trending-tokens-header__nav[_ngcontent-ng-c1531265689] {
        position: absolute;
        left: 0
    }
}

.trending-token[_ngcontent-ng-c1531265689] {
    display: flex;
    align-items: center;
    gap: 16px
}

.__trading-loading[_ngcontent-ng-c1531265689] {
    height: 34px
}