@font-face{font-family:Lora;font-display:block;src:url(./fonts/Lora-VariableFont_wght.ttf) format("truetype-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-display:block;font-style:italic;src:url(./fonts/Lora-Italic-VariableFont_wght.ttf) format("truetype-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inconsolata;font-display:block;src:url(./fonts/Inconsolata-VariableFont_wdth,wght.ttf) format("truetype-variations")}h1,h2,h3,h4,h5{font-style:italic;font-weight:100}a{text-decoration:none;color:#42dbd1}svg{width:18px;min-width:18px;vertical-align:middle}svg+span,svg+select,svg+input{margin-left:.5rem}menu>li{white-space:nowrap;min-width:0}menu>li span{overflow:hidden;text-overflow:ellipsis}.stats .datum{white-space:nowrap;min-width:0;text-overflow:ellipsis}.stats .datum span{max-width:calc(100% - 18px - .5rem);overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle;line-height:18px}input,select,textarea{appearance:none;background:transparent;border:none;border-radius:0;font:200 1rem Inconsolata,monospace;color:#e1e1e1;width:100%}input{padding:.5rem 0 .5rem .5rem;margin-right:5px}input[type=checkbox]{appearance:auto;padding:0;margin:.5rem 0 .5rem .5rem;width:auto;height:17px}input[type=file]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px)}textarea{background:#3c3c3c;width:calc(100% - 2rem - 4px);padding:1rem;border:2px solid transparent;margin-bottom:-7px}input:focus,textarea:focus,select:focus{outline:none}label:focus-within{border:2px solid #dbc342}menu label:focus-within,textarea:focus,textarea.dragover{border:2px solid #42dbd1}label textarea,label textarea:focus{border:none;margin:0;width:100%}select{padding:.5rem 0;padding-right:calc(18px + .5rem);cursor:pointer}select option{color:#0d0d0d}select+svg{margin-left:-18px;pointer-events:none}.control select+svg{color:#e1e1e1}button{background:#42dbd1;font:100 1rem Lora,serif;color:#0d0d0d;cursor:pointer;height:3rem;padding:0 1rem;border:0;border-radius:5px;outline:0}label{position:relative;padding:.2rem .5rem;border:2px solid #545454;border-radius:5px;margin:1rem}label>span.label{background:#3c3c3c;font:100 italic .8rem Lora,serif;position:absolute;top:-.7rem;left:.5rem;padding:0 .1rem;text-wrap:nowrap;text-overflow:ellipsis;max-width:calc(100% - 1rem);overflow:hidden}label>span.label.required:after{content:"*";color:#db4263;margin:0 .1rem 0 .3rem}.control{display:flex;align-items:center;border-bottom:2px solid #545454;cursor:pointer}.control.icon{border:none}.footer span{line-height:18px;vertical-align:middle}.multi.control select{width:fit-content}.multi.control select+svg{padding-right:.5rem;border-right:1px solid #545454}.control svg{color:#dbc342}menu .control svg:first-of-type{color:#42dbd1}.settings label.grow{flex-grow:1}.menu-control{background:#3c3c3c;min-width:fit-content}.menu-control:first-child{border-radius:5px 0 0}.flex{display:flex;flex-wrap:wrap;align-items:center;width:100%}.flex>*,.flex label{flex-grow:1;flex-basis:auto}#error,.warning{font-size:1rem;background:#292929;display:none;align-items:center;width:fit-content;padding:1rem;border:2px solid #db4263;border-radius:5px;margin:0 auto}#error.active,#warning.active,noscript .warning{display:flex}.warning{border-color:#dbc342;margin-bottom:1rem}#error svg,.warning svg{min-width:30px;color:#db4263;margin-right:1rem}.warning svg{color:#dbc342}.modal-background{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;display:flex;align-items:center;justify-content:center}.modal{width:fit-content;background:#292929;border-radius:5px;height:fit-content;border:1px solid rgba(255,255,255,.1)}.modal .container{display:flex;background:#3c3c3c;padding:2rem;border-radius:5px 5px 0 0}.modal .container svg{width:24px;color:#db4263}.modal .container .content{margin-left:1rem}.modal .container .content span{font-style:italic}.modal .container .content p{font-size:1rem;color:#b9b9b9;margin-bottom:0}.modal .actions{padding:1rem;display:flex;justify-content:space-evenly}.modal .actions .cancel{background:transparent;color:#b9b9b9;border:2px solid #b9b9b9}#results{color:#e1e1e1;font-family:Inconsolata,monospace;opacity:0;transition:opacity .25s ease-in-out}#results>svg{width:3rem}#results .result{background:#3c3c3c;margin:1.5rem 0;border-radius:5px}#results .result h2{font:100 italic 1rem Lora,serif;color:#b9b9b9;text-align:left;padding-top:1rem;margin:0 0 0 1rem}#results .result .content{white-space:pre-wrap;word-break:break-all;margin:2rem;text-align:left}.stats{background:#292929;display:flex;font-size:1rem;border-radius:0 0 5px 5px;align-items:center;min-height:3rem;width:100%}.stats label span.label,.footer label span.label{background-color:#292929}.stats>div{padding:.5rem 1rem}.stats>label{margin-left:1rem}.stats .links{margin-left:auto}.stats a{padding:.5rem}.stats svg{width:24px}[data-tooltip]{position:relative}[data-tooltip]:hover:before{content:attr(data-tooltip);min-width:5rem;white-space:normal;font:100 italic 1rem/normal Lora,serif;text-align:center;color:#e1e1e1;background:#545454;position:absolute;bottom:calc(100% + 1rem);left:0;padding:.5rem;border-radius:5px;z-index:1}[data-tooltip]:hover:after{content:"";position:absolute;top:-1rem;left:1rem;border-width:5px;border-style:solid;border-color:#545454 transparent transparent transparent;z-index:1}.actions [data-tooltip]:hover:before,.links [data-tooltip]:hover:before{left:unset;right:0}.actions [data-tooltip]:hover:after,.links [data-tooltip]:hover:after{left:unset;right:1rem}#loader{position:fixed;z-index:1;top:0;left:0;width:100%;height:1rem;background:#42dbd1}#loader.animate{transition:width .25s ease-in-out}#main-menu,.section-menu{list-style:none;display:flex;font-size:1rem;margin:0 auto;background:#292929;border-radius:5px 5px 0 0;width:fit-content;padding:0}#main-menu{border-radius:5px;margin-top:max(3rem,5vh)}#main-menu>li,.section-menu li{padding:1rem;border-radius:5px;cursor:pointer;margin:.3rem;display:flex;align-items:center}#main-menu>li svg,.section-menu>li svg{width:30px;margin-right:10px;color:#42dbd1}#main-menu>li.active,#main-menu>li:hover,.section-menu>li.active,.section-menu>li:hover{background:#3c3c3c}main{width:80vw;min-height:80vh;max-width:1200px;margin:0 auto;margin-top:max(2rem,3vh);text-align:center}main section{display:none}main section.active{display:block}main h1{margin:0 0 1rem}main p.subtitle{color:#b9b9b9}main .subsection{width:fit-content;margin:3rem auto 1.5rem;border-radius:5px;background:#292929}main .subsection.full{width:100%}main p{margin:0 auto;max-width:800px}.operations-menu,.settings,.tabs{margin:0;padding:0;list-style:none;display:flex;font:200 1rem Inconsolata,monospace;align-items:center}.settings{background:#3c3c3c;width:100%;border-radius:0 0 5px 5px;flex-wrap:wrap}form.settings{padding:1rem 0 0}#verify-PBKDF2{padding-bottom:1rem}.tabs li.active,.tabs li:hover{background:#3c3c3c;border-radius:5px 5px 0 0}.tabs li svg{color:#42dbd1}.settings{display:none}.settings button{margin:1rem}.settings h2{color:#b9b9b9;font:100 italic 1rem Lora,serif;text-align:left;align-self:flex-start;margin:.5rem 1rem .25rem}.settings.active{display:flex}.settings.column{flex-direction:column}.multi-row.active{display:block}#random .subsection button{width:100%;border-radius:0 0 5px 5px}.operations-menu>li,.tabs li{position:relative;display:flex;min-height:3rem;align-items:center;padding:0 1rem}.operations-menu>li label{margin:1rem 0 .25rem}.tabs li{cursor:pointer}.operation-area{position:relative}.operation-area .footer .links{margin:0 1rem 0 auto}#encryption .operation-area,#encryption .operation-area div.signature,#encryption [data-tab=import-key] .raw.algorithm{display:none}#encryption .operation-area div.signature{border-top:1rem solid #0d0d0d}#encryption .operation-area.active,#encryption .operation-area div.signature.active{display:block}#encryption .operation-area menu li{display:none}#encryption .operation-area menu li.show{display:flex}#encryption .operation-area .settings>label.additional-data{width:100%}#encryption .crypto-operations button{width:100%;border-radius:0 0 5px 5px}#encryption .datum.confidentiality svg:last-of-type,#encryption .datum.integrity svg:last-of-type{display:none}#encryption .datum.confidentiality.no svg:last-of-type,#encryption .datum.integrity.no svg:last-of-type{color:#db4263;display:initial;width:28px;position:absolute;top:4px;left:11px}#encryption [data-tab=list-keys] ul{text-align:left;padding:0;margin:1rem;width:100%}#encryption [data-tab=list-keys] ul li{display:flex;flex-wrap:wrap;line-height:1.5rem;padding:1rem;border-top:2px solid #545454;cursor:pointer}#encryption [data-tab=list-keys] ul li:first-child{border-top:none}#encryption [data-tab=list-keys] ul li .container{display:flex;align-items:center}#encryption [data-tab=list-keys] ul li .container svg{color:#42dbd1}#encryption [data-tab=list-keys] ul li .meta{display:flex;flex-direction:column;margin-left:1rem}#encryption [data-tab=list-keys] ul li span:first-child{font:100 italic 1rem Lora,serif;color:#42dbd1}#encryption [data-tab=list-keys] ul li .saved svg{color:#e1e1e1;vertical-align:text-top;margin-left:.5rem}#encryption [data-tab=list-keys] ul li .actions{display:flex;align-items:center;margin:0 0 0 auto}#encryption [data-tab=list-keys] ul li .actions a{color:#dbc342;padding:0 .5rem}#encryption [data-tab=list-keys] ul li .actions a:last-child{color:#db4263;padding-right:0}#encryption [data-tab=import-key] form>.settings:first-child{padding-top:1rem}#encryption [data-tab=import-key] .settings{border-radius:0}details{width:100%;border-top:1px solid #545454;margin-top:1.5rem}details summary{background:#3c3c3c;font:100 italic 1rem Lora,serif;width:fit-content;padding:0 1rem 1rem;margin:-11px auto 0 1rem;cursor:pointer;list-style:none}details span.opened{display:none}details svg{color:#dbc342}details[open] span.opened{display:initial}details[open] span.closed{display:none}summary::-webkit-details-marker{display:none}.operation-area .footer{background:#292929;font:200 1rem Inconsolata,monospace;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 5px 5px}.operation-area .footer div{margin:.5rem 1rem}.operation-area .footer button{border-radius:0 0 5px;height:75px}.operation-area .footer div,.operation-area .stats .datum{display:flex}main .notice{opacity:.5;font-size:1rem;padding:3rem 0}footer{display:flex;justify-content:space-between;height:max(3rem,5vh);padding:0 2rem;font-size:1rem;line-height:5vh}footer svg{width:24px;color:#e1e1e1;vertical-align:middle}footer a,footer span{vertical-align:middle}@media (max-width: 768px){#main-menu{margin:1rem 0 0;width:100%}#main-menu li{flex-grow:1}main{width:auto;margin:2rem 1rem 0}#encryption [data-tab=list-keys] li button:last-of-type{margin-right:auto}}@media (max-width: 660px){#main-menu li{justify-content:center}#main-menu li span{display:none}#main-menu li svg{margin-right:0}.operations-menu li.datum{display:none}main{min-height:auto}.result{position:relative}.result h2{max-width:55%}.links{position:absolute;top:0;right:0;margin-top:.4rem}.links .upload{margin:1.2rem 0}.stats{flex-direction:column;height:auto;align-items:flex-start;padding:1rem 0}.operation-area .footer{flex-direction:column;align-items:flex-start;padding-top:1rem}.operation-area .footer label.encoding,#results .stats>label{width:calc(100% - 3rem - 4px);margin-bottom:.75rem}.operation-area .footer button{width:100%;height:3rem;border-radius:0 0 5px 5px;margin-top:1rem}#encryption [data-tab=list-keys] ul li .container{align-items:baseline}#encryption [data-tab=list-keys] ul li .actions{margin:.2rem 0 0 1.6rem}#encryption .operation-area button{margin-top:1rem}#encryption .operation-area .footer .links{margin-right:.5rem}#encryption .operation-area .footer label.upload{margin:.7rem 0}#encryption [data-tab=import-key] .links{top:unset;bottom:12rem}footer{flex-direction:column;align-items:center;height:auto;margin-bottom:3rem}}html,body{padding:0;margin:0}body{font:100 1.5rem Lora,serif;background:#0d0d0d;color:#e1e1e1}::selection{background:#42dbd1;color:#0d0d0d}
/*# sourceMappingURL=styles.css.map */