.normal-text-gradient:not(:focus),.text-gradient{background:linear-gradient(90deg,var(--tw-theme-color-primary) 0,var(--tw-theme-color-highlight) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tokens-view-component{margin-top:20px;display:grid;grid-template-columns:1fr;gap:19px}@media (min-width:768px){.tokens-view-component{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.tokens-view-component{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.tokens-view-component .token{container-type:inline-size;width:100%;border-radius:10px;transition:1s ease}@media (min-width:768px){.tokens-view-component .token{max-height:310px}}.tokens-view-component .token:hover{border-color:var(--tw-theme-color-primary)}.token-contain .token{padding:15px 8px;gap:20px}.token-contain .token .logo{-o-object-fit:cover;object-fit:cover;border-radius:8px;background:#d9d9d9}.token-contain .token .infos{font-weight:500;font-size:12px;line-height:22px;gap:3px}.token-contain .token .infos .title{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}.token-contain .token .infos .market-cap{color:var(--highLight)}.token-contain .token .infos .market-cap .number-formatter{justify-content:start;flex-wrap:wrap}.token-contain .token .infos .star-contain .icon{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}@media (min-width:768px){.token-contain .token .infos .star-contain .icon{width:19px;height:19px}}.token-contain .token .desc{font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}@media (min-width:640px){.token-contain .token .desc{min-height:20px;max-height:80px}}.token-contain .component-tips{padding:30px 20px}