*{box-sizing:border-box;margin:0;padding:0}:root{--text-white:#fff;--bg-color:#fff;--text-color:#050505;--icon-bg-color:#f5f5f5;--icon-color:#414141;--search-bg:#868e991a;--active-color:#0000000a;--border-color:#e5e5e5;--message-icon-color:#09f;--fd-message-bg:#e5e5e5;--my-message-bg:#0084ff;--my-message-color:#fff;--fd-message-color:#050505;--image-border-color:#9b9999;--active-icon-color:#5ad539;--hover-color:#bcbcc091}body{background-color:#fff;background-color:var(--bg-color);font-family:Roboto,sans-serif}.messenger.theme{--text-color:#fff;--bg-color:#141b2bf0;--border-color:#213156bf;--icon-bg-color:#0a0a1357;--active-color:#2b335591;--hover-color:#323a5c91;--fd-message-bg:#28324ed9;--my-message-bg:#28324ed9;--search-bg:#15162559;--text-white:#fff;--text-dark:#404040;--icon-color:#fff;--message-icon-color:#fff;--my-message-color:#fff;--fd-message-color:#fff;--active-icon-color:#5ad539;--image-border-color:#fff}a{text-decoration:none}li{list-style:none}.card{background-color:rgba(20,27,43,.831);box-shadow:0 8px 25px #f5f0f0;padding:15px 20px;width:375px}.form-group{display:flex;flex-direction:column;margin:10px 0}.form-control{background-color:rgba(10,14,21,.522);border:none;outline:none;padding:12px}.form-control::placeholder{color:#fff;font-weight:400}label{color:#fff;font-weight:500;margin-bottom:5px}.btn{background-color:rgba(16,26,35,.922);border:none;color:#fff;cursor:pointer;outline:none;padding:12px;text-align:center;text-transform:uppercase}.row{display:flex;width:100%}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}.login,.register{align-items:center;background-color:azure;display:flex;height:100vh;justify-content:center;width:100%}.login .card,.register .card{border-radius:10px;max-width:400px;width:95%}.login .card .card-header h3,.register .card .card-header h3{color:#fff;text-align:center}.login .card .card-body .form-group .form-control,.register .card .card-body .form-group .form-control{color:#fff}.login .card .card-body .form-group:last-child,.register .card .card-body .form-group:last-child{margin-bottom:0}.login .card .card-body .form-group span,.register .card .card-body .form-group span{text-align:center}.login .card .card-body .form-group span a,.register .card .card-body .form-group span a{color:#fff}.login .card .card-body .form-group .file-image,.register .card .card-body .form-group .file-image{display:flex}.login .card .card-body .form-group .file-image .image,.register .card .card-body .form-group .file-image .image{border:1px solid #c7c3c3;border-radius:50%;height:50px;overflow:hidden;width:50px}.login .card .card-body .form-group .file-image .image img,.register .card .card-body .form-group .file-image .image img{height:100%;object-fit:cover;width:100%}.login .card .card-body .form-group .file-image .file,.register .card .card-body .form-group .file-image .file{align-items:center;display:flex;flex-direction:column;justify-content:center}.login .card .card-body .form-group .file-image .file .form-control,.register .card .card-body .form-group .file-image .file .form-control{display:none}.login .card .card-body .form-group .file-image .file label,.register .card .card-body .form-group .file-image .file label{background-color:rgba(10,14,21,.522);border-radius:50px;cursor:pointer;margin-bottom:0;margin-left:10px;padding:8px;text-align:center;width:120px}.messenger{align-items:center;background-color:#fff;background-color:var(--bg-color);display:flex;flex-direction:column;height:100vh;width:100vw}.messenger .row{height:100%;max-width:1920px;width:100%}.messenger .row .col-3{max-width:400px;min-width:300px;width:30%}@media(max-width:600px){.messenger .row .col-3{min-width:100%}}.messenger .row .col-3 .left-side{border-right:1px solid #e5e5e5;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;justify-content:start;padding:5px 0;width:100%}.messenger .row .col-3 .left-side .top{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:12px 8px}.messenger .row .col-3 .left-side .top .image-name{cursor:pointer;display:flex}.messenger .row .col-3 .left-side .top .image-name .image{border-radius:50%;height:40px;overflow:hidden;width:40px}.messenger .row .col-3 .left-side .top .image-name .image img{height:100%;object-fit:cover;width:100%}.messenger .row .col-3 .left-side .top .image-name .name{align-items:center;display:flex;justify-content:center}.messenger .row .col-3 .left-side .top .image-name .name h3{color:#050505;color:var(--text-color);font-weight:600;padding-left:10px}.messenger .row .col-3 .left-side .top .icons{display:flex;position:relative}.messenger .row .col-3 .left-side .top .icons .theme_logout.show{transform:scale(1)}.messenger .row .col-3 .left-side .top .icons .theme_logout{background-color:#14183b;color:#fff;padding:10px;position:absolute;top:100%;transform:scale(0);transition:all .6s;width:200px}.messenger .row .col-3 .left-side .top .icons .theme_logout .of,.messenger .row .col-3 .left-side .top .icons .theme_logout .on{display:flex;justify-content:space-between;margin-top:10px}.messenger .row .col-3 .left-side .top .icons .theme_logout .of label,.messenger .row .col-3 .left-side .top .icons .theme_logout .on label{color:#fff;cursor:pointer}.messenger .row .col-3 .left-side .top .icons .theme_logout .logout{align-items:center;cursor:pointer;display:flex;margin-top:10px}.messenger .row .col-3 .left-side .top .icons .icon{align-items:center;background-color:#f5f5f5;background-color:var(--icon-bg-color);border-radius:24px;color:#414141;color:var(--icon-color);cursor:pointer;display:flex;height:33px;justify-content:center;margin-left:8px;width:33px}.messenger .row .col-3 .left-side .friend-search{padding:0 8px}.messenger .row .col-3 .left-side .friend-search .search{background-color:#868e991a;background-color:var(--search-bg);border-radius:50px;display:flex;height:40px;margin:20px 0;width:100%}.messenger .row .col-3 .left-side .friend-search .search button{background-color:#0000;border:none;border-bottom-left-radius:50px;border-top-left-radius:50px;color:#050505;color:var(--text-color);font-size:20px;padding:12px}.messenger .row .col-3 .left-side .friend-search .search .form-control{background-color:#fff0;border:none;border-bottom-right-radius:50px;border-top-right-radius:50pc;color:#050505;color:var(--text-color);padding-left:0;width:100%}.messenger .row .col-3 .left-side .friend-search .search .form-control::placeholder{color:#050505;color:var(--text-color)}.active-friends .active-friend{overflow:hidden}.active-friends .active-friend .image-active-icon{display:flex;overflow-x:scroll}.active-friends .active-friend .image-active-icon::-webkit-scrollbar{overflow:hidden}.active-friends .active-friend .image-active-icon .image{margin:5px;position:relative}.active-friends .active-friend .image-active-icon .image img{border-radius:50%;height:38px;width:38px}.active-friends .active-friend .image-active-icon .image .active-icon{background-color:#1bdf35;border-radius:50%;bottom:3px;height:10px;position:absolute;right:3px;width:10px}.friends{display:flex;flex-direction:column;height:100%;overflow-y:auto}.friends::-webkit-scrollbar{display:none}.friends .hover-friend.active{background-color:#0000000a;background-color:var(--active-color)}.friends .hover-friend{cursor:pointer}.friends .hover-friend:hover{background-color:#bcbcc091;background-color:var(--hover-color)}.friends .hover-friend .friend{display:flex;padding:7px 15px;width:100%}.friends .hover-friend .friend .friend-image .image{margin-right:8px;position:relative}.friends .hover-friend .friend .friend-image .image img{border:1px solid #050505;border:1px solid var(--text-color);border-radius:50%;height:50px;width:50px}.friends .hover-friend .friend .friend-image .image .active_icon{background-color:#2be42b;border:1px solid #fff;border-radius:50%;bottom:6px;height:13px;position:absolute;right:-2px;width:13px}.friends .hover-friend .friend .friend-name-seen{align-items:center;display:flex;justify-content:space-between;width:100%}.friends .hover-friend .friend .friend-name-seen .friend-name{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.friends .hover-friend .friend .friend-name-seen .friend-name h4.unseen_message{font-weight:700!important}.friends .hover-friend .friend .friend-name-seen .friend-name h4{color:#050505;color:var(--text-color);font-weight:300}.friends .hover-friend .friend .friend-name-seen .friend-name .msg-time span.unseen_message{font-weight:700!important}.friends .hover-friend .friend .friend-name-seen .friend-name .msg-time span{color:#050505;color:var(--text-color);font-size:12px}.friends .hover-friend .friend .friend-name-seen .seen-unseen-icon{align-items:center;display:flex;justify-content:center}.friends .hover-friend .friend .friend-name-seen .seen-unseen-icon img{border-radius:50%;height:15px;width:15px}.friends .hover-friend .friend .friend-name-seen .seen-unseen-icon .delivared,.friends .hover-friend .friend .friend-name-seen .seen-unseen-icon .unseen{color:#050505;color:var(--text-color)}.friends .hover-friend .friend .friend-name-seen .seen-unseen-icon .seen-icon{background-color:#7fffd4;border-radius:50%;height:15px;width:15px}.col-9{overflow-x:hidden;width:100%}.col-9 .right-side,.col-9 .right-side .row{height:100%;width:100%}.col-9 .right-side .row .col-8{transition:all .5s;width:100%}.col-9 .right-side .row .col-8 .message-send-show{align-items:center;border-right:1px solid #e5e5e5;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;justify-content:space-between;width:100%}.col-9 .right-side .row .col-8 .message-send-show .header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;justify-content:space-between;padding:12px 10px;position:fixed;top:0;width:50%}@media(max-width:600px){.col-9 .right-side .row .col-8 .message-send-show .header{width:100%}}.col-9 .right-side .row .col-8 .message-send-show .header .image-name{display:flex}.col-9 .right-side .row .col-8 .message-send-show .header .image-name .image{height:40px;position:relative;width:40px}.col-9 .right-side .row .col-8 .message-send-show .header .image-name .image img{border-radius:50%;height:40px;width:40px}.col-9 .right-side .row .col-8 .message-send-show .header .image-name .image .active-icon{background-color:#1cd41c;border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.col-9 .right-side .row .col-8 .message-send-show .header .image-name .name{align-items:center;display:flex;justify-content:center}.col-9 .right-side .row .col-8 .message-send-show .header .image-name .name h3{color:#050505;color:var(--text-color);padding-left:10px}.col-9 .right-side .row .col-8 .message-send-show .header .icons{display:flex}.col-9 .right-side .row .col-8 .message-send-show .header .icons .icon{align-items:center;background-color:#f5f5f5;background-color:var(--icon-bg-color);border-radius:50%;border-radius:24px;color:#414141;color:var(--icon-color);cursor:pointer;display:flex;height:35px;justify-content:center;margin-left:8px;width:35px}.col-9 .right-side .row .col-8 .message-send-show .header .icons .icon label{color:#414141;color:var(--icon-color);cursor:pointer;display:flex;margin-bottom:0}.col-9 .right-side #dot,.col-9 .right-side #dot:checked~.row .col-4{display:none}.col-9 .right-side #dot:checked~.row .col-8{width:100%}.col-9 .right-side #dot:checked~.row .col-8 .message-show .fd-message .fd-text,.col-9 .right-side #dot:checked~.row .col-8 .message-show .my-message .my-text{width:500px}.message-section{height:100%;max-width:700px;padding-bottom:50px;padding-top:65px;width:100%}.message-show{height:100%;overflow-y:auto;padding:10px;width:100%}.message-show::-webkit-scrollbar{overflow:hidden}.message-show .friend_connect{align-items:center;color:#050505;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;margin-top:10px}.message-show .friend_connect img{border-radius:50%;height:100px;width:100px}.message-show .friend_connect h3{margin-top:10px}.message-show .my-message{float:right;max-width:370px;width:80%}.message-show .my-message .my-text{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;width:100%}.message-show .my-message .my-text img.img,.message-show .my-message .my-text span{border-radius:50%;color:#050505;color:var(--text-color);height:14px;margin:3px 0 0;width:14px}.message-show .my-message .my-text .my{background-color:#0084ff;background-color:var(--my-message-bg);color:#fff;color:var(--text-white)}.message-show .my-message .my-text .message-text{border-radius:10px;padding:10px;text-align:start}.message-show .my-message .my-text .message-text img{border-radius:5px;height:270px;margin-right:0;object-fit:cover;overflow:hidden;width:220px}.message-show .my-message .time{color:#9acd32;padding:5px 0;text-align:end}.message-show .fd-message{float:left;max-width:370px;width:80%}.message-show .fd-message .fd-text{align-items:flex-end;display:flex;justify-content:flex-start;width:100%}.message-show .fd-message .fd-text .fd{background-color:#e5e5e5;background-color:var(--fd-message-bg);color:#050505;color:var(--text-color)}.message-show .fd-message .fd-text .message-text{border-radius:10px;text-align:start}.message-show .fd-message .fd-text .message-text img{border-radius:5px;height:270px;margin-right:0;object-fit:cover;overflow:hidden;width:220px}.image-message,.image-message-time{display:flex}.image-message img,.image-message-time img{border-radius:50%;height:32px;margin-right:10px;overflow:hidden;width:32px}.image-message .message-text,.image-message-time .message-text{background-color:rgba(40,50,78,.851);color:#fff;font-size:14px;font-weight:400;padding:8px}.image-message .time,.image-message-time .time{color:#9acd32;padding:5px 0}.typing-message{padding:0 10px}.message-send-section{align-items:center;bottom:0;display:flex;justify-content:space-between;padding:5px;position:fixed;width:50%}@media(max-width:600px){.message-send-section{width:100%}}.message-send-section .file{font-size:20px;padding:8px}.message-send-section .file,.message-send-section .file label{color:#414141;color:var(--icon-color);cursor:pointer;display:flex}.message-send-section .file label{align-items:center;margin-bottom:0}.message-send-section .file #pic{display:none}.message-send-section .file .add-attachment,.message-send-section .file .add-gift,.message-send-section .file .add-image{background:#212d44;bottom:44px;color:#fff;color:var(--text-white);display:none;font-size:14px;padding:4px;position:fixed}.message-send-section .hover-attachment{position:relative}.message-send-section .hover-attachment:hover .add-attachment{display:block}.message-send-section .hover-image{position:relative}.message-send-section .hover-image:hover .add-image{display:block}.message-send-section .hover-gift{position:relative}.message-send-section .hover-gift:hover .add-gift{display:block}.message-send-section .message-type{align-items:center;background-color:#868e991a;background-color:var(--search-bg);border:1px solid #000;border-radius:50px;display:flex;height:40px;width:70%}.message-send-section .message-type .form-control{background-color:#0000;border:none;border-bottom-left-radius:50px;border-top-left-radius:50px;font-size:1rem;width:100%}.message-send-section .message-type .form-control::placeholder{color:#050505;color:var(--text-color)}.message-send-section .message-type label{cursor:pointer;font-size:20px;margin-right:5px}.message-send-section .emoji-section{background:#0e131d;border-radius:8px;border-bottom-right-radius:0;bottom:50px;display:none;padding:6px;position:absolute;right:60px;width:200px}.message-send-section .emoji-section .emoji{grid-gap:4px;display:grid;grid-template-columns:repeat(7,1fr)}.message-send-section .emoji-section .emoji span{cursor:pointer}.message-send-section #emoji{display:none}.message-send-section #emoji:checked~.emoji-section{display:block}.friend-info{display:flex;flex-direction:column;height:100%;justify-content:start;padding:12px 15px}.friend-info .image-name{align-items:center;display:flex;flex-direction:column;justify-content:center}.friend-info .image-name .image{border-radius:50%;height:70px;margin-bottom:5px;overflow:hidden;width:70px}.friend-info .image-name .image img{height:100%;width:100%}.friend-info .image-name .active-user{color:#1bee1b;margin-bottom:3px}.friend-info .image-name .name h4{color:#050505;color:var(--text-color);font-weight:600;margin-bottom:8px}.friend-info .others{display:flex;flex-direction:column;margin:10px 0}.friend-info .others .custom-chat,.friend-info .others .media,.friend-info .others .privacy{color:#050505;color:var(--text-color);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin:4px 0}.friend-info .others .custom-chat h3,.friend-info .others .media h3,.friend-info .others .privacy h3{font-size:14px}.friend-info .others .custom-chat label,.friend-info .others .media label,.friend-info .others .privacy label{color:#050505;color:var(--text-color);cursor:pointer}.friend-info .gallery{grid-gap:5px;display:grid;display:none;grid-template-columns:repeat(2,1fr);overflow-y:auto}.friend-info .gallery::-webkit-scrollbar{display:none}.friend-info .gallery img{height:100%;width:100%}.friend-info #gallery{display:none}.friend-info #gallery:checked~.gallery{display:grid}
/*# sourceMappingURL=main.b37bf447.css.map*/