@import url(https://fonts.googleapis.com/css2?family=Signika:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.logo img{height:70px;width:70px}.logo h2{color:var(--main-color)}.loading-container{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#fff}.spinner.small{border-width:3px;height:30px;width:30px}.spinner.medium{height:50px;width:50px}.spinner.large{border-width:5px;height:80px;width:80px}.loading-text{animation:fadeIn 1s ease-in-out;color:#555;font-size:1rem;margin-top:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown img{border:2px solid var(--main-color);height:50px;width:50px}.profile-dropdown p,.profile-dropdown svg{color:var(--main-color)}.profile-dropdown ul li a span{font-size:18px}header{align-items:center;background-color:var(--primary-bg);display:flex;justify-content:center;padding:5px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:9}header .header-container{align-items:center;display:flex;justify-content:space-between;width:1440px}header .header-container .header-navbar{align-items:center;display:flex;gap:8px;justify-content:center}header .header-container .header-navbar .icon-bg{height:50px;width:50px}footer{background-color:var(--footer-bg)}footer .footer-menu .footer-menu-content p{color:#fff}footer .footer-menu .footer-menu-content ul li a{color:#d5d3d4}footer .footer-menu .footer-menu-content ul li a:hover{text-decoration:underline}.cover-container{cursor:pointer;width:100%}.cover-container svg{height:30px;width:30px}.cover-container .cover-details{width:100%}.cover-container .cover-details img{border-radius:9px;height:400px;transition:all .3s ease-in-out;width:100%}.cover-container:hover .cover-details img{filter:brightness(60%)}@media screen and (max-width:768px){.cover-details img{height:250px}}.profile-container{cursor:pointer;transition:all .3s ease-in-out}.profile-container svg{height:30px;width:30px}.profile-container img{border:4px solid var(--secondary-bgColor-bm);border-radius:100px;height:150px;transition:all .3s ease-in-out;width:150px}.profile-container:hover img{filter:brightness(60%)}@media screen and (max-width:768px){.profile-container .profile-details-options{position:absolute;right:0;top:60%}}.user-info{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.user-info .user-options{display:flex;gap:10px}@media only screen and (max-width:1024px)and (max-width:1439px){.user-info{padding:70px 0 0}}.bio .bio-content p{text-align:center}.profile-navbar{display:flex;flex-wrap:wrap;padding:20px}.profile-navbar a{background-color:#0000;background-color:#303030;border-bottom:2px solid #fff;border-left:2px solid #fff;border-radius:0;color:#fff;cursor:pointer;padding:5px 10px;transition:all .3s ease-in}.profile-navbar a:first-child{border-left:none;border-radius:9px 0 0 9px}.profile-navbar a:last-child{border-radius:0 9px 9px 0}.profile-navbar a:hover{background-color:#5d5d5d}.profile-navbar .container-bg:hover{background-color:#0000}.default-like,li.liked{background-color:#0091ff!important}.default-like{height:-webkit-fit-content!important;height:fit-content!important;width:-webkit-fit-content!important;width:fit-content!important}.default-like svg{height:15px!important;width:15px!important}@media screen and (max-width:768px){li.liked,li.liked .icon-bg{background-color:#0091ff!important}}.comments-list{align-items:start!important;flex-direction:column;gap:10px;height:400px;overflow:scroll}.comment-Content{justify-content:start;padding:0 20px}.comment-List{box-shadow:.2px .2px 5px #fff;left:50%;padding:5px;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:999999}.comment-List .comment-List-Content{position:relative}.comment-List .comment-List-Content .icon-bg{position:absolute;right:10px;top:10px;z-index:1000}.comment-List .Header .Header-Contnet{position:relative}.comment-List .Header .Header-Contnet button{border-radius:100px;height:30px;padding:10px;position:absolute;right:0;top:50%;transform:translate(-50%,-50%);width:30px}.UserProfile_Container{align-items:start!important;background-color:red}.comment-Container{align-items:start;color:#000!important;display:flex;flex-direction:column;justify-content:center;padding:5px 10px}.reply-comment{position:relative}.reply-comment button{height:20px;position:absolute;right:10px;top:50%;transform:translate(-50%,-50%);width:20px}.alert-content,.reply-comment button{align-items:center;display:flex;justify-content:center}.alert-content{animation:Alert .2s linear;border-radius:9px;height:50px;left:1%;padding:5px;position:fixed;top:88%;width:300px}.alert-content svg{color:#fff;height:30px;width:30px}.alert-content h1{color:#fff;font-size:13px}.feed-actions-navbar{width:100%}.feed-actions-navbar .icon-bg{height:25px;width:25px}.feed-actions-navbar .icon-bg svg{height:18px;width:18px}.feed-actions-navbar .feed-actions-container{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between}.feed-actions-navbar .feed-actions-container li{align-items:center;border-radius:4px;display:flex;gap:5px;justify-content:center;padding:8px 70px;width:100px}.feed-actions-navbar .feed-actions-container li .icon-bg{background-color:#0000!important}.feed-actions-navbar .feed-actions-container li .icon-bg svg{color:#fff}.feed-actions-navbar .feed-actions-container li h3{font-size:18px}.feed-actions-navbar .feed-actions-container li *{transition:all .3s ease-in}.feed-actions-navbar .feed-actions-container li:hover{background-color:#747373!important}@media screen and (max-width:768px){.feed-actions-navbar{align-items:center;display:flex;justify-content:center;width:100%}.feed-actions-navbar .icon-bg{height:25px;width:25px}.feed-actions-navbar .icon-bg svg{height:18px;width:18px}.feed-actions-navbar .feed-actions-container{align-items:center;display:flex;gap:5px;justify-content:space-between;width:100%}.feed-actions-navbar .feed-actions-container li{background-color:#0000!important;width:-webkit-fit-content!important;width:fit-content!important}.feed-actions-navbar .feed-actions-container li .icon-bg{background-color:var(--dark-button-bg);padding:5px!important}.feed-actions-navbar .feed-actions-container li .count,.feed-actions-navbar .feed-actions-container li span{display:none!important}.feed-actions-navbar .feed-actions-container li .count span{display:none}.feed-actions-navbar .feed-actions-container li.liked .icon-bg{background-color:#0091ff!important}}@media only screen and (max-width:768px)and (max-width:1023px){.feed-actions-navbar{align-items:center;display:flex;justify-content:center;width:100%}.feed-actions-navbar .icon-bg{height:25px;width:25px}.feed-actions-navbar .icon-bg svg{height:18px;width:18px}.feed-actions-navbar .feed-actions-container{align-items:center;display:flex;gap:5px;justify-content:space-between;width:100%}.feed-actions-navbar .feed-actions-container li{gap:5px}.feed-actions-navbar .feed-actions-container li span{display:block}.feed-actions-navbar .feed-actions-container li .count h3{display:flex;gap:2px}.feed-actions-navbar .feed-actions-container li .count span{display:block}.feed-actions-navbar .feed-actions-container li.liked .icon-bg{background-color:#0091ff!important}}.more-container ul li{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:start;padding:10px;transition:all .3s linear}.more-container ul li svg{height:30px;width:30px}.more-container ul li:hover{background-color:var(--dark-hover-effect);border-radius:9px!important}.feed{border-radius:9px!important;display:flex;gap:10px;height:-webkit-fit-content;height:fit-content;width:600px}.feed .feed-content{width:100%}.feed .feed-content .feed-header a.user-profile .user-profile-card{box-shadow:5px 5px 20px #fff}.feed .feed-content .feed-header a.user-profile:hover .user-profile-card{display:block!important}.feed .feed-content .feed-body{cursor:pointer}.feed .feed-content .feed-body .feed-body-content .feed-status{align-items:center;display:flex;justify-content:start}.feed .feed-content .feed-body .feed-body-content .feed-upload{align-items:center;display:flex;justify-content:center;max-width:100%;overflow:hidden;width:100%}.feed .feed-content .feed-body .feed-body-content .feed-upload img{height:auto;max-height:80vh;object-fit:cover;touch-action:manipulation;transition:transform .3s ease-in-out;width:100%}.feed .feed-content .feed-body .feed-body-content .feed-upload img:hover{transform:scale(1.05)}.feed .feed-content .feed-footer{border-radius:0 0 9px 9px}.feed .feed-content .feed-footer hr{background-color:var(--dark-icon-bg);border:none;height:2px;width:100%}.feed .feed-content .feed-footer .likes-comments-shares{position:relative}.feed .feed-content .feed-footer .likes-comments-shares .action{cursor:pointer}.feed .feed-content .feed-footer .likes-comments-shares .action .dropdown-list{border:1.5px solid #fff!important;bottom:99%;display:none;padding:10px;position:absolute;width:150px;z-index:9}.feed .feed-content .feed-footer .likes-comments-shares .action .dropdown-list p:hover{-webkit-text-decoration:underline 2px solid #fff;text-decoration:underline 2px solid #fff}.feed .feed-content .feed-footer .likes-comments-shares .action:hover .dropdown-list{display:block}.feed .feed-content .feed-footer .comment-section{display:flex;flex-direction:column;gap:20px}.feed .feed-content .feed-footer .comment-section .main-user-comment{width:100%}.feed .feed-content .feed-footer .comment-section .comments-list .user-comment{height:-webkit-fit-content;height:fit-content;width:100%}.feed .feed-content .feed-footer .comment-section .comments-list .user-comment .user-comment-content{width:100%}.feed .feed-content .feed-footer .comment-section .comments-list .user-comment .like-area{padding:10px}.feed .feed-content .feed-footer .comment-section .main-comments-to-comment-list{align-items:end;display:flex;flex-direction:column;justify-content:center}.feed .feed-content .feed-footer .comment-section .main-comments-to-comment-list .comments-to-comment-list{width:90%}.feed .feed-content .feed-footer .comment-section .main-comments-to-comment-list .comments-to-comment-list .user-profile img{height:50px;width:50px}.feed .feed-content .feed-footer .comment-section .main-comments-to-comment-list .comments-to-comment-list .like-area .icon-bg{height:15px;padding:10px;width:15px}.user-comment{align-items:center;display:flex;justify-content:center}.user-comment .user-comment-content{align-items:start;display:flex;gap:5px;justify-content:center}.user-comment .user-comment-content .comment-area-comment-actions .comment-actions{padding-left:15px}.user-comment .user-comment-content .comment-area{align-items:start;display:flex;flex-direction:column;gap:5px;justify-content:center;width:90%!important}.post-comment .comment-input-container{flex:1 1;position:relative}.post-comment .comment-input-container .comment-actions{bottom:10px;display:flex;gap:10px;position:absolute;right:0}.post-comment .comment-input-container .comment-actions .icon-bg{height:15px;width:15px}.post-comment .comment-input-container .comment-actions .icon-bg svg{height:25px!important;width:25px!important}.post-comment .comment-input-container textarea.comment-input{border-radius:9px!important;font-size:18px;height:100px;padding:20px 5px;width:100%}@media screen and (max-width:768px){.feed{border-radius:0!important}.feed,.feed .Feed-Content{width:100%}.feed .Feed-Content .Header{padding:0 5px}.feed .Feed-Content .Header .Header-Content .User-Data .User-Profile img{height:50px;width:50px}.feed .Feed-Content .Header .Header-Content .User-Data .user-flname_user-username{align-items:start;display:flex;flex-direction:column;justify-content:start}.feed .Feed-Content .Header .Header-Content .User-Data .user-flname_user-username .sep{display:none}.feed .Feed-Content .Header .Header-Content .Options .icon-bg svg{height:20px;width:20px}.feed .Feed-Content .feed-body{cursor:pointer}.feed .Feed-Content .feed-body .feed-body-content .feed-status{padding:0 10px}.feed .Feed-Content .feed-body .feed-body-content .feed-upload img{height:250px!important}.feed .Feed-Content .Footer{border-radius:0!important}.feed .Feed-Content .Footer .comment-section{display:flex;flex-direction:column;gap:20px}.feed .Feed-Content .Footer .comment-section .comments-list .user-comment{height:-webkit-fit-content;height:fit-content;width:100%}.feed .Feed-Content .Footer .comment-section .comments-list .user-comment .user-comment-content{width:100%}.feed .Feed-Content .Footer .comment-section .comments-list .user-comment .like-area{padding:10px}.feed .Feed-Content .Footer .comment-section .main-comments-to-comment-list{align-items:end;display:flex;flex-direction:column;justify-content:center}.feed .Feed-Content .Footer .comment-section .main-comments-to-comment-list .comments-to-comment-list{width:90%}.feed .Feed-Content .Footer .comment-section .main-comments-to-comment-list .comments-to-comment-list .user-profile img{height:50px;width:50px}.feed .Feed-Content .Footer .comment-section .main-comments-to-comment-list .comments-to-comment-list .like-area .icon-bg{height:15px;padding:10px;width:15px}}@media only screen and (max-width:768px)and (max-width:1023px){.feed{border-radius:0!important}.feed,.feed .Feed-Content{width:100%}.feed .Feed-Content .Header{padding:0 5px}.feed .Feed-Content .Header .Header-Content .User-Data .User-Profile img{height:60px;width:60px}.feed .Feed-Content .Header .Header-Content .Options .icon-bg svg{height:30px;width:30px}.feed .Feed-Content .feed-body{cursor:pointer}.feed .Feed-Content .feed-body .feed-body-content .feed-status{padding:0 10px}.feed .Feed-Content .feed-body .feed-body-content .feed-upload img{height:350px!important}}.member-container{width:1200px}.member-container .member-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.member-container .member-content .member-body,.member-container .member-content .member-footer,.member-container .member-content .member-header{width:100%}.member-container .member-content .member-footer .footer-content{align-items:center;display:flex;justify-content:center}.profile-cover{position:relative}.profile-cover .profile-picture{left:10%;position:absolute;top:80%}@media screen and (max-width:768px){.profile-cover .profile-picture{left:50%;position:absolute;top:100%;transform:translate(-50%,-50%)}}@media only screen and (max-width:768px)and (max-width:1023px){.profile-cover .profile-picture{left:50%;position:absolute;top:100%;transform:translate(-50%,-50%)}}@media only screen and (max-width:1024px)and (max-width:1439px){.profile-cover .profile-picture{left:50%;position:absolute;top:100%;transform:translate(-50%,-50%)}}.sidebar{align-items:start;flex-direction:column;font-size:15px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;width:-webkit-fit-content;width:fit-content}.sidebar,.sidebar a{display:flex;gap:10px}.sidebar a{align-items:center;border-radius:6px;height:30px;justify-content:start;padding:25px;transition:all .3s linear;width:180px}.sidebar .logo-container{background-color:#0000}.sidebar .logo-container img.logo-image{background-color:#fff;border:1px solid #fff;border-radius:100px;height:60px;width:60px}.sidebar .logo-container a.logo{background-color:#000;height:-webkit-fit-content;height:fit-content;padding:0;width:-webkit-fit-content;width:fit-content}.sidebar a{color:#000}.sidebar a svg{height:30px;transition:all .3s ease-in;width:30px}.sidebar a span{font-size:15px}.sidebar a.active{background-color:#555}.sidebar a:hover{background-color:var(--dark-hover-effect)}.sidebar a:hover svg{transform:scale(1.1)}.post-btn-container{width:100%}.post-btn-container button{border-radius:30px;height:40px;width:200px}.post-btn-container button a{align-items:center;display:flex;gap:0;justify-content:center;padding:0}.profile__container{width:100%}@media screen and (max-width:768px){.sidebar{display:none}}@media only screen and (max-width:768px)and (max-width:1023px){.sidebar .logo-container{display:none}.sidebar .navbar-container a{width:-webkit-fit-content;width:fit-content}.sidebar .navbar-container a h3,.sidebar .post-btn-container,.sidebar .profile__container{display:none}}@media only screen and (max-width:1024px)and (max-width:1439px){.sidebar{display:none}}main.settings .settings-container{align-items:start;gap:20px;padding:50px}main.settings .settings-container nav.settings-navbar{background-color:var(--dark-secondary-bg);border-radius:16px;width:300px}main.settings .settings-container nav.settings-navbar ul li{padding:10px}main.settings .settings-container nav.settings-navbar ul li:hover{background-color:var(--dark-hover-effect)}main.settings .settings-container div.settings-content{background-color:var(--dark-secondary-bg);padding:40px;width:800px}main.settings .settings-container div.settings-content form,main.settings .settings-container div.settings-content form div{width:100%}main.settings .settings-container div.settings-content form div label{margin:0;padding:0!important}main.settings .settings-container div.settings-content form div textarea{border-radius:4px!important;height:100px;padding:10px 0 0}main.settings .settings-container div.settings-content form div input{padding:0}main.settings .settings-container div.settings-content form div input,main.settings .settings-container div.settings-content form div label,main.settings .settings-container div.settings-content form div textarea{color:#fff;padding-left:10px;width:100%!important}:root{--main-color:#7abaed;--primary-bg:#fff;--secondary-bg:#f5f5f5;--text-color:#333;--text-light:#555;--link-color:#06c;--button-bg:#007bff;--button-hover-bg:#3795fa;--button-text:#fff;--button-icon:#fff;--input-bg:#fff;--input-border:#ccc;--input-text:#333;--icon-color:#333;--hover-effect:#ffefe2;--footer-bg:#333;--dark-primary-bg:#1a1a1a;--dark-secondary-bg:#282828;--dark-text-color:#e4e6eb;--dark-text-light:#b0b3b8;--dark-link-color:#0091ea;--dark-button-bg:#3a3b3c;--dark-button-hover-bg:#4b4c4d;--dark-button-text:#e4e6eb;--dark-input-bg:#3a3b3c;--dark-input-border:#555;--dark-input-text:#e4e6eb;--dark-input-placeholder:#b0b3b8;--dark-icon-bg:#363636;--dark-icon-color:#e4e6eb;--dark-hover-effect:#575757}*{font-family:Roboto,sans-serif;font-weight:700;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555;cursor:grab}body.dark-mode{background-color:#fff;background-color:var(--primary-bg);color:var(--bs-light-text-emphasis)}body.dark-mode .secondary-container{background-color:#f5f5f5;background-color:var(--secondary-bg)}body.light-mode{background-color:var(--bs-body-bg);color:var(--bs-body-color)}main{align-items:start;flex-wrap:wrap}main,main .main-content{display:flex;justify-content:center;width:100%}main .main-content{align-items:center;background-color:var(--primary-bgColor-bm)}main .main-content .main-header{background-color:var(--secondary-bgColor-bm);width:100%}main .main-content .main-body{background-color:var(--primary-bgColor-bm);width:100%}main .side-1,main .side-3{height:700px}main .side-1,main .side-2,main .side-3{margin:20px 0}main .side-1{border-right:1px solid #989898;height:100vh;width:220px}main .side-2{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center;width:900px}main .side-3{height:630px;overflow-y:scroll;width:350px}section{padding:20px;width:1240px}section .section-content{flex-wrap:wrap;width:100%}h1,h2,h3,h4,h5,h6,p,span{color:#333;color:var(--text-color);margin:0}img{height:60px;width:60px}img::selection{background-color:#0000}img.Profile,img.profile{border-radius:100px}video{border-radius:24px;box-shadow:.2px .2px 60px #484848}textarea{border-radius:0!important;font-size:22px;resize:none}input,textarea{background-color:#fff;background-color:var(--input-bg);border:none;border-radius:9px!important;color:#333;color:var(--input-text);flex-shrink:1!important;height:45px;outline:none;padding:0 8px;width:400px}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input:hover,textarea:hover{background-color:#575757;background-color:var(--dark-hover-effect)}svg{color:#e4e6eb;color:var(--dark-icon-color);cursor:pointer;height:20px;width:20px}a{color:#06c;color:var(--link-color);text-decoration:none}a.active-link{background-color:#06c}ul{margin:0;padding:0}ul li{cursor:pointer;list-style:none}select{background-color:gray;border:none;border-radius:9px;color:#fff;height:30px;outline:none;width:100px}hr{background-color:#fff;height:2px;width:100%}.primary-container{background-color:#1a1a1a;background-color:var(--dark-primary-bg);border-radius:9px}.hover-container,.secondary-container{border-radius:9px}.hover-container{background-color:#282828;background-color:var(--dark-secondary-bg);cursor:pointer;padding:5px}.hover-container:hover{background-color:#575757;background-color:var(--dark-hover-effect)}.container-list{display:flex;flex-direction:column;gap:8px}.conversation-container{align-items:center;bottom:0;display:flex;gap:10px;justify-content:center;position:fixed;right:0;z-index:1}.container-content{align-items:start;display:flex;flex-direction:column;gap:8px;padding:8px 15px}.row-gap-container{display:flex;flex-direction:row;gap:8px}.column-gap-container{display:flex;flex-direction:column;gap:10px}.user-feed-container{top:10px;z-index:3}.sticky-container,.user-feed-container{position:-webkit-sticky;position:sticky}.sticky-container{top:80px}.scroll{height:200px;overflow-y:scroll}.scroll::-webkit-scrollbar{width:12px}.scroll::-webkit-scrollbar-track{background:#f1f1f1}.scroll::-webkit-scrollbar-thumb{background-color:#888;border:3px solid #f1f1f1;border-radius:10px}.scroll::-webkit-scrollbar-thumb:hover{background:#555}.paginations{align-items:center;background-color:#434343;border-radius:25px;bottom:10px;display:flex;gap:10px;justify-content:center;padding:5px 10px;position:absolute}.paginations .pagination{background-color:#fff;border-radius:50%;height:10px;width:10px}.dropdown .dropdown-toggle:after{display:none}.dropdown .dropdown-menu{box-shadow:.2px .2px 5px #575757;box-shadow:.2px .2px 5px var(--dark-hover-effect);max-height:600px;padding:10px;width:400px}.dropdown .dropdown-menu li{padding:4px 8px}.dropdown .dropdown-menu li a{align-items:center;border-radius:9px;display:flex;gap:10px;justify-content:start;padding:5px 10px}.dropdown .dropdown-menu li a .icon-bg svg{height:25px;width:25px}.dropdown .dropdown-menu li a:hover{background-color:#575757;background-color:var(--dark-hover-effect)}.main-icon{position:relative}.main-icon .notification-icon{height:12px;position:absolute;right:2px;top:2px;width:12px}.icon-bg{align-items:center;background-color:#363636;background-color:var(--dark-icon-bg);border-radius:100px;cursor:pointer;display:flex;height:35px;justify-content:center;padding:5px;position:relative;width:35px}.icon-bg svg{color:#333;color:var(--icon-color);height:25px;width:25px}.icon-bg:hover{background-color:#ffefe2;background-color:var(--hover-effect)}.icon-bg:active svg{color:#006aff;height:22px;width:22px}.active-bg{background-color:#0044c1}.container-bg{border-radius:9px;padding:10px}.container-bg:hover{background-color:gray}.main-lightbox{align-items:center;background-color:#000000e6;display:flex;height:100vh;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:100000000}.main-lightbox .close-icon{left:15px;position:absolute;top:15px;z-index:1000}.main-lightbox .lightbox{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:30px}.flex-center-center{justify-content:center}.flex-center-center,.flex-center-start{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.flex-center-start{justify-content:start}.flex-center-spacebetween{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.flex-start-center{align-items:start;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.flex-column{flex-direction:column;gap:10px}.flex-center{align-items:center;display:flex;gap:8px;justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-row{display:flex;flex-direction:row;gap:8px}.Flex-Column{display:flex;flex-direction:column;gap:8px}.flex-space-between{align-items:center;display:flex;justify-content:space-between!important}.flex-between{align-items:center;display:flex;justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end,.flex-start{align-items:flex-start;display:flex}.flex-end{justify-content:end}.primary-padding{padding:20px 0}.secondary-padding{padding:20px}.verification svg{color:#0095ff!important;height:15px;width:15px}.user-conversation{align-items:center;display:flex;justify-content:start}.user-conversation .background{background-color:#303030;border-radius:100px;color:#fff;padding:10px}.main-conversation{align-items:center;display:flex;justify-content:end}.main-conversation .background{background-color:#0084ff;border-radius:100px;color:#fff;padding:10px}.authentication{height:100vh;width:-webkit-fit-content;width:fit-content}.authentication .form-content{background-color:#f5f5f5;background-color:var(--secondary-bg);color:#000;height:-webkit-fit-content;height:fit-content;width:500px}.authentication .continue-with-container hr{height:.5px;width:100px}.authentication .social-media-container{padding:10px 0}.authentication .social-media-container .social-media{background-color:var(--icon-bg);border-radius:9px;cursor:pointer;padding:10px}.authentication .social-media-container .social-media img{height:35px;width:35px}.authentication .social-media-container .social-media:hover{background-color:#ffefe2;background-color:var(--hover-effect)}.authentication .create-new-account{width:100%}.authentication .create-new-account button{background-color:#0da80d;width:100%}.authentication .create-new-account button:hover{background-color:#11ca11}form input{height:50px;outline:none;padding-left:40px}form .fullname-container{display:flex;gap:15px;width:100%}form .input-container{align-items:center;display:flex;gap:5px;justify-content:start;position:relative;width:100%}form .input-container svg{height:25px;left:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:25px}form .input-container .toggle-svg{position:absolute;right:40px;top:50%}p.auth-message{color:red}@keyframes Alert{0%{opacity:0;top:100%}to{opacity:1;top:88%}}@media screen and (max-width:768px){.side-1,.side-3,header{display:none}.authentication,.authentication .form-content,.authentication form input,.side-0,.side-2{width:100%}}@media only screen and (max-width:768px)and (max-width:1023px){main{padding:0 0 80px}.side-1,.side-3,header{display:none}.side-0,.side-2{width:100%}}@media only screen and (max-width:1024px)and (max-width:1439px){.side-1,.side-3,header{display:none}.side-0,.side-2{width:100%}}@media only screen and (max-width:1440px){.side-3{display:none}}
/*# sourceMappingURL=main.a54f0f75.css.map*/