.codein{text-align:left;margin-top:18px;gap:8px;width:100%;max-width:360px;margin-inline:auto;display:grid}.codein__lab{opacity:.75;font-size:13px;line-height:1.4}.codein__row{gap:8px;display:flex}.codein__box{border:1px solid color-mix(in srgb, currentColor 30%, transparent);min-width:0;height:48px;color:inherit;letter-spacing:.18em;background:0 0;border-radius:12px;flex:1;padding:0 14px;font:500 20px/1 DM Mono,ui-monospace,Menlo,monospace}.codein__box::placeholder{color:inherit;opacity:.3}.codein__box:focus-visible{outline:2px solid color-mix(in srgb, currentColor 70%, transparent);outline-offset:2px}.codein__go{border:1px solid color-mix(in srgb, currentColor 45%, transparent);height:48px;color:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:0 18px;font:600 15px/1 inherit}.codein__go:disabled{opacity:.6;cursor:default}.codein__go:focus-visible{outline-offset:2px;outline:2px solid}.codein__note{margin:0;font-size:13px;line-height:1.4}