.potp{--egg-w:54px;--egg-h:68px;--idle:#e6e6e6;--idle-ink:#2c2c2c;--focus-bd:#b4b4b4;--focus-bg:#dcdcdc;--ok:#00c514;--ok-bg:#edfced;--ok-ink:#0a9418;--err:#ff1414;--err-bg:#fdecec;--err-ink:#d01111;--sep:#a8a8a8;--hint:#a3a3a3;--hint-strong:#525252;--caret:#111;-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}.potp[data-theme=dark]{--idle:#1f1f1f;--idle-ink:#ededed;--focus-bd:#5c5c5c;--focus-bg:#2a2a2a;--ok:#1fd735;--ok-bg:#0d2410;--ok-ink:#45e25a;--err:#ff3b3b;--err-bg:#2a1010;--err-ink:#ff6b6b;--sep:#5a5a5a;--hint:#737373;--hint-strong:#d4d4d4;--caret:#fff}.potp__stage{position:relative}.potp__row{-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}.potp__slot{display:contents}.potp__cell{width:var(--egg-w);height:var(--egg-h);will-change:transform;flex:none;position:relative}.potp__whole,.potp__half{will-change:transform, opacity;backface-visibility:hidden;position:absolute;inset:0}.potp__egg{background:var(--idle);border:3px solid #0000;border-radius:50% 50% 48% 48%/62% 62% 38% 38%;place-items:center;transition:background-color .28s,border-color .28s;display:grid;position:absolute;inset:0;overflow:hidden}.potp__digit{color:var(--idle-ink);opacity:0;-webkit-user-select:none;user-select:none;will-change:transform, opacity, filter;font-size:26px;font-weight:400;line-height:1;transition:color .28s}.potp__cell[data-state=focus] .potp__egg{border-color:var(--focus-bd);background:var(--focus-bg)}.potp__cell[data-state=ok] .potp__egg{border-color:var(--ok);background:var(--ok-bg)}.potp__cell[data-state=ok] .potp__digit{color:var(--ok-ink)}.potp__cell[data-state=err] .potp__egg{border-color:var(--err);background:var(--err-bg)}.potp__cell[data-state=err] .potp__digit{color:var(--err-ink)}.potp__crack{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.potp__crack path{fill:none;stroke:var(--err);stroke-width:1.25px;stroke-linejoin:round;stroke-linecap:round}.potp__caret{background:var(--caret);opacity:0;pointer-events:none;border-radius:2px;width:2px;height:40%;margin:0 0 0 -1px;position:absolute;top:50%;left:50%;transform:translateY(-50%)}.potp__cell[data-state=focus][data-filled=false] .potp__caret{animation:1.1s ease-in-out infinite potpBlink}@keyframes potpBlink{0%,40%{opacity:1}55%,85%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.potp__cell[data-state=focus][data-filled=false] .potp__caret{opacity:1;animation:none}}.potp__sep{text-align:center;width:13px;color:var(--sep);-webkit-user-select:none;user-select:none;flex:none;font-size:19px;line-height:1;transition:color .28s}.potp__field{color:#0000;caret-color:#0000;opacity:0;cursor:default;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.potp__field:focus{outline:none}.potp__hint{color:var(--hint);margin:28px 0 0;font-size:14px;line-height:1.4;transition:color .28s}.potp__hintStrong{color:var(--hint-strong);transition:color .28s}.potp__hintOk{color:var(--ok-ink)}.potp__hintErr{color:var(--err-ink)}@media (max-width:680px){.potp{--egg-w:44px;--egg-h:56px}.potp__digit{font-size:22px}.potp__sep{width:11px;font-size:16px}}