.xrpj3v0{width:100%;height:100dvh;overflow:hidden;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}.xrpj3v1{width:80%;row-gap:40px}.xrpj3v1,.xrpj3v2{display:flex;flex-direction:column}.xrpj3v2{text-align:center;gap:4px}.xrpj3v3{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-around}.xrpj3v4{display:grid;grid-template-rows:100px auto;align-items:center;text-align:center;padding:4px 8px;background-color:#282c34aa;border-radius:4px;box-shadow:4px 4px 6px 2px #1f1f1f;position:relative;overflow:hidden;transition:color .3s}.xrpj3v4:before{content:"";z-index:4;position:absolute;top:0;left:-26px;display:block;width:0;height:100%;padding:4px 8px;background-color:#abb2bf;transition:width .3s cubic-bezier(0,.55,.45,1);transform:skewX(-8deg)}.xrpj3v5{z-index:4;transition:color .3s;color:#abb2bf}.xrpj3v5,.xrpj3v5 svg{height:100%}.xrpj3v6{z-index:4;font-size:1.5em}@media (hover:hover){.xrpj3v4:hover{color:#282c34}.xrpj3v4:hover:before{width:132%}.xrpj3v4:hover .xrpj3v5{color:#282c34}}@media screen and (max-width:439px){.xrpj3v3{flex-direction:column}.xrpj3v4{grid-template-rows:1fr;grid-template-columns:48px 1fr}}