.otp-code{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:min(100%,340px);margin:16px auto}
.l-pair>.otp-code,.boot-pair>.otp-code{grid-column:1/-1}.l-pair>.otp-code+button,.boot-pair>.otp-code+button{grid-column:1/-1;width:100%}
.otp-code .otp-source{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;z-index:2;font-size:16px!important;cursor:text}
.otp-digit{display:grid;place-items:center;min-width:0;height:52px;border:1px solid rgba(232,194,104,.24);border-radius:12px;background:rgba(232,194,104,.04);color:#f2ead8;font:700 24px/1 sans-serif;transition:border-color .2s,box-shadow .2s,background .2s}
.otp-digit.active{border-color:#e8c268;background:rgba(232,194,104,.09);box-shadow:0 0 0 3px rgba(232,194,104,.1)}
@media(max-width:380px){.otp-code{gap:6px}.otp-digit{height:46px;border-radius:10px}}