.numpad-keyboard-wrapper[data-v-79d798cb]{--numpad-scale:1;transform:scale(var(--numpad-scale));transform-origin:top;flex-direction:column;align-items:center;gap:8px;display:flex}.container[data-v-79d798cb]{color:#000;user-select:none;background:#efefef;border:1px solid #d1d1d1;border-radius:3px;flex-direction:column;align-items:center;gap:2px;width:max-content;padding:4px;font-family:Varela,sans-serif;display:flex;position:relative}.numpad-keyboard[data-v-79d798cb]{box-sizing:border-box;grid-template-rows:repeat(5,42px);grid-template-columns:repeat(4,42px);gap:2px;width:174px;display:grid}.numpad-row[data-v-79d798cb]{display:contents}.numpad-key[data-v-79d798cb]{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d1d1d1;border-radius:3px;outline:1px solid #e5e7eb;justify-content:center;align-items:center;min-width:0;min-height:0;transition:all .2s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.numpad-key[data-v-79d798cb]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.numpad-key__text[data-v-79d798cb]{color:#374151;z-index:1;text-align:center;word-break:break-word;white-space:normal;padding:2px;font-size:.7em;font-weight:500;line-height:1.2;position:relative}.numpad-key--active[data-v-79d798cb]{background:#0086d2!important}.numpad-key--active .numpad-key__text[data-v-79d798cb]{color:#fff}.numpad-key--correct[data-v-79d798cb]{animation:.6s ease-out keyPressSuccess-79d798cb}.numpad-key--correct[data-v-79d798cb]:before{content:"";background:linear-gradient(45deg,#0000,#10b9814d,#0000);animation:.8s ease-out successShimmer-79d798cb;position:absolute;top:0;bottom:0;left:0;right:0}.numpad-key--wrong[data-v-79d798cb]{animation:.6s ease-out keyPressError-79d798cb}.numpad-key--wrong[data-v-79d798cb]:before{content:"";background:linear-gradient(45deg,#0000,#ef44444d,#0000);animation:.8s ease-out errorShimmer-79d798cb;position:absolute;top:0;bottom:0;left:0;right:0}.numpad-key--rowspan-2[data-v-79d798cb]{grid-row:span 2}.numpad-key--colspan-2[data-v-79d798cb]{grid-column:span 2}@keyframes keyPressSuccess-79d798cb{0%{transform:scale(1);box-shadow:0 2px 4px #0000001a}15%{transform:scale(.92);box-shadow:0 6px 16px #10b98180}30%{transform:scale(1.08);box-shadow:0 8px 20px #10b98199}45%{transform:scale(.96);box-shadow:0 4px 12px #10b98166}60%{transform:scale(1.02);box-shadow:0 6px 16px #10b9814d}to{transform:scale(1);box-shadow:0 2px 4px #0000001a}}@keyframes keyPressError-79d798cb{0%{transform:scale(1);box-shadow:0 2px 4px #0000001a}10%{transform:scale(.9)translate(-3px);box-shadow:0 6px 12px #ef444466}20%{transform:scale(.9)translate(3px);box-shadow:0 6px 12px #ef444466}30%{transform:scale(.9)translate(-2px);box-shadow:0 6px 12px #ef444466}40%{transform:scale(.9)translate(2px);box-shadow:0 6px 12px #ef444466}50%{transform:scale(.9)translate(-1px);box-shadow:0 6px 12px #ef444466}60%{transform:scale(.9)translate(1px);box-shadow:0 6px 12px #ef444466}70%{transform:scale(.95);box-shadow:0 4px 8px #ef44444d}to{transform:scale(1);box-shadow:0 2px 4px #0000001a}}@keyframes successShimmer-79d798cb{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes errorShimmer-79d798cb{0%{opacity:0;transform:translate(-100%)}25%{opacity:1}50%{opacity:0}75%{opacity:1}to{opacity:0;transform:translate(100%)}}.info-text[data-v-79d798cb]{flex-flow:wrap;justify-content:center;align-items:baseline;gap:18px;min-height:34px;font-style:normal;font-weight:400;display:flex}.info-text__major[data-v-79d798cb]{color:#7b7f83;font-size:20px;font-weight:700;line-height:1}.info-text__minor[data-v-79d798cb]{color:#8c9196;align-items:baseline;gap:6px;min-height:34px;padding:0;font-size:13px;font-weight:700;line-height:18px;display:inline-flex}.hide-keyboard[data-v-79d798cb]{flex-direction:row;align-items:baseline}.hands[data-v-79d798cb]{z-index:3;pointer-events:none;width:242px;height:342px;position:absolute;transform:scale(.8)}.hands .hand[data-v-79d798cb]{display:none;position:absolute}.hands .hand#Left[data-v-79d798cb]{top:90px;left:20px}.hands .hand#Right[data-v-79d798cb]{top:90px;right:40px}.hands .hand#Numpad7[data-v-79d798cb]{top:40px;left:-15px}.hands .hand#Numpad8[data-v-79d798cb]{top:40px;left:-30px}.hands .hand#Numpad9[data-v-79d798cb]{top:40px;left:-15px}.hands .hand#Numpad4[data-v-79d798cb]{top:75px;left:-25px}.hands .hand#Numpad5[data-v-79d798cb]{top:75px;left:-20px}.hands .hand#Numpad6[data-v-79d798cb]{top:75px;left:-5px}.hands .hand#Numpad1[data-v-79d798cb]{top:80px;left:-10px}.hands .hand#Numpad2[data-v-79d798cb]{top:80px;left:-30px}.hands .hand#Numpad3[data-v-79d798cb]{top:80px;left:-10px}.hands .hand#Numpad0[data-v-79d798cb]{top:85px;left:30px}.hands .hand#NumpadDecimal[data-v-79d798cb]{top:85px;left:-15px}.hands .hand#NumpadDivide[data-v-79d798cb]{top:30px;right:55px}.hands .hand#NumpadMultiply[data-v-79d798cb]{top:-20px;right:-140px}.hands .hand#NumpadSubtract[data-v-79d798cb]{top:-20px;left:40px}.hands .hand#NumpadAdd[data-v-79d798cb]{top:75px;right:-45px}.hands .hand#NumpadEnter[data-v-79d798cb]{top:80px;left:-10px}.hands .hand#NumLock[data-v-79d798cb],.hands .hand#NumpadDivide[data-v-79d798cb]{top:30px;right:82px}@media (max-width:1023px){.numpad-keyboard-wrapper[data-v-79d798cb]{--numpad-scale:.92}}@media (max-height:820px),(max-width:1180px){.numpad-keyboard-wrapper[data-v-79d798cb]{gap:6px}.info-text[data-v-79d798cb]{gap:14px}.info-text__major[data-v-79d798cb]{font-size:18px}.info-text__minor[data-v-79d798cb]{min-height:32px;padding:0;font-size:14px}}@media (max-width:767px){.numpad-keyboard-wrapper[data-v-79d798cb]{--numpad-scale:.82;margin-bottom:-42px}.hands[data-v-79d798cb]{display:none}}