body{display:grid;background-color:#252525}body *{box-sizing:border-box}.tokens-page{display:grid;place-self:center;background-color:#173e56;max-width:1000px;width:100%;padding:30px;margin-block:30px;filter:drop-shadow(0px 0px 30px #000)}@media (max-width: 1000px){.tokens-page{margin:0;padding:10px;max-width:980px}}.tokens-page .title{width:80%;padding-top:30px;max-height:100%;place-self:center;margin-bottom:40px}.tokens-page [class^=cards-]{margin-inline:20px;display:grid;place-self:center;gap:1em;grid-template-columns:repeat(3, minmax(min-content, 200px))}.tokens-page .card{display:inline;max-width:200px;transition:transform 1s cubic-bezier(.23, 1, .32, 1),filter 1s cubic-bezier(.23, 1, .32, 1)}.tokens-page .card:hover{z-index:100;transform:scale(1.1);filter:drop-shadow(15px 15px 15px #000)}@keyframes wiggle{0%{transform:rotate(0deg)}5%{transform:rotate(5deg)}10%{transform:rotate(-5deg)}15%{transform:rotate(0deg)}}.tokens-page .card .card-inner:hover{animation:wiggle 2.5s}