.pin-input-group{display:flex;align-items:center;justify-content:center;gap:10px}.pin-input-box{width:48px;height:54px;min-width:0;text-align:center;font-size:22px;font-weight:700;color:#171717;background-color:#ffffff;border:1.5px solid #d4d4d8;border-radius:8px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .35s cubic-bezier(.34,1.56,.64,1);transform-origin:center center;user-select:none;caret-color:#ff4c19}.pin-input-box:focus{border-color:#ff4c19;box-shadow:0 0 0 3px rgba(255,76,25,.18);z-index:2}.pin-input-box.filled{border-color:#ff4c19;background-color:#fffaf7;color:#171717}.pin-input-box.pop{animation:pin-spring-pop .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes pin-spring-pop{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}