.adm-passcode-input{--cell-size:40px;--cell-gap:6px;--dot-size:10px;--border-color:var(--adm-color-border);--border-radius:8px;display:inline-block;position:relative}.adm-passcode-input-cell-container{vertical-align:top;display:inline-flex}.adm-passcode-input-cell{box-sizing:border-box;font-size:var(--adm-font-size-10);width:var(--cell-size);height:var(--cell-size);background:var(--adm-color-background);flex:none;justify-content:center;align-items:center;display:flex}.adm-passcode-input:not(.adm-passcode-input-seperated){border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden}.adm-passcode-input:not(.adm-passcode-input-seperated) .adm-passcode-input-cell:not(:last-child){border-right:1px solid var(--border-color)}.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-focused{border-color:var(--adm-color-primary);box-shadow:0 0 2px 0 var(--adm-color-primary);outline:none}.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-error{border-color:var(--adm-color-danger);box-shadow:0 0 2px 0 var(--adm-color-danger);animation:.1s ease-in-out 3 adm-shake-horizontal}.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell{border-radius:var(--border-radius);border:1px solid var(--border-color)}.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell:not(:last-child){margin-right:var(--cell-gap)}.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell-focused{border-color:var(--adm-color-primary);box-shadow:0 0 2px 0 var(--adm-color-primary)}.adm-passcode-input-seperated.adm-passcode-input-focused{outline:none}.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error{animation:.1s ease-in-out 3 adm-shake-horizontal}.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error .adm-passcode-input-cell{border-color:var(--adm-color-danger);box-shadow:0 0 2px 0 var(--adm-color-danger)}.adm-passcode-input-cell-dot:before{content:"";width:var(--dot-size);height:var(--dot-size);background:var(--adm-color-text);border-radius:100%}.adm-passcode-input-cell-caret:after{content:"";background:var(--adm-color-primary);width:2px;height:1.1em;margin-left:1px;animation:1s linear infinite adm-caret-blink}.adm-passcode-input>.adm-passcode-input-native-input{opacity:.5;width:50px;height:20px;display:block;position:absolute;top:0;left:-200vw}@keyframes adm-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-4px)}20%{transform:translate(5px)}30%{transform:translate(-1px)}40%{transform:translate(8px)}50%{transform:translate(0)}60%{transform:translate(-8px)}70%{transform:translate(1px)}80%{transform:translate(-5px)}90%{transform:translate(4px)}to{transform:translate(0)}}@keyframes adm-caret-blink{0%{opacity:1}60%{opacity:1}80%{opacity:0}to{opacity:0}}