https://web.threadles.net/guest

Scan ID:
e5a32b01-b74b-4a04-8daa-4b978e77aa7dFinished
Submitted URL:
https://web.threadles.net/Redirected
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 47 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 7 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en"><head>
	<meta charset="UTF-8">
	<title>
				
		Threadles	</title>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="title" content="Threadles">
    <meta name="description" content="Here\'s where your world comes together. Threadles is a communication service through video, voice, and text chat used by over a hundred million people to meet and chat with their friends and communities.">
    <meta name="keywords" content="threadles morocco,+threadles,threadles_net,what is social media,is youtube social media,how does social media affect mental health,why is social media bad,how many people use social media,social media manager,social media marketing,social media girls forum,social media girls,arabic, arabic social media, threadles, threads, maroc, marocs, community, social network, tweet, threads, network, social, login, book, news, haber,Social platform,Interactivity,Topic-centric,Content sharingIdea exchange,Community engagement,Threadles Morocco, Threadles, Threadles_net,What is social media, Is YouTube social media, How does social media affect mental health,social media bad, How many people use social media, Social media manager, Social media marketing,media girls forum, Social media girls, Arabic, Arabic social media,Maroc, Marocs, Community, Social network,Network, Social, Login, Book, News, Haber,platform, Interactivity, Topic-centric, Content sharing, Idea exchange, Community engagement,Online community, Social interaction, Digital networking,User-generated content, Online discussions, Virtual communities,Social media influence, Impact of social networking, Online presence,Social media addiction, Digital well-being, Internet usage statistics,Social media platforms comparison, Social media demographics, Social media trends,Social media analytics, Social media advertising, Social media influencers,Online privacy concerns, Data security, Cybersecurity measures,Social media moderation, Content moderation policies, Online safety measures,Social media algorithms, Content curation, Viral content strategies,Social media engagement, Audience interaction, User participation,Social media monitoring, Brand reputation management, Online brand visibility,Social media strategy, Content strategy, Digital marketing tactics,Social media tools, Social media management software, Online collaboration platforms,Platform, Discussion, Interaction,Sharing, Engagement, Influence,Addiction, Privacy, Security,Analytics, Moderation, Algorithm,Strategy, Tool, Trend,Demographic, Brand, Content,User, Trending, Forum,Insight, Behavior, Metric,Profile, Thread, Post,Comment, Share, Like,Follower, Trendsetter, Hashtag,Mention, Notification, Feed">
    <meta name="image" content="https://web.threadles.net/themes/default/statics/img/mockup.png">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	
	
	<link rel="stylesheet" href="https://web.threadles.net/themes/default/statics/css/libs/animate.min.css?v=05012024-1">
	<link rel="stylesheet" href="https://web.threadles.net/themes/default/statics/css/css-libs.css">
	<link rel="stylesheet" href="https://web.threadles.net/themes/default/statics/css/libs/jquery.toast.min.css">
	<link rel="stylesheet" href="https://web.threadles.net/themes/default/statics/css/master.styles.css?v=05012024-1">

	
	<link rel="stylesheet" href="https://web.threadles.net/themes/default/statics/css/libs/jquery.fancybox.css?v=05012024-1">
	<link rel="stylesheet" href="https://web.threadles.net/themes/default/statics/js/libs/plyr/plyr-code/plyr.css?v=05012024-1">
	<link rel="icon" href="https://web.threadles.net/themes/default/statics/img/ficon_1724713053.png" type="image/png">
	<link rel="icon" href="https://web.threadles.net/themes/default/statics/img/ficon_1724713053.png" type="image/x-icon">
	<link rel="manifest" href="/manifest.json">

	<script defer="" referrerpolicy="origin" src="/cdn-cgi/zaraz/s.js?z=JTdCJTIyZXhlY3V0ZWQlMjIlM0ElNUIlNUQlMkMlMjJ0JTIyJTNBJTIyJTVDbiU1Q3QlNUN0JTVDdCU1Q3QlNUNuJTVDdCU1Q3RUaHJlYWRsZXMlNUN0JTIyJTJDJTIyeCUyMiUzQTAuMTk2ODgxODM3ODcwMDk0OTQlMkMlMjJ3JTIyJTNBMSUyQyUyMmglMjIlM0ExJTJDJTIyaiUyMiUzQTYwMCUyQyUyMmUlMjIlM0E4MDAlMkMlMjJsJTIyJTNBJTIyaHR0cHMlM0ElMkYlMkZ3ZWIudGhyZWFkbGVzLm5ldCUyRmd1ZXN0JTIyJTJDJTIyciUyMiUzQSUyMiUyMiUyQyUyMmslMjIlM0EyNCUyQyUyMm4lMjIlM0ElMjJVVEYtOCUyMiUyQyUyMm8lMjIlM0EwJTJDJTIycSUyMiUzQSU1QiU3QiUyMm0lMjIlM0ElMjJzZXQlMjIlMkMlMjJhJTIyJTNBJTVCJTIyMCUyMiUyQyUyMkclMjIlMkMlN0IlMjJzY29wZSUyMiUzQSUyMnBhZ2UlMjIlN0QlNUQlN0QlMkMlN0IlMjJtJTIyJTNBJTIyc2V0JTIyJTJDJTIyYSUyMiUzQSU1QiUyMjElMjIlMkMlMjItJTIyJTJDJTdCJTIyc2NvcGUlMjIlM0ElMjJwYWdlJTIyJTdEJTVEJTdEJTJDJTdCJTIybSUyMiUzQSUyMnNldCUyMiUyQyUyMmElMjIlM0ElNUIlMjIyJTIyJTJDJTIyNyUyMiUyQyU3QiUyMnNjb3BlJTIyJTNBJTIycGFnZSUyMiU3RCU1RCU3RCUyQyU3QiUyMm0lMjIlM0ElMjJzZXQlMjIlMkMlMjJhJTIyJTNBJTVCJTIyMyUyMiUyQyUyMkglMjIlMkMlN0IlMjJzY29wZSUyMiUzQSUyMnBhZ2UlMjIlN0QlNUQlN0QlMkMlN0IlMjJtJTIyJTNBJTIyc2V0JTIyJTJDJTIyYSUyMiUzQSU1QiUyMjQlMjIlMkMlMjI2JTIyJTJDJTdCJTIyc2NvcGUlMjIlM0ElMjJwYWdlJTIyJTdEJTVEJTdEJTJDJTdCJTIybSUyMiUzQSUyMnNldCUyMiUyQyUyMmElMjIlM0ElNUIlMjI1JTIyJTJDJTIyMiUyMiUyQyU3QiUyMnNjb3BlJTIyJTNBJTIycGFnZSUyMiU3RCU1RCU3RCUyQyU3QiUyMm0lMjIlM0ElMjJzZXQlMjIlMkMlMjJhJTIyJTNBJTVCJTIyNiUyMiUyQyUyMkglMjIlMkMlN0IlMjJzY29wZSUyMiUzQSUyMnBhZ2UlMjIlN0QlNUQlN0QlMkMlN0IlMjJtJTIyJTNBJTIyc2V0JTIyJTJDJTIyYSUyMiUzQSU1QiUyMjclMjIlMkMlMjI2JTIyJTJDJTdCJTIyc2NvcGUlMjIlM0ElMjJwYWdlJTIyJTdEJTVEJTdEJTJDJTdCJTIybSUyMiUzQSUyMnNldCUyMiUyQyUyMmElMjIlM0ElNUIlMjI4JTIyJTJDJTIyUSUyMiUyQyU3QiUyMnNjb3BlJTIyJTNBJTIycGFnZSUyMiU3RCU1RCU3RCUyQyU3QiUyMm0lMjIlM0ElMjJzZXQlMjIlMkMlMjJhJTIyJTNBJTVCJTIyOSUyMiUyQyUyMkIlMjIlMkMlN0IlMjJzY29wZSUyMiUzQSUyMnBhZ2UlMjIlN0QlNUQlN0QlMkMlN0IlMjJtJTIyJTNBJTIyc2V0JTIyJTJDJTIyYSUyMiUzQSU1QiUyMjEwJTIyJTJDJTIyNiUyMiUyQyU3QiUyMnNjb3BlJTIyJTNBJTIycGFnZSUyMiU3RCU1RCU3RCUyQyU3QiUyMm0lMjIlM0ElMjJzZXQlMjIlMkMlMjJhJTIyJTNBJTVCJTIyMTElMjIlMkMlMjJZJTIyJTJDJTdCJTIyc2NvcGUlMjIlM0ElMjJwYWdlJTIyJTdEJTVEJTdEJTVEJTdE"></script><script src="https://web.threadles.net/themes/default/statics/js/libs/jquery-3.5.1.min.js?v=05012024-1"></script>
			<script src="https://web.threadles.net/themes/default/statics/js/libs/vuejs/vue-v2.6.11.min.js?v=05012024-1"></script>
	<script src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>

		
	<script src="https://web.threadles.net/themes/default/statics/js/libs/vuejs/vue-plugins/validators.min.js?v=05012024-1"></script>

	
		
	<script src="https://web.threadles.net/themes/default/statics/js/libs/vuejs/vue-plugins/vuelidate.min.js?v=05012024-1"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/jquery-plugins/jquery.form-v4.2.2.min.js?v=05012024-1"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/popper.1.12.9.min.js?v=05012024-1"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/bootstrap.v4.0.0.min.js?v=05012024-1"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/sticky-sidebar/source/jquery.sticky-sidebar.js?v=05012024-1"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/master.script.js?v=05012024-1"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/custom.js?v=05012024-1"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/clipboard.min.js?v=05012024-1"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/jquery-plugins/jquery.fancybox.min.js?v=05012024-1"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/lozad.min.js"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/waitme/waitMe.min.js"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/txt.autoresize.min.js"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/audio-recorder.js"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/plyr/plyr-code/plyr.min.js"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/readmore.js"></script>
	<script src="https://web.threadles.net/themes/default/statics/js/libs/jquery-plugins/jquery-toast.min.js"></script>
	<script src="https://www.banter.ng/themes/default/statics/js/libs/SwiperJS/swiper-bundle.min.js"></script>
	
	<script>
		if ('serviceWorker' in navigator) {
		    window.addEventListener('load', function() {
		      navigator.serviceWorker.register('/themes/default/statics/js/service-worker.js').then(function(registration) {
		        console.log('Service Worker registered with scope:', registration.scope);
		      }).catch(function(error) {
		        console.log('Service Worker registration failed:', error);
		      });
		    });
		}
	</script>

	

   <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Log in",
      "url": "https://web.threadles.net",
      "description": "Say more with Threadles — Beta Studio new text app."
    }
    </script>

    <!-- Structured Data for Website 2 -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Threadles Web",
      "url": "https://web.threadles.net",
      "description": "Here's where your world comes together. Threadles is a communication service through video, voice, and text chat used by over a hundred million people to meet and chat with their friends and communities."
    }
    </script>
    
     <!-- Favicon links -->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/ShortCuts/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/ShortCuts//favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/ShortCuts//favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="icon" type="image/png" sizes="192x192" href="assets/ShortCuts//android-chrome-192x192.png">
    <link rel="icon" type="image/png" sizes="512x512" href="assets/ShortCuts//android-chrome-512x512.png">
    
    
    <script src="//unpkg.com/alpinejs" defer=""></script>
    
    
    
<script type="application/ld+json" class="yoast-schema-graph">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebPage",
      "@id": "https://www.threadles.net/",
      "url": "https://www.threadles.net/",
      "name": "Home - Threadles",
      "isPartOf": {"@id": "https://www.threadles.net/#website"},
      "about": {"@id": "https://www.threadles.net/#organization"},
      "datePublished": "2024-05-01T12:00:00+00:00",
      "dateModified": "2024-10-01T12:00:00+00:00",
      "breadcrumb": {"@id": "https://www.threadles.net/#breadcrumb"},
      "inLanguage": "en",
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": ["https://www.threadles.net/"]
        }
      ]
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://www.threadles.net/#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home"
        }
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://www.threadles.net/#website",
      "url": "https://www.threadles.net/",
      "name": "Threadles",
      "description": "Threadles - Social Media Platform by Yasser Ramy",
      "publisher": {"@id": "https://www.threadles.net/#organization"},
      "potentialAction": [
        {
          "@type": "SearchAction",
          "target": {
            "@type": "EntryPoint",
            "urlTemplate": "https://www.threadles.net/?s={search_term_string}"
          },
          "query-input": "required name=search_term_string"
        }
      ],
      "inLanguage": "en"
    },
    {
      "@type": "Organization",
      "@id": "https://www.threadles.net/#organization",
      "name": "Threadles",
      "url": "https://www.threadles.net/",
      "logo": {
        "@type": "ImageObject",
        "inLanguage": "en",
        "@id": "https://www.threadles.net/includes/images/yasserbennani.jpg/",
        "url": "https://web.threadles.net/themes/default/statics/img/ficon_1701982431.png",
        "contentUrl": "https://web.threadles.net/themes/default/statics/img/ficon_1701982431.png",
        "caption": "Threadles Logo"
      },
      "image": {"@id": "https://www.threadles.net/includes/images/yasserbennani.jpg"}
    },
    {
      "@type": "NewsArticle",
      "headline": "Yasser Ramy and Threadles - A New Social Media Platform",
      "author": {
        "@type": "Person",
        "name": "TheOrg"
      },
      "datePublished": "2023-10-01",
      "articleBody": "Yasser Ramy is a Moroccan programmer and entrepreneur, born on August 7, 2007, in Hassania, Mohammedia, Morocco. He is best known for founding Threadles, the first social media platform in Morocco, which has gained significant popularity in the Arab world.",
      "publisher": {
        "@type": "Organization",
        "name": "TheOrg",
        "logo": {
          "@type": "ImageObject",
          "url": "https://theorg.com/_next/static/media/apple-touch-icon.64259cfd.png"
        }
      },
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://theorg.com/org/threadles/org-chart/yasser-ramy"
      }
    }
  ]
}
</script>

    <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Person",
  "name": "Yasser Ramy",
  "jobTitle": "CEO",
  "url": "https://www.web.threadles.net/yasserbennani",
  "sameAs": [
    "https://ma.linkedin.com/in/yasser-ramy-386b64294",
    "https://web.facebook.com/bennani.yasser.1272/"
  ],
  "birthDate": "2007-08-05",
  "worksFor": {
    "@type": "Organization",
    "name": "Threadles"
  },
  "image": "https://threadles.net/includes/images/yasserbennani.jpg"
}
</script>



	<script>
			</script>
	<style>
		
main.main-content-container div.main-content-container-inner div.left-sb-container
main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner {
    width: 100%;
    padding: 12px 30px 10px 50px;
    display: block;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.user-info {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 15px;
    align-items: center;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.user-info div.avatar {
    min-width: 80px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-bottom: 10px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.user-info div.avatar img {
    width: 100%;
    height: 100%;
    border-radius: 10em;
    object-fit: cover;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.user-info div.uname {
    flex-basis: 100%;
    width: 100%;
    line-height: 0px;
    text-align: center;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.user-info div.uname h5 {
    color: #fff;
}

main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.user-info div.uname h5 {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: var(--cl-primary-text-color);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.user-info div.uname h5 {
    color: #fff;
}
main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.user-info div.uname h5 {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: var(--cl-primary-text-color);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.user-info div.uname a {
    color: #93b7d8;
}

main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.user-info div.uname a {
    font-size: 12px;
    text-decoration: none;
    line-height: 12px;
    color: #5b7083;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.account-stats {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.account-stats div.stat-holder {
    line-height: 0px;
    text-align: center;
    overflow: hidden;
    padding: 0px 3px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.account-stats div.stat-holder a {
    text-decoration: none;
    line-height: 0;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.account-stats div.stat-holder b {
    color: #fff;
}

main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.account-stats div.stat-holder b {
    font-size: 19px;
    color: #1ca1f3;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 5px;
}
main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.account-stats div.stat-holder span, main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.account-stats div.stat-holder b {
    display: block;
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.account-stats div.stat-holder span {
    color: #93b7d8;
}
main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.account-stats div.stat-holder span {
    font-size: 13px;
    line-height: 13px;
    color: #5b7083;
}
main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.account-stats div.stat-holder span, main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.account-stats div.stat-holder b {
    display: block;
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper {
    border-color: #586d7b;
}

main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper {
    display: block;
    width: 100%;
    border-top: 1px solid #e6ecf0;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav {
    padding: 5px 0;
    margin: 0;
    list-style-type: none;
    line-height: 0px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 50px;
    align-items: center;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.icon {
    line-height: 0px;
    padding: 0;
    margin: 0;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.icon svg {
    width: 23px;
    height: 23px;
    transition: all 0.27s ease;
    opacity: 0.8;
    line-height: 0px;
}}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 50px;
    align-items: center;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.nav-item-holder {
    line-height: 0px;
    padding: 0;
    margin: 0;
    margin-left: 20px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item:hover span.nav-item-holder > a, main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item:active span.nav-item-holder > a, main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item.active span.nav-item-holder > a {
    color: #1ca1f3;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.nav-item-holder > a {
    font-size: 18px;
    color: #14171a;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.27s ease;
    line-height: 16px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.nav-item-holder > a {
    color: #fff;
}
main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.nav-item-holder > a {
    font-size: 18px;
    color: #14171a;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.27s ease;
    line-height: 16px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 50px;
    align-items: center;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.nav-item-holder {
    line-height: 0px;
    padding: 0;
    margin: 0;
    margin-left: 20px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.nav-item-holder > a {
    color: #fff;
}
main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.nav-item-holder > a {
    font-size: 18px;
    color: #14171a;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.27s ease;
    line-height: 16px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.nav-item-holder.dropdown div.dropdown-menu {
    min-width: 220px;
}.dropdown div.dropdown-menu.dropdown-icons a.dropdown-item, .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item, .dropright div.dropdown-menu.dropdown-icons a.dropdown-item, .dropup div.dropdown-menu.dropdown-icons a.dropdown-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.dropdown div.dropdown-menu a.dropdown-item, .dropleft div.dropdown-menu a.dropdown-item, .dropright div.dropdown-menu a.dropdown-item, .dropup div.dropdown-menu a.dropdown-item {
    color: #fff;
}
.dropdown div.dropdown-menu a.dropdown-item, .dropleft div.dropdown-menu a.dropdown-item, .dropright div.dropdown-menu a.dropdown-item, .dropup div.dropdown-menu a.dropdown-item {
    font-size: 13px;
    line-height: 32px;
    color: #14171a;
    font-weight: 400;
    padding: 5px 20px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.mobile-sb-footer {
    width: 100%;
    display: block;main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.mobile-sb-footer div.main-footer {
    width: 100%;
    display: block;
    margin-bottom: 0px;
}
    line-height: 0;
    display: none;
    visibility: hidden;
    opacity: 0;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.mobile-sb-footer div.main-footer {
    width: 100%;
    display: block;
    margin-bottom: 0px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.mobile-sb-footer div.main-footer ul.footer-nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    line-height: 0px;
    list-style-type: none;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.mobile-sb-footer div.main-footer ul.footer-nav li.footer-nav-item {
    line-height: 0px;
    margin-right: 10px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.mobile-sb-footer div.main-footer ul.footer-nav li.footer-nav-item > a {
    color: #93b7d8 !important;
}
main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.mobile-sb-footer div.main-footer ul.footer-nav li.footer-nav-item > a {
    font-size: 10px;
    color: #5b7083;
    line-height: 20px;
}.m-postBtn {
    position: fixed;
    right: 15px;
    bottom: 95px;
    background: var(--cl-primary-color-darken-5) !important;
    color: #fff;
    border: 0;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #fcfcfc;
    opacity: 1;
    transition: all .3s;
    box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
    z-index: 999;
}.m-postBtn svg {
    fill: white;
    width: 20px;
    height: 20px;
}
	
			body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder span.go-back span.info-indicators:empty, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder a.go-forward span.info-indicators:empty, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder button.go-options span.info-indicators:empty, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.rp div.nav-link-holder div.dropdown-toggle.go-options__icon span.info-indicators:empty {
    display: none;
    visibility: hidden;
    opacity: 0;
}
main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.nav-item-holder > a span.info-indicators:empty {
    display: none;
    visibility: hidden;
    opacity: 0;
}
main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.nav-item-holder > a span.info-indicators {
    display: inline-block;
    background: #1ca1f3;
    color: #fff;
    text-align: center;
    padding: 0 5px;
    border-radius: 10px;
    background-clip: padding-box;
    font-size: 10px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 16px;
    vertical-align: middle;
    min-height: 13px;
    min-width: 20px;
    font-weight: 400;
}.dropdown-toggle::after {
    display: none;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr {
    border-bottom: 1px solid var(--cl-primary-border-color);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--cl-primary-offset-size);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3 {
    color: var(--cl-secondary-text-color);
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header a {
    font-size: 14px;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header a {
    text-decoration: none;
    color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header a {
    font-size: 14px;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body {
    overflow: hidden;
    padding: var(--cl-primary-offset-size);
    padding-top: 0px;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.swiper div.swiper-wrapper {
    display: flex;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.swiper div.swiper-wrapper div.swiper-slide {
    flex-shrink: 0;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item {
    border: 1px solid var(--cl-primary-border-color);
    height: 100%;
    border-radius: var(--cl-secondary-border-radius);
    overflow: hidden;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item a {
    display: block;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}div.reels-goback {
    position: fixed;
    inset: 0px 0px auto 0px;
    z-index: 1200;
    display: flex;
    justify-content: center;
    background: -moz-linear-gradient(180deg, rgb(6, 6, 11) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgb(6, 6, 11) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgb(6, 6, 11) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#06060b",endColorstr="#000000",GradientType=1);
}div.reels-goback__inner {
    width: 500px;
    height: 62px;
    display: flex;
    align-items: center;
    color: #ffffff;
}div.reels-goback__inner span.go-back {
    padding-left: var(--cl-primary-offset-size);
    cursor: pointer;
}div.reels-goback__inner span.go-back svg {
    width: 20px;
    height: 20px;
}div.reels-container {
    position: fixed;
    inset: 0px;
    background-color: black;
    z-index: 1000;
    display: flex;
    justify-content: center;
}div.reels-container div.swiper-slide {
    width: 500px;
    height: 100vh;
}div.reels-container div.swiper-slide div.reels-item {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}div.reels-container div.swiper-slide div.reels-item div.play-pause-video {
    position: absolute;
    inset: 0px;
    z-index: 100;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: transparent;
}div.reels-container div.swiper-slide div.reels-item video {
    width: 100%;
    pointer-events: none;
    object-position: center;
}div.reels-container div.swiper-slide div.reels-item div.reels-controls {
    position: absolute;
    right: var(--cl-primary-offset-size);
    bottom: var(--cl-primary-offset-size);
    z-index: 200;
    display: flex;
    flex-direction: column;
}.reels-controls__item {
    position: relative;
    top: -55px;
}div.reels-container div.swiper-slide div.reels-item div.reels-controls button {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: block;
    align-items: center;
    margin-bottom: 14px;
}div.reels-container div.swiper-slide div.reels-item div.reels-controls button span.ctrls-item__icon {
    width: 42px;
    height: 42px;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

div.reels-container div.swiper-slide div.reels-item div.reels-controls button span.ctrls-item__icon svg {
    width: 22px;
    height: 22px;
}div.reels-container div.swiper-slide div.reels-item div.reels-author {
    position: absolute;
    inset: auto 0px 0px 0px;
    z-index: 120;
    background: -moz-linear-gradient(0deg, rgb(6, 6, 11) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgb(6, 6, 11) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgb(6, 6, 11) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#06060b",endColorstr="#000000",GradientType=1);
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header {
    display: flex;
    align-items: center;
    padding: var(--cl-primary-offset-size);
    padding-right: 50px;
    padding-bottom: 0px;
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.avatar {
    width: var(--cl-primary-avatar-size);
    height: var(--cl-primary-avatar-size);
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    overflow: hidden;
    background: var(--cl-primary-border-color);
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username {
    flex: 1;
    line-height: 1;
    padding-left: var(--cl-primary-offset-size);
}
div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username a {
    text-decoration: none;
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username span.post-time {
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1;
}div.reels-container div.swiper-slide div.reels-item div.reels-author__desc {
    padding: var(--cl-primary-offset-size);
    padding-right: 50px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    padding-top: 0px;
}body a.inline-link {
    font-size: inherit !important;
    line-height: inherit !important;
    color: var(--cl-primary-link-color) !important;
    text-decoration: none;
    font-weight: 400;
}div.reels-container div.reels-arrows {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: flex;
    flex-direction: column;
}div.reels-container div.reels-arrows div.reels-arrow.swiper-button-disabled {
    opacity: 0.5;
}
div.reels-container div.reels-arrows div.reels-arrow {
    width: 62px;
    height: 62px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

div.reels-container div.reels-arrows div.swiper-button-prev {
    margin-bottom: 16px;
}div.reels-container div.reels-arrows div.reels-arrow svg {
    width: 26px;
    height: 26px;
}div.reels-container div.reels-arrows div.reels-arrow {
    width: 62px;
    height: 62px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}div.reels-container div.reels-arrows div.reels-arrow svg {
    width: 26px;
    height: 26px;
}.reels-controls__item {
    position: relative;
    top: -55px;
}div.reels-container div.swiper-slide div.reels-item div.reels-controls button {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: block;
    align-items: center;
    margin-bottom: 14px;
}div.reels-container div.swiper-slide div.reels-item div.reels-controls button span.ctrls-item__icon {
    width: 42px;
    height: 42px;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

body span.user-name-holder {
    font-size: inherit;
    color: inherit;
    line-height: 1;
    display: inline-flex !important;
    justify-content: flex-start !important;
    overflow: hidden;
    flex-wrap: nowrap;
    align-items: center;
    width: auto !important;
    font-weight: inherit;
    max-width: 100%;
    color: var(--cl-primary-text-color);
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.nav-item-holder > a {
    font-size: 18px;
    color: var(--cl-primary-text-color);
    font-weight: 700;
    text-decoration: none;
    transition: all 0.27s ease;
    line-height: 16px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.sidebar-v-nav-wrapper ul.sidebar-v-nav li.sidebar-v-nav-item span.icon svg {
    width: 23px;
    height: 23px;
    transition: all 0.27s ease;
    opacity: 0.8;
    line-height: 0px;
    fill: var(--cl-tertiary-text-color);
}svg.subsvg {
    position: absolute;
    margin-left: -12px;
    margin-top: -8px;
    height: 15px;
}body.cl-app-profile div.subscription-alert__avatar {
    width: var(--cl-primary-avatar-size);
    height: var(--cl-primary-avatar-size);
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 16px;
}body.cl-app-profile div.subscription-alert {
    background: none;
    border: 1px solid rgb(201, 54, 204);
    border-radius: 100%;
    height: 20px;
    width: 20px;
    margin-left: 10px;
}
body.cl-app-profile div.subscription-alert {
    padding: var(--cl-primary-offset-size);
    border-bottom: 1px solid var(--cl-primary-border-color);
    background: rgba(29, 161, 242, 0.1);
}
body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp {
    min-height: calc(100vh - 195px);
    padding-right: 180px;
    margin-bottom: 50px;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header {
    margin-bottom: 80px;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-logo {
    height: 45px;
    margin-bottom: var(--cl-primary-offset-size);
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-logo img {
    height: 100%;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-title {
    font-size: 44px;
    color: #e7e6f2;
    line-height: 1;
    font-weight: 900;
    margin-bottom: 15px;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-text {
    font-size: 22px;
    color: #8f94a8;
    line-height: 1.4;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features {
    margin-bottom: 80px;
}body div.row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li.welcome-features__li_1 {
    transform: rotate(-5deg);
}

body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li {
    margin-bottom: 45px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    height: 100%;
    border: 4px solid var(--cl-primary-color);
    margin: 0 5px;
    box-shadow: var(--cl-secondary-box-shadow);
    border-radius: 7px;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li div.icon {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    margin-bottom: var(--cl-primary-offset-size);
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li div.icon img {
    width: 100%;
    height: 100%;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li div.text h4 {
    font-weight: 900;
    font-size: 16px;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    color: #e7e6f2;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features div.welcome-features__li div.text p {
    font-size: 16px;
    line-height: 1.2;
    color: #8f94a8;
    padding: 0;
    margin: 0;
    text-align: center;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members {
    margin-bottom: 80px;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members div.welcome-members__title {
    font-size: 18px;
    color: #8f94a8;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: var(--cl-primary-offset-size);
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members div.welcome-members__title b {
    font-weight: 900;
    font-size: 18px;
    color: var(--cl-success-color);
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members div.welcome-members__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-left: 10px;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members div.welcome-members__list div.welcome-members__list-item {
    width: var(--cl-primary-avatar-size);
    height: var(--cl-primary-avatar-size);
    flex-shrink: 0;
    border-radius: 45px;
    overflow: hidden;
    margin-left: -10px;
    border: 1px solid #8f94a8;
}body a.block-link {
    text-decoration: none;
    display: block;
    width: 100%;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members div.welcome-members__list div.welcome-members__list-item img {
    width: 100%;
    height: 100%;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members div.welcome-members__list div.welcome-members__list-item {
    width: var(--cl-primary-avatar-size);
    height: var(--cl-primary-avatar-size);
    flex-shrink: 0;
    border-radius: 45px;
    overflow: hidden;
    margin-left: -10px;
    border: 1px solid #8f94a8;
}body a.block-link {
    text-decoration: none;
    display: block;
    width: 100%;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-members div.welcome-members__list div.welcome-members__list-item img {
    width: 100%;
    height: 100%;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner {
    display: flex;
    justify-content: flex-end;
}body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form {
    box-shadow: var(--cl-secondary-box-shadow);
    padding: 25px;
    background: var(--cl-primary-bg-color);
    max-width: 400px;
    min-width: 320px;
    flex: 1;
}body.cl-app-guest div.welcome-page div.welcome-page__body {
    padding-top: 70px;
    padding-bottom: 20px;
    flex: 1;
    position: relative;
    z-index: 20;
}@media (max-width: 1199.98px) {
    body.cl-app-guest div.welcome-page div.welcome-page__body {
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
}@media (max-width: 1199.98px) {
    body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp {
        min-height: auto;
        margin-bottom: 0px;
        padding-right: 0px;
    }
}@media (max-width: 1199.98px) {
    body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header {
        margin-bottom: 50px;
    }
}@media (max-width: 1199.98px) {
    body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-logo {
        display: flex;
        justify-content: center;
    }
}@media (max-width: 1199.98px) {
    body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-title {
        font-size: 34px;
        text-align: center;
    }
}@media (max-width: 1199.98px) {
    body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-header div.welcome-text {
        font-size: 18px;
        text-align: center;
    }
}@media (max-width: 1199.98px) {
    body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__lp div.welcome-page__lp-body div.welcome-features {
        display: none;
    }
}@media (max-width: 1199.98px) {
    body.cl-app-guest div.welcome-page {
        background: #02020d;
    }
}body.cl-app-guest div.welcome-page::before {
    position: absolute;
    content: "";
    width: 1662px;
    height: 1500px;
    border-radius: 1500px;
    background: #02020d;
    top: -582px;
    left: -496px;
}body.cl-app-guest div.welcome-page::after {
    position: absolute;
    content: "";
    width: 500px;
    height: 500px;
    border-radius: 500px;
    border: 90px solid #02020d;
    top: calc(50% - 250px);
    right: -350px;
}
@media (max-width: 1199.98px) {
    body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-header div.timeline-header__botline div.lp div.nav-link-holder {
         display: block; 
    }
}


body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-searchbar form.timeline-searchbar__form div.keyword-input input:not(.form-check-input) {
      padding: 0 48px;
    height: 48px;
    font-size: .875rem;
    background-color: var(--sptbl-sidebar-searchbar-bg-color);
    color: var(--sptbl-primary-text-color);
    border-radius: .8rem;
    border: 1px solid var(--sptbl-primary-border-color);
    color: var(--sptbl-primary-color);
}






body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form {
    border-radius: 7px;
}


body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr {
    border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--cl-primary-offset-size);
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3 {
    color: var(--cl-secondary-text-color);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header a {
    text-decoration: none;
    color: var(--cl-primary-text-color);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body {
    overflow: hidden;
    padding: var(--cl-primary-offset-size);
    padding-top: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.swiper div.swiper-wrapper {
    display: flex;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.swiper div.swiper-wrapper div.swiper-slide {
    flex-shrink: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item {
    border: 1px solid var(--cl-primary-border-color);
    height: 100%;
    border-radius: var(--cl-secondary-border-radius);
    overflow: hidden;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item a {
    display: block;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3 {
    color: var(--cl-secondary-text-color);
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header a {
    font-size: 14px;
}
@media (min-width: 1200px) {
    h3 {
        font-size: 1.75rem;
    }
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header a {
    font-size: 14px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body {
    overflow: hidden;
    padding: var(--cl-primary-offset-size);
    padding-top: 0px;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.swiper div.swiper-wrapper {
    display: flex;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.swiper div.swiper-wrapper div.swiper-slide {
    flex-shrink: 0;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item {
    border: 1px solid var(--cl-primary-border-color);
    height: 100%;
    border-radius: var(--cl-secondary-border-radius);
    overflow: hidden;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item a {
    display: block;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}@media (max-width: 1199.98px) {
    body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr {
        display: block;
    }
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr {
    border-bottom: 1px solid var(--cl-primary-border-color);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body {
    overflow: hidden;
    padding: var(--cl-primary-offset-size);
    padding-top: 0px;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--cl-primary-offset-size);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__header h3 {
    white-space: nowrap;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__header h3 {
    color: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__header h3, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__header a {
    font-size: 14px;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__header a {
    white-space: nowrap;
    margin-top: -15px;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__header a {
    text-decoration: none;
    color: var(--cl-primary-text-color);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body {
    overflow: hidden;
    padding: var(--cl-primary-offset-size);
    padding-top: 0px;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.swiper div.swiper-wrapper {
    display: flex;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.swiper div.swiper-wrapper div.swiper-slide {
    flex-shrink: 0;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.follow-carousel__item {
    padding: var(--cl-primary-offset-size);
    background-color: var(--cl-secondary-bg-color);
    border-radius: var(--cl-primary-border-radius);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.follow-carousel__item div.user-avatar {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.follow-carousel__item div.user-avatar a {
    display: block;
    text-decoration: none;
    color: inherit;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    overflow: hidden;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.follow-carousel__item div.user-avatar a img {
    width: 100%;
    height: 100%;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.follow-carousel__item div.user-name a {
    display: block;
    text-decoration: none;
    color: inherit;
    text-align: center;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.follow-carousel__item div.user-name a h4 {
    font-weight: 600;
    padding: 0px;
    margin: 0px;
    line-height: 1;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.follow-carousel__item div.user-name a h4 span {
    color: var(--cl-primary-text-color);
    body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.follow-carousel__item div.user-name a h4 span {
    color: var(--cl-primary-text-color);
    font-size: var(--cl-primary-name-size);
}font-size: var(--cl-primary-name-size);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.follow-carousel__item div.user-name a h4 span {
    color: var(--cl-primary-text-color);
    font-size: var(--cl-primary-name-size);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.follow-carousel__item div.user-name a h4 span {
    color: var(--cl-primary-text-color);
    font-size: var(--cl-primary-name-size);
}body span.user-name-holder span.user-name-holder__badge svg {
    width: 100%;
    height: 100%;
    fill: var(--cl-primary-color);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.follow-carousel__item div.user-name a span {
    display: block;
    font-size: var(--cl-primary-username-size);
    color: var(--cl-secondary-text-color);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.follow-carousel__item div.follow-btn {
    margin-top: 16px;
}body button.btn-custom.btn-block, body div.btn-custom.btn-block {
    width: 86%;
    margin-left: 14%;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-follow-cr div.follow-carousel__body div.swiper div.swiper-wrapper div.swiper-slide {
    flex-shrink: 0;
}



















body.cl-app-guest div.welcome-page div.welcome-page__body div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form {
    border-radius: 7px;
}


body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr {
    border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--cl-primary-offset-size);
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3 {
    color: var(--cl-secondary-text-color);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header a {
    text-decoration: none;
    color: var(--cl-primary-text-color);
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body {
    overflow: hidden;
    padding: var(--cl-primary-offset-size);
    padding-top: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.swiper div.swiper-wrapper {
    display: flex;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.swiper div.swiper-wrapper div.swiper-slide {
    flex-shrink: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item {
    border: 1px solid var(--cl-primary-border-color);
    height: 100%;
    border-radius: var(--cl-secondary-border-radius);
    overflow: hidden;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item a {
    display: block;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3 {
    color: var(--cl-secondary-text-color);
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header a {
    font-size: 14px;
}
@media (min-width: 1200px) {
    h3 {
        font-size: 1.75rem;
    }
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header a {
    font-size: 14px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body {
    overflow: hidden;
    padding: var(--cl-primary-offset-size);
    padding-top: 0px;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.swiper div.swiper-wrapper {
    display: flex;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.swiper div.swiper-wrapper div.swiper-slide {
    flex-shrink: 0;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item {
    border: 1px solid var(--cl-primary-border-color);
    height: 100%;
    border-radius: var(--cl-secondary-border-radius);
    overflow: hidden;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item a {
    display: block;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}





div.reels-goback {
    position: fixed;
    inset: 0px 0px auto 0px;
    z-index: 1200;
    display: flex;
    justify-content: center;
    background: -moz-linear-gradient(180deg, rgb(6, 6, 11) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgb(6, 6, 11) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgb(6, 6, 11) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#06060b",endColorstr="#000000",GradientType=1);
}div.reels-goback__inner {
    width: 500px;
    height: 62px;
    display: flex;
    align-items: center;
    color: #ffffff;
}div.reels-goback__inner span.go-back {
    padding-left: var(--cl-primary-offset-size);
    cursor: pointer;
}div.reels-goback__inner span.go-back svg {
    width: 20px;
    height: 20px;
}div.reels-container {
    position: fixed;
    inset: 0px;
    background-color: black;
    z-index: 1000;
    display: flex;
    justify-content: center;
}div.reels-container div.swiper-slide {
    width: 500px;
    height: 100vh;
}div.reels-container div.swiper-slide div.reels-item {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}div.reels-container div.swiper-slide div.reels-item div.play-pause-video {
    position: absolute;
    inset: 0px;
    z-index: 100;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: transparent;
}div.reels-container div.swiper-slide div.reels-item video {
    width: 100%;
    pointer-events: none;
    object-position: center;
}
div.reels-container div.swiper-slide div.reels-item div.reels-controls {
    position: absolute;
    right: var(--cl-primary-offset-size);
    bottom: var(--cl-primary-offset-size);
    z-index: 200;
    display: flex;
    flex-direction: column;
}

div.reels-container div.swiper-slide div.reels-item div.reels-controls button {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: block;
    align-items: center;
    margin-bottom: 14px;
}div.reels-container div.swiper-slide div.reels-item div.reels-controls button span.ctrls-item__icon {
    width: 42px;
    height: 42px;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}div.reels-container div.swiper-slide div.reels-item div.reels-controls button span.num {
    display: block;
    text-align: center;
    color: #ffffff;
}div.reels-container div.swiper-slide div.reels-item div.reels-controls button:last-child {
    margin-bottom: 0px;
}

div.reels-container div.swiper-slide div.reels-item div.reels-controls button {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: block;
    align-items: center;
    margin-bottom: 14px;
}div.reels-container div.swiper-slide div.reels-item div.reels-author {
    position: absolute;
    inset: auto 0px 0px 0px;
    z-index: 120;
    background: -moz-linear-gradient(0deg, rgb(6, 6, 11) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgb(6, 6, 11) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgb(6, 6, 11) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#06060b",endColorstr="#000000",GradientType=1);
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.avatar {
    width: var(--cl-primary-avatar-size);
    height: var(--cl-primary-avatar-size);
}
div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    overflow: hidden;
    background: var(--cl-primary-border-color);
}
div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username {
    flex: 1;
    line-height: 1;
    padding-left: var(--cl-primary-offset-size);
}
div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username a {
    text-decoration: none;
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username a span.user-name-holder {
    font-size: var(--cl-primary-name-size);
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
}

body span.user-name-holder {
    font-size: inherit;
    color: inherit;
    line-height: 1;
    display: inline-flex !important;
    justify-content: flex-start !important;
    overflow: hidden;
    flex-wrap: nowrap;
    align-items: center;
    width: auto !important;
    font-weight: inherit;
    max-width: 100%;
}body span.user-name-holder span.user-name-holder__name {
    white-space: nowrap;
}
body span.user-name-holder span.user-name-holder__badge {
    width: var(--cl-primary-name-size);
    height: var(--cl-primary-name-size);
    line-height: 0;
    margin-left: 2px;
}
span.user-name-holder__badge > img {
    display: inline-table;
}
div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username a span.user-name-holder {
    font-size: var(--cl-primary-name-size);
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
}
body span.user-name-holder {
    font-size: inherit;
    color: inherit;
    line-height: 1;
    display: inline-flex !important;
    justify-content: flex-start !important;
    overflow: hidden;
    flex-wrap: nowrap;
    align-items: center;
    width: auto !important;
    font-weight: inherit;
    max-width: 100%;
}

body span.user-name-holder span.user-name-holder__badge svg {
    width: 100%;
    height: 100%;
    fill: var(--cl-primary-color);
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username a span.user-slug-holder {
    font-size: var(--cl-primary-name-size);
    color: rgba(255, 255, 255, 0.8);
}

span.user-slug-holder {
    text-transform: lowercase;
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username span.post-time {
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1;
}
span.post-time {
    margin-left: 10px;
    font-size: 14px !important;
}div.reels-container div.swiper-slide div.reels-item div.reels-author__desc {
    padding: var(--cl-primary-offset-size);
    padding-right: 50px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    padding-top: 0px;
}

body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr {
  border-bottom: 1px solid var(--cl-primary-border-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--cl-primary-offset-size);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3, body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header a {
  font-size: 14px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header h3 {
  color: var(--cl-secondary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__header a {
  text-decoration: none;
  color: var(--cl-primary-text-color);
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body {
  overflow: hidden;
  padding: var(--cl-primary-offset-size);
  padding-top: 0px;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.swiper div.swiper-wrapper {
  display: flex;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.swiper div.swiper-wrapper div.swiper-slide {
  flex-shrink: 0;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item {
  border: 1px solid var(--cl-primary-border-color);
  height: 100%;
  border-radius: var(--cl-secondary-border-radius);
  overflow: hidden;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item a {
  display: block;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1199.98px) {
  body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr {
    display: block;
  }
}
div.reels-container div.reels-arrows {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: flex;
    flex-direction: column;
}
div.reels-container div.reels-arrows div.reels-arrow.swiper-button-disabled {
    opacity: 0.5;
}
div.reels-container div.reels-arrows div.reels-arrow {
    width: 62px;
    height: 62px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
div.reels-container div.reels-arrows div.swiper-button-prev {
    margin-bottom: 16px;
}div.reels-container div.reels-arrows div.reels-arrow svg {
    width: 26px;
    height: 26px;
}div.reels-container div.reels-arrows div.reels-arrow {
    width: 62px;
    height: 62px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}div.reels-container div.reels-arrows div.reels-arrow svg {
    /* width: 69px; */
    /* height: 69px; */
}div.reels-container div.swiper-slide div.reels-item div.play-pause-video {
    position: absolute;
    inset: 0px;
    z-index: 100;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: transparent;
}div.reels-container div.swiper-slide div.reels-item {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}div.reels-container div.swiper-slide div.reels-item video {
    width: 100%;
    pointer-events: none;
    object-position: center;
}div.reels-container div.swiper-slide div.reels-item div.reels-controls {
    position: absolute;
    right: var(--cl-primary-offset-size);
    bottom: var(--cl-primary-offset-size);
    z-index: 200;
    display: flex;
    flex-direction: column;
}div.reels-container div.swiper-slide div.reels-item div.reels-controls button {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: block;
    align-items: center;
    margin-bottom: 14px;
}

div.reels-container div.swiper-slide div.reels-item div.reels-controls button span.ctrls-item__icon {
    width: 42px;
    height: 42px;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}div.reels-container div.swiper-slide div.reels-item div.reels-controls button span.ctrls-item__icon svg {
    width: 22px;
    height: 22px;
}
@media (max-width: 575.98px) {
    div.reels-goback__inner {
        width: 100%;
    }
}@media (max-width: 575.98px) {
    div.reels-container div.swiper-slide {
        width: 100%;
    }
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header {
    display: flex;
    align-items: center;
    padding: var(--cl-primary-offset-size);
    padding-right: 50px;
    padding-bottom: 0px;
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.avatar {
    width: var(--cl-primary-avatar-size);
    height: var(--cl-primary-avatar-size);
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    overflow: hidden;
    background: var(--cl-primary-border-color);
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username {
    flex: 1;
    line-height: 1;
    padding-left: var(--cl-primary-offset-size);
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username a {
    text-decoration: none;
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username a span.user-name-holder {
    font-size: var(--cl-primary-name-size);
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
}
body span.user-name-holder {
    font-size: inherit;
    color: inherit;
    line-height: 1;
    display: inline-flex !important;
    justify-content: flex-start !important;
    overflow: hidden;
    flex-wrap: nowrap;
    align-items: center;
    width: auto !important;
    font-weight: inherit;
    max-width: 100%;
}div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username a span.user-slug-holder {
    font-size: var(--cl-primary-name-size);
    color: rgba(255, 255, 255, 0.8);
}

span.user-slug-holder {
    text-transform: lowercase;
}body span.user-name-holder span.user-name-holder__name {
    white-space: nowrap;
}

*, *::before, *::after {
    box-sizing: border-box;
}
div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username a span.user-name-holder {
    font-size: var(--cl-primary-name-size);
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
}body span.user-name-holder span.user-name-holder__badge {
    width: var(--cl-primary-name-size);
    height: var(--cl-primary-name-size);
    line-height: 0;
    margin-left: 2px;
}@media (max-width: 1199.98px) {
    div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username span.post-time {
        font-size: 11px;
    }
}

div.reels-container div.swiper-slide div.reels-item div.reels-author__header div.post-username span.post-time {
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1;
}
span.post-time {
    margin-left: 10px;
    font-size: 14px !important;
}div.reels-container div.swiper-slide div.reels-item div.reels-author__desc {
    padding: var(--cl-primary-offset-size);
    padding-right: 50px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    padding-top: 0px;
}@media (max-width: 1199.98px) {
    div.reels-container div.swiper-slide div.reels-item div.reels-author__desc div.publication-text {
        font-size: 14px;
    }
}@media (max-width: 575.98px) {
    div.reels-container div.swiper-slide {
        width: 100%;
    }
}@media (max-width: 767.98px) {
    div.reels-container div.reels-arrows {
        display: none;
    }
   
}















body[data-bg=dark] {
    background-color: #2f3b50;
    --sptbl-primary-bg-color: #2f3b50;
    --sptbl-secondary-bg-color: #434f64;
    --sptbl-primary-border-color: #283143;
    --sptbl-secondary-border-color: #3c485d;
    --sptbl-navbar-border-color: #2f3b50;
    --sptbl-primary-text-color: #ecfafa;
    --sptbl-secondary-text-color: #9195a8;
    --sptbl-tertiary-text-color: #4c5e6e;
    --sptbl-navbar-text-color: #ecfafa;
    --sptbl-reply-text-color: #a0b3d4;
    --sptbl-input-placeholder-color: #5b7083;
    --sptbl-input-bg-color: #a0b3d4;
    --sptbl-primary-box-shadow: rgba(0, 0, 0, 0.20) 0px 10px 30px 0px;
    --sptbl-secondary-box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 30px 0px;
    --sptbl-modal-backdrop: rgba(0, 0, 0, 0.65);
    --sptbl-event-hover-bg: #2f3b50;
    --sptbl-timeline-header-bg-color: #202836;
    --sptbl-header-bg-color: #202836;
    --sptbl-profile-bg-color: #202836;
    --sptbl-homepage-bg-color: #1b1c1e;
    --sptbl-timeline-navbar-bg-color: #202836;
    --sptbl-timeline-navbar-item-bg-color: #202836;
    --sptbl-post-bg-color: #202836;
    --sptbl-sidebar-searchbar-bg-color: #1b1c1e;
    --sptbl-timeline-searchbar-bg-color: #202836;
    --sptbl-sidebar-nav-group-bg-color: #1b1c1e;
    --sptbl-sidebar-content-bg-color: #1b1c1e;
    --sptbl-white-button-bg-color: #ffffff;
    --sptbl-menu-bg-color: #202836;
    --sptbl-action-buttons-bg-color: #ffffff;
    --sptbl-action-buttons-svg-color: #a0b3d4;
    --sptbl-reply-primary-bg-color: #ffffff;
    --sptbl-reply-secondary-bg-color: #4ca8dd;
    --sptbl-reply-primary-svg-color: #a0b3d4;
    --sptbl-reply-secondary-svg-color: #4ca8dd;
    --sptbl-repost-primary-bg-color: #ffffff;
    --sptbl-repost-secondary-bg-color: #2aad7f;
    --sptbl-repost-primary-svg-color: #a0b3d4;
    --sptbl-repost-secondary-svg-color: #2aad7f;
    --sptbl-like-primary-bg-color: #ffffff;
    --sptbl-like-secondary-bg-color: #f84062;
    --sptbl-like-primary-svg-color: #a0b3d4;
    --sptbl-like-secondary-svg-color: #f84062;
    --sptbl-navbar-bg-color: #2f3b50;
    --sptbl-embedded-content-bg-color: #161b25;
    --sptbl-embedded-content-border-color: #161b25;
    --sptbl-timeline-placeholder-bg-color: #202836;
    --sptbl-list-item-bg-color: #202836;
    --sptbl-timeline-header-before-bg-color: none;
    --sptbl-timeline-header-after-bg-color: #202836;
    --sptbl-sidebar-button-text-color: #44a7e0;
    --sptbl-sidebar-button-bg-color: #202836;
    --sptbl-image-alt-button-bg-color: #44a7e0;
    --sptbl-suggested-bg-color: #202836;
    --sptbl-splashback-color: #4af29d;
    --sptbl-news-color: #ff8b10;
    --sptbl-summary-text-color: #ecfafa;
    --sptbl-pod-chat-bg: rgba(0, 0, 0, .9);
}


body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.reels-slider-cr div.reels-carousel__body div.reels-carousel__item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

















.css-146c3p1 {
                background-color: rgba(0,0,0,0.00);
                border: 0 solid black;
                box-sizing: border-box;
                color: rgba(0,0,0,1.00);
                display: inline;
                font: 14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
                list-style: none;
                margin: 0px;
                padding: 0px;
                position: relative;
                text-align: start;
                text-decoration: none;
                white-space: pre-wrap;
                word-wrap: break-word;
            }

            .css-175oi2r {
                align-items: stretch;
                background-color: rgba(0,0,0,0.00);
                border: 0 solid black;
                box-sizing: border-box;
                display: flex;
                flex-basis: auto;
                flex-direction: column;
                flex-shrink: 0;
                list-style: none;
                margin: 0px;
                min-height: 0px;
                min-width: 0px;
                padding: 0px;
                position: relative;
                text-decoration: none;
                z-index: 0;
            }

            .css-1jxf684 {
                background-color: rgba(0,0,0,0.00);
                border: 0 solid black;
                box-sizing: border-box;
                color: inherit;
                display: inline;
                font: inherit;
                list-style: none;
                margin: 0px;
                padding: 0px;
                position: relative;
                text-align: inherit;
                text-decoration: none;
                white-space: inherit;
                word-wrap: break-word;top: -1.5px;
            }

            .css-9pa8cd {
                bottom: 0px;
                height: 100%;
                left: 0px;
                opacity: 0;
                position: absolute;
                right: 0px;
                top: 0px;
                width: 100%;
                z-index: -1;
            }

            [stylesheet-group="2"] {
            }

            .r-13awgt0 {
                flex: 1;
            }

            .r-1adg3ll {
                display: block;
            }

            .r-1jkafct {
                border-bottom-left-radius: 2px;
                border-bottom-right-radius: 2px;
                border-top-left-radius: 2px;
                border-top-right-radius: 2px;
            }

            .r-1phboty {
                border-bottom-style: solid;
                border-left-style: solid;
                border-right-style: solid;
                border-top-style: solid;
            }

            .r-1udh08x {
                overflow-x: hidden;
                overflow-y: hidden;
            }

            .r-4iw3lz {
                border-bottom-width: 0;
                border-left-width: 0;
                border-right-width: 0;
                border-top-width: 0;
            }

            .r-4qtqp9 {
                display: inline-block;
            }

            .r-6koalj {
                display: flex;
            }

            .r-bztko3 {
                overflow-x: visible;
                overflow-y: visible;
            }

            .r-crgep1 {
                margin: 0px;
            }

            .r-hvic4v {
                display: none;
            }

            .r-krxsd3 {
                display: -webkit-box;
            }

            .r-rs99b7 {
                border-bottom-width: 1px;
                border-left-width: 1px;
                border-right-width: 1px;
                border-top-width: 1px;
            }

            .r-sdzlij {
                border-bottom-left-radius: 9999px;
                border-bottom-right-radius: 9999px;
                border-top-left-radius: 9999px;
                border-top-right-radius: 9999px;
            }

            .r-t60dpp {
                padding: 0px;
            }

            .r-wwvuq4 {
                padding: 0;
            }

            .r-xoduu5 {
                display: inline-flex;
            }

            .r-ywje51 {
                margin: auto;
            }

            .r-z2wwpe {
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
            }

            [stylesheet-group="2.1"] {
            }

            .r-1559e4e {
                padding-bottom: 2px;
                padding-top: 2px;
            }

            .r-1fkl15p {
                padding-left: 32px;
                padding-right: 32px;
            }

            .r-3o4zer {
                padding-left: 12px;
                padding-right: 12px;
            }

            .r-3pj75a {
                padding-left: 16px;
                padding-right: 16px;
            }

            .r-cxgwc0 {
                padding-left: 24px;
                padding-right: 24px;
            }

            .r-dd0y9b {
                padding-bottom: 20px;
                padding-top: 20px;
            }

            .r-dp7rxi {
                padding-bottom: 40px;
                padding-top: 40px;
            }

            .r-f8sm7e {
                margin-left: auto;
                margin-right: auto;
            }

            .r-n7gxbd {
                padding-left: 4px;
                padding-right: 4px;
            }

            .r-s49dbf {
                margin-bottom: 1px;
                margin-top: 1px;
            }

            .r-sjygvo {
                padding-left: 1em;
                padding-right: 1em;
            }

            [stylesheet-group="2.2"] {
            }

            .r-1ca1ndr {
                margin-left: 0.5em;
            }

            .r-1ez5h0i {
                margin-left: 4px;
            }

            .r-1gs4q39 {
                margin-right: 4px;
            }

            .r-1kkk96v {
                margin-left: 8px;
            }

            .r-1kpi4qh {
                margin-left: 0.075em;
            }

            .r-1l2kgy {
                margin-right: 0.5em;
            }

            .r-1q6cnnd {
                right: -2px;
            }

            .r-1wron08 {
                margin-right: 8px;
            }

            .r-3t4u6i {
                margin-left: 2px;
            }

            .r-45ll9u {
                left: 50%;
            }

            .r-5f1w11 {
                left: -2px;
            }

            .r-k4bwe5 {
                margin-right: 0.075em;
            }

            .r-o59np7 {
                padding-right: 8px;
            }

            .r-ocobd0 {
                right: 50%;
            }

            .r-qjj4hq {
                padding-left: 8px;
            }

            .r-x1x4zq {
                margin-right: 2px;
            }

            [stylesheet-group="3"] {
            }

            .r-105ug2t {
                pointer-events: auto!important;
            }

            .r-109y4c4 {
                height: 1px;
            }

            .r-10ptun7 {
                height: 16px;
            }

            .r-10v3vxq {
                transform: scaleX(-1);
            }

            .r-117bsoe {
                margin-bottom: 20px;
            }

            .r-11c0sde {
                margin-top: 24px;
            }

            .r-11j9u27 {
                visibility: hidden;
            }

            .r-12181gd {
                box-shadow: 0 0 2px rgba(0,0,0,0.03) inset;
            }

            .r-12sks89 {
                min-height: 22px;
            }

            .r-12vffkv>* {
                pointer-events: auto;
            }

            .r-12vffkv {
                pointer-events: none!important;
            }

            .r-12ym1je {
                width: 18px;
            }

            .r-135wba7 {
                line-height: 24px;
            }

            .r-13qz1uu {
                width: 100%;
            }

            .r-13wfysu {
                -webkit-text-decoration-line: none;
                text-decoration-line: none;
            }

            .r-146iojx {
                max-width: 300px;
            }

            .r-1472mwg {
                height: 24px;
            }

            .r-14j79pv {
                color: rgba(83,100,113,1.00);
            }

            .r-14lw9ot {
                background-color: rgba(255,255,255,1.00);
            }

            .r-15ysp7h {
                min-height: 32px;
            }

            .r-16dba41 {
                font-weight: 400;
            }

            .r-16y2uox {
                flex-grow: 1;
            }

            .r-176fswd {
                transform: translateX(-50%) translateY(-50%);
            }

            .r-1777fci {
                justify-content: center;
            }

            .r-17bb2tj {
                animation-duration: 0.75s;
            }

            .r-17leim2 {
                background-repeat: repeat;
            }

            .r-17s6mgv {
                justify-content: flex-end;
            }

            .r-18jsvk2 {
                color: rgba(15,20,25,1.00);
            }

            .r-18tzken {
                width: 56px;
            }

            .r-18u37iz {
                flex-direction: row;
            }

            .r-18yzcnr {
                height: 22px;
            }

            .r-19wmn03 {
                width: 20px;
            }

            .r-19yznuf {
                min-height: 52px;
            }

            .r-1abnn5w {
                animation-play-state: paused;
            }

            .r-1acpoxo {
                width: 36px;
            }

            .r-1ad0z5i {
                word-break: break-all;
            }

            .r-1awozwy {
                align-items: center;
            }

            .r-1b43r93 {
                font-size: 14px;
            }

            .r-1blnp2b {
                width: 72px;
            }

            .r-1blvdjr {
                font-size: 23px;
            }

            .r-1ceczpf {
                min-height: 24px;
            }

            .r-1cwl3u0 {
                line-height: 16px;
            }

            .r-1d2f490 {
                left: 0px;
            }

            .r-1ddef8g {
                -webkit-text-decoration-line: underline;
                text-decoration-line: underline;
            }

            .r-1ebb2ja {
                list-style: none;
            }

            .r-1ff274t {
                text-align: right;
            }

            .r-1gkfh8e {
                font-size: 11px;
            }

            .r-1h0z5md {
                justify-content: flex-start;
            }

            .r-1h8ys4a {
                padding-top: 4px;
            }

            .r-1hjwoze {
                height: 18px;
            }

            .r-1iln25a {
                word-wrap: normal;
            }

            .r-1inkyih {
                font-size: 17px;
            }

            .r-1ipicw7 {
                width: 300px;
            }

            .r-1iusvr4 {
                flex-basis: 0px;
            }

            .r-1janqcz {
                width: 16px;
            }

            .r-1jaylin {
                width: -webkit-max-content;
                width: -moz-max-content;
                width: max-content;
            }

            .r-1k78y06 {
                font-family: Tahoma, Arial, sans-serif;
            }

            .r-1kihuf0 {
                align-self: center;
            }

            .r-1ldzwu0 {
                animation-timing-function: linear;
            }

            .r-1loqt21 {
                cursor: pointer;
            }

            .r-1mlwlqe {
                flex-basis: auto;
            }

            .r-1mrlafo {
                background-position: 0;
            }

            .r-1muvv40 {
                animation-iteration-count: infinite;
            }

            .r-1mwlp6a {
                height: 56px;
            }

            .r-1nao33i {
                color: rgba(231,233,234,1.00);
            }

            .r-1niwhzg {
                background-color: rgba(0,0,0,0.00);
            }

            .r-1ny4l3l {
                outline-style: none;
            }

            .r-1oifz5y {
                background-color: rgba(170,17,0,1.00);
            }

            .r-1oszu61 {
                align-items: stretch;
            }

            .r-1otgn73 {
                touch-action: manipulation;
            }

            .r-1p0dtai {
                bottom: 0px;
            }

            .r-1pi2tsx {
                height: 100%;
            }

            .r-1ps3wis {
                min-width: 44px;
            }

            .r-1qd0xha {
                font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
            }

            .r-1qi8awa {
                min-width: 36px;
            }

            .r-1r5jyh0 {
                min-height: 130px;
            }

            .r-1r8g8re {
                height: 36px;
            }

            .r-1s2hp8q {
                min-height: 26px;
            }

            .r-1sxrcry {
                background-size: auto;
            }

            .r-1tl8opc {
                font-family: "Segoe UI",Meiryo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
            }

            .r-1to6hqq {
                background-color: rgba(255,212,0,1.00);
            }

            .r-1ttztb7 {
                text-align: inherit;
            }

            .r-1udbk01 {
                text-overflow: ellipsis;
            }

            .r-1v2oles {
                top: 50%;
            }

            .r-1vmecro {
                direction: rtl;
            }

            .r-1vr29t4 {
                font-weight: 800;
            }

            .r-1wb8bfx {
                text-decoration-thickness: 2px;
            }

            .r-1wbh5a2 {
                flex-shrink: 1;
            }

            .r-1wyyakw {
                z-index: -1;
            }

            .r-1xcajam {
                position: fixed;
            }

            .r-1xk2f4g {
                clip: rect(1px, 1px, 1px, 1px);
            }

            .r-1xnzce8 {
                -moz-user-select: text;
                -webkit-user-select: text;
                user-select: text;
            }

            .r-1xvli5t {
                height: 1.25em;
            }

            .r-1y7e96w {
                min-width: 22px;
            }

            .r-1ye8kvj {
                max-width: 600px;
            }

            .r-1yef0xd {
                animation-name: r-11cv4x;
            }

            .r-1yjpyg1 {
                font-size: 31px;
            }

            .r-1ykxob0 {
                top: 60%;
            }

            .r-2o02ov {
                margin-top: 40px;
            }

            .r-2tavb8 {
                background-color: rgba(0,0,0,0.60);
            }

            .r-2yi16 {
                min-height: 36px;
            }

            .r-36ujnk {
                font-style: italic;
            }

            .r-37tt59 {
                line-height: 32px;
            }

            .r-3s2u2q {
                white-space: nowrap;
            }

            .r-417010 {
                z-index: 0;
            }

            .r-4gszlv {
                background-size: cover;
            }

            .r-4wgw6l {
                min-width: 32px;
            }

            .r-54znze {
                color: rgba(239,243,244,1.00);
            }

            .r-56xrmm {
                line-height: 12px;
            }

            .r-633pao {
                pointer-events: none!important;
            }

            .r-6416eg {
                -moz-transition-property: background-color, box-shadow;
                -webkit-transition-property: background-color, box-shadow;
                transition-property: background-color, box-shadow;
            }

            .r-64el8z {
                min-width: 52px;
            }

            .r-7q8q6z {
                cursor: default;
            }

            .r-8akbws {
                -webkit-box-orient: vertical;
            }

            .r-8jfcpp {
                top: -2px;
            }

            .r-92ng3h {
                width: 1px;
            }

            .r-a023e6 {
                font-size: 15px;
            }

            .r-adyw6z {
                font-size: 20px;
            }

            .r-ah5dr5>* {
                pointer-events: none;
            }

            .r-ah5dr5 {
                pointer-events: auto!important;
            }

            .r-aqfbo4 {
                backface-visibility: hidden;
            }

            .r-b88u0q {
                font-weight: 700;
            }

            .r-bcqeeo {
                min-width: 0px;
            }

            .r-bnwqim {
                position: relative;
            }

            .r-bt1l66 {
                min-height: 20px;
            }

            .r-bvlit7 {
                margin-bottom: -12px;
            }

            .r-deolkf {
                box-sizing: border-box;
            }

            .r-dflpy8 {
                height: 1.2em;
            }

            .r-dnmrzs {
                max-width: 100%;
            }

            .r-ehq7j7 {
                background-size: contain;
            }

            .r-emqnss {
                transform: translateZ(0px);
            }

            .r-eqz5dr {
                flex-direction: column;
            }

            .r-ero68b {
                min-height: 40px;
            }

            .r-fdjqy7 {
                text-align: left;
            }

            .r-fm7h5w {
                font-family: "TwitterChirpExtendedHeavy","Verdana",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
            }

            .r-h9hxbl {
                width: 1.2em;
            }

            .r-icoktb {
                opacity: 0.5;
            }

            .r-ifefl9 {
                min-height: 0px;
            }

            .r-impgnl {
                transform: translateX(50%) translateY(-50%);
            }

            .r-iphfwy {
                padding-bottom: 4px;
            }

            .r-ipm5af {
                top: 0px;
            }

            .r-jmul1s {
                transform: scale(1.1);
            }

            .r-jwli3a {
                color: rgba(255,255,255,1.00);
            }

            .r-kemksi {
                background-color: rgba(0,0,0,1.00);
            }

            .r-ll0aj {
                text-overflow: unset;
            }

            .r-lp5zef {
                min-width: 24px;
            }

            .r-lrsllp {
                width: 24px;
            }

            .r-lrvibr {
                -moz-user-select: none;
                -webkit-user-select: none;
                user-select: none;
            }

            .r-m6rgpd {
                vertical-align: text-bottom;
            }

            .r-majxgm {
                font-weight: 500;
            }

            .r-n6v787 {
                font-size: 13px;
            }

            .r-nwxazl {
                line-height: 40px;
            }

            .r-o7ynqc {
                transition-duration: 0.2s;
            }

            .r-peo1c {
                min-height: 44px;
            }

            .r-poiln3 {
                font-family: inherit;
            }

            .r-pp5qcn {
                vertical-align: -20%;
            }

            .r-q4m81j {
                text-align: center;
            }

            .r-qlhcfr {
                font-size: 0.001px;
            }

            .r-qvk6io {
                line-height: 0px;
            }

            .r-qvutc0 {
                word-wrap: break-word;
            }

            .r-rjixqe {
                line-height: 20px;
            }

            .r-rki7wi {
                bottom: 12px;
            }

            .r-sb58tz {
                max-width: 1000px;
            }

            .r-tjvw6i {
                text-decoration-thickness: 1px;
            }

            .r-u6sd8q {
                background-repeat: no-repeat;
            }

            .r-u8s1d {
                position: absolute;
            }

            .r-ueyrd6 {
                line-height: 36px;
            }

            .r-uho16t {
                font-size: 34px;
            }

            .r-vkv6oe {
                min-width: 40px;
            }

            .r-vlxjld {
                color: rgba(247,249,249,1.00);
            }

            .r-vqxq0j {
                border: 0 solid black;
            }

            .r-vrz42v {
                line-height: 28px;
            }

            .r-vvn4in {
                background-position: center;
            }

            .r-wy61xf {
                height: 72px;
            }

            .r-x3cy2q {
                background-size: 100% 100%;
            }

            .r-x572qd {
                background-color: rgba(247,249,249,1.00);
            }

            .r-xigjrr {
                -webkit-filter: blur(4px);
                filter: blur(4px);
            }

            .r-yc9v9c {
                width: 22px;
            }

            .r-yfoy6g {
                background-color: rgba(21,32,43,1.00);
            }

            .r-yy2aun {
                font-size: 26px;
            }

            .r-yyyyoo {
                fill: currentcolor;
            }

            .r-z7pwl0 {
                max-width: 700px;
            }

            .r-z80fyv {
                height: 20px;
            }

            .r-zchlnj {
                right: 0px;
            }

            @-webkit-keyframes r-11cv4x {
                0% {
                    transform: rotate(0deg);
                }

                100% {
                    transform: rotate(360deg);
                }
            }

            @keyframes r-11cv4x {
                0% {
                    transform: rotate(0deg);
                }

                100% {
                    transform: rotate(360deg);
                }
            }

            .r-12gwhc0 {
                position: absolute;
                visibility: hidden;
                top: 0;
                width: 50px;
                pointer-events: none
            }

            .r-12gwhc0.loaded {
                visibility: visible;
                top: 50vh;
                width: 50px
            }

.css-146c3p1.r-bcqeeo.r-qvutc0.r-37j5jr.r-q4m81j.r-a023e6.r-rjixqe.r-b88u0q.r-1awozwy.r-6koalj.r-18u37iz.r-16y2uox.r-1777fci {
    margin-top: 3px;
}
.r-1cvl2hr {
    color: rgb(29, 155, 240);
}
.css-146c3p1.r-bcqeeo.r-qvutc0.r-37j5jr.r-q4m81j.r-a023e6.r-rjixqe.r-b88u0q.r-1awozwy.r-6koalj.r-18u37iz.r-16y2uox.r-1777fci {}

.css-175oi2r:hover {
    background: rgb(83, 100, 113);
    border-radius: 50px;
}


body div.mobile-bottom-navbar div.mobile-bottom-navbar-inner button.navbar-ctrl span.info-indicators {
    position: absolute;
    top: 11px;
    right: 10px;
    background: var(--cl-danger-color);
    color: #fff;
    text-align: center;
    padding: 4px;
    border-radius: 10em;
    z-index: 10;
    background-clip: padding-box;
    display: inline-block;
    font-size: 9px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 1.3;
    min-height: 13px;
    min-width: 20px;
}body div.mobile-bottom-navbar div.mobile-bottom-navbar-inner button.navbar-ctrl svg path {
    fill: none;
}svg.x1lliihqsd.xffa9am.x2lah0s.x1jwls1v.x1n2onr6.x17fnjtu.x3egl4o path {
    fill: var(--cl-secondary-text-color);
}.mobile-bottom-navbar {
    position: relative;top: 90%;
}
body div.mobile-bottom-navbar {
    height: 74px;
}body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item__content div.post-data div.post-data__content div.post-data__content-inner div.post-data-layout div.post-data-layout__controls {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
display: block;
    margin-top: 15px;
    margin-left: -10px;
    font-size: 0.1rem;
}






svg#Layer_1 path {
    fill: var(--cl-secondary-text-color);
}
body div.mobile-bottom-navbar {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    border-top: 1px solid var(--cl-primary-border-color);
    background: var(--cl-primary-bg-color-opacity);
    z-index: 1000;
}@media (max-width: 1024px) {
    main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.mobile-sb-footer {
        visibility: visible;
        display: block;
        opacity: 1;
        margin-top: 15px;
    }
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.mobile-sb-footer div.main-footer {
    width: 100%;
    display: block;
    margin-bottom: 0px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.mobile-sb-footer div.main-footer ul.footer-nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    line-height: 0px;
    list-style-type: none;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.mobile-sb-footer div.main-footer ul.footer-nav li.footer-nav-item {
    line-height: 0px;
    margin-right: 10px;
}main.main-content-container div.main-content-container-inner div.left-sb-container div.sidebar__inner div.mobile-sb-footer div.main-footer ul.footer-nav li.footer-nav-item > a {
    font-size: 10px;
    color: #5b7083;
    line-height: 20px;
}

a {
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}	  .wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      height: 100vh; /* Full screen height */
      text-align: center;
    }

    .container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
    }

    .logo {
      max-width: 200px;
      width: 50%;
      height: auto;
      border-radius: 10px;
    }

    .powered {
      margin-top: 20px;
      font-size: 18px;
      color: #666;
    }

    .app-name {
      position: absolute;
      bottom: 20px;
      font-size: 22px;
      font-weight: bold;
      color: #333;
    }

    .powered {
        position: absolute;
        top: 555px;
      font-size: 16px;
      color: #999;
    }
    .app-name {
    background-image: linear-gradient(to right, #27c4f5, #a307ba, #fd8d32, #70c050, #27c4f5);
    background-size: 500%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-animation: 2s linear infinite barprogress, .3s fadein;
    animation: 2s linear infinite barprogress, .3s fadein;
}.app-name > img {
    height: 46px;
}
	</style>

	<script nonce="2c04f0d4-6f06-4587-8c6a-e33f56c0c4c0">try{(function(w,d){!function(j,k,l,m){if(j.zaraz)console.error("zaraz is loaded twice");else{j[l]=j[l]||{};j[l].executed=[];j.zaraz={deferred:[],listeners:[]};j.zaraz._v="5811";j.zaraz._n="2c04f0d4-6f06-4587-8c6a-e33f56c0c4c0";j.zaraz.q=[];j.zaraz._f=function(n){return async function(){var o=Array.prototype.slice.call(arguments);j.zaraz.q.push({m:n,a:o})}};for(const p of["track","set","debug"])j.zaraz[p]=j.zaraz._f(p);j.zaraz.init=()=>{var q=k.getElementsByTagName(m)[0],r=k.createElement(m),s=k.getElementsByTagName("title")[0];s&&(j[l].t=k.getElementsByTagName("title")[0].text);j[l].x=Math.random();j[l].w=j.screen.width;j[l].h=j.screen.height;j[l].j=j.innerHeight;j[l].e=j.innerWidth;j[l].l=j.location.href;j[l].r=k.referrer;j[l].k=j.screen.colorDepth;j[l].n=k.characterSet;j[l].o=(new Date).getTimezoneOffset();if(j.dataLayer)for(const t of Object.entries(Object.entries(dataLayer).reduce(((u,v)=>({...u[1],...v[1]})),{})))zaraz.set(t[0],t[1],{scope:"page"});j[l].q=[];for(;j.zaraz.q.length;){const w=j.zaraz.q.shift();j[l].q.push(w)}r.defer=!0;for(const x of[localStorage,sessionStorage])Object.keys(x||{}).filter((z=>z.startsWith("_zaraz_"))).forEach((y=>{try{j[l]["z_"+y.slice(7)]=JSON.parse(x.getItem(y))}catch{j[l]["z_"+y.slice(7)]=x.getItem(y)}}));r.referrerPolicy="origin";r.src="/cdn-cgi/zaraz/s.js?z="+btoa(encodeURIComponent(JSON.stringify(j[l])));q.parentNode.insertBefore(r,q)};["complete","interactive"].includes(k.readyState)?zaraz.init():j.addEventListener("DOMContentLoaded",zaraz.init)}}(w,d,"zarazData","script");window.zaraz._p=async bs=>new Promise((bt=>{if(bs){bs.e&&bs.e.forEach((bu=>{try{const bv=d.querySelector("script[nonce]"),bw=bv?.nonce||bv?.getAttribute("nonce"),bx=d.createElement("script");bw&&(bx.nonce=bw);bx.innerHTML=bu;bx.onload=()=>{d.head.removeChild(bx)};d.head.appendChild(bx)}catch(by){console.error(`Error executing script: ${bu}\n`,by)}}));Promise.allSettled((bs.f||[]).map((bz=>fetch(bz[0],bz[1]))))}bt()}));zaraz._p({"e":["(function(w,d){})(window,document)"]});})(window,document)}catch(e){throw fetch("/cdn-cgi/zaraz/t"),e;};</script><script>(function(w,d){})(window,document)</script><script>(function(w,d){;w.zarazData.executed.push("Pageview");})(window,document)</script><script>(function(w,d){})(window,document)</script></head>
<body dir="ltr" class="cl-app-guest body-guest-mode" data-page-tab="none" data-skin="default" data-bg="default">
    <div class="main-content" id="main-content">

		<div class="main-preloader-holder" id="main-preloader-holder" style="opacity: 0.967537;">
		<div class="main-preloader">
			<div class="loading">
				 <div class="wrapper">
				     <div class="container">
    <img class="logo" src="https://web.threadles.net/themes/default/statics/img/logo_1724713051.png" alt="Threadles Logo">
    <div class="app-name"><img src="https://assets.threadles.net/svg/betastudio.svg"></div>
  </div>
				 </div>
			</div>
		</div>
	</div>
	
	<div data-el="main-content-holder">
		<main class="main-content-container guest-mode">
							<div class="welcome-page" data-app="guest">
	<div class="welcome-page__body">
		<div class="row justify-content-center">
			<div class="col-xxl-9 col-xl-10 col-12">
				<div class="row welcome-page__row align-items-center">
					<div class="col-xxl-8 col-xl-7 col-12 welcome-page__lp-wrapper">
						<div class="welcome-page__lp">
							<div class="welcome-page__lp-header">
								<div class="welcome-logo">
									<a href="https://web.threadles.net">
										<img src="https://web.threadles.net/themes/default/statics/img/logo_1724713051.png" alt="Logo">
									</a>
								</div>
								<div class="welcome-title">
									Welcome to Threadles!								</div>
								<div class="welcome-text">
									Join us to keep abreast of the most relevant topics and news from around the world.								</div>
							</div>

							<div class="welcome-page__lp-body">
								<div class="welcome-features">
									<div class="row align-items-sretch">
										<div class="col-4">
											<div class="welcome-features__li welcome-features__li_1">
												<div class="icon">
													<img src="https://web.threadles.net/themes/default/statics/img/memojies/img-1.png" alt="IMG">
												</div>
												<div class="text">
													<h4>
														Explore													</h4>
													<p>
														Be the first to know about the hottest events													</p>
												</div>
											</div>
										</div>
										<div class="col-4">
											<div class="welcome-features__li welcome-features__li_2">
												<div class="icon">
													<img src="https://web.threadles.net/themes/default/statics/img/memojies/img-2.png" alt="IMG">
												</div>
												<div class="text">
													<h4>
														Like													</h4>
													<p>
														Like posts, image, videos &amp; share													</p>
												</div>
											</div>
										</div>
										<div class="col-4">
											<div class="welcome-features__li welcome-features__li_3">
												<div class="icon">
													<img src="https://web.threadles.net/themes/default/statics/img/memojies/img-3.png" alt="IMG">
												</div>
												<div class="text">
													<h4>
														Follow													</h4>
													<p>
														Follow your interests and get followers													</p>
												</div>
											</div>
										</div>
									</div>
								</div>

																	<div class="welcome-members">
										<div class="welcome-members__title">
											1 Million people joined us, now it's your turn										</div>
										<div class="welcome-members__list">
																							<div class="welcome-members__list-item">
													<a href="https://web.threadles.net/Threadles" target="_blank" class="block-link">
														<img src="https://web.threadles.net/upload/avatars/2024/06/rbZatUVkfLysB9lL3vL3_17_62045a609d9d305d1b3c7d04752bdc78_thumbnail_512x512.png" alt="IMG">
													</a>
												</div>
																							<div class="welcome-members__list-item">
													<a href="https://web.threadles.net/gnartess" target="_blank" class="block-link">
														<img src="https://web.threadles.net/upload/avatars/2024/03/iTdeBzibPi5okBxyy6Ip_28_a2bd037b1012e8da6e4e8b3d0e29154b_thumbnail_512x512.jpg" alt="IMG">
													</a>
												</div>
																							<div class="welcome-members__list-item">
													<a href="https://web.threadles.net/lodgeme" target="_blank" class="block-link">
														<img src="https://web.threadles.net/upload/avatars/2024/04/c5urzHrhNAKesm3fR9Yw_06_8ddb0b4d353e006867ce1c3820d19815_thumbnail_512x512.png" alt="IMG">
													</a>
												</div>
																							<div class="welcome-members__list-item">
													<a href="https://web.threadles.net/ThreadlesDonation" target="_blank" class="block-link">
														<img src="https://web.threadles.net/upload/avatars/2024/05/pvo4pjTyPAhONZy4tPQ8_02_709b46ec7dd1dad28a6a1d77929c9e6c_thumbnail_512x512.png" alt="IMG">
													</a>
												</div>
																							<div class="welcome-members__list-item">
													<a href="https://web.threadles.net/Badr_alhayane" target="_blank" class="block-link">
														<img src="https://web.threadles.net/upload/avatars/2024/04/cItLZBpbhzIEA8YP4QSU_30_ec3d2d7c0208704f6aef904762ed302c_thumbnail_512x512.jpeg" alt="IMG">
													</a>
												</div>
																					</div>
									</div>
															</div>
						</div>
					</div>
					<div class="col-xxl-4 col-xl-5 col-12 welcome-page__rp-wrapper">
						<div class="welcome-page__rp">
							<div class="welcome-page__rp-inner">
								<div class="welcome-page-form">
									<div class="welcome-page-form__body">
										<div class="auth-form">
											<div class="auth-form-holder">
																									<form id="cl-login-vue-app" autocomplete="off" class="form"><div class="form-title"><h2>
			Sign in		</h2></div> <div class="form-group"><label class="input-label">
			Username or E-mail		</label> <input name="email" type="text" placeholder="Email address or username" class="form-control"> <!----></div> <div class="form-group"><label class="input-label">
			Password		</label> <div class="password-ctrl"><input name="password" type="password" placeholder="Password" class="form-control"> <button type="button" class="password-ctrl"><span><svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.005a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 1.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5ZM12 5.5c4.613 0 8.596 3.15 9.701 7.564a.75.75 0 1 1-1.455.365 8.503 8.503 0 0 0-16.493.004.75.75 0 0 1-1.455-.363A10.003 10.003 0 0 1 12 5.5Z" fill="#212121"></path></svg></span></button></div> <!----></div> <div class="form-group"><div class="form-cta-link"><span>
				Forgot your password?			</span> <a href="https://web.threadles.net/guest?auth=forgot_pass">
				Reset my password			</a></div></div> <div class="form-group"><button disabled="disabled" class="btn btn-custom main-inline lg btn-block">
			Login		</button></div> <div class="form-group"><div class="login-or-signup"><span>
					Or continue with				</span></div></div> <div class="form-group oauth-login-providers"><a href="https://web.threadles.net/oauth/google" class="social-login-btn google"><button type="button" class="btn btn-custom main-inline lg btn-block"><span class="d-inline-flex flex-wn align-items-center"><span class="flex-item btn-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.977 4.32196L16 7.29996C14.977 6.46196 13.674 5.94996 12.232 5.94996C9.542 5.94996 7.282 7.67996 6.492 10.102L3.052 7.46696C4.708 4.07996 8.186 1.76196 12.232 1.76196C14.837 1.76196 17.162 2.73896 18.977 4.32196Z" fill="#EA4335"></path> <path d="M6.186 11.9999C6.186 12.6599 6.288 13.2929 6.493 13.8899L3.05 16.5329C2.38 15.1699 2 13.6299 2 11.9999C2 10.3699 2.38 8.82692 3.05 7.46692L6.493 10.1019C6.289 10.6969 6.186 11.3399 6.186 11.9999Z" fill="#FBBC05"></path> <path d="M18.893 19.6879C17.107 21.3549 14.725 22.238 12.233 22.238C8.185 22.238 4.707 19.921 3.053 16.533L6.493 13.8979C7.283 16.3179 9.543 18.0499 12.233 18.0499C13.553 18.0499 14.707 17.742 15.628 17.155L18.893 19.6879Z" fill="#34A853"></path> <path d="M22 12C22 15.34 20.78 17.948 18.893 19.688L15.628 17.158C16.698 16.488 17.442 15.445 17.721 14.095H12.233V10.14H21.768C21.908 10.743 22.001 11.395 22.001 12H22Z" fill="#4285F4"></path></svg></span> <span class="flex-item">
								SignIn with Google							</span></span></button></a></div> <div class="form-group no-mb"><div class="form-cta-link"><span>
				Don't have an account?			</span> <a href="https://web.threadles.net/guest?auth=signup">
				Sign up			</a></div></div> <input type="hidden" value="1728948248:c04d12fd98f43d872a40ef87f1cadb1484adadd0" name="hash" class="d-none"></form>																							</div>	
										</div>
									</div>	
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="welcome-page__footer">
		<div class="row justify-content-center">
			<div class="col-xxl-9 col-xl-10 col-12">
				<div class="welcome-page__bp-wrapper">
					<div class="welcome-page__bp">
						<div class="main-footer">
	<ul class="footer-nav">
		
		
		<li class="footer-nav-item">
			<a href="https://web.threadles.net/terms_of_use" data-spa="true">
				Terms of Use			</a>
		</li>
		<li class="footer-nav-item">
			<a href="https://web.threadles.net/privacy_policy" data-spa="true">
				Privacy policy			</a>
		</li>
		<li class="footer-nav-item">
			<a href="https://web.threadles.net/cookies_policy" data-spa="true">
				Cookies			</a>
		</li>
		<li class="footer-nav-item">
			<a href="https://web.threadles.net/about_us" data-spa="true">
				About us			</a>
		</li>
				<li class="footer-nav-item">
			<a href="https://web.threadles.net/faqs" data-spa="true">
				Help center			</a>
		</li>

					<li class="footer-nav-item dropdown">
				<a class="dropdown-toggle" data-toggle="dropdown">
					English				</a>
				<div class="dropdown-menu dropdown-icons">
											<a class="dropdown-item active" href="https://web.threadles.net/language/english">
							English						</a>
											<a class="dropdown-item " href="https://web.threadles.net/language/arabic">
							Arabic - العربية						</a>
											<a class="dropdown-item " href="https://web.threadles.net/language/Amazigh">
							Amazigh - الأمازيغية						</a>
									</div>
			</li>
		
		<li class="footer-nav-item">
			<a href="https://web.threadles.net/about_us">© Threadles - Speak Freely - 2024.</a>
		</li>
	</ul>

			<div class="footer-nav-get-apps">
							<a href="https://web.threadles.net/download/android/" target="_blank" title="Get it on Google Play">
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.17 11.96l-7.65 9.4C4.38 21.33 3.6 20.4 3.6 19V5c0-1.4.78-2.35 1.95-2.35h.03l.04.01 7.55 9.3zm3.81-3.1l2.1 1.2c.85.5 1.32 1.18 1.32 1.94 0 .75-.47 1.44-1.32 1.93l-2.05 1.18-2.57-3.16 2.52-3.1zm-.88-.5L7.5 3.37l6.32 7.78 2.28-2.8zM7.33 20.71l6.49-7.97 2.33 2.87-8.82 5.1z" fill="currentColor"></path></svg>
				</a>
			
							<a href="https://web.threadles.net/download/ios/" target="_blank" title="Available in the App Store">
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M20.49 16.59c-.3.7-.66 1.34-1.08 1.93a9.82 9.82 0 01-1.38 1.67c-.55.51-1.15.77-1.78.79-.46 0-1-.13-1.64-.4a4.72 4.72 0 00-1.77-.39c-.57 0-1.18.13-1.82.4a4.9 4.9 0 01-1.58.4c-.6.03-1.21-.23-1.82-.8a11.99 11.99 0 01-2.98-4.78A11.15 11.15 0 014 11.8c0-1.34.29-2.5.87-3.46a5.1 5.1 0 014.28-2.54c.49 0 1.12.15 1.9.44.8.3 1.3.45 1.52.45.16 0 .72-.18 1.67-.53.9-.32 1.66-.46 2.28-.4 1.68.13 2.94.8 3.79 2a4.21 4.21 0 00-2.24 3.82 4.55 4.55 0 002.77 4.09c-.1.32-.23.63-.35.93zM16.63 1.4c0 1-.36 1.93-1.1 2.8-.87 1.03-1.93 1.62-3.09 1.53a4.38 4.38 0 011.14-3.2c.37-.44.84-.79 1.41-1.07s1.11-.43 1.62-.46l.02.4z" fill="currentColor"></path></svg>
				</a>
					</div>
	</div>					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
	"use strict";
	
	$(document).ready(function($) {
		Vue.use(window.vuelidate.default);

		if ($("form#cl-login-vue-app").length) {
			new Vue({
				"el": "#cl-login-vue-app",
				data: {
					email: "",
					password: "",
					submitting: false,
					done: false,
					unsuccessful_attempt: false,
					invalid_feedback_email: "",
					invalid_feedback_pass: "",
					password_display: "password"
				},
				computed: {
					is_valid_email: function() {
						if (this.$v.email.required == true && this.$v.email.$error) {
							this.invalid_feedback_email = "The username you entered is not valid";
							return true;
						}

						else {
							this.invalid_feedback_email = "";
							return false;
						}
					},
					is_valid_password: function() {
						if(this.$v.password.required == true && this.$v.password.$error) {
							this.invalid_feedback_pass = "The password you entered is not valid";
							return true;
						}

						else {
							this.invalid_feedback_pass = "";
							return false;
						}
					}
				},
				validations: {
					email: {
						required: window.validators.required,
						min_length: window.validators.minLength(3),
						max_length: window.validators.maxLength(55)
					},
					password: {
						required: window.validators.required,
						min_length: window.validators.minLength(6),
						max_length: window.validators.maxLength(20)
					}
				},
				methods: {
					submit_form: function(_self = false) {
						_self.preventDefault();

						var _app_ = this;

						$(_self.target).ajaxSubmit({
							url: "https://web.threadles.net/native_api/auth/login",
							type: 'POST',
							dataType: 'json',
							beforeSend: function() {
								_app_.submitting = true;
							},
							success: function(data) {
								if (data.status == 200) {
									_app_.done = true;

									delay(function() {
										cl_redirect("https://web.threadles.net/home");
									}, 1000);
								}

								else {
									_app_.unsuccessful_attempt = true;

									delay(function() {
										_app_.unsuccessful_attempt = false;
									}, 3000);
								}
							},
							complete: function() {
								_app_.submitting = false;
							}
						});
					},
					password_display_toggle: function() {
						var _app_ = this;

						if (_app_.password_display == "text") {
							_app_.password_display = "password";
						}
						else{
							_app_.password_display = "text";
						}
					}
				}
			});
		}

		if ($("form#cl-signup-vue-app").length) {
			new Vue({
				"el": "#cl-signup-vue-app",
				data: {
					done: false,
					email: "",
					phone: "",
					password: "",
					uname: "",
					fname: "",
					lname: "",
					submitting: false,
					invalid_feedback_email: "",
					invalid_feedback_phone: "",
					invalid_feedback_pass: "",
					invalid_feedback_uname: "",
					tos_agree: false,
					uname_taken: false,
					email_taken: false,
					phone_server_error: false,
					phone_taken: false,
					uname_denied: false,
					email_denied: false,
					process_failed: false,
					grecaptcha_error: false,
					password1_display: "password",
					password2_display: "password",
					invite_code: "",
					grecaptcha: "off"
				},
				computed: {
					is_valid_uname: function() {
						if (this.$v.uname.required == true && this.$v.uname.$error) {
							this.invalid_feedback_uname = "This username does not match the valid format. Please select a username of no more than 25 characters using only letters (a-z) numbers and underscores";
							return true;
						}

						else if(this.uname_taken == true) {
							this.invalid_feedback_uname = "This username is already taken, please select another";
							return true;
						}
						
						else if(this.uname_denied == true) {
							this.invalid_feedback_uname = "This username is reserved, please select another";
							return true;
						}

						else {
							this.invalid_feedback_uname = "";
							return false;
						}
					},
										is_valid_email: function() {
						if (this.$v.email.required == true && this.$v.email.$error) {
							this.invalid_feedback_email = "The email address you entered does not match the valid format.";
							return true;
						}

						else if (this.email_taken == true) {
							this.invalid_feedback_email = "This email address is already taken";
							return true;
						}

						else if (this.email_denied == true) {
							this.invalid_feedback_email = "This email address is reserved and not available for use";
							return true;
						}

						else {
							this.invalid_feedback_email = "";
							return false;
						}
					},
										is_valid_password: function() {
						if (this.$v.password.required == true && this.$v.password.$error) {
							this.invalid_feedback_pass = "Password must be between 6 and 20 characters long";
							return true;
						}

						else {
							this.invalid_feedback_pass  = "";
							return false;
						}
					},
					is_valid_form: function() {
						return (this.$v.$invalid == false && this.tos_agree == true);
					}
				},
				validations: {
					uname: {
						required: window.validators.required,
						min_length: window.validators.minLength(3),
						max_length: window.validators.maxLength(25),
						is_alpha_num: cl_uname_valid
					},
										email: {
						required: window.validators.required,
						email: window.validators.email,
						min_length: window.validators.minLength(8),
						max_length: window.validators.maxLength(55)
					},
										password: {
						required: window.validators.required,
						min_length: window.validators.minLength(6),
						max_length: window.validators.maxLength(20)
					}
				},
				methods: {
					submit_form: function(_self = false) {
						_self.preventDefault();

						var _app_ = this;

						if (_app_.grecaptcha == "on") {
							var grecap_res = grecaptcha.getResponse();

							if (grecap_res.length < 1) {

								_app_.grecaptcha_error = true;

								return false;
							}
						}

						$(_self.target).ajaxSubmit({
							url: "https://web.threadles.net/native_api/auth/signup",
							type: 'POST',
							dataType: 'json',
							data: {
								invite_code: _app_.invite_code
							},
							beforeSend: function() {
								_app_.submitting     = true;
								_app_.uname_taken    = false;
								_app_.email_taken    = false;
								_app_.phone_taken    = false;
								_app_.uname_denied   = false;
								_app_.email_denied   = false;
								_app_.process_failed = false;
								_app_.phone_server_error = false;
							},
							success: function(data) {
								if (data.status == 200) {

									_app_.done = true;

									delay(function() {
										cl_redirect("https://web.threadles.net/start_up");
									}, 1500);
								}
								else if(data.status == 401) {
									_app_.done = true;

									delay(function() {
										cl_redirect("https://web.threadles.net/confirm_registration");
									}, 1500);
								}
								else if(data.status == 405) {
									_app_.phone_server_error = true;
								}
								else {
									if (data.err_code == "doubling_uname") {
										_app_.uname_taken = true;
									}

									else if(data.err_code == "doubling_email") {
										_app_.email_taken = true;
									}

									else if(data.err_code == "doubling_phone") {
										_app_.phone_taken = true;
									}

									else if(data.err_code == "denied_email") {
										_app_.email_denied = true;
									}

									else if(data.err_code == "denied_uname") {
										_app_.uname_denied = true;
									}

									else {
										_app_.process_failed = true;
									}
								}
							},
							complete: function() {
								_app_.submitting = false;
							}
						});
					},
					password1_display_toggle: function() {
						var _app_ = this;

						if (_app_.password1_display == "text") {
							_app_.password1_display = "password";
						}
						else{
							_app_.password1_display = "text";
						}
					}
				}
			});
		}

		if ($("form#cl-resetpass-vue-app").length) {
			new Vue({
				"el": "#cl-resetpass-vue-app",
				data: {
					email: "",
					submitting: false,
					invalid_feedback_email: "",
					process_failed: false,
					process_succeeded: false,
					unknown_email: false,
				},
				computed: {
					is_valid_email: function() {
						if (this.$v.email.required == true && this.$v.email.$error) {
							this.invalid_feedback_email = "The email address you entered does not match the valid format.";
							return true;
						}

						else if(this.unknown_email == true) {
							this.invalid_feedback_email = "We can not find an account with this email address!";
							return true;
						}

						else {
							this.invalid_feedback_email = "";
							return false;
						}
					},
					is_valid_form: function() {
						return (this.$v.$invalid == false);
					}
				},
				validations: {
					email: {
						required: window.validators.required,
						email: window.validators.email,
						min_length: window.validators.minLength(8),
						max_length: window.validators.maxLength(55)
					}
				},
				methods: {
					submit_form: function(_self = false) {
						_self.preventDefault();

						var _app_ = this;

						$(_self.target).ajaxSubmit({
							url: "https://web.threadles.net/native_api/auth/resetpass",
							type: 'POST',
							dataType: 'json',
							beforeSend: function() {
								_app_.submitting     = true;
								_app_.process_failed = false;
								_app_.unknown_email  = false;
							},
							success: function(data) {
								if (data.status == 200) {
									_app_.process_succeeded = true;
								}
								else {
									if (data.err_code == "unknown_email") {
										_app_.unknown_email = true;
									}

									else {
										_app_.process_failed = true;
									}
								}
							},
							complete: function() {
								_app_.submitting = false;
							}
						});
					}
				}
			});
		}

			});
</script>
					</main>

		
		<input id="csrf-token" type="hidden" class="hidden d-none" value="1728948248:c04d12fd98f43d872a40ef87f1cadb1484adadd0">

				<div data-app="black-hole"></div>
					<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-7H62H6QB6Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-7H62H6QB6Y');
</script>		
		
			</div>
	</div>

	
	<script>
		// Function to format numbers
function formatNumbers() {
    // Get all elements matching the provided selector
    var numberSpans = document.querySelectorAll("span, b");

    // Iterate over the spans to format the numbers
    numberSpans.forEach(function(span) {
        var number = parseFloat(span.textContent);
        if (Math.abs(number) >= 1.0e6) {
            span.textContent = (number / 1.0e6).toFixed(1) + 'M';
        } else if (Math.abs(number) >= 1.0e3) {
            span.textContent = (number / 1.0e3).toFixed(1) + 'K';
        }
    });
}

// Function to run formatNumbers periodically
function runFormatNumbers() {
    formatNumbers();
    // Run formatNumbers every 5 seconds (adjust as needed)
    setTimeout(runFormatNumbers, 5000);
}

// Run formatNumbers initially
document.addEventListener("DOMContentLoaded", function() {
    runFormatNumbers();
});

// Listen for changes in content
var observer = new MutationObserver(function(mutationsList, observer) {
    for(var mutation of mutationsList) {
        if (mutation.type === 'childList') {
            // Content changed, re-run formatNumbers
            formatNumbers();
            break;
        }
    }
});
observer.observe(document.body, { attributes: false, childList: true, subtree: true });

console.log("%cCareful, If someone told you to copy/paste something here you have an 11/10 chance you're being scammed.", "background: red; color: yellow; font-size: x-large")	</script>

	<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;8d2b52367efc71ff&quot;,&quot;version&quot;:&quot;2024.10.1&quot;,&quot;r&quot;:1,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;token&quot;:&quot;27fc1e96e3f2410db8a3f081a146d5de&quot;,&quot;b&quot;:1}" crossorigin="anonymous"></script>

</body></html>