html,body{height:100%;font-family:var(--font-poppins),system-ui,sans-serif}:focus{outline:none}.skeleton-box{background-color:hsl(var(--border));animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;color:hsl(var(--border))!important;-webkit-user-select:none!important;user-select:none!important;cursor:default!important;border-color:#0000!important}.skeleton-circle{background-color:hsl(var(--border));animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;color:hsl(var(--border))!important;-webkit-user-select:none!important;user-select:none!important;cursor:default!important;border-color:#0000!important;border-radius:1000px!important}.skeleton-circle>*,.skeleton-box>*,.skeleton-line>*{opacity:0!important}.pin-field-container{grid-auto-columns:max-content;grid-auto-flow:column;justify-content:center;margin:4rem 0;display:grid}.pin-field{border:1px solid hsl(var(--border));background-color:hsl(var(--accent));text-align:center;border-right:none;outline:none;width:4rem;height:4rem;font-size:2rem;transition-property:color,border,box-shadow,transform;transition-duration:.25s}.pin-field:last-of-type{border-right:1px solid hsl(var(--border));border-radius:0 .5rem .5rem 0}.pin-field:focus{box-shadow:"0 0 0.25rem rgba(white, 0.5)";opacity:.9;outline:none}.invalid{animation:.2s ease-in-out 2 shake}.pin-field:first-of-type{border-radius:.5rem 0 0 .5rem}.pin-field[disabled]{cursor:not-allowed;opacity:.5}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(.5rem)}75%{transform:translate(-.5rem)}to{transform:translate(0)}}.remove-arrow::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.remove-arrow::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.remove-arrow{appearance:textfield}