body{background:#070d0b}.app{display:flex;justify-content:center;align-items:center;min-width:100vw;min-height:100vh;font-family:source-code-pro,"Menlo","Monaco","Consolas","Courier New",monospace;font-size:18px}.app .card{border-radius:4px;max-width:640px;padding:20px;background-color:#fff}.app .card>*{margin-bottom:20px}.app .card>:last-child{margin-bottom:0}.app header{font-weight:700}.app section.main{display:flex;flex-direction:column}.app section.main textarea{margin-bottom:16px;padding:10px;min-height:240px;border:1px solid #ccc;border-radius:4px;font-family:source-code-pro,"Menlo","Monaco","Consolas","Courier New",monospace}.app iframe.detail-information{display:block;border:1px solid #ccc;width:100%;border-radius:4px}.app table.fields tr{margin-bottom:8px}.app table.fields th{align-content:center;text-align:left}.app table.fields .copiable-field{position:relative;display:flex;margin-bottom:10px}.app table.fields .copiable-field input[type=text]{width:auto;text-align:right;font-size:18px;border:1px solid #ccc;border-radius:4px;padding:0 4px;font-family:source-code-pro,"Menlo","Monaco","Consolas","Courier New",monospace;height:28px;line-height:28px}.app table.fields .copiable-field button.copy{margin-left:10px;display:flex;justify-content:center;align-items:center;padding:0;width:30px;height:30px;border:1px solid #ddd;background-color:#eaeaea}.app table.fields .copiable-field button.copy img{display:block;width:20px;height:20px;opacity:.6}.app table.fields .copiable-field .copied-message{pointer-events:none;position:absolute;background:rgba(0,0,0,.8);padding:10px;border-radius:4px;height:22px;line-height:22px;top:-44px;right:0;color:#fff;display:none}.app table.fields .copiable-field .copied-message.visible{display:block;-webkit-animation:visible-animation 2s linear 0s;animation:visible-animation 2s linear 0s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes visible-animation{0%{display:block;opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0;display:block}}@keyframes visible-animation{0%{display:block;opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0;display:block}}.background-container{--blur-size:5px;background:url(https://i.gyazo.com/9f150f8dd25ebf42c0abb705d13e17a2.jpg) 50%/contain no-repeat;position:fixed;top:calc(var(--blur-size)*-2);right:calc(var(--blur-size)*-2);bottom:calc(var(--blur-size)*-2);left:calc(var(--blur-size)*-2);z-index:-1;background-position:50%;background-size:cover;-webkit-filter:blur(var(--blur-size));filter:blur(var(--blur-size))}@media screen and (max-width:576px){.app .card{width:100%;border-radius:0;background-color:hsla(0,0%,100%,.9)}.app .card table.fields tr{display:flex;flex-direction:column}.app .card table.fields tr td,.app .card table.fields tr td input[type=text],.app .card table.fields tr th{width:100%}}footer{position:fixed;left:0;bottom:0;right:0;padding:10px;display:flex;justify-content:space-between;font-size:.7em;background:rgba(0,0,0,.4)}footer,footer a:link,footer a:visited{color:#eee}footer a:hover{color:#ccc}
/*# sourceMappingURL=main.f2f4f8fd.chunk.css.map */