@import"https://fonts.cdnfonts.com/css/rem";@import"https://fonts.cdnfonts.com/css/rubik-2";i{display:block;height:24px;width:24px;background-size:cover;background-position:center;background-repeat:no-repeat}.lock-icon{background-image:url(/icons/lock-icon.svg)}.github-icon{background-image:url(/icons/github-icon.svg)}html,body{margin:0;padding:0;overflow-x:hidden;width:100vw;height:100%;font-family:system-ui,sans-serif;background-color:#ededf3;color:#222}.homepage{display:flex;flex-direction:column;align-items:center;min-height:100vh;font-family:REM,sans-serif}.homepage .content{flex-grow:1;width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center;justify-content:center}.homepage .content .app-banner{margin:2rem auto;padding:1.25rem;width:80%;max-width:600px;border:3px solid #007acc;border-radius:.75rem;background-color:#f0f8ff;box-shadow:0 4px 12px #00000014;text-align:center}.homepage .content .app-banner .banner-title{font-size:1.5rem;font-weight:600;color:#007acc;margin-bottom:.5rem}.homepage .content .app-banner .banner-message{font-size:1rem;margin-top:.5rem;max-width:90%;margin-left:auto;margin-right:auto;color:#444;line-height:1.4}.footer{display:flex;justify-content:center;align-items:center;gap:1.25rem;padding:1rem 2rem;border-top:4px solid #444;width:100%;background-color:#eee;font-size:.95rem;color:#333;box-shadow:0 -2px 8px #0000000d}.generate-password{border:2px solid #007acc;border-radius:.75rem;background:#fff;box-shadow:0 4px 12px #0000000f;margin:2rem auto;width:fit-content;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.generate-password .title{font-size:1.5rem;font-weight:600;color:#007acc;margin-bottom:.5rem}.generate-password .select-hash{font-size:1.15rem;padding:.4rem .6rem;border-radius:.375rem;border:1px solid #ccc;background-color:#f9f9f9}.generate-password .select-hash:hover,.generate-password .select-hash:focus{border-color:#007acc;outline:none}.generate-password .button-and-key{display:flex;flex-direction:column;align-items:center;gap:1rem}.generate-password .button-and-key .displayed-password{width:300px;padding:.75rem 1rem;border:2px solid #007acc;border-radius:.5rem;background-color:#f9f9f9;font-family:monospace;font-size:.95rem;color:#333;text-align:center;-webkit-user-select:all;user-select:all;overflow-x:auto;white-space:nowrap;word-break:break-all}.generate-password .button-and-key .generate-password-button{font-size:1.1rem;padding:.5rem 1.25rem;background-color:#222;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease}.generate-password .button-and-key .generate-password-button:hover{background-color:#007acc}.generate-password .button-and-key .generate-password-button:active{background-color:#005f99}.titlebar{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:4px solid #444;width:100%;background-color:#eee;box-shadow:0 2px 8px #0000000d}.titlebar__logo-and-name{display:flex;align-items:center;gap:.25rem;margin-left:1rem}.titlebar__logo-and-name__logo{height:36px;width:36px;object-fit:contain}.titlebar__logo-and-name__name{margin:0;font-size:1.75rem;font-weight:700;color:#007acc;white-space:nowrap;font-family:Rubik,sans-serif}