*{padding:0;margin:0;box-sizing:border-box}body{background-color:#000;color:#fff;font-family:sans-serif}button{padding:10px 20px;background-color:#1f1f1f;border:1px solid rgb(138,138,138);color:#fff;border-radius:8px;border:1.7px solid rgb(123,123,123)}.row{display:flex;justify-content:space-around;align-items:center}input{background-color:#242424;border:none;color:#fff;padding:10px 15px;border-radius:8px}input:focus{outline:none}.show-auths{min-height:100vh}.show-auths .auths{transition:margin ease .3s}.show-auths .auths.totps{padding-top:32px}.show-auths .auths .auth-item{display:flex;border-bottom:.3px solid rgba(128,128,128,.484);align-items:center}.show-auths .auths .auth-item .auth-box-1,.show-auths .auths .auth-item .auth-box-2{flex-grow:1}.show-auths .auths .auth-item input{width:22px;height:22px;accent-color:rgb(0,140,221);margin-right:15px;margin-left:15px;background-color:#000}.auth-box-1{-webkit-user-select:none;user-select:none}.auth-box-1 .name{font-size:22px;display:flex;justify-content:space-between;padding:16px 24px 16px 16px;border-bottom:.3px solid rgba(128,128,128,.484)}.auth-box-1 .name .text{letter-spacing:1.2px}.auth-box-1 .name .icon{color:#575757}.auth-box-1 .value{display:none}.auth-box-2{-webkit-user-select:none;user-select:none;padding:8px 24px 8px 20px}.auth-box-2 .name{display:flex;justify-content:space-between;margin-bottom:4px}.auth-box-2 .name .text{letter-spacing:1.2px;font-size:17px}.auth-box-2 .value-box{display:flex;justify-content:space-between}.auth-box-2 .value-box .values{display:flex;gap:8px}.auth-box-2 .value-box .value{font-size:32px;letter-spacing:3px;color:#00a2ff}.auth-box-2 .value-box .icon{color:#37454f;font-size:22px}.top-bar{position:fixed;top:-9px;width:100%;margin:0;padding:0;background-color:#000}.top-bar .items{background-color:#000;padding:12px 11px;display:flex;justify-content:space-between;border-bottom:.3px solid rgba(85,85,85,.785)}.top-bar .items .icons{margin-right:18px;display:flex;gap:24px;align-items:center}.top-bar .items .icons .cross-icon{font-size:22px}div.dot{height:.2px;width:5px;position:absolute;background-color:red}progress{height:8px;width:100%;margin:0;border-radius:0}progress::-webkit-progress-bar{background-color:#000;border-radius:7px}progress::-webkit-progress-value{background-color:#008ce9}.float-btn{position:fixed;bottom:25px;right:20px;border:none;background-color:#007fd3;background-color:#1d323e;padding:18px;border-radius:50%;display:flex;align-items:center}.float-btn .icon{font-size:20px;color:#000;color:#007fd3}.copied{background-color:#011a2b;color:#007fd3;padding:8px 22px;font-size:16px;position:fixed;top:22px;left:50%;border-radius:4px;translate:-50%}.create-totp{border-radius:8px;margin:8px;position:fixed;padding:30px 22px;width:98%;top:50%;translate:0 -60%;background-color:#000}.create-totp form input{background-color:#282828;width:100%;font-size:20px;margin-bottom:8px}.create-totp form .field{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:16px}.create-totp form .field input{margin-top:8px;width:60px;height:20px}.create-totp form .field span{flex-grow:1}.create-totp form .btns{margin-top:8px;display:flex;justify-content:end;gap:20px}.create-totp form .btns button.cancel{background-color:#272727;border:none;color:#fff;font-size:18px}.create-totp form .btns button.submit{background-color:#008ce9;border:none;color:#fff;font-size:18px}#overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#151515ae;z-index:999}.hidden{display:none}.new-create{display:flex;justify-content:start;flex-direction:column;align-items:center}.new-create .my-bar{margin-top:10px;width:100%;font-size:20px;padding:18px 20px;display:flex;gap:28px}.new-create .my-bar .icon{color:#0095ff}.new-create form{flex-grow:1;width:95%;margin-top:25px;padding:0 15px;display:flex;flex-direction:column;max-width:500px;gap:24px}.new-create form input{font-size:19px;padding:12px 14px}.new-create form button{padding:11px 26px;border:0px;background-color:#009dff;font-size:20px;margin-right:20px}.new-create form .field{display:flex;margin-top:12px;padding-left:16px;gap:20px}.new-create form .field input{accent-color:rgb(0,149,255);height:20px;width:20px}.new-create .flex{display:flex;justify-content:space-between;align-items:center}.new-create .flex .acc{position:relative;width:180px}.new-create .flex .acc .type{position:absolute;top:-5px;font-size:12px;background-color:#000;color:#0095ff;padding:0 6px;left:16px}.new-create .flex .acc .head{display:inline-block;width:100%;padding:18px 20px;border:1px solid rgb(12,88,159);border-radius:6px}.new-create .flex .acc .body{position:absolute;border-radius:6px;padding:8px 6px;width:100%;gap:5px;background-color:#292929;display:flex;flex-direction:column;top:calc(100% + 5px)}.new-create .flex .acc .body .item{padding:8px 10px}.sign-up,.sign-in{min-height:100vh;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:20px}.sign-up input{width:300px}.sign-up p{font-size:14px;text-align:center}.google-signin p.google{background-color:#005eff;border-radius:4px;padding:8px 12px;cursor:pointer}