body{align-items:left;background:#000;display:flex;justify-content:left;height:98vh}.form{background:#15172b;border-radius:20px;box-sizing:border-box;min-height:960px;height:100%;padding:20px;width:420px;min-width:420px;font-family:monospace,monospace}#meta{color:#65657b;padding:10px;margin-top:10px;font-family:monospace;text-align:center}.app{background:#15172b;border-radius:20px;padding:20px;width:calc(100% - 470px);min-height:920px;height:calc(100% - 40px);margin-left:10px;margin-right:10px}@media screen and (max-width: 900px){.mobile-break{clear:left}}#pub_key_input{user-select:all;-moz-user-select:all;-webkit-user-select:all;-ms-overflow-style:none;scrollbar-width:none}#lnurl{max-width:100%;overflow:scroll;left:10px;right:10px;line-height:14px;position:absolute;color:#eee;font-family:monospace,monospace;user-select:all;-moz-user-select:all;-webkit-user-select:all;-ms-overflow-style:none;scrollbar-width:none}#lnurl:-webkit-scrollbar {display:none}.highlight-lnurl{background:#303245;border-radius:12px;border:0;color:#eee;height:100%;padding:4px 20px 0}.qrcode{color:#eee;margin-left:auto;margin-right:auto;margin-top:32px;width:332px}.rowresults{max-width:100%;max-height:calc(100% - 160px);overflow:auto;line-height:14px;color:#eee;font-family:monospace,monospace;margin:20px;border-spacing:12px 12px;border-collapse:separate}.rowresults tr:first-child {font-weight:700;margin-bottom:12px;padding:10px 0}.rowresults tr:nth-child(odd){//background-color:#65657b}.rowresults tr:nth-child(even){background:#303245}.rowresults >table >tbody >tr > td{border:1px solid #303245;padding:6px;white-space:nowrap}#timer{color:#eee;margin-top:32px;margin-left:auto;margin-right:auto;text-align:center;width:332px}.footer{position:fixed;bottom:16px;right:32px;text-align:right;color:#65657b}.title{color:#eee;margin-top:30px;text-decoration:none;font:600 36px sans-serif}.title a:link {text-decoration:none;color:#eee}.title a:visited {text-decoration:none;color:#eee}.title a:hover {text-decoration:none;color:#eee}.title a:active {text-decoration:none;color:#eee}.subtitle{color:#eee;font:600 16px sans-serif;margin-top:10px}.input-container{height:50px;position:relative;width:100%}.ic1{margin-top:40px}.ic2{margin-top:30px}.input{background:#303245;border-radius:12px;border:0;box-sizing:border-box;color:#eee;font-size:18px;height:100%;outline:0;padding:4px 20px 0;width:100%}.input-checkbox > input{box-sizing:border-box;height:50%;//padding:4px 10px 0;width:10%}.input-checkbox > label{//background-color:#303245;//border-radius:12px;border:0;//box-sizing:border-box;color:#eee;//font-size:18px;height:100%;outline:0;width:90%;padding-left:10%}.cut{background:#15172b;border-radius:10px;height:20px;left:20px;position:absolute;top:-20px;transform:translateY(0);transition:transform 200ms;width:76px}.cut-short{width:50px}.input:focus ~ .cut,.input:not(:placeholder-shown) ~ .cut {transform:translateY(8px)}.input-short:not(:placeholder-shown) ~ .cut-short ,input-short:focus ~ .cut-short{transform:translateY(8px)}.placeholder{color:#65657b;font-family:sans-serif;left:20px;line-height:14px;pointer-events:none;position:absolute;transform-origin:0 50%;transition:transform 200ms,color 200ms;top:20px}.input:focus ~ .placeholder,.input:not(:placeholder-shown) ~ .placeholder {transform:translateY(-30px) translateX(10px) scale(0.75)}.input:not(:placeholder-shown) ~ .placeholder {color:#808097}.input:focus ~ .placeholder {color:#dc2f55}.submit{background:#08d;border-radius:12px;border:0;box-sizing:border-box;color:#eee;cursor:pointer;font-size:18px;height:50px;margin-top:38px;// outline:0;text-align:center;width:100%}.submit:active {background:#06b}.submit-demo{background:#084;border-radius:12px;border:0;box-sizing:border-box;color:#eee;cursor:pointer;font-size:18px;height:50px;margin-top:38px;// outline:0;text-align:center;width:100%}.submit-demo:active {background:#064}