a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-display:swap;font-family:FugazOne;font-style:normal;font-weight:700;src:url(../fonts/FugazOne-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:SourceCodePro;font-style:normal;src:url(../fonts/SourceCodePro-Regular.ttf) format("truetype")}.legible{font-size:16px;line-height:1.3em}.legible .form,.legible blockquote,.legible div,.legible h1,.legible h2,.legible h3,.legible h4,.legible h5,.legible h6,.legible ol,.legible p,.legible pre code:first-child,.legible table,.legible ul{margin-top:1.5em}.legible :first-child{margin-top:0}.legible form{display:block}.header-1,.legible .header-1,.legible h1{font-size:3.375em;font-weight:700;line-height:1.3em}.header-2,.legible .header-2,.legible h2{font-size:2.25em;font-weight:700;line-height:1.3em}.header-3,.legible .header-3,.legible h3{font-size:1.5em;font-weight:700;line-height:1.3em}.header-4,.legible .header-4,.legible h4{font-weight:700}.header-5,.legible .header-5,.legible h5{font-style:italic;font-weight:700}.header-6,.legible .header-6,.legible h6{font-style:italic}.legible ol,.legible ul{list-style-position:outside;margin-left:1.5em;padding-left:0}.legible ul{list-style-type:disc}.legible ol{list-style-type:decimal}.legible b,.legible strong{font-weight:700}.legible em,.legible i{font-style:italic}.legible pre{white-space:pre-wrap}.legible code{background-color:#222;border-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,.2);color:#fff;font-family:Monaco,Courier,Courier New,monospace;overflow-x:auto;vertical-align:bottom}.legible pre code{display:block}.legible blockquote{border-left:5px solid #222;font-style:italic;padding-left:1rem}.legible .small,.legible small,.legible-small{font-size:75%}.legible .preamble{font-size:1.2rem;line-height:1.5em}body,html{min-height:100vh}body{background-color:#fff;display:flex;flex-direction:column;font-size:16px;line-height:1.5rem}body.disable-scroll{overflow:hidden}main{flex:1;margin:calc(40px + .5rem) 0 3rem}main>section{padding-left:1rem;padding-right:1rem}.center,header.nav-open nav ul{margin-left:auto;margin-right:auto;max-width:876px;position:relative}#app{min-height:450px}section{padding:3rem 0;position:relative}section.divider{background-color:#e1ecdc}.buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.button.button--mobile{display:none;padding:1rem}.button{background-color:#ea534c;border:2px solid transparent;border-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-weight:700;padding:.3rem .5rem;text-transform:uppercase}.button:hover{background-color:#d04e48;box-shadow:none;color:#fff}.button:focus-visible{border:2px solid #fff;outline-color:#607d62!important;outline-style:solid;outline-width:2px}.button--generate{align-content:center;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin-left:.5rem}.button--round{background-position:50%;background-repeat:no-repeat;background-size:16px;border-radius:100%;display:inline-flex;font-size:0;justify-content:center;padding:.5rem;position:relative;text-transform:uppercase}.button--round:before{content:"";display:inline-block;height:16px;width:16px}.button--copy:before{background-image:url(../images/copy-solid-white.svg)}.button--analyse:before{background-image:url(../images/magnifying-glass-solid-white.svg)}footer{background:#222;color:#fff;margin-top:3rem;padding:3rem 0 0}footer>*{display:flex;justify-content:space-between;padding-left:1rem;padding-right:1rem}footer a{color:#fff;font-family:SourceCodePro;text-decoration-thickness:1px}footer a:hover{color:#fff;opacity:.8}footer .image{height:200px;position:relative;width:200px}footer .image,footer .image img{border-radius:50%}footer .footer-content .legible{margin-left:40px}footer .footer-legal{background:#111;margin-top:3rem;padding:1rem 0}.label,label{display:block;font-size:.75rem;font-weight:700;line-height:1em;margin-bottom:.5rem}input[type=number],input[type=text]{font-family:SourceCodePro;height:26px;padding:8px;width:calc(100% - 1rem)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoycHh9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImNoZXZyb24tYm90dG9tIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xNiAyMC41LTktOU0yNSAxMS41bC05IDkiLz48L2c+PC9zdmc+) no-repeat 95% 50% #fff;background-size:1.5rem;border-radius:5px;border-width:0;color:#222;font-family:SourceCodePro;height:40px;padding:.5rem;width:100%}select:disabled{opacity:.5}select:focus-visible{box-shadow:2px 2px 2px rgba(0,0,0,.2)}.checkbox input{display:none}.checkbox label{align-items:center;background:#fff;border-radius:5px;display:flex;font-size:14px;font-weight:400;height:40px;margin-bottom:0}.checkbox label:before{align-items:center;background-color:#eee;border-radius:5px;content:"";cursor:pointer;display:inline-flex;height:28px;margin:.5rem;width:28px}.checkbox input:checked+label:before{background-image:url(../../images/check.svg);background-position:50%;background-repeat:no-repeat;background-size:14px}.checkbox-focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border:0!important;outline-color:#607d62!important;outline-style:solid;outline-width:2px}.checkbox label:hover,input:hover,select:hover,textarea:hover{border:0!important;color:#607d62}body.scroll-down header{transform:translate3d(0,-100%,0)}header{background-color:#fff;background-position:0 100%;background-size:cover;color:#222;position:fixed;top:0;transition:transform .4s;width:100%;z-index:9999}header .logo-link{text-decoration:none}header.nav-open nav header>ul,header>.center{align-items:center;display:flex;padding:.5rem 1rem}header nav{display:flex;flex:1 1 auto;justify-content:flex-end;overflow:auto;position:relative}header nav ul{display:none}header nav a{color:#222;display:inline-block;font-size:1.2rem;margin-bottom:.5rem;padding:.2rem}header #nav-toggle-button{background-color:transparent;background-image:url(../images/bars-solid.svg);background-position:50%;background-repeat:no-repeat;background-size:16px;border:2px solid transparent;border-radius:10px;color:#222;cursor:pointer;font-size:0;height:16px;margin-left:auto;padding:1rem;width:16px}header #nav-toggle-button:focus,header #nav-toggle-button:focus-visible,header #nav-toggle-button:hover{background-color:#607d62;background-image:url(../images/bars-solid-white.svg);border:2px solid #fff;outline-color:#607d62!important;outline-style:solid;outline-width:2px}header.nav-open #nav-toggle-button{background-image:url(../images/xmark-solid.svg)}header.nav-open #nav-toggle-button:focus,header.nav-open #nav-toggle-button:focus-visible,header.nav-open #nav-toggle-button:hover{background-image:url(../images/xmark-solid-white.svg)}header.nav-open nav{align-items:flex-start;background-color:#fff;bottom:0;display:flex;height:calc(100vh - 40px - 1rem);justify-content:flex-start;padding:1rem;z-index:9999}header.nav-open nav ul{display:block;position:relative;width:876px}.notification{background:#333;border-radius:.5rem;bottom:2rem;box-shadow:2px 2px 2px rgba(0,0,0,.2);color:#fff;display:none;font-size:.8rem;left:50%;max-width:500px;min-width:300px;padding:1rem;position:fixed;text-align:center;transform:translateX(-50%);z-index:9999}.password-generator-section{padding:0}.password-generator-container:after,.password-generator-container:before{content:"";height:75%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.password-generator-container:before{background-color:#fff;box-shadow:inset 0 0 6px 0 #999;z-index:1}.password-generator-container:after{background-image:url(../images/circuit-board.svg);opacity:.1;z-index:2}.password-info-and-options{display:flex;gap:2rem}.password-generator{background:#e1ecdc;background:linear-gradient(180deg,#e1ecdc 35%,#d3e3cb);border-radius:20px;box-shadow:2px 2px 2px rgba(0,0,0,.2);overflow:hidden;padding:1rem;position:relative;text-align:center;z-index:3}.password-generator .password-field{align-items:center;background-color:#fff;border-radius:1rem;color:#222;display:flex;justify-content:center;padding-left:.5rem;padding-right:.5rem;position:relative;text-align:center;width:calc(100% - 1rem)}.password-generator .password-field .password{border:0;border-radius:10px;font-family:SourceCodePro;font-size:1.5rem;font-weight:700;line-height:1.2em;min-height:30px;padding:.5rem 1rem;position:relative;text-align:left;width:100%;word-break:break-all;z-index:1}.password-generator .password-field .password:focus{outline:none}.password-generator .password-field .password:hover{color:inherit}.password-generator .password-field .password.password-loading{opacity:.5}.password-generator .source{display:flex;font-size:12px;margin-bottom:1rem;text-transform:capitalize}.password-generator .source>*{margin-right:.5rem}.password-generator .source>:last-child{margin-right:0}.password-generator .options{grid-row-gap:1rem;grid-column-gap:1rem;display:grid;grid-template-columns:1fr 1fr;margin-top:2rem}.password-info{align-items:center;background:#607d62;border-radius:10px;color:#fff;display:flex;flex:1;justify-content:center;margin-top:2rem;min-height:120px;padding:1rem;position:relative}.password-info .password-info__content{align-content:center;border:2px dashed #fff;border-radius:10px;display:flex;flex-direction:column;height:calc(100% - 2rem);justify-content:center;padding:1rem;width:calc(100% - 2rem)}.password-info ::-moz-selection{background:#fff;color:#607d62}.password-info ::-moz-selection,.password-info ::selection{background:#fff;color:#607d62}.strength-summary strong{display:block;font-family:FugazOne;font-size:1.3rem;margin-bottom:.5rem;text-decoration:underline;text-decoration-thickness:2px}.raised{font-size:.6rem;margin-left:1px;position:relative;top:-2px;vertical-align:top}.breached{font-weight:700}table{width:100%}table td{text-align:left}@media (max-width:876px){.legible,body{font-size:15px}.header-1,.legible .header-1,.legible h1{font-size:2.3rem}.header-2,.legible .header-2,.legible h2{font-size:1.8rem}.header-3,.legible .header-3,.legible h3{font-size:1.4rem}.password-info-and-options{flex-direction:column}.password-generator .options{margin-top:0}.password-generator .password-field{font-size:1.25rem}.password-generator .password-info{width:calc(100% - 2rem)}.password-generator .password-field .button{display:none}.password-generator .button--mobile{display:inline-block}footer{text-align:center}footer .image{padding-bottom:1rem}footer>*{align-items:center;flex-direction:column}footer .footer-content .legible{margin-left:0}}@media (max-width:500px){.legible,body{font-size:14px}.header-1,.legible .header-1,.legible h1{font-size:1.6rem}.header-2,.legible .header-2,.legible h2{font-size:1.3rem}.header-3,.legible .header-3,.legible h3{font-size:1.1rem}.password-generator .options{grid-template-columns:1fr}.password-generator .buttons{flex-direction:column}}.header-1,.header-2,.header-3,.header-4,.header-5,.header-6,h1,h2,h3,h4,h5,h6{font-family:FugazOne}body{font-family:SourceCodePro}a,body{color:#222}a{font-family:FugazOne;text-decoration-thickness:2px;text-underline-offset:4px}::-moz-selection{background:#607d62;color:#fff}::-moz-selection,::selection{background:#607d62;color:#fff}.sr-only{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.main-content-link:focus{align-items:center;background-color:#607d62;color:#fff;display:flex;height:1em;justify-content:center;left:0;overflow:auto;padding:1rem 0;position:relative;top:0;width:100vw}.main-content-link:focus+header{position:relative}a:focus-visible{border:0!important;outline-color:#607d62!important;outline-style:solid;outline-width:2px}a:hover{border:0!important;color:#607d62}