@media (max-width:600px){nav{left:0;right:0;justify-content:center}}nav .brand{font-size:1.5rem;font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:font-size .3s ease;margin-right:var(--nav-initial-gap);display:flex;align-items:center;gap:11px}@media (max-width:600px){nav .brand{font-size:1.25rem;margin-right:0;flex-direction:column}}nav .link{font-size:1rem}nav .vault-name{font-size:.8rem;background:#121212;padding:2px}.login{padding:5px;display:flex;flex-direction:column;gap:5px}.login h2{font-size:1.6rem}.login h2,.login p{-webkit-user-select:none;-moz-user-select:none;user-select:none}.login p{font-size:.8rem}.login form{display:flex;flex-direction:column;gap:5px;width:257px;margin-top:5px}.login .remember{display:flex;justify-content:flex-start;align-items:center;font-size:.7rem;gap:5px;margin-top:7px;margin-bottom:7px}.alert{--alert-danger-background:#b71c1c;--alert-danger-border:#d32f2f;--alert-success-background:#1b5e20;--alert-success-border:#388e3c;--alert-warning-background:#ff6f00;--alert-warning-border:#ffa000;--alert-secondary-background:#6a1b9a;--alert-secondary-border:#8e24aa;--alert-info-background:#1976d2;--alert-info-border:#2196f3;padding:7px;font-size:.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column}.alert .code{font-weight:700;font-size:.7rem}.alert.danger{background-color:var(--alert-danger-background);border:1px solid var(--alert-danger-border)}.alert.success{background-color:var(--alert-success-background);border:1px solid var(--alert-success-border)}.alert.warning{background-color:var(--alert-warning-background);border:1px solid var(--alert-warning-border)}.alert.info{background-color:var(--alert-info-background);border:1px solid var(--alert-info-border)}.alert.secondary{background-color:var(--alert-secondary-background);border:1px solid var(--alert-secondary-border)}.floating-logout{position:absolute;bottom:0;right:0;padding:15px;font-size:.7rem;cursor:pointer}.vault.header{text-align:center;font-weight:700;font-size:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vaults{display:flex;flex-wrap:wrap;font-family:var(--font-mono);color:var(--vault-individual-color);gap:17px;justify-content:center}.vaults.col{flex-direction:row}.vaults .vault{width:120px;height:120px;text-align:center}.vaults .vault .inner{height:inherit;width:inherit;background-color:var(--vault-individual-background);border:1px solid var(--vault-individual-border);transition:width .3s ease;transition:height .3s ease;display:flex;align-items:center;justify-content:center;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vaults .vault .inner .icon{font-size:4.5rem}.vaults .vault .name{font-size:.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:600px){.vaults{gap:31px}}form.key-upload{display:flex;flex-direction:column;align-items:center;gap:5px}.custom-file-upload{border:1px solid #191919;display:inline-block;padding:6px 12px;height:45px;cursor:pointer;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.custom-file-upload:hover{border:1px solid gray;color:#d3d3d3}form.key-upload .submit{height:33px;width:125px;background-color:#4b4b4b;border:1px solid #7d7d7d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem}form.key-upload .submit:hover{height:33px;background-color:#7d7d7d;border:1px solid #4b4b4b}.vault.creation{max-width:500px}.vault.creation h1{font-size:1.3rem}.vault.creation h1,.vault.creation h2{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vault.creation h2{font-size:.8rem}.vault.creation p{font-size:.7rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vault.creation form{margin-top:11px;gap:11px}.vault.creation form input{height:31px}.vault.creation .vault{width:120px;height:120px;text-align:center}.vault.creation .vault .inner{height:inherit;width:inherit;background-color:var(--vault-individual-background);border:1px solid var(--vault-individual-border);transition:width .3s ease;transition:height .3s ease;display:flex;align-items:center;justify-content:center;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vault.creation .vault .inner .icon{font-size:4.5rem}.vault.creation .vault .name{font-size:.8rem;-webkit-user-select:none;-moz-user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;user-select:none}.vault.creation .actions{display:flex;gap:5px}.vault.deletion{max-width:500px}.vault.deletion h1{font-size:1.3rem}.vault.deletion h1,.vault.deletion h2{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vault.deletion h2{font-size:.8rem}.vault.deletion p{font-size:.7rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vault.unlocked{max-width:500px}.vault.unlocked h1{font-size:1.3rem}.vault.unlocked h1,.vault.unlocked h2{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vault.unlocked h2{font-size:.8rem}.vault.unlocked p{font-size:.7rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vault.unlocked .credentials{display:flex;min-height:250px;max-height:250px;word-break:break-all;overflow-y:scroll;flex-direction:column;gap:2px}.vault.unlocked .credentials .content{font-size:.7rem;max-height:150px;word-break:break-all;overflow-y:scroll}.vault.unlocked .credential{display:flex;background-color:#0e0e0e;max-height:23px;width:100%;font-size:.8rem;cursor:pointer;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vault.unlocked .credential:hover{background-color:#121212}.vault.unlocked .credential .info{display:flex;gap:7px;font-size:.7rem;align-items:center;padding:3px;font-weight:700;color:#f8f8ff}.vault.unlocked .credential .info .type{max-width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vault.unlocked .credential .info .name{font-size:.6rem;max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vault.unlocked .credential .actions{display:flex;gap:7px;padding:3px}@media (max-width:600px){.vault.unlocked{max-width:348px}}.credential.creation{max-width:500px}.credential.creation h1{font-size:1.3rem}.credential.creation h1,.credential.creation h2{-webkit-user-select:none;-moz-user-select:none;user-select:none}.credential.creation h2{font-size:.8rem}.credential.creation p{font-size:.7rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.credential.creation .vault{width:120px;height:120px;text-align:center}.credential.creation .vault .inner{height:inherit;width:inherit;background-color:var(--vault-individual-background);border:1px solid var(--vault-individual-border);transition:width .3s ease;transition:height .3s ease;display:flex;align-items:center;justify-content:center;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.credential.creation .vault .inner .icon{font-size:4.5rem}.credential.creation .vault .name{font-size:.8rem;-webkit-user-select:none;-moz-user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;user-select:none}.key-reveal{font-family:var(--font-mono);font-size:.7rem;display:flex;gap:3px;padding:5px;border-radius:3px;flex-direction:column}.key-reveal h2{font-size:.8rem;font-family:var(--font-sans);-webkit-user-select:none;-moz-user-select:none;user-select:none}.key-reveal .key{font-family:var(--font-mono);font-size:.7rem}.loading{position:fixed;top:92px;left:0;right:0;bottom:0;background-color:var(--background);display:flex;justify-content:center;align-items:center;font-size:2rem;z-index:1000}.loader{width:60px;aspect-ratio:1;--g:conic-gradient(from -90deg at 10px 10px,#fff 90deg,#0000 0);background:var(--g),var(--g) 10px 10px,var(--g) 20px 20px;background-size:50% 50%;animation:l15 1s infinite}@keyframes l15{90%,to{background-position:-30px 30px,-20px 40px,-10px 50px}}@media (max-width:600px){.loading{position:fixed;top:87px;left:0;right:0;bottom:0;background-color:var(--background);display:flex;justify-content:center;align-items:center;font-size:2rem;z-index:1000}}.divider{width:100%;height:1px;background:#191919;cursor:pointer}.flex-box{display:flex}.flex-box.col{flex-direction:column}