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