.number-code-container{flex-flow:column wrap;justify-content:center;align-items:center;gap:15px;display:flex}.number-code-container fieldset{border:none}.number-code-container label{text-align:center;margin:0 0 10px;font-size:clamp(14px,2vw,18px);font-weight:600;line-height:1.2em;display:block}.number-code-container .fields{flex-flow:row;justify-content:center;align-items:center;gap:10px;display:flex}.number-code-container .fields input{color:var(--default-color-3);aspect-ratio:1;text-align:center;background-color:var(--default-color-2);appearance:none;-webkit-text-security:disc;-moz-text-security:disc;text-security:disc;border-style:solid;border-width:1px;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1rem;display:inline-flex}.number-code-container .fields input:focus,.number-code-container .fields input:focus-visible{border-width:2px;outline:none}.number-code-container .fields input.wiggle{animation:.5s wiggle}.number-code-container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-code-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-code-container input[type=number]{appearance:textfield}.number-code-container[data-size=small] .fields input{border-radius:6px;width:27px;height:30px}.number-code-container[data-size=med] .fields input{border-radius:8px;width:46px;height:50px}.number-code-container[data-size=large] .fields input{border-radius:10px;width:85px;height:92px}.number-code-container[data-theme=admin] label{color:var(--admin-main-darker)}.number-code-container[data-theme=admin] .fields input{border-color:var(--admin-main-darker)}.number-code-container[data-theme=troubadour] label{color:var(--troubadour-main-5)}.number-code-container[data-theme=troubadour] .fields input{border-color:var(--troubadour-main-5)}.number-code-container[data-theme=constellation] label{color:var(--constellation-main-2)}.number-code-container[data-theme=constellation] .fields input{border-color:var(--constellation-main-2)}@keyframes wiggle{0%{transform:skew(9deg)}10%{transform:skew(-8deg)}20%{transform:skew(7deg)}30%{transform:skew(-6deg)}40%{transform:skew(5deg)}50%{transform:skew(-4deg)}60%{transform:skew(3deg)}70%{transform:skew(-2deg)}80%{transform:skew(1deg)}90%{transform:skew(0)}to{transform:skew(0)}}
