input{background-color:transparent}input:focus{outline:none}.input-primary{border-radius:4px;position:relative;border:1px solid var(--spblue-3-5);background-color:var(--spblue-0-10);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 15px}.input-primary:hover{border:1.5px solid var(--spblue-3-5)}.input-primary:focus-within{border:2px solid var(--spblue-6-3)}.input-primary.x28 input,.input-primary.x32 input{font-size:12px}.input-primary.x36 input{font-size:14px}.input-primary.x42 input{font-size:16px}.input-primary input{align-self:center;height:100%;width:100%;color:var(--spblue-8-3)}.input-primary.x24 .input-title,.input-primary.x26 .input-title{font-size:10px;padding:0 4px}.input-primary.x28 .input-title,.input-primary.x32 .input-title{font-size:12px;padding:0 4px}.input-primary.x36 .input-title{font-size:14px;padding:0 6px}.input-primary.x42 .input-title{font-size:16px;padding:0 8px}.input-primary:focus-within .input-title{top:calc(-42%);margin-bottom:0;height:18px}.input-title{background-color:var(--spblue-0-10);position:absolute;top:-33%;left:7px;height:14px;font-size:14px;color:var(--spblue-11-0);margin-bottom:5px;z-index:1}.input-primary.status-success{border-color:var(--fargergreen-6)}.input-primary.status-error{border-color:var(--fargerred-6)}.input-primary.status-success .input-title{color:var(--fargergreen-6)}.input-primary.status-error .input-title{color:var(--fargerred-6)}.input-primary .rectangle{background-color:var(--spblue-9-2);height:20px;width:1px;margin:0 10px}.input-primary.disabled{opacity:.5}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.pin-input-container{width:100%;height:80px;font-size:50px;gap:10px}.pin-input-container,.pin-input-container .pin-input{display:flex;justify-content:space-between;align-items:center}.pin-input-container .pin-input{width:60px;height:100%;background-color:var(--spblue-0-11);border-radius:5px;text-align:center;caret-color:transparent;outline:0;font-weight:600;font-family:var(--h2-medium-font-family);line-height:48px;font-style:normal;outline:2px solid var(--spblue-4-7);color:var(--spblue-11-0)}.pin-input-container .pin-input:not(:-moz-placeholder){outline:2px solid var(--spblue-6-5)}.pin-input-container .pin-input:not(:placeholder-shown){outline:2px solid var(--spblue-6-5)}.pin-input-container:hover:not(:focus-within)>.pin-input:not(.fail):not(.ok){outline:2px solid var(--spblue-5-6)}.pin-input-container .fail{outline:2px solid var(--fargerred-6)}.pin-input-container .ok{outline:2px solid var(--fargergreen-6)}.pin-input-container:focus-within>.pin-input{outline:2px solid var(--fargerblue-6)}.pin-input-container:focus-within>.pin-input:focus{outline:3px solid var(--fargerblue-6)}.statusText{height:20px;margin-top:0;width:100%;text-align:center;font-size:14px;margin-left:18px}.statusText.fail{color:var(--fargerred-6)}.statusText.ok{color:var(--fargergreen-6)}