.container{height:100vh;width:100vw;padding:0;margin:0;background-color:#7c8ebc;display:grid;place-items:center;overflow:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}svg{cursor:pointer}.message-for-container{height:90vh;width:95vw;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;display:flex}img{-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}::-webkit-scrollbar{width:5px;height:4px}::-webkit-scrollbar-thumb{background:#0c0c0c}::-webkit-scrollbar-thumb:hover{background:#555}@media screen and (max-width:1024px){.message-for-container{width:100vw;height:100vh;min-height:100vh;overflow:auto}}.profile-pic-for-right{height:45px;width:45px;border-radius:50%}.right-top-container{display:flex;width:100%;align-items:center;justify-content:space-between;height:60px}.dark-light-mood{height:40px;width:40px;border-radius:50%;background-color:#fefcfc;cursor:pointer}.right-top-container span{font-size:23px;width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Right-container{background-color:#867bb6;width:100%;min-width:420px}.document-section img{height:45px;width:45px}.after-total-user-seen{position:absolute;top:0;left:0;background-color:#f7f8fad9;z-index:10;height:100vh;display:grid;place-items:center;width:100vw}.after-hover-property-of-main-container .three-dot{font-size:20px;display:none}.after-hover-property-of-main-container:hover .three-dot{display:inline}.document-container{display:grid;place-items:center;width:max-content;padding:4px;border-radius:10px;background-color:#ddd7f7}.time-for-document{font-size:13px}.document-section{display:flex;justify-content:center;align-items:center;background-color:#c4b5fd;width:280px;padding:7px 3px;border-radius:6px}.name-and-size{display:grid;height:max-content;overflow:hidden;padding:0}.child-text-message-user-info a{text-decoration:none;font-size:20px}.child-text-message-user-info a:hover{text-decoration:underline}.name-and-size .name{font-size:25px;width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name-and-size .size{padding:0}.image-for-user{min-height:auto;max-height:320px;border-radius:10px;max-width:300px;min-width:auto;overflow:hidden}.image-for-user img{height:auto;min-height:100%;max-height:310px;border-radius:10px;min-width:300px;max-width:300px;object-fit:cover}.image-container-for-user{background-color:#ddd7f7;width:max-content;padding:4px 4px 0;border-radius:10px;display:grid;position:relative;height:auto}.image-container-for-user .time{width:100%;position:absolute;bottom:5px;background-image:linear-gradient(to top,#0b141a80,#0b141a00);display:flex;flex-direction:row-reverse;font-size:13px;color:#fff;align-items:center;border-radius:0 0 10px 10px}.text-message-user-info{display:grid;place-items:center;width:max-content}.child-text-message-user-info{background-color:#ddd7f7;max-width:350px;overflow-wrap:anywhere;min-width:80px;padding:0 10px;border-radius:6px;display:grid}.child-text-message-user-info .time{font-size:13px}.child-text-message-user-info .Message{font-size:20px}.time-for-text{width:100%;display:flex;align-items:center;justify-content:end;gap:5px}.Message-container{background-image:url(/assets/image-D5K1m_Ya.png);background-size:300px;overflow-y:scroll;height:calc(100% - 110px);padding:0 30px}.Message-container::-webkit-scrollbar{width:5px}.Message-container::-webkit-scrollbar-thumb{background:#000}.Message-container::-webkit-scrollbar-thumb:hover{background:#555}.video{transform:scale(1.5)}video{height:auto;min-height:auto;max-height:350px;max-width:350px;min-width:auto;background-position:center;border-radius:5px}.icon-of-video-time{width:100%;position:absolute;bottom:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:space-between;background-image:linear-gradient(to top,#0b141a80,#0b141a00)}.video-container{display:grid;padding:5px 5px 0;background-color:#ddd7f7;width:max-content;border-radius:5px;position:relative}audio::-webkit-media-controls{background-color:#f0f0f0;border-radius:10px}.audio-container{background-color:#ddd7f7;display:grid;width:max-content;padding:4px;border-radius:10px}.image-previewer-container{position:absolute;height:100vh;width:100vw;left:0;top:0;z-index:200;background-color:#62718ff2;display:grid;place-items:center}.image-previewer-container .download-undo-redo{border-radius:10px;width:max-content;display:flex;justify-content:center;gap:10px;align-items:center;height:40px;position:absolute;padding:0 5px;right:0;top:10px;margin-right:20px}.image-previewer-container .image{max-height:400px;min-height:auto;max-width:1000px;width:auto;min-width:200px;border-radius:5px}@media screen and (max-width:768px){.video-container-watcher{width:auto}.video{transform:scale(1);width:100%}.image-previewer-container .image{height:auto;max-width:80vw}}@media screen and (max-width:870px){video{height:auto;max-height:350px;width:auto;background-position:center;border-radius:5px;background-color:#f0f8ff}.Message-container{padding:0 10px}}.bottom-right-container{display:flex;align-items:center;height:50px;padding-left:10px;position:relative}.type-icon-main-container{width:100%;position:absolute;display:flex;justify-content:start;align-items:center;height:90px;left:0;bottom:52px}.type-icon-container{display:grid;align-items:center;gap:4px;width:150px;background-color:#fff;border-radius:5px;padding:2px;margin-left:20px}.type-icon-container label{display:flex;align-items:center;font-size:18px;gap:5px;padding:4px}.type-icon-container label:hover{background-color:#f3f0f0;border-radius:5px}.emoji{font-size:32px;cursor:pointer}.send-msg-icon{height:30px;width:30px;border-radius:5px;cursor:pointer;padding:3px;display:grid;place-items:center;margin-right:10px;margin-left:5px;background-color:#d2d4da}.input-for-message{height:39px;font-size:20px;outline:none;border:none;background-color:#e1e4eb;border-radius:5px;padding:0 0 0 10px;width:86%}.pickerStyle-container{height:max-content;width:max-content;position:absolute;bottom:12vh;left:calc(100%-360px)}@media screen and (max-width:1024px){.pickerStyle-container,.emoji{display:none}}.before-selected-chat{width:100%;display:grid;text-align:center;place-items:center;min-width:400px}.bg-for-before-selected-chat{height:200px;width:400px;background-image:url(/assets/chat-3d-icon-png-DL2qMfNZ.webp);background-size:200px;background-repeat:no-repeat;background-position:center;display:grid;place-items:center;text-align:center}.before-selected-chat-bg-image-text span{font-size:30px;text-align:center}.notification-container{width:200px;background-color:#7c8ebc;border-top-left-radius:5px;border-top-right-radius:5px;padding:0 3px;animation-name:animated;animation-duration:.51s}.animated{animation-name:animated;animation-duration:.51s}@keyframes animated{0%{margin-right:-200px}to{margin-right:0}}.main-container-for-animation{position:absolute;bottom:0;right:0;height:auto;width:100%;display:grid;place-items:end;overflow:hidden;z-index:1}.notify-child img{height:33px;width:33px;border-radius:50%}.notify-child{display:grid;width:100%;background-color:#9dbbf8;border-radius:10px;margin:3px 0;padding:4px 0}.notify-child-container{overflow:auto;max-height:273px;min-height:auto;padding-right:2px}.notify-child-container::-webkit-scrollbar{width:3px}.notify-child button{font-size:15px;padding:3px 15px;border:2px solid black;margin:0 3px;border-radius:5px;cursor:pointer;color:#2c6bed}.notify-child button:hover{background-color:#2c6bed;color:#fff}.button-container{display:flex;align-items:center;padding-left:11px;margin-top:5px}.first-notify-child{display:grid;padding-left:10px}.first-notify-child div{display:flex;align-items:center;width:100%;gap:10px}.left-user-container{height:auto;min-width:320px;height:100%;position:relative}.user-scroll::-webkit-scrollbar{width:5px}.user-scroll::-webkit-scrollbar-thumb{background:#656363}.user-scroll::-webkit-scrollbar-thumb:hover{background:#555}.user-scroll{position:absolute;height:calc(100% - 60px);row-gap:2px;overflow:auto}.user-search-container{position:relative;display:grid;place-items:center;padding:5px 0;height:50px;width:100%}.name-image-for{width:100%;min-height:auto;max-height:250px;overflow:auto;margin-top:3px;margin-bottom:3px}.row{display:flex;gap:1.5px}#add-user-in-game{position:absolute;left:0;top:0;outline:2px solid green;border:none;margin-top:5px;font-size:18px;border-radius:5px;padding:5px}.row div{background-color:#fff;color:#000;height:90px;width:90px;display:grid;place-items:center;font-size:60px;border-radius:10px;border:5px solid black}.row div:hover{background-color:#4b23e9;color:#fff}.child-game{display:grid;gap:1.5px;padding:5px;border-radius:10px}.child-container-for-game{display:grid;place-items:center;width:100vw}.tic-tac-toe{font-family:Poppins,sans-serif;font-size:40px}.turn-for-game{display:grid;justify-content:center;align-items:center;text-align:center;font-size:27px;gap:5px;margin-bottom:10px}.turn-for-game select{outline:none;border:none;border-radius:5px;font-size:20px;width:70px}.name-for-game{display:flex;width:50vw;flex-wrap:wrap;gap:5px;margin:5px 0;justify-content:space-between;font-size:25px;padding:0 10px}.name-for-game>span{background-color:#f5e3d8;padding:0 5px;width:230px;border-top-right-radius:10px;border-bottom-left-radius:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.after-winning-the-game{display:grid;place-items:center;gap:10px}.after-winning-the-game button{font-size:23px;outline:2px salmon solid;border:none;border-radius:3px;cursor:pointer}.search-user-for-game{position:absolute;top:0;left:0;background-color:#e7e7eae6;width:270px;border-radius:5px}.search-user-for-game input{padding:5px;font-size:20px;width:90%;outline:2px black solid;border:none;border-radius:3px;margin-top:5px;margin-left:5px}.container-for-game{background-image:url(/assets/image-D5K1m_Ya.png);background-size:200px;width:100vw;height:100vh;display:grid;place-items:center;min-width:320px}.name-for-game{display:flex}@media screen and (max-width:768px){.name-for-game{width:90vw}}.User-profile-container{display:flex;align-items:center;background-color:#4a5b76;width:280px;gap:8px;padding:7px 10px;border-radius:5px;margin:2px 0 0 7px;height:50px;position:relative}.User-profile-container-name-last-message{display:grid;width:100%}.User-profile-container-name-last-message .last-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0e8e8}.online{background-color:#00f;height:12px;width:12px;position:absolute;border-radius:50%;left:45px;top:15px}.User-profile-container:hover{background-color:#334155;cursor:pointer}.User-profile-container img{height:45px;width:45px;border-radius:50%}.User-profile-container span.name{font-size:22px;color:#f0f8ff;width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rocket{font-size:25px}.user-search-profile{background-color:#1e293b;display:flex;place-items:center;width:290px;height:40px;gap:2px;justify-content:space-around;padding:5px;border-radius:10px}.user-search-profile img{height:35px;width:35px;border-radius:50%}#main-search-input-tag{height:25px;width:180px;font-size:16px;outline:none;border:none;padding:5px;border-radius:10px}.user-search-profile button{height:35px;cursor:pointer;width:35px;background-image:url(https://uxwing.com/wp-content/themes/uxwing/download/user-interface/search-icon.png);background-size:20px 20px;background-repeat:no-repeat;background-position:center;border-radius:50%;border:none}.user-search-profile button:hover{background-color:#dcd2e6}@media screen and (max-width:768px){.online{left:48px;top:10px}}@media screen and (max-width:1024px){.User-profile-container span.name{font-size:20px;width:170px}.User-profile-container img{height:50px;width:50px}}body{margin:0;display:flex;place-items:center;width:100vw;height:100vh}