@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400,600,700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;overflow:hidden}.flip-wrapper{perspective:1500px;width:100%;max-width:900px;height:540px;margin:0 auto}.flip-inner{position:relative;width:100%;height:100%;transition:transform .8s ease-in-out;transform-style:preserve-3d}.flipped{transform:rotateY(180deg)}.flip-card{position:absolute;width:100%;height:100%;backface-visibility:hidden;top:0;left:0}.flip-front{z-index:2}.flip-back{transform:rotateY(180deg)}.auth-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;gap:20px;position:relative;left:28%}.auth-card{background-color:#fff;border-radius:10px;padding:40px;width:50%;height:500px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column}.auth-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:60px;color:#000}.auth-title_su{font-size:24px;font-weight:700;text-align:center;margin-bottom:30px;color:#000}.auth-form{display:flex;flex-direction:column;flex-grow:1}.form-group{margin-bottom:20px}.auth-input{width:100%;padding:10px 0;border:none;border-bottom:1px solid #ccc;outline:none;font-size:16px;color:#000}.forgot-password{text-align:center;margin:2rem 0}.forgot-password a{color:#000;text-decoration:none;font-size:1rem}.submit-button-container{display:flex;justify-content:center;margin-top:10px}.triangle{width:0;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:35px solid #e0e0e0;transition:border-color .3s ease}.triangle-button:hover{transform:scale(1.3)}.triangle-button.inactive{opacity:.5;cursor:not-allowed}.welcome-card{display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-title{font-size:24px;font-weight:700;text-align:center;color:#000}.welcome-text{margin:3rem 0;text-align:center;color:#000}.sign-up-button{background-color:#000;color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:16px;cursor:pointer;transition:transform .3s ease}.sign-up-button:hover{transform:scale(1.2)}.dropdown-container{position:relative;z-index:1}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ccc;cursor:pointer;color:#000}.dropdown-arrow{font-size:12px}.dropdown-menu{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0000001a;max-height:200px;overflow-y:auto;margin-top:4px}.dropdown-item{padding:10px;cursor:pointer;color:#000}.dropdown-item:hover{background-color:#f5f5f5}.logo-with-text{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:20px;cursor:pointer;z-index:10}.app-logo{width:100px;height:auto;border-radius:20px;opacity:.95;transition:transform .3s ease}.app-logo:hover{transform:scale(1.2)}.assistant-hint{color:#000;font-size:18px;font-weight:500;white-space:nowrap}.logo-with-text:hover .assistant-hint{color:#222;font-weight:600;font-size:22px}@media (max-width: 768px){.auth-container{flex-direction:column}.auth-card{width:100%;height:auto;margin-bottom:20px}.flip-wrapper{height:auto}}@media screen and (min-width: 1600px){.auth-container{left:34%}}.auth-form>*{animation:fadeIn .5s ease-out forwards;animation-fill-mode:both}.auth-form>*:nth-child(1){animation-delay:.1s}.auth-form>*:nth-child(2){animation-delay:.2s}.auth-form>*:nth-child(3){animation-delay:.3s}.auth-form>*:nth-child(4){animation-delay:.4s}.auth-form>*:nth-child(5){animation-delay:.5s}.welcome-card>*:nth-child(1){animation-delay:.1s}.welcome-card>*:nth-child(2){animation-delay:.2s}.welcome-card>*:nth-child(3){animation-delay:.3s}.welcome-card>*:nth-child(4){animation-delay:.4s}.welcome-card>*:nth-child(5){animation-delay:.5s}.assistant-panel{position:absolute;left:10%;top:12%;width:15%;padding:10px;display:flex;flex-direction:column;align-items:center;z-index:9;transition:transform .3s ease-out,opacity .3s ease-out}.assistant-panel.enter{animation:slideIn .4s ease-out forwards}.assistant-panel.exit{animation:slideOut .3s ease-out forwards}.mascot-image{width:380px;height:auto;border-radius:20px;transition:transform .2s ease-in-out}.assistant-panel.enter .mascot-image{animation:bounceIn .5s ease-out forwards}.speech-bubble{background:#000000bf;color:#fff;padding:10px 14px;border-radius:20px;margin-bottom:10px;text-align:center;font-size:1.2rem;line-height:1.3;width:100%;height:auto;box-shadow:0 4px 10px #0003;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.assistant-panel.enter .speech-bubble{animation:fadeIn .4s ease-out .1s forwards}@keyframes slideIn{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}40%{transform:scale(1.05)}60%{transform:scale(.98)}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (min-width: 1600px){.assistant-panel{left:15%;top:15%}.mascot-image{width:450px}}.chat-list{background-color:#f6e2cde1;height:100%;width:30%;display:flex;position:relative;flex-direction:column;border-right:4px solid #b99772}.chat-list .header{padding:1rem;display:flex;flex-direction:column}.chat-list .sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.chat-list .sub-header h1{margin:0;color:#000;padding:1rem;border-radius:10px;background-color:#fff}.chat-list .sub-header-icons{display:flex;justify-content:space-between;align-items:center;gap:1rem}.chat-list .sub-header-icon{width:2.8rem;height:2.8rem;font-size:2rem;display:flex;justify-content:center;align-items:center;color:#000;border-radius:10px;background-color:#fff;transition:transform .2s ease,background-color .2s ease}.chat-list .sub-header-icon.active-modal{background-color:#cead89;transform:scale(1.3)}.chat-list .sub-header-icon:hover{cursor:pointer;background-color:#aaa6a6}.chat-list .sub-header-icon.active-modal:hover{background-color:#415763a0}.chat-list .sub-header-icon .add-new-friend{transform:scaleX(-1);font-size:1.1875rem}.chat-list .sub-header-icon.ai-enabled{background-color:#4caf50;color:#fff}.chat-list .sub-header-icon.ai-disabled{background-color:#f44336;color:#fff}.chat-list .sub-header-icon.ai-enabled:hover,.chat-list .sub-header-icon.ai-disabled:hover{opacity:.8}.chat-list .filters{display:flex;justify-content:center;gap:1rem}.chat-list .filters.searching{pointer-events:none}.chat-list .filter{background-color:#fff;padding:.4rem .8rem;border-radius:10px;color:#000;transition:transform .2s ease,background-color .2s ease}.chat-list .filter:hover{cursor:pointer;background-color:#41576380}.chat-list .active-filter,.chat-list .active-filter:hover{background-color:#cead89;transform:scale(1.3)}.chat-list .scrollbar-triangle,.chat-list .scrollbar-triangle-upside-down,.chat-list .modal-content .scrollbar-triangle,.chat-list .modal-content .scrollbar-triangle-upside-down{margin-right:.05rem;font-size:.4rem;color:#222e35}.chat-list .scrollbar-triangle-upside-down,.chat-list .modal-content .scrollbar-triangle-upside-down{margin-bottom:.05rem}.chat-list .scrollbar-triangle-upside-down,.chat-list .modal-content .scrollbar-triangle-upside-down{transform:rotate(180deg)}.chat-list .filler-container{display:flex}.chat-list .horizontal-filler{width:100%}.chat-list .search-form{position:relative;margin-bottom:1rem}.chat-list .search-icon{position:absolute;font-size:2rem;top:.4rem;left:.5rem;color:#000;width:1.5rem}.chat-list .search-form .search-go-back-arrow{cursor:pointer}.chat-list .search-input{background-color:#fff;height:2.5rem;text-indent:2.5rem;border-radius:10px;color:#000;font-size:1.5rem;padding:1rem;width:100%;border:none;outline:none}.chat-list .search-input:focus{border:none;outline:none}.chat-list .add-new-contact-modal,.chat-list .add-new-friend-contact-modal,.chat-list .create-group-modal{background-color:#111b21;z-index:10;position:absolute;border-radius:10px;border:2px solid #222e35;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.chat-list .create-group-modal .create-group-input-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.chat-list .create-group-modal .modal-content .submit-button{border-radius:10px;padding:.5rem;width:max-content;background-color:#2c2e3b;border:none;color:#fff;opacity:.8;display:flex;justify-content:center;align-items:center;cursor:pointer}.chat-list .create-group-modal .modal-content .submit-button:hover{background-color:#415763}.chat-list .add-friend-contact-input-container{display:flex;align-items:center;justify-content:space-between}.chat-list .add-new-friend-contact-modal .modal-input{width:75%}.chat-list .add-friend-contact-input-container .sub-header-icon{display:flex;justify-content:center;align-items:center}.chat-list .add-new-contact-modal{top:20%;left:42.2%;transform:translate(-20%,-17%)}.chat-list .add-new-friend-contact-modal{top:20%;left:15.5%;transform:translate(-20%,-17%)}.chat-list .create-group-modal{top:20%;left:29%;transform:translate(-20%,-17%)}.chat-list .modal-title{font-size:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #222e35}.chat-list .modal-content{padding:1rem;border:none;width:15rem;height:20rem;display:flex;flex-direction:column;color:#fff;gap:.5rem}.chat-list .modal-input{border-radius:10px;padding:.5rem;width:100%;background-color:#2c2e3b;border:none;color:#fff;opacity:.8}.chat-list .contacts-container{display:flex;flex-direction:column;overflow-y:auto}.chat-list .contacts-container::-webkit-scrollbar{width:.5rem;background-color:transparent}.chat-list .contacts-container::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#222e35}.chat-list .searched-contacts{display:flex;flex-direction:column}.chat-list .searched-contacts .single-contact{display:flex;align-items:center;gap:1rem;padding:.5rem;margin:.5rem;cursor:pointer;border-left:2px solid #222e35;background-color:#2a2b3340;color:#fff}.chat-list .searched-contacts .single-contact:hover{background-color:#222e35}.chat-list .searched-contacts .single-contact .avatar-main-container{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center}.chat-list .searched-contacts .single-contact .avatar-inner-container{display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.chat-list .searched-contacts .single-contact .select-contact-image{display:flex;justify-content:center;align-items:center;object-fit:cover;width:2rem;height:2rem;font-size:.75rem;border-radius:50%}.chat-list .searched-contacts .single-contact .select-contact-image.no-avatar{border:2px solid #415763}.chat-list .searched-contacts .single-contact-info{display:flex;flex-direction:column;justify-content:center}.chat-list .searched-contacts .single-contact-info div:last-child{font-size:.7rem}.chat-list .tooltip{position:relative}.chat-list .tooltip .tooltiptext{visibility:hidden;width:max-content;background-color:#bbb;color:#111b21;font-weight:700;text-align:center;border-radius:20px;padding:.25rem .5rem;font-size:.875rem;z-index:1;position:absolute;top:125%;margin-left:.375rem}.chat-list .tooltip .tooltiptext:after{content:"";position:absolute;bottom:96%;left:46%;margin-left:-.25rem;border-width:5px;border-style:solid;border-color:transparent transparent #bbbbbb transparent}.chat-list .tooltip:hover .tooltiptext{visibility:visible}.chat-list .chat-type-indicator{padding-left:1.5rem;color:#000;width:30%;padding:.5rem;border-top-right-radius:10px;border-bottom-right-radius:10px;text-align:center;background-color:#fff}.chat-list .chat-type-indicator.dms,.chat-list .chat-type-indicator.groups{padding-bottom:.5rem}.chat-list .dms-and-group-chats-container{overflow-y:auto}.chat-list .dms-and-group-chats-container::-webkit-scrollbar{width:.5rem;background-color:transparent}.chat-list .dms-and-group-chats-container::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#222e35}.chat-list .modal-icon-disabled{opacity:.5;pointer-events:none}.icon{width:3rem;height:2rem;font-size:1.5rem;display:flex;justify-content:center;align-items:center;border-radius:.5rem;background-color:#638597}.icon:hover{cursor:pointer;background-color:#415763}.ai-status{font-size:1rem;width:6rem;color:#fff;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.ai-container{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-left:auto}.ai-status-popup{position:fixed;top:12%;left:31%;background-color:#282828f2;color:#fff;padding:10px 18px;border-radius:8px;z-index:9999;font-weight:500;opacity:0;animation:fadeInOut 2s ease-in-out;pointer-events:none}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media screen and (min-width: 1600px){.ai-status-popup{top:9%;left:32%}.chat-list .add-new-contact-modal{top:15%;left:53.7%}.chat-list .add-new-friend-contact-modal{top:15%;left:32.5%}.chat-list .create-group-modal{top:15%;left:43%}}.chats{display:flex;flex-direction:column}.chats:nth-child(2){margin-bottom:1.5rem}.chats::-webkit-scrollbar{width:.5rem;background-color:transparent}.chats::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#222e35}.chat{padding:1rem 1rem 0;display:flex;gap:1rem}.chat:hover{background-color:#ffffff8e;cursor:pointer}.chat .chat-header-info-avatar{width:15%;display:flex;justify-content:center;align-items:center;position:relative}.chat .img,.chat .group-img{width:3rem;height:3rem;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:-1rem;color:#000}.chat .img{object-fit:cover}.chat .img.non-present,.chat .group-img{background-color:#fff;border:3px solid #b99772}.chat .chat-info{display:flex;flex-direction:column;gap:.5rem;width:85%;color:#000}.chat .chat-info-head{display:flex;justify-content:space-between}.chat .date{color:#000;font-size:.75rem}.chat .last-message{border-bottom:3px solid #b99772;color:#414141;font-size:.75rem;display:flex;align-items:center;gap:.25rem;overflow:hidden;padding:.5rem}.chat .last-message.active-chat{color:#000}.chat.active-chat{background-color:#b99772b9}.chat .last-message .last-message-file{display:flex;align-items:center;justify-content:center}.unread-badge{background:#e23e57;color:#fff;border-radius:50%;padding:.1em .4em;font-size:.9rem;line-height:1;margin-right:.8rem}.chat-lock-icon{position:absolute;top:-4px;left:-15px;font-size:1.5rem;color:#f39c12;background:#fff;border-radius:50%;padding:2px;z-index:1}@media screen and (min-width: 1600px){.chat-lock-icon{left:-10px}}.locked-preview{color:#e23e57;font-weight:700;display:block;font-size:.75rem}.left-sidebar-profile{background-color:#f6e2cde1;height:100%;display:flex;flex-direction:column}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.left-sidebar-profile h1{margin:2% 0 0 2%;padding:1rem;color:#000;width:30%;border-radius:10px;background-color:#fff}.left-sidebar-profile .info-container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.left-sidebar-profile .info-inputs{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.left-sidebar-profile .info-input{border-radius:10px;padding:1rem;background-color:#fff;border:none;color:#000;font-size:1.2rem}.left-sidebar-profile .info-input.disabled{opacity:.5;cursor:not-allowed}.left-sidebar-profile .info-button{margin:1rem;padding:1rem;font-size:1rem;border:none;outline:none;border-radius:10px;background-color:#fff;transition:transform .2s ease,opacity .2s ease}.left-sidebar-profile .logout-button{margin:1rem;padding:.8rem;font-size:1.5rem;border:none;outline:none;border-radius:10px;background-color:#fff;transition:transform .2s ease,opacity .2s ease}.left-sidebar-profile .info-button:hover{cursor:pointer;opacity:.8;background-color:#97d697;transform:scale(1.2)}.left-sidebar-profile .logout-button:hover{cursor:pointer;opacity:.8;background-color:#d86363;transform:scale(1.2)}.left-sidebar-profile .hidden{display:none}.left-sidebar-profile .profile-image{border-radius:50%;width:10rem;height:10rem;display:flex;justify-content:center;align-items:center;object-fit:cover}.left-sidebar-profile .profile-image.uploading{background-color:#2c2e3b}.left-sidebar-profile .button-disabled{opacity:.5;pointer-events:none}.left-sidebar-profile .avatar-upload-progress{color:#000;font-size:2rem}.left-sidebar-profile .avatar_pl{width:200px;height:200px;border-radius:50%;background-color:#e0e0e0;border:2px solid white;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;position:relative;transition:transform .2s ease}.left-sidebar-profile .avatar-placeholder{width:70%;height:70%;background-color:#666;border-radius:50%;position:relative}.left-sidebar-profile .avatar-placeholder:after{content:"";position:absolute;width:100%;height:50%;background-color:#666;bottom:-30%;border-radius:50% 50% 0 0}.left-sidebar-profile .profile-uploaded-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.left-sidebar-profile .avatar-loader{width:50px;height:50px;border:5px solid #ccc;border-top:5px solid black;border-radius:50%;animation:spin 1s linear infinite}.left-sidebar-profile .fade-in{animation:fadeInAnimation .8s ease-in-out forwards}.friend-requests{background-color:#f6e2cde1;height:100%;display:flex;flex-direction:column}.friend-requests .header{padding:1rem;display:flex;flex-direction:column}.friend-requests .sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.friend-requests .sub-header h1{margin:0;padding:1rem;color:#000;width:70%;border-radius:10px;background-color:#fff}.friend-requests .scrollbar-triangle,.friend-requests .scrollbar-triangle-upside-down,.friend-requests .modal-content .scrollbar-triangle,.friend-requests .modal-content .scrollbar-triangle-upside-down{margin-right:.05rem;font-size:.4rem;color:#222e35}.friend-requests .scrollbar-triangle-upside-down,.friend-requests .modal-content .scrollbar-triangle-upside-down{margin-bottom:.05rem}.friend-requests .scrollbar-triangle-upside-down,.friend-requests .modal-content .scrollbar-triangle-upside-down{transform:rotate(180deg)}.friend-requests .filler-container{display:flex}.friend-requests .horizontal-filler{width:100%}.friend-requests .search-form{position:relative}.friend-requests .search-icon{position:absolute;font-size:2rem;top:.5rem;left:.5rem;color:#000;width:1.5rem}.friend-requests .search-form .search-go-back-arrow{cursor:pointer}.friend-requests .search-input{background-color:#fff;height:3rem;text-indent:2.5rem;border-radius:10px;color:#000;font-size:1.5rem;padding:1rem;width:100%;border:none;outline:none}.friend-requests .search-input:focus{border:none;outline:none}.friend-requests .contacts-container{display:flex;flex-direction:column;overflow-y:auto}.friend-requests .contacts-container::-webkit-scrollbar{width:.5rem;background-color:transparent}.friend-requests .contacts-container::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#222e35}.friend-requests .searched-contacts{display:flex;flex-direction:column}.friend-requests .searched-contacts .single-contact{display:flex;align-items:center;gap:1rem;padding:.5rem;margin:.5rem;cursor:pointer;border-left:2px solid #222e35;background-color:#2a2b3340;color:#fff}.friend-requests .searched-contacts .single-contact:hover{background-color:#222e35}.friend-requests .searched-contacts .single-contact .avatar-main-container{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center}.friend-requests .searched-contacts .single-contact .avatar-inner-container{display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.friend-requests .searched-contacts .single-contact .avatar{display:flex;justify-content:center;align-items:center;object-fit:cover;width:100%;height:100%;background-color:#000;border-radius:50%}.friend-requests .searched-contacts .single-contact-info{display:flex;flex-direction:column;justify-content:center}.friend-requests .searched-contacts .single-contact-info div:last-child{font-size:.7rem}.friend-requests .request-chats-container{display:flex;flex-direction:column;overflow-y:auto}.friend-requests .request-chats-container::-webkit-scrollbar{width:.5rem;background-color:transparent}.friend-requests .request-chats-container::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#222e35}.request-chats{display:flex;flex-direction:column;overflow-y:auto}.request-chats::-webkit-scrollbar{width:.5rem;background-color:transparent}.request-chats::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#111b21}.request-chat{padding:1rem 1rem 0;display:flex;gap:1rem}.request-chat:hover{background-color:#ffffff8e;cursor:pointer}.request-chat .container{display:flex;width:100%}.request-chat .inner-container{display:flex;width:100%;flex-direction:column}.request-chat .inner-most-container{display:flex;width:100%;justify-content:space-around}.request-chat .inner-container .last-message{border-bottom:3px solid #b99772}.request-chat .chat-header-info-avatar{width:15%;display:flex;justify-content:center;align-items:center}.request-chat img{width:3rem;height:3rem;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:-1rem}.request-chat .chat-info{display:flex;flex-direction:column;gap:.5rem;width:45%;color:#000}.request-chat .img{width:3rem;height:3rem;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:-1rem;object-fit:cover;color:#000}.request-chat .img.non-present{border:3px solid #b99772;background-color:#fff}.request-chat .last{padding-bottom:1rem;font-size:.7rem}.request-chat .request-chat-icons{display:flex;justify-content:center;align-items:center;gap:1rem;width:40%;margin-top:-1rem}.request-chat .request-chat-icons .icon.approve{background-color:#fff;width:2rem;height:2rem;color:#111b21;display:flex;justify-content:center;align-items:center;font-size:2rem;border:5px solid #005c4b00;border-radius:50%;transition:transform .2s ease}.request-chat .request-chat-icons .icon.reject{background-color:#fff;width:2rem;height:2rem;color:#111b21;display:flex;justify-content:center;align-items:center;font-size:2rem;border:5px solid #ff4b2b00;border-radius:50%;transition:transform .2s ease}.request-chat .request-chat-icons .icon.approve:hover{width:2rem;height:2rem;background-color:#6cc4b4;display:flex;justify-content:center;align-items:center;font-size:2rem;border:0px solid #005c4b;border-radius:50%;transform:scale(1.4)}.request-chat .request-chat-icons .icon.reject:hover{width:2rem;height:2rem;background-color:#ff4b2b;display:flex;justify-content:center;align-items:center;font-size:2rem;border:2px solid #ff4b2b;border-radius:50%;transform:scale(1.4)}.left-sidebar-contact-or-group-profile{background-color:#f6e2cde1;height:100%;display:flex;flex-direction:column}.left-sidebar-contact-or-group-profile h1{margin:2% 0 0 2%;padding:1rem;color:#000;width:60%;border-radius:10px;background-color:#fff}.left-sidebar-contact-or-group-profile .info-container{height:100%;display:flex;justify-content:center;align-items:center;overflow-y:hidden}.left-sidebar-contact-or-group-profile .info-inputs{display:flex;height:90%;width:70%;flex-direction:column;align-items:center;gap:2rem}.left-sidebar-contact-or-group-profile .shared-files-placeholder{visibility:hidden}.left-sidebar-contact-or-group-profile .group-members,.left-sidebar-contact-or-group-profile .shared-groups{max-height:11vh;overflow-y:auto}.left-sidebar-contact-or-group-profile .group-members::-webkit-scrollbar,.left-sidebar-contact-or-group-profile .shared-groups::-webkit-scrollbar{width:.5rem;background-color:transparent}.left-sidebar-contact-or-group-profile .group-members::-webkit-scrollbar-thumb,.left-sidebar-contact-or-group-profile .shared-groups::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#222e35;border-radius:10px}.left-sidebar-contact-or-group-profile .shared-files{margin-top:-.5rem;width:100%;min-height:3.5rem;max-height:22.5vh;display:flex;flex-wrap:wrap;row-gap:.5rem;overflow-y:auto}.left-sidebar-contact-or-group-profile .shared-files::-webkit-scrollbar{width:.5rem;background-color:transparent}.left-sidebar-contact-or-group-profile .shared-files::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#222e35;border-radius:10px}.left-sidebar-contact-or-group-profile .shared-file{width:33%}.left-sidebar-contact-or-group-profile .shared-file .image-container img{width:5rem;height:5rem;object-fit:cover;border-radius:10px}.left-sidebar-contact-or-group-profile .shared-file .file-container{position:relative;background-color:#415763;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5rem;height:5rem;padding:1rem}.left-sidebar-contact-or-group-profile .shared-file .file-container .file-icon-container,.left-sidebar-contact-or-group-profile .shared-file .file-container .download-icon-container-link,.left-sidebar-contact-or-group-profile .shared-file .file-container .download-icon-container,.left-sidebar-contact-or-group-profile .shared-file .file-container .download-icon{position:absolute;font-size:4rem;display:flex;justify-content:center;align-items:center}.left-sidebar-contact-or-group-profile .shared-file .file-container .file-icon-container{opacity:.2}.left-sidebar-contact-or-group-profile .shared-file .file-container .download-icon{border-radius:50%;border:1px solid #e9edef;background-color:#005c4b}.left-sidebar-contact-or-group-profile .shared-file .file-container .download-icon-container-link{opacity:0;color:#e9edef;transition:all .3s ease-in-out}.left-sidebar-contact-or-group-profile .shared-file .file-container .download-icon-container-link:hover{opacity:1}.left-sidebar-contact-or-group-profile .shared-file .file-container .file-name{display:flex;text-align:center;font-size:.75rem}.left-sidebar-contact-or-group-profile .footer{display:flex;width:100%;flex-direction:column;gap:.5rem}.left-sidebar-contact-or-group-profile .info-input-container{display:flex;gap:1rem;justify-content:space-between}.left-sidebar-contact-or-group-profile .info-input-container .label{display:flex;align-items:center;justify-content:center;color:#000;border-bottom:3px solid #b99772;margin-bottom:.4rem}.left-sidebar-contact-or-group-profile .info-input{border-radius:10px;padding:1rem;background-color:#2c2e3b;border:none;color:#fff}.left-sidebar-contact-or-group-profile .info-input.disabled{opacity:.5;cursor:not-allowed}.left-sidebar-contact-or-group-profile .info-button,.left-sidebar-contact-or-group-profile .logout-button{margin-top:1rem;padding:.5rem;border:none;outline:none;border-radius:10px}.left-sidebar-contact-or-group-profile .info-button{background-color:#415763}.left-sidebar-contact-or-group-profile .logout-button{background-color:#9e1818}.left-sidebar-contact-or-group-profile .info-button:hover,.left-sidebar-contact-or-group-profile .logout-button:hover{cursor:pointer;color:#fff;opacity:.8}.left-sidebar-contact-or-group-profile .profile-image{border-radius:50%;width:10rem;height:10rem;display:flex;justify-content:center;align-items:center;object-fit:cover}.left-sidebar-contact-or-group-profile .profile-image.group{font-size:5rem;border:2px solid #415763;background-color:#222e35;color:#111b21;display:flex;justify-content:center;align-items:center}.left-sidebar-contact-or-group-profile .contact-info{display:flex;align-items:center}.left-sidebar-contact-or-group-profile .contact-info-divider-container{display:inline-block}.left-sidebar-contact-or-group-profile .contact-info-divider{margin:-1rem 0;height:2rem;border:1px solid #415763}.settings-panel{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:#f6e2cde1;height:100%}.settings-panel h1{margin:0;padding:1rem;color:#000;width:60%;border-radius:10px;background-color:#fff}.settings-title{font-size:1.2rem;margin-right:1rem;color:#000}.color-options{display:flex;flex-wrap:wrap;gap:1rem;width:100%;height:20%;overflow-y:auto;background-color:#fff;padding:1rem;border-radius:10px}.color-button{width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;transition:transform .2s ease}.color-button:hover{transform:scale(1.3)}.settings-header-row{display:flex;align-items:center}.settings-controls{display:flex;align-items:center;gap:1rem}.reset-button{padding:.6rem;font-size:1rem;background-color:#fff;border:1px solid #999;border-radius:6px;cursor:pointer;transition:transform .2s ease}.reset-button:hover{background-color:#cae9c4;transform:scale(1.1)}.current-color-indicator{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #666}.left-sidebar{background-color:#faf1e6;height:100%;width:5%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-right:4px solid #b99772}.left-sidebar .icon-container{display:flex;justify-content:center;align-items:center;margin:1rem 0}.left-sidebar .icon{width:2.5rem;height:2.5rem;font-size:1.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:2px;color:#000;background-color:#b997728c}.left-sidebar .avatar{display:flex;justify-content:center;align-items:center}.left-sidebar .avatar .img{width:2.5rem;height:2.5rem;font-size:1rem;border-radius:50%;display:flex;justify-content:center;align-items:center;object-fit:cover}.left-sidebar .icon:hover{cursor:pointer;background-color:#41576380}.left-sidebar .between-icon-vertical-space-filler{height:60%}.left-sidebar .active-icon{background-color:#b997728c;transform:scale(1.6);transition:transform .3s ease,background-color .3s ease}.left-sidebar .active-icon:hover{transform:scale(1.6)}.left-sidebar .icon{transition:transform .3s ease,background-color .3s ease}.left-sidebar .tooltip{position:relative}.left-sidebar .tooltip .tooltiptext{visibility:hidden;width:max-content;background-color:#fff;color:#111b21;font-weight:700;text-align:center;border-radius:20px;padding:.25rem .5rem;font-size:.875rem;position:absolute;z-index:1;top:15%;left:3rem}.left-sidebar .tooltip .tooltiptext:after{content:"";position:absolute;top:46%;right:96%;margin-top:-.25rem;border-width:5px;border-style:solid;border-color:transparent white transparent transparent}.left-sidebar .tooltip:hover .tooltiptext{visibility:visible}.left-sidebar .active-icon:hover .tooltiptext{visibility:hidden}.left-sidebar .friend-requests-icon-container{position:relative}.left-sidebar .friend-requests-count{display:flex;justify-content:center;align-items:center;position:absolute;background-color:orange;width:1.125rem;height:1.125rem;font-size:.875rem;background-color:#fc9f24;color:#111b21;font-weight:700;border-radius:50%;top:0;right:0}.single-chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;height:8%;max-height:80px;background-color:#f6e2cdcb;width:80%;border-radius:8px;position:relative;left:10%;margin:5px}.single-chat-header .icons{display:flex;justify-content:space-between;align-items:center;gap:1rem}.single-chat-header .icon{width:2.5rem;height:2.5rem;font-size:1.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.single-chat-header .icon:hover{cursor:pointer;border-radius:50%;background-color:#415763}.single-chat-header .user{display:flex;gap:1rem;color:#000;background-color:#ffffffb9;padding:4px;border-radius:8px}.single-chat-header .group-members{display:flex}.single-chat-header .avatar{display:flex;align-items:center;justify-content:center}.single-chat-header .avatar .img{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;object-fit:cover}.single-chat-header .avatar .img:hover{cursor:pointer}.single-chat-header .avatar .img.non-present,.single-chat-header .avatar .group-img{border:2px solid #415763}.single-chat-header .avatar .img.non-present{font-size:.875rem}.single-chat-header .avatar .img.non-present{cursor:pointer}.single-chat-header .info{display:flex;flex-direction:column}.single-chat-header .info:hover{cursor:pointer}.pinned-panel{position:absolute;top:100%;right:0;width:240px;max-height:200px;overflow-y:auto;background:#000000e6;color:#fff;padding:.5rem;border-radius:4px;z-index:20}.pinned-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid #444}.pinned-text{flex:1;margin-right:.5rem;word-break:break-word}.unpin-btn{background:none;border:none;color:#faa;font-size:1.4rem;cursor:pointer}.unpin-btn:hover{color:#fdd;transform:scale(1.6);transition:transform .2s ease-in-out}.empty{text-align:center;opacity:.6}.pin-icon{position:relative}.pin-count{position:absolute;top:-4px;right:-4px;width:1rem;height:1rem;background:#e33;color:#fff;font-size:.75rem;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-card{background-color:#fff;border-radius:10px;padding:50px;width:90%;max-width:400px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;animation:fadeIn .4s ease-out}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h2{font-size:2rem;font-weight:600;color:#000}.password-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:1rem;font-weight:500;color:#000;margin-bottom:5px;display:block}.input-wrapper{position:relative}.input-wrapper input{width:100%;padding:10px 0;border:none;border-bottom:1px solid rgb(88,88,88);font-size:16px;color:#000;outline:none;background-color:transparent}.input-wrapper input::placeholder{color:#9ca3af}.toggle-password{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:#374151}.form-actions{display:flex;justify-content:center;gap:20px;margin-top:30px}.cancel-button,.submit-button{padding:10px 20px;font-size:1.1rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:transform .2s ease}.cancel-button{background-color:#e0e0e0;color:#000}.cancel-button:hover{transform:scale(1.2)}.submit-button{background-color:#000;color:#fff}.submit-button:hover{transform:scale(1.2)}@media (max-width: 480px){.modal-card{width:95%;padding:30px 20px}.form-actions{flex-direction:column;gap:10px}}.unlock-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000}.unlock-modal-card{background-color:#fff;border-radius:10px;padding:50px;width:90%;max-width:400px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;animation:fadeIn .4s ease-out}.unlock-modal-header{text-align:center;margin-bottom:2rem}.unlock-modal-header h2{font-size:2rem;font-weight:600;color:#000}.unlock-password-form{display:flex;flex-direction:column;gap:20px}.unlock-form-group label{font-size:1rem;font-weight:500;color:#000;margin-bottom:5px;display:block}.unlock-input-wrapper{position:relative}.unlock-input-wrapper input{width:100%;padding:10px 0;border:none;border-bottom:1px solid rgb(88,88,88);font-size:16px;color:#000;outline:none;background-color:transparent}.unlock-input-wrapper input::placeholder{color:#9ca3af}.unlock-toggle-password{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center}.unlock-toggle-password:hover{color:#374151}.password-hint{margin-top:10%}.password-hint small{font-style:italic;font-size:1rem;color:#6b7280}.unlock-form-actions{display:flex;justify-content:center;gap:20px;margin-top:30px}.unlock-cancel-button,.unlock-submit-button{padding:10px 20px;font-size:1.1rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:transform .2s ease}.unlock-submit-button{background-color:#000;color:#fff}.unlock-submit-button:hover{transform:scale(1.2)}.remove-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000}.remove-modal-card{background-color:#fff;border-radius:10px;padding:50px;width:90%;max-width:400px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;animation:fadeIn .4s ease-out}.remove-modal-header{text-align:center;margin-bottom:2rem}.remove-modal-header h2{font-size:2rem;font-weight:600;color:#000}.remove-password-form{display:flex;flex-direction:column;gap:20px}.remove-form-group label{font-size:1rem;font-weight:500;color:#000;margin-bottom:5px;display:block}.remove-input-wrapper{position:relative}.remove-input-wrapper input{width:100%;padding:10px 0;border:none;border-bottom:1px solid rgb(88,88,88);font-size:16px;color:#000;outline:none;background-color:transparent}.remove-input-wrapper input::placeholder{color:#9ca3af}.remove-toggle-password{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center}.remove-toggle-password:hover{color:#374151}.remove-password-hint{margin-top:10%}.remove-password-hint small{font-style:italic;font-size:1rem;color:#6b7280}.remove-form-actions{display:flex;justify-content:center;gap:20px;margin-top:30px}.remove-cancel-button,.remove-submit-button{padding:10px 20px;font-size:1.1rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:transform .2s ease}.remove-cancel-button{background-color:#f3f4f6;color:#000}.remove-cancel-button:hover{transform:scale(1.2)}.remove-submit-button{background-color:#000;color:#fff}.remove-submit-button:hover{transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.unlock-modal-card{width:95%;padding:30px 20px}.unlock-form-actions{flex-direction:column;gap:10px}}.message-container{padding:1rem 3rem;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23878787' fill-opacity='0.4'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-color:var(--chat-bg-color, #fff0db);display:flex;flex-direction:column;overflow-y:auto;gap:.5rem;position:relative;width:96%;left:2%;border:#d1b895 solid 5px;border-radius:10px}.message-container::-webkit-scrollbar{width:.5rem;background-color:transparent}.message-container::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#222e35}.message-container .general-date-container{display:flex;justify-content:center;align-items:center;padding:1rem}.message-container .general-date{display:flex;justify-content:center;align-items:center;width:20%;color:#413d3d;opacity:1;font-size:1.2rem;background-color:#eed9c4;border:2px solid #d9b99b;border-radius:1rem;padding:.2rem}.message-container .general-date-line{border:1.5px solid #d9b99b;width:40%;height:0}.message-container .general-date-line.left{margin-left:-4rem;margin-right:4rem}.message-container .general-date-line.right{margin-right:-4rem;margin-left:4rem}.message-container .message{display:flex;position:relative}.message-container .message.own-message{justify-content:right}.message-container .message.contact-message{justify-content:left}.message-container .message-content{max-width:60%;word-wrap:break-word;width:max-content;height:max-content;padding:.25rem .5rem;border-radius:10px;position:relative;z-index:1;font-size:1.1rem;color:#000;border:6px solid transparent;border-radius:1rem}.message-container .own-message-content{background-color:#fff;padding-left:2rem}.message-container .message.secret .own-message-content{background-color:#fff;padding-left:.5rem}.message-container .contact-message-content{background-color:#ddd;padding-right:2rem}.message-container .message.secret .contact-message-content{background-color:#ddd;padding-right:.5rem}.message-container .timestamp-container{display:flex;justify-content:right;position:relative;margin-top:.125rem;margin-bottom:-.125rem}.message-container .group-message .group-message-contact-info-above-content{display:flex;justify-content:left;font-size:.875rem}.message-content .image-container{display:flex;justify-content:center;align-items:center}.message-content .file-container{display:flex;position:relative}.message-container .file-container .file-icon-container{width:20%;display:flex;justify-content:center;align-items:center}.message-content .file-container .file-name{width:60%;display:flex;justify-content:left;align-items:center;margin-left:.25rem}.message-container .file-container .download-icon-container-link{display:flex;justify-content:center;align-items:center;padding:1rem;gap:5px}.message-container .file-container .file-icon-container{font-size:3rem}.message-container .file-container .file-icon,.message-container .file-container .download-icon-container-link .download-icon-container,.message-container .file-container .download-icon-container-link .download-icon-container .download-icon{display:flex;justify-content:center;align-items:center}.message-container .message-content .timestamp-container .message-timestamp{font-size:.8rem;opacity:.8}.message-container .message-content .timestamp-container.file-timestamp .message-timestamp,.message-container .message-content .timestamp-container.image-timestamp .message-timestamp{position:absolute;bottom:.125rem;font-size:.8rem;opacity:1}.message-container .own-message-content .user-pointer{z-index:-1;position:absolute;font-size:2.5rem;top:-.9rem;right:-3%;margin-right:-.8rem;color:#fff;transform:rotate3d(1,1,0,180deg)}.message-container .contact-message-content .user-pointer{z-index:-1;position:absolute;font-size:2.5rem;top:-.9rem;left:-9%;margin-left:-.8rem;color:#ddd;transform:scaleX(-1) rotate3d(1,1,0,180deg)}.group-message .contact-avatar,.group-message .contact-avatar .no-avatar,.group-message .contact-avatar .avatar img{display:flex;justify-content:center;align-items:center}.group-message .contact-avatar .avatar img{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.group-message .contact-avatar .no-avatar{font-size:.875rem}.group-message .contact-avatar{z-index:5;width:2rem;height:2rem;background-color:#2a3942;border-radius:50%;position:absolute;top:0;left:-2.5rem}.message-container .file-container .download-icon-container{width:3rem;height:3rem;font-size:2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;border:1px solid #e9edef}.message-container .file-container .download-icon-container:hover{display:flex;justify-content:center;background-color:#007c4b;align-items:center;cursor:pointer;border-radius:50%;border:1px solid #007c4b}.message-container .scroll-ref{margin-top:-.25rem}@keyframes rainbow{0%{background-image:linear-gradient(45deg,red,orange,#ff0,green,#00f,indigo,violet)}50%{background-image:linear-gradient(45deg,violet,indigo,#00f,green,#ff0,orange,red)}to{background-image:linear-gradient(45deg,red,orange,#ff0,green,#00f,indigo,violet)}}.message-content{position:relative}.pin-btn-container{display:flex;flex-direction:column;gap:.1rem;position:absolute;top:-.3rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.message-content:hover .pin-btn-container{opacity:1;pointer-events:auto}.message.contact-message .pin-btn-container{right:0rem}.message.own-message .pin-btn-container{left:0rem}.pin-btn{font-size:1.2rem;cursor:pointer;background:transparent;border:none}.pin-btn:hover{transform:scale(1.3)}.message-content.highlighted{animation:highlighted 3s ease-in-out forwards}@keyframes flash-border{0%{border-color:red}to{border-color:transparent}}@keyframes highlighted{0%{background-color:#fcfc23}}.message-container .message.secret .message-content{animation:popFade 3s ease-in-out forwards}@keyframes fadeInOutSecretIM{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes popFade{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(1.2)}30%{transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.scroll-to-bottom-btn{position:fixed;top:12%;left:66%;border-radius:50%;width:2.5rem;height:2.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;z-index:999;pointer-events:none}.scroll-to-bottom-btn.show{opacity:.8;transform:translateY(0);pointer-events:auto}.scroll-to-bottom-btn:hover{opacity:1}@media screen and (min-width: 1600px){.scroll-to-bottom-btn{bottom:20%;right:12%}}.preview-window{position:fixed;width:500px;height:650px;background:#fff;box-shadow:0 2px 10px #0003;z-index:1000;display:flex;flex-direction:column}.pw-header{background:#444;color:#fff;padding:.5rem;cursor:move;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.pw-title{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pw-controls .pw-btn{background:none;border:none;color:#fff;margin-left:.5rem;cursor:pointer;font-size:1.1rem}.pw-body{flex:1;border:none}@media screen and (min-width: 1600px){.preview-window{width:600px;height:700px}}.message-bar{height:65px;max-height:80px;display:flex;align-items:center;transition:margin-top .6s ease}.message-bar .message-bar-icon{width:2.5rem;height:2.5rem;font-size:2rem;padding:.3rem;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#000000e5;background-color:transparent;border:none}.message-bar .emoji-picker-icon{display:flex;justify-content:center;align-items:center;background-color:#000}.message-bar .message-bar-icon:hover{cursor:pointer;border-radius:50%;background-color:#f6e2cdcb}.message-bar .message-bar-searchbar{width:74%}.message-bar .message-bar-search-input{background-color:#2a3942;background-color:#f6e2cdcb;height:2.5rem;text-indent:1rem;border-radius:10px;color:#000;font-size:1.5rem;width:97%;border:none;outline:none;position:relative;left:2.5%}.message-bar .message-bar-search-input:focus{border:none;outline:none}.message-bar .message-bar-icon{position:relative}.message-bar .emoji-picker{position:absolute;bottom:4rem;left:0}.message-bar .attachment-hidden-input{display:none}.message-bar-temp-cont{display:flex;flex-direction:column;width:100%;margin:0;padding:0;background-color:#fff}.bot-informal{align-self:flex-start;background-color:#2f3542;color:#fff;padding:8px 12px;margin:6px 0;border-radius:12px;max-width:80%}.bot-formal{align-self:flex-start;background-color:#57606f;color:#fff;padding:8px 12px;margin:6px 0;border-radius:12px;max-width:80%}.response-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:.5rem}.response-wrapper{overflow:hidden;max-height:0;opacity:0;transition:max-height .6s ease,opacity .5s ease}.response-wrapper.open{max-height:1000px;opacity:1}.response-grid{position:relative;display:flex;justify-content:space-between;gap:20px;width:96%}.response-column{flex:1;display:flex;flex-direction:column;gap:8px;background-color:#f6e2cd;padding:10px;border-radius:8px}.response-title{font-weight:700;color:#000;font-size:1em;margin-bottom:8px;text-align:center}.response-column button{background-color:#fff;color:#000;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;text-align:left}.response-column button:hover{background-color:#c6edcb}.response-button-wrapper{position:relative;display:flex;align-items:center}.response-button-wrapper button{flex:1;font-size:1.1em}.refresh-button{position:absolute;top:-10%;right:1%;cursor:pointer;color:gray;font-size:2em}.refresh-button:hover{font-size:2.5em;color:#000}.regenerate-btn:disabled{background-color:#868686;cursor:wait;color:#ccc}.typing-indicator{display:flex;align-items:center;gap:8px;margin-left:8px;height:200px}.typing-dot{width:28px;height:28px;border-radius:50%;background-color:#57606f;animation:typing 1s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.typing-dot:nth-child(4){animation-delay:.6s}@keyframes typing{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.close-response{position:absolute;margin:1%;top:-5px;right:0;cursor:pointer;color:#ccc;font-size:1.5em;transition:transform .2s ease}.close-response:hover{background-color:#fff;border-radius:4px;transform:scale(1.2)}.ai-toggle-button{padding:6px;border-radius:8px;margin-left:4px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.ai-toggle-button.open{background-color:#4caf50}.ai-toggle-button.closed{background-color:#ff4d4d}.picker-dropdown{position:absolute;bottom:10%;left:50%;transform:translate(-50%);display:grid;grid-auto-flow:column;gap:.5rem;padding:.5rem;background:#fff;border:1px solid #ccc;border-radius:4px;z-index:10;max-width:80%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;background-color:#00000031}.picker-dropdown::-webkit-scrollbar{display:none}.color-swatch{width:42px;height:42px;border:none;border-radius:4px;cursor:pointer;transition:transform .3s ease}.color-swatch:hover{transform:scale(1.2);border-radius:5px}.secret-thumb{width:64px;height:64px;object-fit:cover;cursor:pointer;border-radius:4px;transition:transform .2s ease}.secret-thumb:hover{transform:scale(1.5);border-radius:10px}.format-picker .format-btn{border:none;background:none;font-size:2rem;cursor:pointer;padding:.2rem;border-radius:4px}.format-picker .format-btn:hover{background:#f0f0f0}@media screen and (min-width: 1600px){.message-bar .message-bar-searchbar{width:78.8%}.picker-dropdown{bottom:8%}.color-swatch{width:50px;height:50px}.secret-thumb{width:72px;height:72px}.format-picker .format-btn{font-size:2rem}}.reset-app{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative}.reset-app-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.reset-app .reset-app-modal{background-color:#111b21;z-index:10;position:absolute;top:50%;left:50%;width:35%;height:30%;transform:translate(-50%,-50%);border-radius:10px;border:2px solid #222e35;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.reset-app .modal-title{padding:1rem;font-size:1.5rem;border-bottom:1px solid #222e35}.reset-app .modal-title .red{color:red}.reset-app .modal-content{border:none;display:flex;flex-direction:column;color:#fff;width:100%;height:100%}.reset-app .modal-buttons{display:flex;align-items:center;justify-content:space-around;width:100%;height:100%}.reset-app .reset-app-button,.reset-app-content input{border-radius:10px;padding:.5rem 1rem;border:none;color:#fff;opacity:.8;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.5rem;background-color:#111b21;border:.125rem solid #222e35}.reset-app .reset-app-button:hover,.reset-app-content input:hover{opacity:1;border:.125rem solid #111b21}.reset-app .modal-buttons button{border-radius:10px;padding:.5rem 1rem;border:none;color:#fff;opacity:.8;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1rem;border:.125rem solid #111b21}.reset-app .modal-buttons button:hover{opacity:1}.reset-app .modal-buttons .cancel-button{background-color:red}.reset-app .modal-buttons .cancel-button:hover{border:.125rem solid red}.reset-app .modal-buttons .cancel-button:active{transform:translateY(1px)}.reset-app .modal-buttons .reset-button{background-color:#2c2e3b}.reset-app .modal-buttons .reset-button:hover{border:.125rem solid #222e35}.reset-app .modal-buttons .reset-button:active{transform:translateY(1px)}.single-chat{height:100%;width:65%;display:flex;flex-direction:column;position:relative;background-color:#fff}.single-chat.no-chat{background-image:url(/assets/mainbg3-rb-Cv2pfcVg.png);background-color:#faf1e6;background-size:contain;background-repeat:no-repeat;background-position:center}.single-chat.chat-open{background-image:none;background-color:#fff}.single-chat.locked .message-container,.single-chat.locked .single-chat-message-bar{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.single-chat .modal-overlay,.single-chat .unlock-modal-overlay,.single-chat .remove-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;z-index:1000}.dummy-messages{padding:1rem;display:flex;flex-direction:column;gap:.8rem;height:100%;overflow-y:auto;background-color:var(--chat-bg, #f4f4f4);filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.dummy-message{width:100%;height:100vh;background-color:#d3d3d3;border-radius:16px;padding:8px 12px;opacity:.7}.chat-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex}@media screen and (min-width: 1600px){.chat-page{width:100%;left:0}}.profile-landing-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:10rem}.profile-landing-page .info-container{display:flex;flex-direction:row;gap:5rem;justify-content:center;align-items:center;position:relative;left:16%}.profile-landing-page .info-inputs-all-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:25rem;background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 8px #0000001a}.info-inputs-all-container .info-input-container{width:100%}.profile-landing-page .info-input{width:100%;padding:10px 0;border:none;border-bottom:1px solid #ccc;outline:none;font-size:16px}.profile-landing-page .info-input.disabled{background-color:#f0f0f0;color:#666;border-radius:5px;padding:10px}.profile-landing-page .button-disabled .triangle{border-left-color:#e0e0e0}.triangle-button{background:none;border:none;cursor:pointer;padding:10px;outline:none;transition:transform .3s ease}.triangle-button .triangle{width:0;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:35px solid #e0e0e0;transition:border-left-color .3s ease}.triangle-button.active .triangle{border-left-color:#000}.triangle-button:hover{transform:scale(1.2)}.profile-landing-page .hidden{display:none}.avatar-upload-progress{color:#000;font-size:2rem}.avatar_pl{width:250px;height:250px;border-radius:50%;background-color:#e0e0e0;border:2px solid white;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;position:relative;transition:transform .2s ease}.avatar-placeholder{width:70%;height:70%;background-color:#666;border-radius:50%;position:relative}.avatar-placeholder:after{content:"";position:absolute;width:100%;height:50%;background-color:#666;bottom:-30%;border-radius:50% 50% 0 0}.profile-uploaded-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-loader{width:50px;height:50px;border:5px solid #ccc;border-top:5px solid black;border-radius:50%;animation:spin 1s linear infinite}.fade-in{animation:fadeInAnimation .8s ease-in-out forwards}@keyframes fadeInAnimation{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:var(--root-bg-color, #0a0f15);color:#fff;text-align:center}.splash-welcome{font-size:2rem;margin-bottom:1rem}.splash-logo{width:300px;height:auto;border-radius:20px}.splash-title{font-size:1.5rem;margin:1rem 0 .5rem;letter-spacing:.1em}.loader-wrapper{position:relative;width:300px;height:80px;margin:1rem auto}.splash-mascot{position:absolute;bottom:12px;left:0;width:50px;height:auto;animation:walk 4s linear forwards}.splash-subtitle{font-size:1rem;margin-top:.5rem;opacity:.75}.loader{position:absolute;bottom:0;left:0;width:0;height:4.8px;background:#fff;box-shadow:0 0 10px #ffffff80;box-sizing:border-box;animation:animFw 4s linear forwards}.loader:after,.loader:before{content:"";width:10px;height:1px;background:#fff;position:absolute;top:9px;right:-2px;opacity:0;transform:rotate(-45deg) translate(0);box-sizing:border-box;animation:coli1 .3s linear infinite}.loader:before{top:-4px;transform:rotate(45deg);animation:coli2 .3s linear infinite}@keyframes walk{0%{left:0}to{left:calc(100% - 50px)}}@keyframes animFw{0%{width:0}to{width:100%}}@keyframes coli1{0%{transform:rotate(-45deg) translate(0);opacity:.7}to{transform:rotate(-45deg) translate(-45px);opacity:0}}@keyframes coli2{0%{transform:rotate(45deg) translate(0);opacity:1}to{transform:rotate(45deg) translate(-45px);opacity:.7}}@keyframes glow{0%{filter:drop-shadow(0 0 6px rgba(255,255,255,.7))}to{filter:drop-shadow(0 0 20px rgba(255,255,255,1))}}#root{margin:0;padding:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.app{margin:1.5rem;width:100%;height:100%;color:var(--app-container-text-color);max-width:1536px}.app-loading-indicator{display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:.5;font-size:4rem;color:#8696a0}.currently-disabled-icon{opacity:.1;pointer-events:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--root-bg-color: #0c1317;--app-container-bg-color: #111b21;--app-container-text-color: #e9edef}body{margin:0;padding:0;width:100vw;height:100vh;background-color:#faf1e6}*{box-sizing:border-box}