.pin-input-wrapper{display:grid;grid-template-columns:repeat(var(--pin-length),minmax(0,1fr));width:100%;max-width:350px;gap:6px;box-sizing:border-box}.pin-box{box-sizing:border-box;width:100%;min-width:0;max-width:100%;aspect-ratio:1 / 1;height:auto;min-height:0;padding:0;margin:0;font-size:1.6rem;line-height:1;text-align:center;border:1px solid #ccc;border-radius:10px;outline:none;color:#222;caret-color:#222;background-color:transparent;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pin-box:focus{border-color:#323232;box-shadow:0 0 4px #2c2c2c65}@media (max-width: 600px){.pin-input-wrapper{width:100%;max-width:100%;gap:clamp(5px,2vw,10px)}.pin-box{font-size:16px;border-radius:9px}}@media (max-width: 380px){.pin-input-wrapper{gap:5px}.pin-box{border-radius:8px}}