.xrpj3v0{flex-wrap:wrap;place-content:center;width:100%;height:100dvh;display:flex;overflow:hidden}
.xrpj3v1{flex-direction:column;row-gap:40px;width:80%;display:flex}
.xrpj3v2{text-align:center;flex-direction:column;gap:4px;display:flex}
.xrpj3v3{grid-template-columns:repeat(auto-fit,minmax(164px,1fr));justify-content:space-around;gap:16px 12px;display:grid}
.xrpj3v5{text-align:center;background-color:#282c34aa;border:1px solid #abb2bf1b;border-radius:4px;grid-template-rows:1fr;grid-template-columns:48px 1fr;align-items:center;padding:4px 8px;display:grid;position:relative;overflow:hidden;box-shadow:4px 4px 6px 2px #1f1f1f;transition:color .3s,transform .1s cubic-bezier(0,.55,.45,1)!important}
.xrpj3v5:before{content:"";z-index:4;transform-origin:100%;background-color:#abb2bf;width:132%;height:100%;padding:4px 8px;transition:transform .3s cubic-bezier(0,.55,.45,1);display:block;position:absolute;top:0;left:-26px;transform:skew(-8deg)scaleX(0)}
.xrpj3v6{grid-template-rows:120px auto;grid-template-columns:1fr;gap:4px}
.xrpj3v7{grid-template-rows:1fr;grid-template-columns:36px 1fr;gap:12px}
.xrpj3v8{z-index:4;color:#abb2bf;width:100%;height:100%;transition:color .3s}
.xrpj3v9{z-index:4}
.xrpj3va{font-size:2.1em;font-weight:700}
.xrpj3vb{font-size:1.5em}
@media screen and not (min-width:430px){.xrpj3v4{grid-template-columns:1fr;width:fit-content;margin:auto}.xrpj3v5{text-align:left}.xrpj3v6{grid-template-rows:1fr;grid-template-columns:56px 1fr;gap:16px}.xrpj3v7{grid-template-rows:1fr;grid-template-columns:28px 1fr}.xrpj3va{font-size:2em}.xrpj3vb{font-size:1.25em}}
@media (hover:hover){.xrpj3v5:hover{color:#282c34;transform:scale(.97)}.xrpj3v5:active{transform:scale(.94)}.xrpj3v5:hover:before{transform-origin:0;transform:skew(-8deg)scaleX(1)}.xrpj3v5:hover .xrpj3v8{color:#282c34}}