.tri-toc{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tri-toc .item{border:2px solid #009ade;color:#000;display:grid;flex-basis:23%;font-weight:400;gap:10px;grid-template-columns:auto 1fr;min-width:0;padding:20px;transition:all .2s ease-in-out}.tri-toc .item div:first-child{align-items:center;display:flex;flex-direction:column;gap:5px}.tri-toc .item div:first-child .identifier{font-size:22px;font-weight:700}.tri-toc .item div:first-child svg{color:#fff;height:24px;opacity:0;transition:all .2s ease-in-out;width:24px}.tri-toc .item .title{display:block;margin-top:5px}.tri-toc .item:hover{background:#009ade;color:#fff}.tri-toc .item:hover div:first-child svg{opacity:1}@media screen and (max-width:1300px){.tri-toc .item{flex-basis:32%}}@media screen and (max-width:765px){.tri-toc .item{flex-basis:100%}}