@keyframes hopPulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.hop-card{border:1px solid var(--line2);background:var(--surf);cursor:pointer;color:inherit;border-radius:20px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #16182f0a}.hp[data-theme=dark] .hop-card{box-shadow:0 18px 44px #0006}.hop-card.is-featured,.hop-card.is-flashing{border-color:var(--accent)}.hop-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 20px 42px #16182f21}.hp[data-theme=dark] .hop-card:hover{box-shadow:0 20px 42px #0000006b}.hop-cart{transition:transform .5s cubic-bezier(.22,1,.36,1)}.hop-card:hover .hop-cart{transform:scale(1.05)}.hop-ctrade{opacity:0;transition:opacity .25s,transform .25s;transform:translate(-50%,10px)}.hop-card:hover .hop-ctrade{opacity:1;transform:translate(-50%)}.hop-copy{transition:color .15s}.hop-copy:hover{color:var(--accent)!important}.hop-cards5{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}@media (width<=1100px){.hop-cards5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.hop-cards5{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width<=520px){.hop-cards5{gap:10px}}@media (width<=380px){.hop-cards5{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hop-cart,.hop-ctrade,.hop-card{transition:none!important}}