.tg-code { box-sizing:border-box; width:calc(100% - 32px); max-width:400px; padding:24px; border:2px solid #181818; background:#fff; color:#181818; font:inherit; }
.tg-code::backdrop { background:rgb(0 0 0 / 40%); }
.tg-code h2 { margin:0 0 16px; font-size:24px; }
.tg-code label { display:block; margin:20px 0 8px; }
.tg-code input { box-sizing:border-box; display:block; width:100%; min-height:48px; border:1px solid #666; padding:8px 12px; font:inherit; font-size:24px; }
.tg-code button { min-height:48px; cursor:pointer; font:inherit; }
.tg-code__cancel { display:block; width:100%; margin-top:12px; background:#fff; color:#181818; border:1px solid #666; }
.tg-code__error { min-height:24px; color:#9b1919; }
.tg-code :focus-visible { outline:3px solid #1769aa; outline-offset:3px; }