@keyframes breathe-data-v-768a086e{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}[dir=ltr] .breathe[data-v-768a086e],[dir=rtl] .breathe[data-v-768a086e]{animation:breathe-data-v-768a086e 2s ease infinite}.code-wrap[data-v-768a086e]{position:relative;display:inline-block}.code-list[data-v-768a086e]{display:flex;justify-content:center;gap:14px}.input[data-v-768a086e]{opacity:0;position:absolute;top:0;width:100%;height:100%;z-index:3}[dir] .input[data-v-768a086e]{border:none;background:none;cursor:pointer}[dir=ltr] .input[data-v-768a086e]{left:0}[dir=rtl] .input[data-v-768a086e]{right:0}.code-box[data-v-768a086e]{display:block;width:58px;height:74px;line-height:74px;font-size:42px;font-weight:700;color:#5e5873;position:relative;transition:all .2s ease}[dir] .code-box[data-v-768a086e]{text-align:center;background:#f8f8fb;border:1px solid #ececf1;border-bottom:3px solid #d8d6de;border-radius:10px}[dir] .filled-box[data-v-768a086e]{background:#fff;border-color:#ececf1;border-bottom-color:#ffaf2a}[dir] .active-box[data-v-768a086e]{background:#fff;border-bottom-color:#ffaf2a!important;box-shadow:0 4px 14px 0 rgba(255,175,42,.18)}.line[data-v-768a086e]{display:block;width:2px;height:40px;position:absolute;top:50%}[dir] .line[data-v-768a086e]{background:#ffaf2a;margin-top:-20px}[dir=ltr] .line[data-v-768a086e]{left:50%;transform:translateX(-50%)}[dir=rtl] .line[data-v-768a086e]{right:50%;transform:translateX(50%)}