.CodePad-module__3bHS4W__pad{grid-template-columns:repeat(3,minmax(64px,1fr));gap:10px;max-width:280px;margin:12px auto 0;display:grid}.CodePad-module__3bHS4W__key{min-height:64px;font:inherit;border:2px solid color-mix(in srgb, currentColor 18%, transparent);background:color-mix(in srgb, currentColor 6%, transparent);color:inherit;cursor:pointer;border-radius:16px;font-size:28px}.CodePad-module__3bHS4W__key:active{transform:scale(.96)}.CodePad-module__3bHS4W__dots{justify-content:center;gap:14px;margin:18px 0 4px;display:flex}.CodePad-module__3bHS4W__dot{opacity:.5;border:3px solid;border-radius:50%;width:22px;height:22px}.CodePad-module__3bHS4W__dot[data-on=true]{opacity:1;background:currentColor}.CodePad-module__3bHS4W__digit{opacity:1;border-color:#0000;place-items:center;font-size:24px;font-weight:700;line-height:1;display:grid}.CodePad-module__3bHS4W__grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px;margin-top:16px;display:grid}.CodePad-module__3bHS4W__kid{min-height:64px;font:inherit;overflow-wrap:anywhere;color:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;font-size:20px;display:flex}.CodePad-module__3bHS4W__kid:hover,.CodePad-module__3bHS4W__kid:focus-visible{border-color:color-mix(in srgb, currentColor 25%, transparent)}.CodePad-module__3bHS4W__face{color:#fff;background:var(--hue,#7c7bc4);border-radius:50%;place-items:center;width:76px;height:76px;font-size:34px;font-weight:600;display:grid}.CodePad-module__3bHS4W__pic{font-size:34px;line-height:1;position:relative}.CodePad-module__3bHS4W__num{opacity:.55;font-size:13px;font-weight:700;position:absolute;bottom:5px;right:8px}