.hp-pong-badges{margin:22px 0 12px;padding:18px 0;border-top:1px solid #ffffff40;color:#fff;text-align:left}.hp-pong-badges-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.hp-pong-badges-heading h2{margin:0;font-size:19px;line-height:1.2;font-weight:800;letter-spacing:-.3px}.hp-pong-badges-heading>span{font-size:13px;white-space:nowrap}.hp-pong-badges-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hp-pong-badges-grid button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;border:1px solid #ffffff45;border-radius:16px;background:#ffffff0d;color:#fff;min-width:0;cursor:pointer;font-family:inherit}.hp-pong-badges-grid button.earned{background:#ffffff19;border-color:#fff164}.hp-pong-badges-grid button[aria-expanded=true]{outline:2px solid #fff164;outline-offset:2px}.hp-pong-badges-grid img{width:68px;height:68px;object-fit:contain}.hp-pong-badges-grid .locked img{filter:grayscale(.8);opacity:.6}.hp-pong-badges-grid strong{font-size:13px;line-height:1.25;font-weight:800;text-align:center}.hp-pong-badges-grid small{font-size:11px;line-height:1.3;opacity:.85}.hp-pong-badges-grid .earned small{color:#fff164;opacity:1}.hp-pong-badge-rule{font-size:14px!important;line-height:1.45!important;margin:12px 0 0!important}.hp-pong-badges-retry{font:inherit;color:inherit;background:transparent;border:0;text-decoration:underline;margin-bottom:10px}@media(min-width:700px){.hp-pong-badges-grid img{width:84px;height:84px}.hp-pong-badges-grid strong{font-size:15px}.hp-pong-badges-grid small{font-size:12px}}