:root {
    --gap-0: 0px;
    --gap-6: 6px;
}
.pass-code__enter_10jd3 {
    opacity: 0;
    width: 0;
    height: 0;
    margin: var(--gap-0);
}
.pass-code__enterActive_10jd3 {
    opacity: 1;
    width: 12px;
    height: 12px;
    margin: var(--gap-0) var(--gap-6);
    transition: all 0.15s ease-in;
}
.pass-code__exit_10jd3 {
    opacity: 1;
    width: 12px;
    height: 12px;
    margin: var(--gap-0) var(--gap-6);
}
.pass-code__exitActive_10jd3 {
    opacity: 0;
    width: 0;
    height: 0;
    margin: var(--gap-0);
    transition: all 0.15s ease-in;
}
@keyframes pass-code__shake_10jd3 {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-2px);
    }

    75% {
        transform: translateX(2px);
    }

    100% {
        transform: translateX(0);
    }
}
.pass-code__shake_10jd3 {
    animation: pass-code__shake_10jd3 0.15s linear 25ms 3;
}