.pin-input[data-v-df5b7315]{display:flex;gap:10px}.pin-input input[data-v-df5b7315]{aspect-ratio:3/4;background:var(--color-card);border:var(--stroke) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop-sm);color:var(--color-foreground);font-family:var(--font-display);font-size:30px;font-weight:600;min-width:0;text-align:center;transition:transform .1s,box-shadow .1s,border-color .1s;width:100%}.pin-input input[data-v-df5b7315]:focus{border-color:var(--color-accent);box-shadow:0 4px 0 var(--color-accent);outline:none;transform:translateY(-2px)}.pin-input input[data-v-df5b7315]:not(:-moz-placeholder){background:color-mix(in srgb,var(--color-sun) 22%,var(--color-card))}.pin-input input[data-v-df5b7315]:not(:placeholder-shown){background:color-mix(in srgb,var(--color-sun) 22%,var(--color-card))}