.form-pin{flex-direction:row;align-items:center;gap:.75rem;display:flex;position:relative}.form-pin__field{border:var(--ms-border-width) solid rgba(var(--ms-white-rgb),.15);background-color:rgba(var(--ms-white-rgb),.075);font-weight:var(--ms-font-weight-medium);border-radius:var(--ms-border-radius-sm);color:var(--ms-white);appearance:none;background-clip:padding-box;width:100%;padding:.375rem 1rem;font-size:.875rem;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}@media (prefers-reduced-motion:reduce){.form-pin__field{transition:none}}.form-pin__field::placeholder{color:var(--ms-gray-400);opacity:1}.form-pin__field:focus{border-color:color-mix(in srgb,var(--ms-primary) 50%,#fff);box-shadow:0 0 0 .25rem rgba(var(--ms-primary-rgb),.25);outline:0}.form-pin__field:disabled{border-color:rgba(var(--ms-white-rgb),.075);background-color:rgba(var(--ms-white-rgb),.025);opacity:1}.form-pin__field{aspect-ratio:1;text-align:center;font-weight:var(--ms-font-weight-bold);font-size:1rem}@media (width<=576px){.form-pin__field{padding:.375rem}}.form-pin__field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-pin__field[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-pin__field[type=number]{appearance:textfield}.form-pin__loading-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.form-pin__loading{background-color:rgba(var(--ms-primary-rgb),.15);border-radius:50%;flex-shrink:0;padding:.25rem}