:root{--purple:#4b144d;--yellow:#fbc02d}.mainContainerX{text-align:center;justify-content:space-around;gap:8px;display:flex}@media (max-width:1024px){.mainContainerX{flex-direction:column}}.mainContainerX .pingContainer{width:calc(100vw - 360px)}@media (max-width:1024px){.mainContainerX .pingContainer{width:auto}}.mainContainerX .description{color:#666;margin-top:0;margin-bottom:0;font-size:13px}.mainContainerX .boxes{grid-template-columns:1fr 1fr;gap:4vw;margin-bottom:64px;display:grid}@media (max-width:1024px){.mainContainerX .boxes{gap:32px;padding:0 16px}}.mainContainerX .boxes__box{border:2px solid #ddd;border-radius:8px;height:15vw;margin-bottom:20px}@media (max-width:1024px){.mainContainerX .boxes__box{height:50vw}}.mainContainerX .boxes__box--white{background-color:#fff}.mainContainerX .boxes__zero-ping{justify-content:center;align-items:center;height:52px;font-size:24px;font-weight:700;display:flex}.mainContainerX input{text-align:center;width:150px;padding:12px;font-family:inherit;font-size:20px}.mainContainerX button{color:#333;cursor:pointer;background-color:#fff;border:none;border-radius:4px;margin-bottom:32px;padding:8px 32px;font-family:inherit;font-size:30px}.mainContainerX button:hover{background-color:#eee}.mainContainerX button:active{background-color:#ddd}.mainContainerX .infop{text-align:left;color:#aaa;max-width:700px;margin:16px auto;font-size:14px;line-height:1.4}.mainContainerX header{text-align:left;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.mainContainerX header h1{color:#777;margin-top:0;margin-bottom:0;font-size:16px;font-weight:400}