html,body{background-color:#162736;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%}.content-container{background-color:#0000;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow-y:auto}.landing-title{color:#fff;margin:0;padding:0;position:relative}.landing-title h1{color:#fff;text-align:center;margin:0;padding:0 0 20px;font-family:Arial,Helvetica,sans-serif;font-size:70px;position:relative}.landing-text p{color:#8b8d8f;text-align:center;margin:0;padding:0 0 20px;font-family:Arial,Helvetica,sans-serif;font-size:20px;position:relative}.buttons-container{flex-direction:row;margin-top:30px;margin-bottom:200px;display:flex}.buttons-container button{color:#fff;cursor:pointer;border:none;border-radius:8px;margin-left:50px;margin-right:50px;padding:12px 24px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s}.register-btn{background-color:#4f46e5}.register-btn:hover{background-color:#6366f1}.login-btn-landing{background-color:#2770d6}.login-btn-landing:hover{background-color:#2d82fa}#login-container{background-color:#0f2f4d;border:1px solid #aeb4bd;border-radius:50px;width:500px;height:500px;padding:30px}#login-container h1{color:#fff;padding-bottom:20px;font-family:Arial,Helvetica,sans-serif;font-size:50px}.submit-btn-container{column-gap:30px}.form-container h1{color:#fff;margin-bottom:0;padding-bottom:20px;font-family:Arial,Helvetica,sans-serif;font-size:50px}.form-container h2{color:red;margin-top:0;font-family:Arial,Helvetica,sans-serif;font-size:20px}.submit-container{flex-direction:row;justify-content:end;display:flex}.unverified-warning-outer-container{flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.unverified-warning-inner-container{background-color:#0f2f4d;border:1px solid #fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:min(700px,40%);height:min(300px,30%);display:flex;overflow:hidden}.unverified-warning-inner-container button{color:#fff;cursor:pointer;border:none;border-radius:8px;margin-left:50px;margin-right:50px;padding:12px 24px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s;overflow:hidden}.unverified-warning-inner-container span{color:#fff;margin-bottom:30px;margin-left:20px;font-family:Arial,Helvetica,sans-serif;font-size:20px;overflow:hidden}.send-new-link-button{background-color:#2770d6}.send-new-link-button.hidden{display:none}.send-new-link-button:hover{background-color:#2d82fa}.content-container.dashboard{justify-content:start}.title{color:#fff;margin:0;padding:5px 0 0 10px;font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:700}.header-bar{flex-direction:row;justify-content:space-between;width:100%;height:50px;display:flex}.signed-in-user-label{color:#fff;margin:0;padding:10px 10px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:20px}.signed-in-user{color:#d8d7d7;margin:0;padding:10px 30px 5px 5px;font-family:Arial,Helvetica,sans-serif;font-size:20px}.sign-out-btn-container{flex-direction:row;padding-top:10px;padding-right:20px;display:flex}.sign-out-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;padding:8px 16px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s}.sign-out-btn:hover{background-color:#6366f1}.folder-card-settings-btn{color:#9b9ca0;cursor:pointer;background-color:#1e364b;border:none;margin:5px 5px 0 0;padding:0;transition:background-color .15s}.folder-card-settings-btn:hover{color:#2d82fa}.folder-card{background-color:#1e364b;border:1px solid #fff;border-radius:10px;width:min(1200px,90%);min-height:50px;margin:50px 0 0;padding:0}.folder-card-title-container{flex-direction:row;padding-top:5px;padding-left:5px;display:flex}.folder-card-title{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:20px}.drawer-handle-container{-webkit-user-select:none;user-select:none;color:#a3a3a3;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:20px;display:flex}.drawer-handle{-webkit-user-select:none;user-select:none;color:#a3a3a3;border-top:1px solid #a3a3a3;flex-direction:column;justify-content:center;justify-self:center;align-items:center;width:min(400px,30%);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:20px;display:flex}.drawer-handle:hover{color:#fff;cursor:grab;border-top:1px solid #fff}.drawer-handle p{margin:0;padding:0}.drawer-arrow-flipped{transform:rotate(-180deg)}.add-link-btn-container{justify-content:end;width:1200px;margin:50px 0 0;padding:0;display:flex}.add-link-btn-closed{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;padding:8px 16px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s}.add-link-btn-closed:hover{background-color:#6366f1}.add-link-btn-open{color:#fff;cursor:pointer;background-color:#b82c2c;border:none;border-radius:8px;padding:8px 16px;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:500;transition:background-color .15s}.add-link-btn-open:hover{background-color:#b84e4e}.add-link-form-container{background-color:#1e364b;border:1px solid #fff;border-radius:10px;width:1200px;margin:25px 0 0;padding:0}.add-link-form-container.hidden{display:none}.add-link-form-container p:not(.error-msg){color:#fff;margin:10px 0 0 10px;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:30px}.add-link-form label{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:20px}.add-link-form input:not(.submit-btn){color:#000;border-radius:5px;font-family:Arial,Helvetica,sans-serif;font-size:20px}.form-input-container{margin:10px 0 0 10px;padding:0}.folder-name-input{width:50%}.folder-creation-container{flex-direction:row;justify-content:start;padding-bottom:10px;display:flex}.folder-creation-container.hidden{display:none}.submit-container{flex-direction:row;flex-grow:1;display:flex}.submit-btn{color:#fff;cursor:pointer;background-color:#0f76fd;border:none;border-radius:8px;margin:10px 10px 10px 0;padding:8px 16px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s}.error-msg{color:red;margin:10px 20px 0 0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:20px}.link-bin{flex-direction:column;align-items:center;margin:10px 0;padding:0;display:flex}.link-bin.hidden{display:none}.link-container-right{flex:1;grid-template-columns:1fr 1fr auto;align-items:center;gap:4px;display:grid}.tag-ellipsis{color:#fff;-webkit-user-select:none;user-select:none;width:30px;margin:0 3px 0 0;padding:0;font-size:25px}.link-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;justify-content:start;min-width:100px;max-width:300px;margin:0;padding:0 10px;font-size:18px;display:block;overflow:hidden}.link-url{color:#1f7af0;white-space:nowrap;text-overflow:ellipsis;justify-content:start;margin:0;padding:0;font-size:16px;display:block;overflow:hidden}.tags-container{text-overflow:ellipsis;grid-template-columns:repeat(6,auto);justify-self:end;gap:4px;width:fit-content;max-height:27px;margin:3px 5px;padding:0;display:grid;overflow:hidden}.link-container p{margin:0;padding:0}.tag{white-space:nowrap;text-overflow:ellipsis;background-color:#3730a3;border:1px solid #6366f1;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;width:fit-content;min-width:50px;max-width:300px;height:25px;display:flex;overflow:hidden}.tag p{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:300px;margin:0;padding:0 5px;font-size:15px;overflow:hidden}.link-expander{color:#fff;-webkit-user-select:none;user-select:none;margin:0 10px 0 5px;padding:0;font-size:25px;transform:rotate(90deg)}.link-expander.expanded{transform:rotate(-90deg)}.link-expander:hover{color:#6595ee;cursor:pointer}.link-container-expanded{cursor:pointer;border:none;flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}.link-container-expanded.hidden{display:none}.link-container-right-expanded{flex:1;grid-template-columns:1fr 1fr auto;align-items:center;gap:4px;display:grid}.link-title-expanded{color:#fff;word-break:break-all;justify-content:start;min-width:100px;max-width:300px;margin:0;padding:0 10px;font-size:18px;display:block}.link-url-expanded{color:#1f7af0;word-break:break-all;justify-content:start;min-width:100px;max-width:400px;margin:0;padding:0;font-size:16px;display:block}.tags-container-expanded{grid-template-columns:repeat(6,auto);justify-self:end;gap:4px;width:fit-content;margin:3px 5px;padding:0;display:grid}.link-outer-container{background-color:#293846;border:1px solid #807878;border-radius:5px;flex-direction:row;justify-content:space-between;width:90%;margin:5px 0;padding:0;display:flex}.blue-outline-hover:hover{border:1px solid #0f76fd}.link-container{cursor:pointer;border:none;flex-direction:row;flex:1;justify-content:center;align-items:center;display:flex}.link-container.hidden{display:none}.link-buttons-container{flex-direction:row;justify-content:end;margin-right:5px;display:flex}.link-buttons-container.hidden{display:none}.edit-link-btn{color:#fff;background-color:#2770d6;border:none;border-radius:10px;align-self:center;width:35px;height:30px;margin:0 2px;padding:0}.edit-link-btn span{place-self:center;font-size:20px;translate:0 2px}.edit-link-btn:hover{cursor:pointer;background-color:#2d82fa}.delete-link-btn{color:#fff;background-color:#b82c2c;border:none;border-radius:10px;align-self:center;width:35px;height:30px;margin:0 2px;padding:0}.delete-link-btn span{place-self:center;font-size:20px;translate:0 2px}.delete-link-btn:hover{cursor:pointer;background-color:#b84e4e}.folder-card-header-container{flex-direction:row;justify-content:space-between;margin:0 5px;padding:0;display:flex}.folder-title-edit-btn{cursor:pointer;background-color:#1e364b;border:none;margin:0 10px;padding:0;transition:background-color .15s}.folder-title-edit-btn.hidden{display:none}.folder-title-edit-btn-icon{color:#fff}.folder-title-edit-btn-icon:hover{cursor:pointer;color:#2d82fa}.accept-card-title-btn{background-color:#2770d6;border:none;border-radius:10px}.accept-card-title-btn:hover{cursor:pointer;color:#1ee21e;background-color:#2d82fa}.accept-card-title-btn.hidden{display:none}.accept-card-title-icon{color:#fff}.accept-card-title-icon.green{color:#1ee21e}.card-title-form.hidden,.folder-card-title.hidden{display:none}.link-edit-form-container{flex-direction:row;display:flex;overflow:auto}.link-edit-form-container.hidden{display:none}.link-edit-form{grid-template-columns:repeat(5,auto);gap:5px;margin:10px;padding:0;display:grid}.link-edit-form.five-rows{grid-template-columns:repeat(5,auto)}.link-edit-form label{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:20px}.edit-form-new-folder-name-label.hidden,.edit-form-new-folder-name-input.hidden{display:none}.folder-card-header-buttons-container{flex-direction:row;justify-content:center;gap:5px;margin-top:10px;display:flex}.open-all-links-btn{background-color:#2770d6;border:none;border-radius:10px}.open-all-links-btn:hover{background-color:#2d82fa}.open-all-links-span{color:#fff;font-size:15px}.open-all-links-icon{vertical-align:middle;color:#fff;font-size:20px}.register-container{background-color:#0f2f4d;border:1px solid #aeb4bd;border-radius:50px;width:500px;height:600px;padding:30px}.register-container.hidden{display:none}.register-container h1{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:50px}.register-container h2{color:red;margin-top:0;font-family:Arial,Helvetica,sans-serif;font-size:20px}.back-btn-box{position:fixed;top:40px;left:40px}.back-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;padding:12px 24px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s}.back-btn:hover{background-color:#6366f1}.form-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.submit-container{flex-direction:row;justify-content:end;width:100%;margin-top:10px;display:flex}.submit-btn{color:#fff;cursor:pointer;opacity:1;background-color:#2770d6;border:none;border-radius:8px;padding:12px 24px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s}.submit-btn[disabled]{opacity:.7}.submit-btn:hover{background-color:#2d82fa}.auth-input{flex-direction:column;width:100%;display:flex}.auth-input label{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:20px}.auth-input-label-container{flex-direction:row;display:flex}.auth-input label.required-field-label{color:red;padding-left:10px;font-family:Arial,Helvetica,sans-serif;font-size:20px}.auth-input input{color:#091324;border-radius:10px;width:400px;height:40px;font-family:Arial,Helvetica,sans-serif;font-size:20px}.verify-container{background-color:#0f2f4d;border:1px solid #fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:min(700px,40%);height:min(300px,30%);display:flex;overflow:hidden}.verify-container span{color:#fff;margin-bottom:30px;margin-left:20px;margin-right:20px;font-family:Arial,Helvetica,sans-serif;font-size:20px}.login-btn-register{color:#fff;cursor:pointer;background-color:#2770d6;border:none;border-radius:8px;margin-top:30px;margin-left:50px;margin-right:50px;padding:12px 24px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s}.login-btn-register:hover{background-color:#2d82fa}.verify-outer-container{flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.verify-inner-container{background-color:#0f2f4d;border:1px solid #fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:min(700px,40%);height:min(300px,30%);display:flex}.verify-inner-container button{color:#fff;cursor:pointer;border:none;border-radius:8px;margin-left:50px;margin-right:50px;padding:12px 24px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s}.verify-inner-container span{color:#fff;margin-bottom:30px;margin-left:10px;font-family:Arial,Helvetica,sans-serif;font-size:20px}