body{background-color:#fff}body,h1,p{margin:0;padding:0}.header{align-items:center;background-color:#f0f8ff;display:flex;height:10vh;justify-content:left;width:100%}.header-text{color:#0f6448;font-family:Roboto,sans-serif;font-size:1.3rem;font-style:normal;font-weight:700;margin-left:5%}.main-block{height:auto;width:100%}.instruction-text{color:#fa0707;font-family:Arial,Helvetica,sans-serif;font-size:1rem;text-align:left}.input-container{height:-webkit-max-content;height:max-content;margin:0 auto auto;max-width:90vw;width:-webkit-max-content;width:max-content}.input-block{max-width:90vw}.input-block h2{color:gray;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.input-span{width:1rem}.input-sub-block{width:100%}.input-box{border:.1px solid #f1f1f1;border-bottom:1px solid #150941;border-radius:3px;font-size:1rem;outline:none;padding:.5rem}.inverse{font-size:14px}.matrix-input-block{grid-column-gap:2rem;column-gap:2rem;display:grid;grid-column:auto;grid-row:auto;grid-template-columns:1fr 1fr;height:-webkit-max-content;height:max-content;margin:5vh auto auto;max-width:90vw;width:-webkit-max-content;width:max-content}.matrix-block{align-items:center;color:gray;display:flex;justify-content:space-between}.submit-btn-block{align-items:center;background-color:#f0f8ff;display:flex;justify-content:center;margin-bottom:2rem;margin-top:5vh;padding:1rem}.submit-btn{background-color:#483d8b;border:none;border-radius:5px;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;letter-spacing:2px;padding:.5rem 2rem;transition:transform .3s ease-out}.submit-btn:hover{transform:scale(1.1)}.solution-block{font-family:sans-serif;margin:3vh auto;padding:1rem;width:80%}.solution-sub-block{box-shadow:0 0 2px #0c053f33;font-family:Arial,Helvetica,sans-serif;height:auto;margin-top:2vh;padding-bottom:2rem;width:100%}.result-number-block{padding:.5rem}.bit-number-display{display:grid;grid-column:auto;grid-template-columns:1.5fr 4.5fr}.bit-number-display-lcs1{display:grid;grid-column:auto;grid-template-columns:2fr 4fr}.cipher-text-block{background-color:#f0f8ff}.bit-block{margin:auto auto auto 0}.bit-element{background-color:#d9d9db1a;border:1px solid #bebcbc;padding:.8rem 1.2rem}.solution-sub-block h1{background-color:#f0f8ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:25px;font-weight:500;padding:1rem}.solution-sub-block h2{background-color:#f3f3f4;color:gray;font-size:21px;font-weight:400;margin-bottom:0;margin-top:0;padding:1rem}.solution-sub-block h3{font-size:18px;font-weight:400}.p10-key{padding-right:20px}.array-generation-block{padding-bottom:.5rem;padding-top:1rem}.generation-line{color:#494949;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:17px;font-weight:400;padding-bottom:15px}.solution-sub-block button{cursor:pointer;margin-left:1rem;padding:.5rem 1rem}.plaintext-start-btn{background-color:#f0f8ff;border:1px solid #1a2733;border-radius:3px}.lsc1-main-block{display:grid;grid-column:auto;grid-row:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto;margin:1rem 0}.lcs1-main-container{padding-left:1rem;padding-top:1rem}.two-digit-inputs{display:flex;gap:14px;height:40px;margin-top:1rem;padding:0}.input-box-2digit{text-align:center;width:20px}.sbox-main-block{padding:1rem}.matrix-result-bit-block{padding-bottom:1rem;padding-top:1rem}.combine-block{display:grid;grid-column:auto;grid-row:auto;grid-template-columns:1fr 1fr}.control-mode-block{background-color:#dcedfc;margin:auto;padding:1rem 0;width:100%}.control-sub-block{align-items:center;display:flex;justify-content:space-around;margin:auto;width:50%}.control-mode-btn{background-color:#483d8b;border:none;border-radius:5px;box-shadow:0 0 3px;color:#f0f8ff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem;transition:transform .3s ease-out}.control-mode-btn:hover{transform:scale(1.1)}.refresh-btn{position:absolute;right:5vw}.matrix-container{display:inline-block;padding:10px}.matrix-row{display:flex}.matrix-input{height:40px;margin:2px;text-align:center;width:40px}.line-separation{border-bottom:1px solid gray;height:0;margin:0;padding:0;width:100%}.input-line-separation{border:none;border-bottom:1px solid #e8e6e699;height:0;margin-top:1rem;outline:none;width:100%}@media screen and (max-width:750px){body,h1,p{margin:0;padding:0}.header{align-items:center;background-color:#f0f8ff;display:flex;height:10vh;justify-content:left;width:100%}.header-text{color:#0f6448;font-family:Roboto,sans-serif;font-size:1.2rem;font-style:normal;font-weight:700;margin-left:5%}.main-block{height:auto;width:100%}.instruction-text{color:#fa0707;font-family:Arial,Helvetica,sans-serif;font-size:1rem;text-align:left}.input-container{height:-webkit-max-content;height:max-content;margin:0 auto auto;max-width:90vw;width:-webkit-max-content;width:max-content}.input-block{max-width:90vw}.input-block h2{color:gray;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.input-span{margin-left:1rem}.input-sub-block{overflow-x:scroll;width:100%}.input-box{border:.1px solid #f1f1f1;border-bottom:1px solid #150941;border-radius:3px;font-size:1.2rem;outline:none;padding:.5rem}.inverse{font-size:14px}.matrix-input-block{grid-column-gap:2rem;column-gap:2rem;display:grid;grid-column:auto;grid-row:auto;grid-template-columns:1fr;height:-webkit-max-content;height:max-content;margin:5vh auto auto;max-width:90vw;overflow-x:scroll;width:-webkit-max-content;width:max-content}.matrix-block{align-items:center;color:gray;display:flex;justify-content:space-between}.submit-btn-block{align-items:center;background-color:#f0f8ff;display:flex;justify-content:center;margin-bottom:2rem;margin-top:5vh;padding:1rem}.submit-btn{background-color:#253b80;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:sans-serif;font-size:23px;letter-spacing:2px;padding:.5rem 2rem}.submit-btn:hover{border-radius:0}.solution-block{font-family:sans-serif;margin:auto;padding:0;width:95%}.solution-sub-block{box-shadow:0 0 2px #0c053f33;font-family:Arial,Helvetica,sans-serif;height:auto;margin-top:2vh;padding-bottom:2rem;width:100%}.solution-sub-block h1{background-color:#f0f8ff;font-size:1rem;font-weight:400;padding:1rem}.solution-sub-block h2{background-color:#f3f3f4;color:gray;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.7rem;font-weight:400;padding:1rem}.result-number-block{margin:0;padding:.5rem}.bit-number-display{display:flex;flex-direction:column;font-size:.5rem;row-gap:.5rem}.solution-sub-block h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.8rem;font-weight:400;margin:0;padding:0}.bit-block{margin:0;overflow-x:scroll;padding:1.2rem 0;width:100%}.bit-element{background-color:#d9d9db1a;border:1px solid #bebcbc;font-size:1rem;padding:.7rem 1rem}.array-generation-block{padding-bottom:.5rem;padding-top:1rem}.generation-line{color:#494949;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;padding-bottom:15px}.solution-sub-block button{cursor:pointer;font-size:.5rem;margin-left:1rem;padding:.2rem 1rem}.p10-key{padding-right:20px}.bit-number-display-lcs1,.lsc1-main-block{display:grid;grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto;margin-top:1rem}.lsc1-sub-block{border-bottom:1px solid #e5e5e5;margin-bottom:1rem;padding-bottom:1rem}.lcs1-main-container{padding-left:1rem;padding-top:1rem}.two-digit-inputs{display:flex;gap:14px;height:40px;margin-top:1rem;padding:0}.input-box-2digit{text-align:center;width:20px}.sbox-main-block{padding:1rem}.matrix-result-bit-block{padding-bottom:1rem;padding-top:1rem}.combine-block{display:grid;grid-column:auto;grid-row:auto;grid-template-columns:1fr}.plaintext-start-btn{background-color:#f0f8ff;border:1px solid #1a2733;border-radius:3px}.control-mode-block{background-color:#dcedfc;margin:auto;padding:1rem 0;width:100%}.control-sub-block{align-items:center;display:flex;justify-content:space-around;margin:auto;width:100%}.control-mode-btn{background-color:#483d8b;border:none;border-radius:5px;box-shadow:0 0 3px;color:#f0f8ff;cursor:pointer;font-size:.7rem;font-weight:500;padding:.5rem;transition:transform .3s ease-out}.control-mode-btn:hover{transform:scale(1.1)}.refresh-btn{font-size:.6rem;position:absolute;right:5vw}.matrix-container{display:inline-block;padding:10px}.matrix-row{display:flex}.matrix-input{height:40px;margin:2px;text-align:center;width:40px}.generation-line-small{font-size:12px}}
/*# sourceMappingURL=main.25ab9da1.css.map*/