@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.auth-form-container{width:100vw;height:100vh;background:linear-gradient(90deg,#f4e785,#f2458a,#a579f1);display:flex;align-items:center;justify-content:center}.search-box{display:flex;align-items:center;width:100%;height:2.5rem;margin-top:1rem;margin-bottom:1rem;border:1px solid #d0d4d9;border-radius:20px;grid-area:search-box}.search-input{flex:1;padding:.5rem 0rem;border:none;border-radius:12px;margin-right:.5rem}.search-input:focus{outline:none}.search-icon{margin-right:.5rem;margin-left:1rem}.search-button{display:none;height:2.5rem;margin-top:1rem;margin-bottom:1rem;padding:1rem;background-color:#e7e7e7;border:none;border-radius:1rem}.search-button:hover{cursor:pointer;background-color:#dadada}@media screen and (max-width: 425px){.search-box{display:none}.search-button{display:flex;align-items:center;justify-content:center}}.sidebar-branding{display:flex;align-items:center;gap:.75rem;padding:.5rem}.sidebar-branding-logo{width:32px;height:32px}.sidebar-branding-text{font-size:1.25rem;font-weight:600;color:#4a4a4a;font-family:Inter,sans-serif}.sidebar-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:none;border-radius:30px;width:100%;cursor:pointer;transition:background-color .2s;color:#9b9b9b;font-family:Inter,sans-serif;text-decoration:none;font-weight:700}.sidebar-button:hover{background-color:#e9ecef}.sidebar-button.active{background-color:#f4eaff;color:#6d33aa}.sidebar-icon{font-size:1.5rem}.sidebar-links{display:flex;flex-direction:column;gap:.5rem}.sidebar-login-btn{margin-top:auto;align-self:center;width:100%;border-radius:20px;border:none;padding:1rem;background-color:#f4eaff;transition:background-color .2s;font-family:Inter;font-weight:700;color:#6d33aa;text-align:center;text-decoration:none}.sidebar-login-btn:hover{cursor:pointer;background-color:#e8d3ff}.pm-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center}.pm{width:60%;min-width:fit-content;height:80%;background-color:#fff;padding:2rem;border-radius:1rem;border:1px solid #d0d4d9;font-family:Inter,sans-serif;font-weight:700;color:#1b1b1b;display:flex;flex-direction:column}.pm-header{display:flex;justify-content:space-between;color:gray}.pm-close-button{font-size:2rem;padding:.4rem;border-radius:8px;border:none;background-color:transparent;display:flex;transform:translate(1rem,-1rem)}.pm-close-button:hover{background-color:#d8d8d8;cursor:pointer}.pm-close-button-icon{color:gray}.pm-fields{display:flex;flex-direction:column;height:calc(100% - 6rem);gap:2rem}.pm-field-username-container,.pm-field-display-name-container,.pm-field-email-container,.pm-field-current-password-container,.pm-field-new-password-container,.pm-field-confirm-new-password-container{display:flex;gap:1rem}.pm-field-password-container{display:flex;flex-direction:column;gap:.5rem}.pm-field-username-label,.pm-field-display-name-label,.pm-field-email-label,.pm-field-current-password-label,.pm-field-new-password-label,.pm-field-confirm-new-password-label{min-width:max(12rem,30%)}.pm-field-username,.pm-field-display-name,.pm-field-email,.pm-field-current-password,.pm-field-new-password,.pm-field-confirm-new-password{padding:.8rem 1rem;border-radius:8px;border:1px solid #858585;width:25rem}.pm-field-username:hover{cursor:not-allowed}.pm-footer{flex:1;display:flex;align-items:center}.pm-field-id-container{display:flex;align-items:center;justify-self:flex-start;gap:.5rem;color:gray}.pm-delete-acc-button{margin-left:auto;padding:.7rem;border-radius:8px;display:flex;gap:.4rem;font-size:1rem;outline:none;border:none;background-color:red;font-family:Inter,sans-serif;font-weight:700;color:#fff}.pm-delete-acc-button:hover{background-color:#d00;cursor:pointer}.pm-check-button{margin-left:1rem;padding:.7rem;border-radius:8px;color:gray;display:flex;font-size:1rem;outline:none;border:none;background-color:transparent}.pm-check-button:hover{background-color:#d8d8d8;cursor:pointer}.sidebar-user{margin-top:auto;display:flex;border-radius:1rem;font-family:Inter;font-weight:500;font-size:.9rem;gap:1rem}.sidebar-user-items{display:flex;align-items:center;gap:1rem;flex:1}.sidebar-user-name{flex:1}.sidebar-user-name:hover{cursor:pointer}.sidebar-user-profile-photo{font-size:3rem}.sidebar-user-dropdown-button{background-color:transparent;border:none;display:flex;position:relative}.sidebar-user-dropdown-button svg{font-size:1.1rem;transition:transform .4s ease-in-out}.sidebar-user-dropdown-button:hover{cursor:pointer}.sidebar-dropdown-menu{position:absolute;width:8rem;min-width:fit-content;height:fit-content;right:0;bottom:-1rem;padding:1rem;border:1px solid #d0d4d9;border-radius:1rem;display:flex;flex-direction:column;list-style-type:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out;overflow:hidden}.sidebar-dropdown-menu.hidden{transform:none;opacity:0;pointer-events:none}.sidebar-dropdown-menu.visible{transform:translateY(-3.5rem);opacity:1}.sidebar-dropdown-menu:hover{cursor:initial}.sidebar-user-dropdown-option{font-family:Inter;font-weight:700;transition:scale .1s ease-in-out}.sidebar-user-dropdown-option:hover{cursor:pointer;scale:105%}.sidebar-dropdown-menu-separator{background-color:#d0d4d9;width:100%;height:1px;margin-top:.8rem;margin-bottom:.8rem}.sidebar{width:300px;background-color:#f8f9fa;padding:1rem;margin:1rem;border-radius:24px;display:flex;flex-direction:column;border:1px solid #d0d4d9;grid-area:sidebar}.separator{height:1px;background-color:#d0d4d9;width:100%;margin-top:.8rem;margin-bottom:1.3rem}.sidebar-hamburger-button{height:2.5rem;padding:1rem;margin:1rem;background-color:#e7e7e7;border:none;border-radius:1rem;grid-area:sidebar-hamburger-button;display:none}.sidebar-hamburger-button:hover{cursor:pointer;background-color:#dadada}.sidebar-recording-container{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.sidebar-recording-indicator{border:1px solid #d0d4d9;background-color:#fffffff2;border-radius:20px;padding:1rem;display:flex;align-items:center;z-index:1}.sidebar-recording-pulse{width:12px;height:12px;background-color:#ff4136;border-radius:50%;margin-right:10px;animation:recording-pulse 1.5s infinite}.sidebar-recording-text{font-family:Inter,sans-serif;font-weight:700;font-size:.85rem}@keyframes recording-pulse{0%{transform:scale(.95);box-shadow:0 0 #ff4136b3}70%{transform:scale(1);box-shadow:0 0 0 10px #ff413600}to{transform:scale(.95);box-shadow:0 0 #ff413600}}.sidebar-live-transcript-not-supported-container{border:1px solid #d0d4d9;background-color:#fffffff2;border-radius:20px;height:fit-content;min-height:1rem;max-height:22rem;padding:1rem;font-family:Inter,sans-serif;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:.4rem}.sidebar-live-transcript-text{border:1px solid #d0d4d9;background-color:#fffffff2;border-radius:20px;height:fit-content;min-height:1rem;max-height:22rem;padding:1rem;overflow-y:auto;font-family:Inter,sans-serif;font-weight:700;font-size:.85rem}.sidebar-live-transcript-not-supported-icon{color:red;font-size:2.6rem}@media screen and (max-width: 680px){.sidebar,.separator{display:none}.sidebar-hamburger-button{display:flex;align-items:center;justify-content:center}}.sort-dropdown-menu{background-color:#fff;position:absolute;width:8rem;min-width:fit-content;height:fit-content;right:1rem;top:-12rem;padding:1rem;border:1px solid #d0d4d9;border-radius:1rem;display:flex;flex-direction:column;list-style-type:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out;overflow:hidden;z-index:1}.sort-dropdown-menu.hidden{transform:none;opacity:0;pointer-events:none}.sort-dropdown-menu.visible{transform:translateY(16.5rem);opacity:1}.sort-dropdown-menu:hover{cursor:initial}.sort-dropdown-option-container{color:gray;display:flex;gap:1rem;font-family:Inter;font-weight:700;transition:scale .1s ease-in-out}.sort-dropdown-option-container:hover{cursor:pointer;scale:105%}.sort-dropdown-option-container.selected{color:#000}.sort-dropdown-menu-separator{background-color:#d0d4d9;width:100%;height:1px;margin-top:.8rem;margin-bottom:.8rem}.sort-button{height:2.5rem;width:6rem;margin:1rem;background-color:#e7e7e7;border:none;border-radius:1rem;cursor:pointer;transition:background-color .2s;grid-area:sort-button;font-family:Inter,sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.4rem}.sort-button:hover{background-color:#dadada}.sort-button-icon{font-size:1rem}@media screen and (max-width: 500px){.sort-button-text{display:none}.sort-button{height:2.5rem;width:auto;padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}.app-container{display:grid;grid-template-columns:auto 1.8fr .2fr;grid-template-rows:.2fr 1.8fr 1fr;grid-template-areas:"sidebar search-box sort-button" "sidebar main-content main-content" "sidebar main-content main-content";min-height:100vh}.main-content{flex:1;padding-right:1rem;padding-bottom:1rem;grid-area:main-content;position:relative}@media screen and (max-width: 680px){.app-container{grid-template-areas:"sidebar-hamburger-button search-box sort-button" "main-content main-content main-content" "main-content main-content main-content"}}.enm-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center}.enm-image-preview{position:absolute;width:50%;height:70%;background-color:#fff;padding:2rem;border-radius:1rem;border:1px solid #d0d4d9;box-shadow:0 0 4px .5px #292929;font-family:Inter,sans-serif;font-weight:700;color:gray;display:flex;flex-direction:column;z-index:1}.enm-image-preview-header{display:flex;justify-content:space-between;color:gray;font-size:1.3rem}.enm-image-preview-close-button{margin-left:auto;font-size:2rem;padding:.4rem;border-radius:8px;border:none;background-color:transparent;display:flex;transform:translate(1rem,-1rem)}.enm-image-preview-close-button:hover{background-color:#d8d8d8;cursor:pointer}.enm-image-preview-close-button-icon{color:#9b9b9b}.enm-image-preview img{flex:1;max-width:100%;max-height:calc(100% - 3rem);object-fit:contain;margin:auto}.enm{width:60%;height:80%;background-color:#fff;padding:2rem;border-radius:1rem;border:1px solid #d0d4d9;font-family:Inter,sans-serif;font-weight:700;color:#1b1b1b;display:flex;flex-direction:column}.enm-header{display:flex;justify-content:space-between;color:gray}.enm-close-button{font-size:2rem;padding:.4rem;border-radius:8px;border:none;background-color:transparent;display:flex;transform:translate(1rem,-1rem)}.enm-close-button:hover{background-color:#d8d8d8;cursor:pointer}.enm-close-button-icon{color:#9b9b9b}.enm-fields{display:flex;flex-direction:column;height:calc(100% - 6rem);gap:1rem}.enm-audio-player{width:100%}.enm-text-field-container{border:1px solid #d0d4d9;border-radius:10px;height:2.5rem;display:flex;align-items:center}.enm-field-title{height:100%;border:none;outline:none;flex:1;padding:.5rem;margin-left:.3rem;margin-right:.5rem;font-size:1.3rem;letter-spacing:1px}.enm-field-title::placeholder{font-size:1.1rem}.enm-description-field-container{flex:1}.enm-field-description{height:100%;width:100%;border:none;outline:none;padding:.5rem;margin-left:.3rem;margin-right:.5rem;font-size:1.3rem;letter-spacing:1px;font-family:Inter,sans-serif;font-weight:400;color:#1b1b1b;resize:none}.enm-field-description::placeholder{font-size:1.1rem}.enm-images-container{display:grid;grid-template-rows:8rem;grid-auto-flow:column;grid-auto-columns:calc(100px + 1rem);border:1px solid #d0d4d9;border-radius:10px;overflow-x:auto}.enm-upload-image-button,.enm-image-container{margin:.7rem;height:calc(90% - .7rem);width:100px;border:1px solid #d0d4d9;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#adadad;transition:scale .3s ease-out;position:relative}.enm-upload-image-button:hover,.enm-image-container:hover{cursor:pointer;scale:105%}.enm-image{width:100%;height:100%}.enm-image-delete-button{position:absolute;top:.2rem;right:.2rem;padding:.3rem;background-color:#ffffffe6;border:1px solid #d1d1d1;border-radius:4px;color:#666;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.enm-image-delete-button:hover{cursor:pointer;background-color:#f44;color:#fff;border-color:#f44;transform:scale(1.1)}.enm-footer{flex:1;display:flex;align-items:flex-end;justify-content:flex-end}.enm-check-button{padding:.7rem;border-radius:8px;color:#777;display:flex;font-size:1rem;outline:none;border:none;background-color:transparent}.enm-check-button:hover{background-color:#d8d8d8;cursor:pointer}.card{width:auto;height:calc(400px - 1.3rem);border:1px solid #d0d4d9;border-radius:20px;padding:1.5rem 1rem;overflow:hidden;display:flex;flex-direction:column;transition:background-color .2s ease-in-out,scale .2s ease-in-out}.card:hover{background-color:#e9ecef;cursor:pointer}.card-top-container{display:flex;width:100%;align-items:center}.card-type{font-family:Inter,sans-serif;font-weight:700;font-size:.85rem;background-color:#f0f0f0;margin-left:auto;border-radius:10px;padding:.3rem .5rem;display:flex;align-items:center;gap:.3rem}.card-type-text,.card-type-logo{color:#303030}.card-date{font-family:Inter,sans-serif;font-weight:700;font-size:.85rem;color:#b3b3b3}.card-title{font-family:Inter,sans-serif;font-weight:700;color:#1b1b1b;margin-top:1rem;margin-bottom:.9rem}.card-description{font-family:Inter,sans-serif;font-weight:700;color:#747474;font-size:.85rem;line-height:1.5rem;margin-bottom:1rem;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto}.card-image-attached{background-color:#e0e0e0;width:fit-content;border-radius:20px;padding:.2rem .4rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.card-image-attached-text{font-family:Inter,sans-serif;font-weight:700;font-size:.8rem}.card-buttons-container{display:flex;align-self:flex-end;margin-top:auto;width:100%;gap:.6rem}.card-favorite-button{padding:.4rem;border-radius:8px;margin-right:auto;color:#777;font-size:1rem;outline:none;border:none;background-color:transparent}.card-copy-button,.card-delete-button,.card-edit-button{padding:.4rem;border-radius:8px;color:#777;font-size:1rem;outline:none;border:none;background-color:transparent}.card-copy-button:hover,.card-delete-button:hover,.card-edit-button:hover,.card-favorite-button:hover{background-color:#d8d8d8;cursor:pointer}.card-copied-tooltip{background-color:#d8d8d8;width:fit-content;height:fit-content;padding:.4rem;border-radius:5px;font-family:Inter,sans-serif;font-weight:700;font-size:.8rem;position:absolute;transform:translate(-3.7rem) translateY(-2.5rem);opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility .2s ease-out}.card-copy-button:hover .card-copied-tooltip{opacity:1;visibility:visible}.cnm-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center}.cnm{width:60%;height:80%;background-color:#fff;padding:2rem;border-radius:1rem;border:1px solid #d0d4d9;font-family:Inter,sans-serif;font-weight:700;display:flex;flex-direction:column}.cnm-header{display:flex;justify-content:space-between;color:#333}.cnm-close-button{font-size:2rem;padding:.4rem;border-radius:8px;border:none;background-color:transparent;display:flex;transform:translate(1rem,-1rem)}.cnm-close-button:hover{background-color:#d8d8d8;cursor:pointer}.cnm-close-button-icon{color:#333}.cnm-fields{display:flex;flex-direction:column;height:calc(100% - 6rem);gap:1rem}.cnm-audio-player{width:100%}.cnm-text-field-container{border:1px solid #d0d4d9;border-radius:10px;height:2.5rem;display:flex;align-items:center}.cnm-field-title{height:100%;border:none;outline:none;flex:1;padding:.5rem;margin-left:.3rem;margin-right:.5rem;font-size:1.3rem;letter-spacing:1px}.cnm-field-title::placeholder{font-size:1.1rem}.cnm-description-field-container{flex:1}.cnm-field-description{height:100%;width:100%;border:none;outline:none;padding:.5rem;margin-left:.3rem;margin-right:.5rem;font-size:1.3rem;letter-spacing:1px;font-family:Inter,sans-serif;font-weight:400;color:#1b1b1b;resize:none}.cnm-field-description::placeholder{font-size:1.1rem}.cnm-images-container{display:grid;grid-template-rows:8rem;grid-auto-flow:column;grid-auto-columns:calc(100px + 1rem);border:1px solid #d0d4d9;border-radius:10px;overflow-x:auto}.cnm-upload-image-button,.cnm-image-container{margin:.7rem;height:calc(90% - .7rem);width:100px;border:1px solid #d0d4d9;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#adadad;transition:scale .3s ease-out;position:relative}.cnm-upload-image-button:hover,.cnm-image-container:hover{cursor:pointer;scale:105%}.cnm-image{width:100%;height:100%}.cnm-image-delete-button{position:absolute;top:.2rem;right:.2rem;padding:.2rem;background-color:transparent;border:none;border-radius:4px;transition:background-color .1s ease-in-out}.cnm-image-delete-button:hover{cursor:pointer;background-color:red;color:#fff}.cnm-footer{flex:1;display:flex;align-items:flex-end;justify-content:flex-end}.cnm-check-button{padding:.7rem;border-radius:8px;color:#333;display:flex;font-size:1rem;outline:none;border:none;background-color:transparent}.cnm-check-button:hover{background-color:#d8d8d8;cursor:pointer}.cnm-check-button:disabled{color:#8f8f8f;cursor:not-allowed}.create-note-bar{position:absolute;bottom:1rem;left:50%;width:50%;min-width:fit-content;max-width:calc(100% - 2rem);transform:translate(calc(-50% - 1.5rem)) scaleX(0);background-color:#fff;padding:1rem;box-shadow:0 -2px 5px #0000001a;border-radius:20px;border:1px solid #d0d4d9;transition:opacity .3s ease-in-out,transform .3s ease-in-out;font-family:Inter,sans-serif;font-weight:700;display:flex}.create-note-bar.hidden{opacity:0;pointer-events:none}.create-note-bar.visible{transform:translate(calc(-50% - 1.5rem)) scaleX(1);opacity:1}.add-note-buttons-container{display:flex;gap:.6rem}.add-note-button{font-size:1rem;padding:.4rem;border-radius:8px;border:none;background-color:transparent;color:#777;display:flex;align-items:center}.add-note-button:hover{background-color:#d8d8d8;cursor:pointer}.record-note-button-container{margin-left:auto;background-color:#fd302f;padding:.5rem .8rem;border-radius:20px;display:flex;align-items:center;gap:.4rem;color:#fff;transition:scale .2s ease-in-out}.record-note-button-container:hover{background-color:#ff2525;cursor:pointer;scale:105%}.mic-permission-denied-popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1;font-family:Inter,sans-serif;font-weight:700}.mic-permission-denied-popup{background-color:#fff;padding:20px;border-radius:8px;max-width:500px;text-align:center;display:flex;flex-direction:column;gap:.8rem}.mic-permission-denied-title{margin-top:0;color:#d32f2f}.mic-permission-denied-description{font-weight:400}.mic-permission-denied-dismiss-btn{background-color:#4285f4;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:10px}.mic-permission-denied-dismiss-btn:hover{background-color:#3367d6}@media screen and (max-width: 771px){.record-note-button-text{display:none}}@media screen and (max-width: 680px){.create-note-bar{margin-left:1rem}.record-note-button-text{display:inline}}@media screen and (max-width: 440px){.record-note-button-text{display:none}}@media screen and (max-width: 240px){.record-note-button-container{margin-left:1rem}}.card-container{width:100%;height:86vh;padding-right:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;overflow-y:auto;margin-right:1rem}@media screen and (min-width: 2048px){.card-container{grid-template-columns:repeat(6,1fr)}}@media screen and (min-width: 1920px){.card-container{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width: 1120px){.card-container{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 920px){.card-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 750px){.card-container{grid-template-columns:1fr}}@media screen and (max-width: 680px){.card-container{margin-left:1rem;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 430px){.card-container{margin-left:1rem;grid-template-columns:1fr}}.sm{width:100%;max-width:400px;padding:2rem;border:1px solid #d0d4d9;border-radius:20px;background-color:#f8f9fa;display:flex;flex-direction:column}.sm-title{font-family:Inter,sans-serif;font-weight:700;color:#1b1b1b;text-align:center;margin-bottom:1rem}.sm-links-container{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.sm-links-separator{display:flex;align-items:center;width:100%;margin-top:1rem;margin-bottom:1rem;gap:.5rem}.sm-links-separator-left{flex:1;height:1px;background-color:#a3a3a3}.sm-separator-text{font-family:Inter;color:#a3a3a3}.sm-links-separator-right{flex:1;height:1px;background-color:#a3a3a3}.sm-login-button,.sm-register-button{color:#f4eaff;background-color:#6d33aa;padding:1rem;width:10rem;text-align:center;border-radius:1rem;text-decoration:none;font-family:Inter;font-weight:700;transition:scale .2s ease-out}.sm-login-button:hover,.sm-register-button:hover{scale:105%}.sm-login-button:visited,.sm-register-button:visited{color:#f4eaff}.login-button{padding:.8rem .6rem;border:none;border-radius:10px;background-color:#f4eaff;font-family:Inter;font-weight:700;font-size:1rem;color:#6d33aa;cursor:pointer;transition:background-color .2s ease-in-out;margin-top:0rem}.login-button:hover{background-color:#e8d3ff}.login-modal{width:100%;max-width:400px;padding:2rem;border:1px solid #d0d4d9;border-radius:20px;background-color:#f8f9fa;display:flex;flex-direction:column}.login-title{font-family:Inter,sans-serif;font-weight:700;color:#1b1b1b;text-align:center;margin-bottom:1rem}.text-field-container{background-color:#f8f9fa;border:1px solid #d0d4d9;border-radius:10px;height:2.5rem;display:flex;align-items:center;margin-top:1rem}.text-field-container:focus-within{border:2px solid black}.text-field-icon-container{height:100%;border-radius:10px;margin-left:.5rem;display:flex;align-items:center;justify-content:center}.username-icon{padding:.5rem}.username-field,.password-field{border:none;outline:none;flex:1;padding:.5rem;margin-right:.5rem}.password-field{letter-spacing:1.5px}.password-field::placeholder{letter-spacing:initial}.links-container{display:flex;align-items:center;justify-content:space-around}.register-container{display:flex;margin-top:1rem;gap:.2rem;align-self:center}.register-text{font-family:Inter;font-weight:700;color:#6d6d6d}.forgot-password-button{align-self:flex-end;font-family:Inter;font-weight:700;color:#6d6d6d;text-decoration:none;margin-top:.2rem;margin-bottom:1rem}.lm-error{background-color:#ff2a2a8e;margin-bottom:1rem;padding:1rem;text-align:center;border-radius:1rem;font-family:Inter;font-weight:700;font-size:.9rem}.login-modal-register-button{font-family:Inter;font-weight:700;color:#6d33aa;text-decoration:none}.forgot-password-button:hover,.login-modal-register-button:hover{text-decoration:underline}.password-visibility-container{height:2.5rem;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.toggle-password-visibility-button{border:none;padding:.2rem;border-radius:6px;transition:background-color .1s ease-out;font-size:1rem}.toggle-password-visibility-button>svg{transform:translateY(8%)}.toggle-password-visibility-button:hover{cursor:pointer;background-color:#d8d8d8}.toggle-password-visibility-button:active{transform:translate(1px,1px)}.rm{width:100%;max-width:500px;padding:2rem;border:1px solid #d0d4d9;border-radius:20px;background-color:#f8f9fa;display:flex;flex-direction:column;overflow:hidden}.rm-title{font-family:Inter,sans-serif;font-weight:700;color:#1b1b1b;text-align:center}.rm-field-container{background-color:#f8f9fa;border:1px solid #d0d4d9;border-radius:10px;height:2.5rem;display:flex;align-items:center;margin-top:1rem}.rm-field-container>input{width:100%}.rm-field-container:focus-within{border:2px solid black}.rm-field-icon-container{display:flex;margin-left:.5rem}.rm-display-name-container{display:flex;gap:1rem;margin-top:1rem}.rm-display-name-container .rm-field-container{width:50%}.rm-display-name-container .rm-field-container>input{width:100%}.rm-field-first-name,.rm-field-last-name,.rm-field-username,.rm-field-password,.rm-field-email,.rm-field-confirm-password,.rm-field-otp{border:none;outline:none;flex:1;padding:.5rem;margin-right:.5rem}.rm-field-password,.rm-field-confirm-password{letter-spacing:1.5px}.rm-field-password::placeholder,.rm-field-confirm-password::placeholder{letter-spacing:initial}.rm-toggle-password-container{height:2.5rem;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.rm-toggle-password-button{border:none;padding:.2rem;border-radius:6px;transition:background-color .1s ease-out;font-size:1rem}.rm-toggle-password-button>svg{transform:translateY(8%)}.rm-toggle-password-button:hover{cursor:pointer;background-color:#d8d8d8}.rm-toggle-password-button:active{transform:translate(1px,1px)}.rm-existing-acc-container{display:flex;margin-top:1rem;gap:.2rem;align-self:center}.rm-existing-acc-text{font-family:Inter;font-weight:700;color:#6d6d6d}.rm-existing-acc-button{font-family:Inter;font-weight:700;color:#6d33aa;text-decoration:none}.rm-existing-acc-button:hover{text-decoration:underline}.register-button{padding:.8rem .6rem;border:none;border-radius:10px;background-color:#f4eaff;font-family:Inter;font-weight:700;font-size:1rem;color:#6d33aa;cursor:pointer;transition:background-color .2s ease-in-out;margin-top:1rem}.register-button:hover{background-color:#e8d3ff}.rm-resend-code-container{display:flex}.rm-resend-code-button{margin-left:auto;font-family:Inter;font-weight:700;color:#6d6d6d;text-decoration:underline;margin-top:.2rem;background-color:transparent;border:none;font-size:.9rem}.rm-verification-text{font-family:Inter;font-weight:700;font-size:.9rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;text-align:center}.rm-email{font-weight:900;font-size:1.1rem;margin:1rem 0;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.rm-error{background-color:#ff2a2a8e;margin-top:1rem;padding:1rem;text-align:center;border-radius:1rem;font-family:Inter;font-weight:700;font-size:.9rem;white-space:pre-wrap}.rm-info{background-color:#2aff2a8e;margin-top:1rem;padding:1rem;text-align:center;border-radius:1rem;font-family:Inter;font-weight:700;font-size:.9rem}.nf-wrapper{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#f4e785,#f2458a,#a579f1)}.nf-card{background-color:#ffffffd9;padding:3rem 4rem;border-radius:1.25rem;box-shadow:0 10px 30px #0003;text-align:center;max-width:480px;width:90%;font-family:Segoe UI,sans-serif;color:#1d3557}.nf-card h1{font-size:6rem;margin-bottom:.5rem;color:#e63946}.nf-card h2{font-size:2rem;margin-bottom:1rem}.nf-card p{margin-bottom:2rem;font-size:1.1rem;color:#333}.nf-home-link{display:inline-block;padding:.75rem 1.5rem;background-color:#1d3557;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:700;transition:background-color .2s ease}.nf-home-link:hover{background-color:#457b9d}.fpm{width:100%;max-width:450px;padding:2rem;border:1px solid #d0d4d9;border-radius:20px;background-color:#f8f9fa;display:flex;flex-direction:column;font-family:Inter;font-weight:700;text-align:center}.fpm-title{font-family:Inter,sans-serif;font-weight:700;color:#1b1b1b;text-align:center}.fpm-field-container{background-color:#f8f9fa;border:1px solid #d0d4d9;border-radius:10px;height:2.5rem;display:flex;align-items:center;margin-top:1rem}.fpm-field-container:focus-within{border:2px solid black}.fpm-field-icon-container{display:flex;margin-left:.5rem}.fpm-field-username-email,.fpm-field-otp,.fpm-field-new-password,.fpm-field-confirm-new-password{border:none;outline:none;flex:1;padding:.5rem;margin-right:.5rem}.fpm-resend-code-container{display:flex}.fpm-resend-code-button{margin-left:auto;font-family:Inter;font-weight:700;color:#6d6d6d;text-decoration:underline;margin-top:.2rem;background-color:transparent;border:none;font-size:.9rem}.fpm-toggle-password-container{height:2.5rem;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.fpm-toggle-password-button{border:none;padding:.2rem;border-radius:6px;transition:background-color .1s ease-out;font-size:1rem}.fpm-toggle-password-button>svg{transform:translateY(8%)}.fpm-toggle-password-button:hover{cursor:pointer;background-color:#d8d8d8}.fpm-toggle-password-button:active{transform:translate(1px,1px)}.fpm-error{background-color:#ff2a2a8e;margin-top:1rem;padding:1rem;text-align:center;border-radius:1rem;font-family:Inter;font-weight:700;font-size:.9rem}.fpm-info{background-color:#2aff2a8e;margin-top:1rem;padding:1rem;text-align:center;border-radius:1rem;font-family:Inter;font-weight:700;font-size:.9rem;white-space:pre}.fpm-verification-text{font-family:Inter;font-weight:700;font-size:.9rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;text-align:center}.fpm-email{font-weight:900;font-size:1.1rem;margin:1rem 0;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.fpm-continue-button{padding:.8rem .6rem;border:none;border-radius:10px;background-color:#f4eaff;font-family:Inter;font-weight:700;font-size:1rem;color:#6d33aa;cursor:pointer;transition:background-color .2s ease-in-out;margin-top:1rem}.fpm-continue-button:hover{background-color:#e8d3ff}