@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/*!
 * "Fork me on GitHub" CSS ribbon v0.2.3 | MIT License
 * https://github.com/simonwhitaker/github-fork-ribbon-css
*/.github-fork-ribbon{font-size:13px;height:12.1em;overflow:hidden;pointer-events:none;position:absolute;right:0;text-decoration:none;text-indent:-999999px;top:0;width:12.1em;z-index:9999}.github-fork-ribbon.fixed{position:fixed}.github-fork-ribbon:active,.github-fork-ribbon:hover{background-color:#0000}.github-fork-ribbon:after,.github-fork-ribbon:before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:initial;display:block;height:1.54em;position:absolute;right:-3.23em;top:3.23em;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:15.38em}.github-fork-ribbon:before{background-color:#a00;background-image:-webkit-gradient(linear,left top,left bottom,from(#0000),to(#00000026));background-image:-webkit-linear-gradient(top,#0000,#00000026);background-image:-moz-linear-gradient(top,#0000,#00000026);background-image:-ms-linear-gradient(top,#0000,#00000026);background-image:-o-linear-gradient(top,#0000,#00000026);background-image:linear-gradient(180deg,#0000,#00000026);-webkit-box-shadow:0 .15em .23em 0 #00000080;-moz-box-shadow:0 .15em .23em 0 #00000080;box-shadow:0 .15em .23em 0 #00000080;content:"";padding:.38em 0;pointer-events:auto}.github-fork-ribbon:after{border-color:#ffffffb3;border-style:dotted;border-width:.08em 0;color:#fff;content:attr(data-ribbon);font:700 1em Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.54em;margin:.15em 0;padding:.15em 0;text-align:center;text-decoration:none;text-indent:0;text-shadow:0 -.08em #00000080}.github-fork-ribbon.left-bottom,.github-fork-ribbon.left-top{left:0;right:auto}.github-fork-ribbon.left-bottom,.github-fork-ribbon.right-bottom{bottom:0;top:auto}.github-fork-ribbon.left-bottom:after,.github-fork-ribbon.left-bottom:before,.github-fork-ribbon.left-top:after,.github-fork-ribbon.left-top:before{left:-3.23em;right:auto}.github-fork-ribbon.left-bottom:after,.github-fork-ribbon.left-bottom:before,.github-fork-ribbon.right-bottom:after,.github-fork-ribbon.right-bottom:before{bottom:3.23em;top:auto}.github-fork-ribbon.left-top:after,.github-fork-ribbon.left-top:before,.github-fork-ribbon.right-bottom:after,.github-fork-ribbon.right-bottom:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body{background:#f5f7f8;color:#000;font-family:Open Sans,sans-serif;font-size:16px}::selection{background:#03b44c;color:#fff}.app-container{box-sizing:border-box;margin:0 auto;max-width:800px}@media (max-width:509px){.app-container{padding:16px}}@media (min-width:510px) and (max-width:799px){.app-container{padding:16px}}@media (min-width:800px){.app-container{padding:32px}}.github-fork-ribbon{transition:visibility 0s linear 0s,opacity .15s ease-in}.github-fork-ribbon:before{background-color:#333}.github-fork-ribbon:after{font-family:inherit;font-weight:600}@media (max-width:899px){.github-fork-ribbon{opacity:0;transition:visibility 0s linear .15s,opacity .15s ease-out;visibility:hidden}}h1{font-size:2rem}h1,h2{font-weight:300;margin:0 8px 16px}h2{font-size:1.5rem}.options-container{display:grid}.options-container>*{margin-bottom:8px;padding:0 8px}.options-container>* .option-label{box-sizing:border-box;display:flex}.options-container>* .option-label .option-name{flex-grow:1;font-weight:600}@media (max-width:509px){.options-container{grid-template-columns:1fr}.options-container>{grid-column:1}.options-container>:first-child{grid-row:1}.options-container>:nth-child(2){grid-row:2}.options-container>:nth-child(3){grid-row:3}.options-container>:nth-child(4){grid-row:4}.options-container>:nth-child(5){grid-row:5}.options-container>:nth-child(6){grid-row:6}.options-container>:nth-child(7){grid-row:7}.options-container>:nth-child(8){grid-row:8}}@media (min-width:510px){.options-container{grid-template-columns:1fr 32px 1fr}.options-container>:nth-child(odd){grid-column:1}.options-container>:nth-child(2n){grid-column:3}.options-container>:nth-child(n+1):nth-child(-n+2){grid-row:1}.options-container>:nth-child(n+3):nth-child(-n+4){grid-row:2}.options-container>:nth-child(n+5):nth-child(-n+6){grid-row:3}.options-container>:nth-child(n+7):nth-child(-n+8){grid-row:4}.options-container>:last-child{grid-column:1}.options-container>:nth-last-child(2){grid-column:3}}.slider-option .option-label .option-value{opacity:.67}.slider-option .slider{box-sizing:border-box}.switch-option{margin-bottom:16px}.switch-option .option-label .option-value,.switch-text-option .option-label .option-value{margin:-12px 0}.switch-text-option .text-field .text-input{font-family:Source Code Pro,monospace;font-weight:400}.password-generator{border:1px solid #dadada;border-radius:16px;box-shadow:0 4px 16px #0000000d,0 2px 4px #00000012;display:flex;margin-bottom:24px;overflow:hidden}.password-generator .password{align-items:center;background-color:#fff;border:none;border-bottom-left-radius:16px;border-top-left-radius:16px;color:#000;display:flex;flex-grow:1;font-family:Source Code Pro,monospace;font-weight:400;height:32px;min-width:0;padding:0 12px;transition:color .15s}.password-generator .password.loading{color:#00000075;transition:none}.password-generator .password.error{color:#f44336}.password-generator button{-webkit-tap-highlight-color:transparent;background-color:#20bf55;border:1px dotted #0000;border-left:1px solid #ffffff80;border-radius:0;box-sizing:border-box;color:#fff;cursor:pointer;flex-shrink:0;height:32px;outline:none;padding:7px 11px;transition:background-color .15s,color .15s,border-color .15s;user-select:none;width:40px}.password-generator button:last-of-type{border-bottom-right-radius:16px;border-top-right-radius:16px}.password-generator button:disabled{background-color:#ababab;cursor:default}.password-generator button:focus{outline:none}@media (hover:hover){.password-generator button:hover:not(:disabled){background-color:#1ca549;color:#ffffffe6}}.password-generator button.focus-visible{background-color:#199844;border:1px dotted #000;color:#ffffffe0}.password-generator button.focus-visible:disabled{background-color:#949494}.password-generator button:active:not(:disabled){background-color:#178b3e;color:#ffffffd9}.password-generator button:active:not(:disabled) svg{transform:scale(.85)}.password-generator button svg{height:16px;transition:transform .1s;width:16px}