body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{color:#fff;background-color:#00000f;max-width:550px;margin:auto;padding:3em 0;font-size:16px;overflow-y:scroll}h1{margin:.5em 0;font-size:1.5em;font-weight:700;line-height:1em}h2{border-bottom:3px solid #fff;margin:.5em 0;padding-bottom:.1em;font-size:1.1em;font-weight:700}input,select{color:#fff;background-color:#00000f;border:0}option{background-color:#303040}input:focus,input:hover,select:focus,select:hover{outline:1px dotted #fff}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.header{z-index:10;background-color:#303040;height:3em;position:fixed;top:0;left:0;right:0}.footer{z-index:10;background-color:#303040;height:3em;position:fixed;bottom:0;left:0;right:0}.frame{box-sizing:border-box;border:3px solid #fff;border-radius:1em;margin:1em .5em .5em;padding-bottom:1em}.row-line{box-sizing:border-box;width:100%}.row-line label{box-sizing:border-box;width:100%;display:inline-block}.row-line .label{box-sizing:border-box;text-align:right;width:40%;margin-right:1em;display:inline-block}.row-line .value{box-sizing:border-box;text-align:left;width:40%;margin-left:1em;display:inline-block}.page-button{color:silver;font-weight:400}.page-button.selected{color:#fff;font-weight:700}.password-area{color:#fff;resize:none;background-color:#00000f;border:none;outline:none;width:95%;font-size:1.5em}.password-area:hover{outline:1px dotted #fff}.error{color:#ef454a;font-weight:700}.button-area{justify-content:space-between;width:100%;max-width:400px;margin:0 auto;display:flex}#overlay .button-area{justify-content:space-around}.button{cursor:pointer;color:#ccc;padding:1em 0;font-size:1em;line-height:1em}.button.disable{pointer-events:none;color:gray}.button:hover:not(.disable){text-shadow:0 0 5px #fff;color:#fff;transition:all .5s}.error-box{color:#ef454a;margin:1em 0}.password-selection{cursor:pointer;color:#ccc;border:1px dotted #0000;position:relative}.password-selection:hover{text-shadow:0 0 5px #fff;color:#fff;border:1px dotted #fff}#overlay{background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#overlay .frame{background-color:#00000f;width:100%;max-width:400px}.frame .dialog-buttons{justify-content:space-between;width:100%;max-width:400px;margin:0 auto;display:flex}.passwd-block{text-align:left;width:max-content;margin-left:auto;margin-right:auto}.dialog-target{position:relative}.dialog-on-button{background-color:#00000f;border:3px solid #fff;border-radius:.5em;padding:10px;position:absolute;top:-20px;right:-20px}.button-with-svg{align-items:center;display:flex}