body{margin:0 auto}#root{flex-direction:column;gap:1rem;max-width:800px;margin:.5rem auto;padding:.5rem;font-family:sans-serif;display:flex}.Lolcryption div.output,textarea{min-height:8rem;font-size:.85rem}.repeat-button{vertical-align:middle;float:right;border-width:1px;border-radius:5px;padding:0 .25rem .25rem;font-size:2rem;line-height:1rem}.repeat-button:not(:focus,:hover){background:0 0;border-color:#0000}.repeat-button:before{content:attr(data-repeat);vertical-align:middle;padding-right:.5ch;font-size:.8rem;line-height:1rem;text-decoration:underline}.preset-button{vertical-align:middle;background-color:#0000;border-width:1px;border-radius:5px;margin:0 .05rem;padding:0 .25rem .25rem}.preset-button:not(:focus,:hover){background:0 0;border-color:#0000;text-decoration:underline}.blurb{border:1px solid #0000;padding:.5rem}.blurb h2{margin:0}.blurb p{margin:.75em 0 0}.blurb.highlight{color:light-dark(#555,#bbb);background:light-dark(#f9f9f9,#28282840);border:1px solid light-dark(#eee,#444)}.blurb.secondary{font-size:.85rem}.blurb.tertiary{font-size:.75rem}.blurb.columns{flex-direction:row;justify-content:space-between;display:flex}.Lolcryption{--light-color:#222;--light-bg:#f9f9f9;--light-border:#999;--dark-color:#ccc;--dark-bg:#222;--dark-border:#666;--fg-color:light-dark(var(--light-color),var(--dark-color));--bg-color:light-dark(var(--light-bg),var(--dark-bg));--border-color:light-dark(var(--light-border),var(--dark-border));border:solid 1px var(--border-color);color:var(--fg-color);background:var(--bg-color);grid-template:"toolbar""output"1fr/1fr;min-width:fit-content;min-height:fit-content;font-size:1rem;display:grid}.Lolcryption .output{min-width:30ch;min-height:3rem;max-height:10rem;color:var(--fg-color);white-space:pre-wrap;background:0 0;border:none;grid-area:output;font-family:monospace;font-size:1em;overflow-y:auto}.Lolcryption div.output p{-webkit-user-select:all;user-select:all;margin:.25em;padding:0}.Lolcryption div.output p.placeholder{opacity:.5}.Lolcryption>div.toolbar{border-bottom:solid 1px var(--border-color);color:inherit;background:0 0;flex-direction:row;grid-area:toolbar;justify-content:space-between;gap:1px;display:flex}.Lolcryption label{vertical-align:middle;font-size:.75em}.Lolcryption select{color:inherit;vertical-align:middle;border:none;border-right:solid 1px var(--border-color);background:0 0;font-size:.75em}
/*# sourceMappingURL=lolcryption-web.1ceaadf6.css.map */
