.pinp[data-v-13dd34ec]{display:inline-flex}.pinp-box[data-v-13dd34ec]{position:relative;display:grid;place-items:center;width:var(--pinp-box-w);height:var(--pinp-box-h);border-radius:var(--pinp-box-radius);background:var(--pinp-c-paper);border:1px solid var(--pinp-c-line);color:var(--pinp-c-ink);font-size:var(--pinp-box-size);font-weight:500;font-variant-numeric:tabular-nums;box-shadow:0 1px #fff9 inset,0 6px 16px #16130f0f;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.pinp-box.filled[data-v-13dd34ec]{border-color:color-mix(in srgb,var(--pinp-c-ink) 28%,transparent)}.pinp-box.active[data-v-13dd34ec]{border-color:var(--pinp-c-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--pinp-c-accent) 10%,transparent),0 6px 16px #16130f14}.pinp-char[data-v-13dd34ec]{animation:pinp-in-13dd34ec .16s ease}.pinp-caret[data-v-13dd34ec]{width:2px;height:26px;border-radius:2px;background:var(--pinp-c-accent);animation:pinp-blink-13dd34ec 1s steps(1) infinite}@keyframes pinp-in-13dd34ec{0%{transform:translateY(4px);opacity:0}to{transform:none;opacity:1}}@keyframes pinp-blink-13dd34ec{50%{opacity:0}}@media(max-width:380px){.pinp-box[data-v-13dd34ec]{width:42px;height:54px;font-size:21px}}@media(prefers-reduced-motion:reduce){.pinp-char[data-v-13dd34ec],.pinp-caret[data-v-13dd34ec]{animation:none}}