*{-webkit-box-sizing:border-box;box-sizing:border-box}.input h1,.input h2,.input h3,.input h4,.input h5,.input h6,.input p,.input blockquote,.input pre,.input a,.input abbr,.input acronym,.input address,.input big,.input cite,.input code,.input del,.input dfn,.input em,.input img,.input ins,.input kbd,.input q,.input s,.input samp,.input small,.input strike,.input strong,.input sub,.input sup,.input tt,.input var,.input b,.input u,.input i,.input center,.input dl,.input dt,.input dd,.input ol,.input ul,.input li,.input fieldset,.input form,.input label,.input input,.input textarea,.input button,.input legend,.input table,.input caption,.input tbody,.input tfoot,.input thead,.input tr,.input th,.input td,.input article,.input aside,.input canvas,.input details,.input embed,.input figure,.input figcaption,.input footer,.input header,.input hgroup,.input menu,.input nav,.input output,.input ruby,.input summary,.input time,.input mark,.input audio,.input video,.output__info h1,.output__info h2,.output__info h3,.output__info h4,.output__info h5,.output__info h6,.output__info p,.output__info blockquote,.output__info pre,.output__info a,.output__info abbr,.output__info acronym,.output__info address,.output__info big,.output__info cite,.output__info code,.output__info del,.output__info dfn,.output__info em,.output__info img,.output__info ins,.output__info kbd,.output__info q,.output__info s,.output__info samp,.output__info small,.output__info strike,.output__info strong,.output__info sub,.output__info sup,.output__info tt,.output__info var,.output__info b,.output__info u,.output__info i,.output__info center,.output__info dl,.output__info dt,.output__info dd,.output__info ol,.output__info ul,.output__info li,.output__info fieldset,.output__info form,.output__info label,.output__info input,.output__info textarea,.output__info button,.output__info legend,.output__info table,.output__info caption,.output__info tbody,.output__info tfoot,.output__info thead,.output__info tr,.output__info th,.output__info td,.output__info article,.output__info aside,.output__info canvas,.output__info details,.output__info embed,.output__info figure,.output__info figcaption,.output__info footer,.output__info header,.output__info hgroup,.output__info menu,.output__info nav,.output__info output,.output__info ruby,.output__info summary,.output__info time,.output__info mark,.output__info audio,.output__info video,html,body,div,span,applet,object,iframe,section,header,header h1,header a,footer,footer p,footer a,footer br{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;background:none}.input ol,.input ul,.output__info ol,.output__info ul{list-style:none}.input blockquote,.input q,.output__info blockquote,.output__info q{quotes:none}.input blockquote:before,.input blockquote:after,.input q:before,.input q:after,.output__info blockquote:before,.output__info blockquote:after,.output__info q:before,.output__info q:after{content:'';content:none}.input table,.output__info table{border-collapse:collapse;border-spacing:0}*:focus,a:focus,button:focus,input:focus,textarea:focus{outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}html{font-size:62.5%}body{color:#fff;font-size:1.6rem;font-family:"Lato", "Optima", "PTSans", "Liberation Sans", helvetica, arial, verdana, sans-serif;line-height:1.3;background-color:#333}header{color:#a0a0a0;background-color:#292929}header h1{color:#a0a0a0}header a{display:inline-block;padding:10px 20px 10px 10px;color:#a0a0a0;text-decoration:none;-webkit-transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out}header a:hover{color:#efefef;background-color:#1d1d1d}header a:active{color:#fff}header a::before{padding-right:4px;content:"←";font-family:times, "Times New Roman", verdana, sans-serif;vertical-align:text-bottom}.container{width:600px;max-width:90%;margin:20px auto;color:#333}@media screen and (min-height: 700px){.container{margin:40px auto}}.container .module{padding:20px;-webkit-box-shadow:rgba(0,0,0,0.75) 0px 3px 10px;box-shadow:rgba(0,0,0,0.75) 0px 3px 10px;background-color:#fff}.container .input__field{display:block;width:100%;max-width:100%;min-width:100%;height:200px;padding:8px;line-height:1;border:#c5c5c5 1px solid;border-radius:3px;-webkit-box-shadow:rgba(0,0,0,0.2) 1px 1px 5px inset;box-shadow:rgba(0,0,0,0.2) 1px 1px 5px inset;background-color:#f0f0f0}@media screen and (max-height: 600px){.container .input__field{height:100px}}.container .input__field:focus{border-color:#1d61e0;-webkit-box-shadow:rgba(0,0,0,0.1) 1px 1px 5px inset,#9ebffd 0 0 0 4px;box-shadow:rgba(0,0,0,0.1) 1px 1px 5px inset,#9ebffd 0 0 0 4px}.container .input__field.error{color:#b30000;border-color:#ef8e8e;background-color:#ffd4d4}.container .input__field.error:focus{border-color:#e01a1a;-webkit-box-shadow:rgba(0,0,0,0.2) 1px 1px 5px inset,#fd9d9d 0 0 0 4px;box-shadow:rgba(0,0,0,0.2) 1px 1px 5px inset,#fd9d9d 0 0 0 4px}.container .controls{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:10px -1px 0 -1px}.container .button{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:inline-block;padding:9px 10px;margin:1px;color:#555;font-size:1.3rem;line-height:1;text-align:center;text-shadow:rgba(0,0,0,0.5) 1px 1px 3px;-webkit-transition:all 0.05s ease-in-out;transition:all 0.05s ease-in-out;-webkit-box-shadow:rgba(255,255,255,0.25) 2px 2px 1px inset,rgba(0,0,0,0.1) -2px -2px 1px inset;box-shadow:rgba(255,255,255,0.25) 2px 2px 1px inset,rgba(0,0,0,0.1) -2px -2px 1px inset;background:#aaa}.container .button:active{padding-top:10px;padding-bottom:8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0px 2px 5px inset;box-shadow:rgba(0,0,0,0.3) 0px 2px 5px inset}.container .button.htpasswd-button{color:#1f1500;background-color:#fa0}.container .button.markdown-button{color:#f7f7f7;background-color:#4a525a}.container .button.md5-button{color:#ffe7e7;background-color:#bf2e2e}.container .button.phpass-button{color:#dfffce;background-color:#3da902}.container .button.sha1-button{color:#f7fdff;background-color:#49c0e0}.container .button.urlencode-button{color:#f1dbf7;background-color:#b356cc}.container .button.utf8-button{color:#d7e1fb;background-color:#1d61e0}.container .controls--active .button:not(.button--active){opacity:0.5}.container .output{position:relative;margin-top:20px}@media screen and (min-height: 700px){.container .output{margin-top:100px}.container .output::before{position:absolute;top:-100px;left:50%;color:rgba(255,255,255,0.2);font-size:5rem;line-height:100px;content:"↓";-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.container .output__field{padding:10px;word-wrap:break-word;border:#ece4c3  1px solid;background-color:#f9f2d9}.container .output__field blockquote,.container .output__field pre{padding:15px;border-radius:5px;background-color:rgba(0,0,0,0.1)}.container .output__field table,.container .output__field th,.container .output__field td{border-spacing:0;border:rgba(0,0,0,0.3) 1px solid}.container .output__field>*:first-child,.container .output__field blockquote>*:first-child{margin-top:0}.container .output__field>*:last-child,.container .output__field blockquote>*:last-child{margin-bottom:0}.container .output__info{color:#666;font-size:1.2rem;padding-left:2px}footer{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;padding:0 5% 20px 5%;color:#808080;font-size:1.3rem;text-shadow:rgba(0,0,0,0.3) 1px 1px 3px}footer p{text-align:center}footer a{color:#b5b5b5}footer a:hover{color:#dedede}@media screen and (max-width: 650px){footer br{display:none}}