.verification-code{background:radial-gradient(at 5% 0,#e4f5f1 0,#0000 55%),radial-gradient(at 95% 100%,#eee8fa 0,#0000 55%),#f7faf9;border:1px solid #dce6e2;border-radius:24px;gap:12px;margin:20px 0;padding:22px;display:grid}.verification-code>label{color:#263c35;font-size:14px;font-weight:600}.verification-code-control{min-width:0;position:relative}.verification-code-control>input{opacity:0;z-index:2;cursor:text;caret-color:#0000;inset:0;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important}.verification-code-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.verification-code-tiles span{color:#142f25;font-variant-numeric:tabular-nums;background:#fff;border:1.5px solid #a8b9b2;border-radius:12px;justify-content:center;align-items:center;height:56px;font-size:27px;font-weight:650;display:flex}.verification-code-tiles span.filled{background:#e5eee9;border-color:#96ada3}.verification-code-tiles span.active{border:2px solid #0f6150;box-shadow:0 0 0 3px #0f615018}.verification-code.has-error .verification-code-tiles span,.has-error .verification-code-tiles span{border-color:#b42318}.verification-code-error{font-size:13px;line-height:1.5;color:#b42318!important;margin:0!important}.verification-code-hint{color:#53675e;font-size:12px;line-height:1.5;margin:0!important}@media (width<=440px){.verification-code{padding:16px}.verification-code-tiles{gap:6px}.verification-code-tiles span{height:48px;font-size:24px}}