.pin-input__row{background:var(--color-dark-white);border:1px solid var(--color-dark-white);border-radius:12px;cursor:text;display:flex;justify-content:center;overflow:hidden}.pin-input__row:focus-within{border-color:var(--color-purple)}.pin-input input{-moz-appearance:textfield;background-color:var(--color-dark-white);border:none;border-radius:0;box-sizing:border-box;font-size:14px;font-weight:500;height:48px;padding:0;text-align:center;width:32px}.pin-input input:focus{outline:none}.pin-input input:-moz-placeholder{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA4IDgiPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSIjNjk3MDc3Ii8+PC9zdmc+);background-position:50%;background-repeat:no-repeat}.pin-input input:placeholder-shown{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA4IDgiPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSIjNjk3MDc3Ii8+PC9zdmc+);background-position:50%;background-repeat:no-repeat}[data-theme=dark] .pin-input input:-moz-placeholder{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA4IDgiPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSIjYThhMGI2Ii8+PC9zdmc+)}[data-theme=dark] .pin-input input:placeholder-shown{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA4IDgiPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSIjYThhMGI2Ii8+PC9zdmc+)}@media(prefers-color-scheme:dark){:root:not([data-theme]) .pin-input input:-moz-placeholder{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA4IDgiPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSIjYThhMGI2Ii8+PC9zdmc+)}:root:not([data-theme]) .pin-input input:placeholder-shown{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA4IDgiPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSIjYThhMGI2Ii8+PC9zdmc+)}}.pin-input input::-moz-placeholder{color:var(--color-dark-white)}.pin-input input::placeholder{color:var(--color-dark-white)}.pin-input input:-webkit-autofill,.pin-input input:-webkit-autofill:active,.pin-input input:-webkit-autofill:focus,.pin-input input:-webkit-autofill:hover{box-shadow:0 0 0 30px var(--color-dark-white) inset!important}@media(max-width:768px){.pin-input input{padding:15px 2px}}.pin-input--dark .pin-input__row{background-color:var(--color-dark-white)}.pin-input.error .pin-input__row{border-color:var(--color-red)}.pin-input__error{color:var(--color-red);font-size:12px;margin-top:8px}.pincode-form__bottom{color:var(--color-text-subtle);font-size:12px;margin-top:8px;text-align:center}.pincode-form button.link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--color-accent-text);cursor:pointer;font-size:14px;font-weight:700;padding:0;transition:color .18s ease}.pincode-form button.link:active,.pincode-form button.link:hover{color:var(--color-accent-text-hover)}.pincode-form button.link:focus-visible{border-radius:4px;outline:2px solid var(--color-purple);outline-offset:2px}