CINXE.COM
Gender News, Trends, Reviews, & More | Mashable
<!doctype html> <html lang="en"> <head> <title>Gender News, Trends, Reviews, & More | Mashable</title> <meta charset="utf-8"> <link rel="canonical" href="https://mashable.com/category/gender"> <link rel="next" href="https://mashable.com/category/gender?page=2"> <link rel="alternate" type="application/rss+xml" title="RSS Feed for Gender" href="https://mashable.com/feeds/rss/gender"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="theme-color" content="#00aeef"> <meta name="application-name" content="Mashable.com"> <meta name="description" content="Check out the latest coverage from Mashable on Gender, including news, current trends, and more."/> <meta property="fb:app_id" content="122071082108"> <meta property="fb:pages" content="18807449704"/> <meta property="og:site_name" content="Mashable"> <meta property="og:title" content="Gender News, Trends, Reviews, & More"> <meta property="og:url" content="https://mashable.com/category/gender"> <meta property="og:description" content="Check out the latest coverage from Mashable on Gender, including news, current trends, and more."> <meta property="og:image" content="https://helios-i.mashable.com/imagery/defaults/fallback-thumbnail.fill.size_1200x675.1.png"> <meta property="og:image:secure_url" content="https://helios-i.mashable.com/imagery/defaults/fallback-thumbnail.fill.size_1200x675.1.png"> <meta property="og:image:height" content="675"> <meta property="og:image:width" content="1200"> <meta property="og:type" content="website"> <meta name="twitter:site" content="@mashable"> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:creator" content="@mashable"> <meta property="twitter:title" content="Gender News, Trends, Reviews, & More"> <meta property="twitter:description" content="Check out the latest coverage from Mashable on Gender, including news, current trends, and more."> <meta property="twitter:image" content="https://helios-i.mashable.com/imagery/defaults/fallback-thumbnail.fill.size_1200x675.1.png"> <meta name="robots" content="max-image-preview:large"> <link rel="alternate" type="application/rss+xml" title="RSS" href="https://mashable.com/feeds/rss/all"> <link rel="alternate" hreflang="en" href="https://mashable.com/category/gender" /> <link rel="alternate" hreflang="en-ae" href="https://me.mashable.com/gender" /> <link rel="alternate" hreflang="en-in" href="https://in.mashable.com/gender" /> <link rel="alternate" hreflang="en-my" href="https://sea.mashable.com/gender" /> <link rel="alternate" hreflang="en-sg" href="https://sea.mashable.com/gender" /> <link rel="alternate" hreflang="en-us" href="https://mashable.com/category/gender" /> <link rel="alternate" hreflang="nl" href="https://nl.mashable.com/gender" /> <link rel="alternate" hreflang="x-default" href="https://mashable.com/category/gender" /> <link rel="shortcut icon mask-icon" href="/favicons/favicon.svg" color="#000"> <link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" href="/favicons/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/favicons/android-chrome-512x512.png" sizes="512x512"> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mashable.com"},{"@type":"ListItem","position":2,"name":"Gender","item":"https:\/\/mashable.com\/category\/gender"}]}</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"CollectionPage","url":"https:\/\/mashable.com\/category\/gender","name":"Gender","description":"Check out the latest coverage from Mashable on Gender, including news, current trends, and more.","inLanguage":"en-US","mainEntity":{"@type":"ItemList","itemListOrder":"descending","itemListElement":[{"@type":"ListItem","position":1,"name":"What is 4B and who can participate?","url":"https:\/\/mashable.com\/article\/what-is-4b-movement-and-who-can-participate","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01WgSMBQWSC6NzZpuE4gEmJ\/hero-image.fill.size_1200x675.v1731352716.jpg","width":1200,"height":675,"caption":"people walking down street and men are grayed out"},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01WgSMBQWSC6NzZpuE4gEmJ\/hero-image.fill.size_1200x900.v1731352716.jpg","width":1200,"height":900,"caption":"people walking down street and men are grayed out"},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01WgSMBQWSC6NzZpuE4gEmJ\/hero-image.fill.size_1200x1200.v1731352716.jpg","width":1200,"height":1200,"caption":"people walking down street and men are grayed out"}]},{"@type":"ListItem","position":2,"name":"Is it 'Kamala' or 'Harris'? The answer is complicated.","url":"https:\/\/mashable.com\/article\/kamala-harris-campaign-name-sexism-on-tiktok","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/06sQu7QDG2emGxLcMGIkmWr\/hero-image.fill.size_1200x675.v1721927262.png","width":1200,"height":675,"caption":"TikTok debates if the presidential hopeful should be called \"Kamala,\" \"Harris,\" or something else entirely."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/06sQu7QDG2emGxLcMGIkmWr\/hero-image.fill.size_1200x900.v1721927262.png","width":1200,"height":900,"caption":"TikTok debates if the presidential hopeful should be called \"Kamala,\" \"Harris,\" or something else entirely."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/06sQu7QDG2emGxLcMGIkmWr\/hero-image.fill.size_1200x1200.v1721927262.png","width":1200,"height":1200,"caption":"TikTok debates if the presidential hopeful should be called \"Kamala,\" \"Harris,\" or something else entirely."}]},{"@type":"ListItem","position":3,"name":"This website offers uncensored, unfiltered sexual health education","url":"https:\/\/mashable.com\/article\/frida-uncensored-reproductive-health-education","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01wSEGU1rLIGbosetjTr4Fd\/hero-image.fill.size_1200x675.v1712677369.jpg","width":1200,"height":675,"caption":"Frida Uncensored bypasses the algorithm to share unfiltered reproductive health education."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01wSEGU1rLIGbosetjTr4Fd\/hero-image.fill.size_1200x900.v1712677369.jpg","width":1200,"height":900,"caption":"Frida Uncensored bypasses the algorithm to share unfiltered reproductive health education."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01wSEGU1rLIGbosetjTr4Fd\/hero-image.fill.size_1200x1200.v1712677369.jpg","width":1200,"height":1200,"caption":"Frida Uncensored bypasses the algorithm to share unfiltered reproductive health education."}]},{"@type":"ListItem","position":4,"name":"The internet loathes Amber Heard. That's terrible for domestic violence victims.","url":"https:\/\/mashable.com\/article\/johnny-depp-vs-amber-heard-domestic-violence-charges","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/05MSdsQo335HT5DHuIWxjAp\/hero-image.fill.size_1200x675.v1652829325.jpg","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/05MSdsQo335HT5DHuIWxjAp\/hero-image.fill.size_1200x900.v1652829325.jpg","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/05MSdsQo335HT5DHuIWxjAp\/hero-image.fill.size_1200x1200.v1652829325.jpg","width":1200,"height":1200}]},{"@type":"ListItem","position":5,"name":"'Historic victory': Campaigners in Colombia celebrate decriminalization of abortion","url":"https:\/\/mashable.com\/article\/colombia-campaigners-decriminalize-abortion","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01ts0MonboL9aOGM6osTeFn\/hero-image.fill.size_1200x675.v1645613181.jpg","width":1200,"height":675,"caption":"Celebrations in Bogotá, Colombia."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01ts0MonboL9aOGM6osTeFn\/hero-image.fill.size_1200x900.v1645613181.jpg","width":1200,"height":900,"caption":"Celebrations in Bogotá, Colombia."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01ts0MonboL9aOGM6osTeFn\/hero-image.fill.size_1200x1200.v1645613181.jpg","width":1200,"height":1200,"caption":"Celebrations in Bogotá, Colombia."}]},{"@type":"ListItem","position":6,"name":"Caroline Criado Perez and Tracy King on the gender data gap that's putting lives at risk","url":"https:\/\/mashable.com\/article\/caroline-criado-perez-tracy-king","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/03lqY1L7gztsPNo1ezxGT94\/hero-image.fill.size_1200x675.v1623390048.jpg","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/03lqY1L7gztsPNo1ezxGT94\/hero-image.fill.size_1200x900.v1623390048.jpg","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/03lqY1L7gztsPNo1ezxGT94\/hero-image.fill.size_1200x1200.v1623390048.jpg","width":1200,"height":1200}]},{"@type":"ListItem","position":7,"name":"Zing Tsjeng on pirate queens, resistance heroines, and history's forgotten women","url":"https:\/\/mashable.com\/article\/zing-tsjeng-history-becomes-her","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01LsLqarZ173TRx7FSSXozC\/hero-image.fill.size_1200x675.v1623389666.jpg","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01LsLqarZ173TRx7FSSXozC\/hero-image.fill.size_1200x900.v1623389666.jpg","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01LsLqarZ173TRx7FSSXozC\/hero-image.fill.size_1200x1200.v1623389666.jpg","width":1200,"height":1200}]},{"@type":"ListItem","position":8,"name":"The designer behind Unicode's first gender-inclusive emoji talks about what's next","url":"https:\/\/mashable.com\/article\/gender-inclusive-emoji-designer","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/04Gahy14bQCkmSnLaxUQvcV\/hero-image.fill.size_1200x675.v1623389575.png","width":1200,"height":675,"caption":"Early designs for the gender-inclusive emojis we see today"},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/04Gahy14bQCkmSnLaxUQvcV\/hero-image.fill.size_1200x900.v1623389575.png","width":1200,"height":900,"caption":"Early designs for the gender-inclusive emojis we see today"},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/04Gahy14bQCkmSnLaxUQvcV\/hero-image.fill.size_1200x1200.v1623389575.png","width":1200,"height":1200,"caption":"Early designs for the gender-inclusive emojis we see today"}]},{"@type":"ListItem","position":9,"name":"Investigation is launched on Apple Card for gender bias","url":"https:\/\/mashable.com\/video\/apple-card-gender-bias-investigation","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05j6XKSRy5GZn00RhLIJnd3\/hero-image.fill.size_1200x675.v1614273378.png","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05j6XKSRy5GZn00RhLIJnd3\/hero-image.fill.size_1200x900.v1614273378.png","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05j6XKSRy5GZn00RhLIJnd3\/hero-image.fill.size_1200x1200.v1614273378.png","width":1200,"height":1200}]},{"@type":"ListItem","position":10,"name":"How to talk to the men in your life about toxic masculinity","url":"https:\/\/mashable.com\/article\/liz-plank-toxic-masculinity-conversation","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/05JD92be1knMNUeGObIt0lZ\/hero-image.fill.size_1200x675.v1623386679.jpg","width":1200,"height":675,"caption":"\"When half the population gets trained to block emotions, they lose the ability for empathy.\""},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/05JD92be1knMNUeGObIt0lZ\/hero-image.fill.size_1200x900.v1623386679.jpg","width":1200,"height":900,"caption":"\"When half the population gets trained to block emotions, they lose the ability for empathy.\""},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/05JD92be1knMNUeGObIt0lZ\/hero-image.fill.size_1200x1200.v1623386679.jpg","width":1200,"height":1200,"caption":"\"When half the population gets trained to block emotions, they lose the ability for empathy.\""}]},{"@type":"ListItem","position":11,"name":"Billy Porter thinks there's a big problem with how we respond to men in dresses","url":"https:\/\/mashable.com\/video\/billy-porter-stephen-colbert","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05HUaHbX4MGsrHOZevn2KSP\/hero-image.fill.size_1200x675.v1614271792.jpg","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05HUaHbX4MGsrHOZevn2KSP\/hero-image.fill.size_1200x900.v1614271792.jpg","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05HUaHbX4MGsrHOZevn2KSP\/hero-image.fill.size_1200x1200.v1614271792.jpg","width":1200,"height":1200}]},{"@type":"ListItem","position":12,"name":"Snapchat's 'gender-swap' filter exposes the internet's casual transphobia","url":"https:\/\/mashable.com\/article\/snapchat-gender-swap-filter","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01qJ4a9CXudziYuBIdXR45L\/hero-image.fill.size_1200x675.v1623385004.jpg","width":1200,"height":675,"caption":"Digital drag without any self-awareness."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01qJ4a9CXudziYuBIdXR45L\/hero-image.fill.size_1200x900.v1623385004.jpg","width":1200,"height":900,"caption":"Digital drag without any self-awareness."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01qJ4a9CXudziYuBIdXR45L\/hero-image.fill.size_1200x1200.v1623385004.jpg","width":1200,"height":1200,"caption":"Digital drag without any self-awareness."}]},{"@type":"ListItem","position":13,"name":"Women and girls will feel so seen by new guidelines for their mental health","url":"https:\/\/mashable.com\/article\/women-girls-apa-guidelines","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/03d4wWk27MMBejgGkoOcISB\/hero-image.fill.size_1200x675.v1623384935.png","width":1200,"height":675,"caption":"The American Psychological Association's new guidelines for girls and women focus on tapping into their resilience and strength."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/03d4wWk27MMBejgGkoOcISB\/hero-image.fill.size_1200x900.v1623384935.png","width":1200,"height":900,"caption":"The American Psychological Association's new guidelines for girls and women focus on tapping into their resilience and strength."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/03d4wWk27MMBejgGkoOcISB\/hero-image.fill.size_1200x1200.v1623384935.png","width":1200,"height":1200,"caption":"The American Psychological Association's new guidelines for girls and women focus on tapping into their resilience and strength."}]},{"@type":"ListItem","position":14,"name":"This campaign wants UK politicians to wake up to the dangers of the gender data gap","url":"https:\/\/mashable.com\/article\/gender-data-gap-campaign-book","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/00B1YGMnLTNkAUbs7vXdeKy\/hero-image.fill.size_1200x675.v1623383967.jpg","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/00B1YGMnLTNkAUbs7vXdeKy\/hero-image.fill.size_1200x900.v1623383967.jpg","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/00B1YGMnLTNkAUbs7vXdeKy\/hero-image.fill.size_1200x1200.v1623383967.jpg","width":1200,"height":1200}]},{"@type":"ListItem","position":15,"name":"Gender may be the biggest cause of hate crime against women, new data shows","url":"https:\/\/mashable.com\/article\/gender-hate-crime-misogyny","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/00DurWwJJ66doIPCZS1XRFL\/hero-image.fill.size_1200x675.v1623374905.jpg","width":1200,"height":675,"caption":"Campaigners are calling for misogyny to be recognised as a hate crime."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/00DurWwJJ66doIPCZS1XRFL\/hero-image.fill.size_1200x900.v1623374905.jpg","width":1200,"height":900,"caption":"Campaigners are calling for misogyny to be recognised as a hate crime."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/00DurWwJJ66doIPCZS1XRFL\/hero-image.fill.size_1200x1200.v1623374905.jpg","width":1200,"height":1200,"caption":"Campaigners are calling for misogyny to be recognised as a hate crime."}]},{"@type":"ListItem","position":16,"name":"An online map lets people log instances of gender inequality","url":"https:\/\/mashable.com\/article\/gender-equality-map-victoria","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/03s1Mu52iKxt3edaAbAby6v\/hero-image.fill.size_1200x675.v1623373650.png","width":1200,"height":675,"caption":"The Gender Diverse Map allows decision makers to see the big picture on gender inequality."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/03s1Mu52iKxt3edaAbAby6v\/hero-image.fill.size_1200x900.v1623373650.png","width":1200,"height":900,"caption":"The Gender Diverse Map allows decision makers to see the big picture on gender inequality."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/03s1Mu52iKxt3edaAbAby6v\/hero-image.fill.size_1200x1200.v1623373650.png","width":1200,"height":1200,"caption":"The Gender Diverse Map allows decision makers to see the big picture on gender inequality."}]},{"@type":"ListItem","position":17,"name":"The Trump administration says there are two sexes. The science says they're wrong.","url":"https:\/\/mashable.com\/article\/gender-definition-science-trump","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/06uZtHu4uxInyCJeH9AAr5D\/hero-image.fill.size_1200x675.v1623373540.jpg","width":1200,"height":675,"caption":"The biology is a lot more complicated than simply X and Y chromosomes."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/06uZtHu4uxInyCJeH9AAr5D\/hero-image.fill.size_1200x900.v1623373540.jpg","width":1200,"height":900,"caption":"The biology is a lot more complicated than simply X and Y chromosomes."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/06uZtHu4uxInyCJeH9AAr5D\/hero-image.fill.size_1200x1200.v1623373540.jpg","width":1200,"height":1200,"caption":"The biology is a lot more complicated than simply X and Y chromosomes."}]},{"@type":"ListItem","position":18,"name":"'You're not alone': Famous men are talking about mental health, and it could save lives","url":"https:\/\/mashable.com\/article\/men-mental-health-stigma-celebrities","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/00dJeoinVMrScMC67U9itMo\/hero-image.fill.size_1200x675.v1623370736.png","width":1200,"height":675,"caption":"Dwayne 'The Rock' Johnson, Ryan Reynolds, Michael Phelps, and Kevin Love have all talked about their mental health recently."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/00dJeoinVMrScMC67U9itMo\/hero-image.fill.size_1200x900.v1623370736.png","width":1200,"height":900,"caption":"Dwayne 'The Rock' Johnson, Ryan Reynolds, Michael Phelps, and Kevin Love have all talked about their mental health recently."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/00dJeoinVMrScMC67U9itMo\/hero-image.fill.size_1200x1200.v1623370736.png","width":1200,"height":1200,"caption":"Dwayne 'The Rock' Johnson, Ryan Reynolds, Michael Phelps, and Kevin Love have all talked about their mental health recently."}]},{"@type":"ListItem","position":19,"name":"This 'gender-free' clothing store has fashion for anyone","url":"https:\/\/mashable.com\/video\/gender-free-clothing-store","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05qq03EF2bDv86XMHa1kYQX\/hero-image.fill.size_1200x675.v1614270076.jpg","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05qq03EF2bDv86XMHa1kYQX\/hero-image.fill.size_1200x900.v1614270076.jpg","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/05qq03EF2bDv86XMHa1kYQX\/hero-image.fill.size_1200x1200.v1614270076.jpg","width":1200,"height":1200}]},{"@type":"ListItem","position":20,"name":"Black Lives Matter co-founder explains what people get wrong about Black History Month","url":"https:\/\/mashable.com\/video\/black-lives-matter-black-history-month","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/019YP9RqBwKdBGURBOCgQVY\/hero-image.fill.size_1200x675.v1614269953.jpg","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/019YP9RqBwKdBGURBOCgQVY\/hero-image.fill.size_1200x900.v1614269953.jpg","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/videos\/019YP9RqBwKdBGURBOCgQVY\/hero-image.fill.size_1200x1200.v1614269953.jpg","width":1200,"height":1200}]},{"@type":"ListItem","position":21,"name":"What we can learn about sex and power from the #MeToo backlash","url":"https:\/\/mashable.com\/article\/me-too-backlash-power-sex","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/04EFFTDFwgav8QOvxudZKD4\/hero-image.fill.size_1200x675.v1623368601.jpg","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/04EFFTDFwgav8QOvxudZKD4\/hero-image.fill.size_1200x900.v1623368601.jpg","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/04EFFTDFwgav8QOvxudZKD4\/hero-image.fill.size_1200x1200.v1623368601.jpg","width":1200,"height":1200}]},{"@type":"ListItem","position":22,"name":"Nasty women (and men) to crowdsource 'marching orders' ahead of midterm elections","url":"https:\/\/mashable.com\/article\/womens-march-march-on-crowdsource-poll-activism","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/03XTrXD3WLQQ4WYgzF7ui2g\/hero-image.fill.size_1200x675.v1623368597.jpg","width":1200,"height":675,"caption":"History in the making: Thousands of people march in Washington, D.C., on January 21, 2017, following the inauguration of Donald J. Trump."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/03XTrXD3WLQQ4WYgzF7ui2g\/hero-image.fill.size_1200x900.v1623368597.jpg","width":1200,"height":900,"caption":"History in the making: Thousands of people march in Washington, D.C., on January 21, 2017, following the inauguration of Donald J. Trump."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/03XTrXD3WLQQ4WYgzF7ui2g\/hero-image.fill.size_1200x1200.v1623368597.jpg","width":1200,"height":1200,"caption":"History in the making: Thousands of people march in Washington, D.C., on January 21, 2017, following the inauguration of Donald J. Trump."}]},{"@type":"ListItem","position":23,"name":"Diversity in the video game industry is (surprise) not good","url":"https:\/\/mashable.com\/article\/video-game-diversity","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01wzzP4Ud3PxFiHsIu9RiBW\/hero-image.fill.size_1200x675.v1623368398.jpg","width":1200,"height":675,"caption":"Fans wait to enter E3 2017, one of the biggest video game industry events in the world."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01wzzP4Ud3PxFiHsIu9RiBW\/hero-image.fill.size_1200x900.v1623368398.jpg","width":1200,"height":900,"caption":"Fans wait to enter E3 2017, one of the biggest video game industry events in the world."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01wzzP4Ud3PxFiHsIu9RiBW\/hero-image.fill.size_1200x1200.v1623368398.jpg","width":1200,"height":1200,"caption":"Fans wait to enter E3 2017, one of the biggest video game industry events in the world."}]},{"@type":"ListItem","position":24,"name":"New York Times to air chilling Golden Globes ad that touts its sexual misconduct reporting","url":"https:\/\/mashable.com\/article\/new-york-times-hollywood-golden-globes-sexual-misconduct-ad","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01QG7M805KoOxSDQq5rdyNT\/hero-image.fill.size_1200x675.v1614269730.png","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01QG7M805KoOxSDQq5rdyNT\/hero-image.fill.size_1200x900.v1614269730.png","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/01QG7M805KoOxSDQq5rdyNT\/hero-image.fill.size_1200x1200.v1614269730.png","width":1200,"height":1200}]},{"@type":"ListItem","position":25,"name":"Trump was a disaster for women in 2017. It may be his undoing.","url":"https:\/\/mashable.com\/article\/women-fight-trump-2017","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/00nQwIDqxKizQgvLN7LmbQ5\/hero-image.fill.size_1200x675.v1623368129.jpg","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/00nQwIDqxKizQgvLN7LmbQ5\/hero-image.fill.size_1200x900.v1623368129.jpg","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/00nQwIDqxKizQgvLN7LmbQ5\/hero-image.fill.size_1200x1200.v1623368129.jpg","width":1200,"height":1200}]},{"@type":"ListItem","position":26,"name":"AI-powered tool helps domestic violence survivors file restraining orders","url":"https:\/\/mashable.com\/article\/artificial-intelligence-domestic-violence-restraining-orders","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/07HFibMJNkXmAhBwfwMd9iY\/hero-image.fill.size_1200x675.v1623367952.jpg","width":1200,"height":675},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/07HFibMJNkXmAhBwfwMd9iY\/hero-image.fill.size_1200x900.v1623367952.jpg","width":1200,"height":900},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/07HFibMJNkXmAhBwfwMd9iY\/hero-image.fill.size_1200x1200.v1623367952.jpg","width":1200,"height":1200}]},{"@type":"ListItem","position":27,"name":"Black women who blocked Roy Moore need your support, not your tweets","url":"https:\/\/mashable.com\/article\/how-to-support-black-women-after-roy-moore-vote","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/04qHUNRGU9XvnStRMXIlLZ3\/hero-image.fill.size_1200x675.v1623367953.jpg","width":1200,"height":675,"caption":"A supporter of U.S. Senate candidate Doug Jones waits for results during an election-night watch party, in Birmingham, Ala."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/04qHUNRGU9XvnStRMXIlLZ3\/hero-image.fill.size_1200x900.v1623367953.jpg","width":1200,"height":900,"caption":"A supporter of U.S. Senate candidate Doug Jones waits for results during an election-night watch party, in Birmingham, Ala."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/04qHUNRGU9XvnStRMXIlLZ3\/hero-image.fill.size_1200x1200.v1623367953.jpg","width":1200,"height":1200,"caption":"A supporter of U.S. Senate candidate Doug Jones waits for results during an election-night watch party, in Birmingham, Ala."}]},{"@type":"ListItem","position":28,"name":"Megyn Kelly's interview with Trump's accusers is required viewing","url":"https:\/\/mashable.com\/article\/megyn-kelly-today-interviews-trump-accusers-sexual-misconduct","image":[{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/07feZizqGRyOO9uCXfewALm\/hero-image.fill.size_1200x675.v1623367902.png","width":1200,"height":675,"caption":"\"Today\" host Megyn Kelly spent considerable time interviewing three women who've accused President Trump of sexual misconduct and harassment."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/07feZizqGRyOO9uCXfewALm\/hero-image.fill.size_1200x900.v1623367902.png","width":1200,"height":900,"caption":"\"Today\" host Megyn Kelly spent considerable time interviewing three women who've accused President Trump of sexual misconduct and harassment."},{"@type":"ImageObject","url":"https:\/\/helios-i.mashable.com\/imagery\/articles\/07feZizqGRyOO9uCXfewALm\/hero-image.fill.size_1200x1200.v1623367902.png","width":1200,"height":1200,"caption":"\"Today\" host Megyn Kelly spent considerable time interviewing three women who've accused President Trump of sexual misconduct and harassment."}]}]}}</script> <link rel="preconnect" href="//cdn.ziffstatic.com"> <link rel="preconnect" href="//www.googletagmanager.com"> <link rel="preload" href="/css/app.css?id=6270d11be6c64d4dc4b2f66186bf2ae9" as="style"> <link rel="preload" href="/fonts/Outfit.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" as="image" href="https://helios-i.mashable.com/imagery/articles/06CXPrGPkOOdMQvXbdFvc9c/hero-image.fill.size_1536x863.v1710240837.jpg" > <link rel="preload" as="image" href="https://helios-i.mashable.com/imagery/articles/02n8uQG2OIGUVxPfPKy6e0U/hero-image.fill.size_672x378.v1707778132.jpg" > <link rel="preload" as="image" href="https://helios-i.mashable.com/imagery/articles/04rudsU395wyjMoWfendTW5/hero-image.fill.size_672x378.v1701985044.jpg" > <link rel="preload" as="image" href="https://helios-i.mashable.com/imagery/articles/039pB0Oa6dbx0GIhRTLteZ9/hero-image.fill.size_672x378.v1697574870.jpg" > <link rel="preload" as="image" href="https://helios-i.mashable.com/imagery/articles/018fEwWtzrv9aUOmixFgo1a/hero-image.fill.size_672x378.v1696886025.jpg" > <link rel="preload" as="image" href="https://helios-i.mashable.com/imagery/articles/01NV9XcpP7sUUu0zKfywsOh/hero-image.fill.size_672x378.v1695671651.jpg" > <link rel="manifest" href="/manifest.json" crossorigin="use-credentials"> <link rel="stylesheet" href="/css/app.css?id=6270d11be6c64d4dc4b2f66186bf2ae9"> <link rel="preload" href="https://g.mashable.com/mashable.js?url=https%3A%2F%2Fmashable.com%2Fcategory%2Fgender" as="script"> <script type="text/javascript" src="https://g.mashable.com/mashable.js?url=https%3A%2F%2Fmashable.com%2Fcategory%2Fgender" defer></script> <link rel="preload" as="image" href="/images/icons/spritemap.svg"> <link rel="preload" href="https://cdn.ziffstatic.com/jst/zdconsent.js" as="script"> <script type="text/javascript" src="https://cdn.ziffstatic.com/jst/zdconsent.js" defer></script> <link rel="preload" href="https://cdn.static.zdbb.net/js/z0WVjCBSEeGLoxIxOQVEwQ.min.js" as="script"> <script type="text/javascript" src="https://cdn.static.zdbb.net/js/z0WVjCBSEeGLoxIxOQVEwQ.min.js" defer></script> <script src="/js/ga-session.js?id=a369edb1387d56de7a50d35b4d472e18"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-BPBF083TYP"></script> <script> window.globalGAInfo = {"page_view_type":"Standard","template":"category_hub","content_type":"Category","split_test_identifier":null,"split_test_variant":null}; window.globalGAInfo.page_path = window.location.pathname; window.dataLayer = window.dataLayer || []; gtag = window.gtag = function(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-BPBF083TYP',{ 'send_page_view': false, 'session': cookies.get('session'), template: window.globalGAInfo.template || null, split_test_identifier: window.globalGAInfo.split_test_identifier || null, split_test_variant: window.globalGAInfo.split_test_variant || null, ad_block: window.adblock ? 'Blocked' : 'NotBlocked' }); if (typeof window._ziffIntlGeoRedirect === 'undefined') { if(window.globalGAInfo.template === 'article' || window.globalGAInfo.template === 'deals' || window.globalGAInfo.template === 'comparison' || window.globalGAInfo.template === 'longform' || window.globalGAInfo.template === 'viral_video' || window.globalGAInfo.template === 'review' || window.globalGAInfo.template === 'roundup' || window.globalGAInfo.template === 'video' || window.globalGAInfo.template === 'gift_guide' || window.globalGAInfo.template === 'live_blog') { gtag('event', 'page_view', { author: window.globalGAInfo.author_name || null, categories: window.globalGAInfo.categories || null, channel_name: window.globalGAInfo.channel_name || null, content_lead_type: window.globalGAInfo.post_lead_type || null, content_source_name: window.globalGAInfo.content_source_name || null, content_source_type: window.globalGAInfo.content_source_type || null, day_published: window.globalGAInfo.day_published || null, days_since_originally_published: window.globalGAInfo.days_since_originally_published || null, days_since_updated: window.globalGAInfo.days_since_updated || null, first_published_at: window.globalGAInfo.original_published_date || null, focus_keyword: window.globalGAInfo.focus_keyword || null, job_function: window.globalGAInfo.job_function || null, level_of_effort: window.globalGAInfo.level_of_effort || null, linked_phrases: window.linked_phrases || null, month_published: window.globalGAInfo.month_published || null, object_type: window.globalGAInfo.object_type || null, object_uuid: window.globalGAInfo.object_uuid || null, pageview_type: window.globalGAInfo.page_view_type || null, published_at: window.globalGAInfo.full_published_date || null, revenue_page_type: window.globalGAInfo.revenue_page_type || null, story_flags: window.globalGAInfo.story_flags || null, tags: window.globalGAInfo.tags || null, video_show_name: window.globalGAInfo.video_show_name || null, weeks_since_originally_published: window.globalGAInfo.weeks_since_originally_published || null, weeks_since_updated: window.globalGAInfo.weeks_since_updated || null, year_published: window.globalGAInfo.year_published || null, }); } else { gtag('event', 'page_view'); } } </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MN78SWW');</script> <script type='text/javascript'> (function() { let sections = ''; if (window.globalGAInfo.sections) { sections = window.globalGAInfo.sections.split(',').map(item => 'Category - ' + item.trim()).join(','); } //Adding tags into sections with "Tag - " prefix for chartbeat reporting if (window.globalGAInfo.tags) { sections += (sections !== '' ? ',' : '') + window.globalGAInfo.tags.split(',').map(item => 'Tag - ' + item.trim()).join(','); } if (window.globalGAInfo.content_type) { sections += (sections !== '' ? ',' : '') + 'Content Type - ' + window.globalGAInfo.content_type; } var _sf_async_config = window._sf_async_config = (window._sf_async_config || {}); /** CONFIGURATION START **/ _sf_async_config.uid = 65789; _sf_async_config.domain = 'mashable.com'; _sf_async_config.useCanonical = true; _sf_async_config.useCanonicalDomain = true; _sf_async_config.sections = sections; _sf_async_config.authors = window.globalGAInfo.author_name || ''; _sf_async_config.type = window.globalGAInfo.content_type || ''; /** CONFIGURATION END **/ function loadChartbeat() { var e = document.createElement('script'); var n = document.getElementsByTagName('script')[0]; e.type = 'text/javascript'; e.async = true; e.src = '//static.chartbeat.com/js/chartbeat_video.js'; n.parentNode.insertBefore(e, n); } loadChartbeat(); })(); </script> <script> var facebookPixelLoaded = false; window.addEventListener('load', function(){ document.addEventListener('scroll', facebookPixelScript); document.addEventListener('mousemove', facebookPixelScript); }) function facebookPixelScript() { if (!facebookPixelLoaded) { facebookPixelLoaded = true; document.removeEventListener('scroll', facebookPixelScript); document.removeEventListener('mousemove', facebookPixelScript); !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','//connect.facebook.net/en_US/fbevents.js'); fbq('init', '1453039084979896'); fbq('track', "PageView"); } } </script> <script type="text/javascript" id="pogo" src="https://cdn.ziffstatic.com/pg/mashable.js" async></script> <link rel="preload" as="script" href="https://cdn.ziffstatic.com/pg/mashable.js"> <link rel="preload" as="script" href="https://cdn.ziffstatic.com/pg/mashable.prebid.js"> <link rel="preload" as="style" href="https://cdn.ziffstatic.com/pg/mashable.css" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" as="script" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js"> <script type="text/javascript" src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" async></script> <script> window.PogoConfig = { "template": "category_hub", } </script> <!-- Start BounceX tag. Deploy at the document head. --> <script> (function(d) { var bounceExchangeLoaded = false; window.addEventListener('load', function(){ document.addEventListener('scroll', bounceExchangeScript); document.addEventListener('mousemove', bounceExchangeScript); }) function bounceExchangeScript() { if (!bounceExchangeLoaded) { bounceExchangeLoaded = true; document.removeEventListener('scroll', bounceExchangeScript); document.removeEventListener('mousemove', bounceExchangeScript); var e = d.createElement('script'); e.src = d.location.protocol + '//tag.bounceexchange.com/3441/i.js'; e.async = true; d.getElementsByTagName("head")[0].appendChild(e); } } }(document)); </script> <!-- End BounceX tag --> <script src="https://cdn.p-n.io/pushly-sdk.min.js?domain_key=TXpY3X8ls7A4Zbp78hzgCks4F8YHWBaGK9tn" async></script> <script> var PushlySDK = window.PushlySDK || []; function pushly() { PushlySDK.push(arguments) } pushly('load', { domainKey: 'TXpY3X8ls7A4Zbp78hzgCks4F8YHWBaGK9tn', sw: '/js/pushly-sdk-worker.js', }); pushly('on_prompt_shown', function() { if (window.gtag) { gtag('event', 'Pushly_on_prompt_shown', { 'event_category': 'impressions', 'event_label': 'Pushly_on_prompt_shown' }); } }); pushly('on_permission_allowed', function() { if (window.gtag) { gtag('event', 'Pushly_on_permission_allowed', { 'event_category': 'clicks', 'event_label': 'Pushly_on_permission_allowed' }); } }); </script> <style> * .pogoPgWrap { transition: all .01s ease; } @font-face{font-display:optional;font-family:outfit;font-weight:100 800;src:url(/fonts/Outfit.woff2) format("woff2")} </style> </head> <body class=""> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MN78SWW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <nav x-data="{navOpen: false}" class="top-0 z-30 py-3 w-full bg-white border-b-2 border-primary-400" data-ga-module="global_nav"> <div class="flex relative justify-between items-center px-4 pl-3 mx-auto max-w-8xl"> <button @click="navOpen = true; $nextTick(() => $refs.firstMenuItem.focus());" class="flex-shrink px-2" aria-label="Menu"> <svg class="inline-block w-7 h-7 fill-current"><use href="/images/icons/spritemap.svg#sprite-hamburger"></use></svg> </button> <a href="https://mashable.com" class="flex items-center mr-8 w-full xl:w-auto" aria-label="Home" data-ga-click data-ga-element="navigation_logo" data-ga-action="navigation_logo" data-ga-item="logo"> <div x-data="{animate: false, reverse: false}" x-init="setTimeout(() => animate = true, 1000)"> <svg x-ref="wordmark" id="mashable-wordmark-animated" class="inline-block -mb-3 w-40 h-11 fill-current hover:fill-secondary-100" :class="{ 'animate': animate, 'animate-reverse': reverse }" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2200 650" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"><style><![CDATA[.animate #euSMf1FbiNs11_to{animation:euSMf1FbiNs11_to__to 1s linear 1 normal forwards}.animate-reverse #euSMf1FbiNs11_to{animation:euSMf1FbiNs11_to__back 1s linear 1 normal forwards}@keyframes euSMf1FbiNs11_to__to{0%{transform:translate(2326.395841px,218.229656px)}45%{transform:translate(2326.395841px,218.229656px)}73%{transform:translate(662.384075px,215.434656px)}100%{transform:translate(662.384075px,215.434656px)}}@keyframes euSMf1FbiNs11_to__back{0%{transform:translate(662.384075px,215.434656px)}45%{transform:translate(662.384075px,215.434656px)}73%{transform:translate(2326.395841px,218.229656px)}100%{transform:translate(2326.395841px,218.229656px)}}.animate #euSMf1FbiNs15_to{animation:euSMf1FbiNs15_to__to 1s linear 1 normal forwards}.animate-reverse #euSMf1FbiNs15_to{animation:euSMf1FbiNs15_to__back 1s linear 1 normal forwards}@keyframes euSMf1FbiNs15_to__to{0%{transform:translate(144.277373px,1260.854733px)}41%{transform:translate(144.277373px,331.868153px)}100%{transform:translate(144.277373px,331.868153px)}}@keyframes euSMf1FbiNs15_to__back{0%{transform:translate(144.277373px,331.868153px)}41%{transform:translate(144.277373px,331.868153px)}100%{transform:translate(144.277373px,1260.854733px)}}.animate #euSMf1FbiNs19_to{animation:euSMf1FbiNs19_to__to 1s linear 1 normal forwards}.animate-reverse #euSMf1FbiNs19_to{animation:euSMf1FbiNs19_to__back 1s linear 1 normal forwards}@keyframes euSMf1FbiNs19_to__to{0%{transform:translate(144.277373px,1003.724046px)}60%{transform:translate(144.277373px,1003.724046px)}80%{transform:translate(145.277373px,766.938989px)}100%{transform:translate(145.277373px,766.938989px)}}@keyframes euSMf1FbiNs19_to__back{0%{transform:translate(145.277373px,766.938989px)}60%{transform:translate(145.277373px,766.938989px)}80%{transform:translate(144.277373px,1003.724046px)}100%{transform:translate(144.277373px,1003.724046px)}}.animate #euSMf1FbiNs22_to{animation:euSMf1FbiNs22_to__to 1s linear 1 normal forwards}.animate-reverse #euSMf1FbiNs22_to{animation:euSMf1FbiNs22_to__back 1s linear 1 normal forwards}@keyframes euSMf1FbiNs22_to__to{0%{transform:translate(5474.895347px,1202.280706px)}60%{transform:translate(5474.895347px,1202.280706px)}90%{transform:translate(13.364022px,1202.286993px)}100%{transform:translate(13.364022px,1202.286993px)}}@keyframes euSMf1FbiNs22_to__back{0%{transform:translate(13.364022px,1202.286993px)}60%{transform:translate(13.364022px,1202.286993px)}90%{transform:translate(5474.895347px,1202.280706px)}100%{transform:translate(5474.895347px,1202.280706px)}}]]></style><g id="euSMf1FbiNs2" transform="matrix(1 0 0 1 327.55203400000028 85.59466518500005)"><polygon id="euSMf1FbiNs3" points="221.679659,0.620000 221.679659,0.669994 221.589769,0.620000 143.495006,136.034612 65.410231,0.620000 65.320341,0.669994 65.320341,0.620000 0,0.620000 0,264.620000 65.320341,264.620000 65.320341,131.265154 119.594153,225.374460 119.594153,225.374460 129.252375,242.112558 157.747625,242.112558 170.312302,220.325034 221.679659,131.265154 221.679659,264.620000 287,264.620000 287,0.620000 221.679659,0.620000" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs4" d="M442.390000,897.214899C442.390000,839.553909,481.940898,800.570000,521.811158,800.570000C549.465848,800.570000,567.150479,814.747785,577.439900,829.245519L583.867046,805.729194L642.390000,805.729194L642.390000,987.410806L583.867046,987.410806L577.439900,963.894481C567.150479,978.392215,549.495788,992.570000,521.811158,992.570000C481.920938,992.570000,442.390000,953.586091,442.390000,897.214899ZM574.545689,896.574999C574.545689,876.578124,562.010758,861.780436,543.677425,861.780436C524.715349,861.780436,511.841098,877.887919,511.841098,896.574999C511.841098,915.901979,524.705369,931.359564,543.677425,931.359564C562.010758,931.359564,574.545689,916.541879,574.545689,896.574999Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs5" d="M812.223369,813.460670L812.223369,868.883557C799.336738,861.473171,775.822886,855.002834,755.848108,855.002834C744.261137,855.002834,738.132739,857.262952,738.132739,861.773187C738.132739,866.283422,744.581053,869.183573,762.296422,873.053774C793.538254,879.814126,825.110000,891.054712,825.110000,930.406761C825.110000,968.408741,795.117841,992.590000,740.712065,992.590000C712.719383,992.590000,689.825369,986.149665,674.359412,977.769228L674.359412,918.176124C690.785118,929.176697,710.759895,938.177166,737.492906,938.177166C751.019370,938.177166,758.747350,935.917048,758.747350,930.766780C758.747350,924.966478,749.089875,923.036377,727.185601,917.236075C699.192919,909.825689,672.110000,896.294985,672.110000,862.133205C672.110000,826.691359,701.102420,800.590000,752.628949,800.590000C774.213306,800.569999,797.077329,805.410251,812.223369,813.460670Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs6" d="M920.501202,819.668695L920.822692,819.668695C930.869277,809.056557,947.697307,800.379339,967.438845,800.379339C1005.957451,800.379339,1030.230000,823.837750,1030.230000,864.650596L1030.230000,986.760000L960.968845,986.760000L960.968845,882.643356C960.968845,867.862164,954.488798,861.439028,941.880334,861.439028C928.608796,861.439028,920.511248,870.116246,920.511248,881.685870L920.511248,986.760000L851.230000,986.760000L851.230000,727.760000L920.501202,727.760000Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs7" d="M1053.890000,897.214899C1053.890000,839.553909,1093.440898,800.570000,1133.311158,800.570000C1160.955868,800.570000,1178.650479,814.747785,1188.939900,829.245519L1195.367046,805.729194L1253.890000,805.729194L1253.890000,987.410806L1195.367046,987.410806L1188.939900,963.894481C1178.650479,978.392215,1160.995788,992.570000,1133.311158,992.570000C1093.440898,992.570000,1053.890000,953.586091,1053.890000,897.214899ZM1186.045689,896.574999C1186.045689,876.578124,1173.500778,861.780436,1155.177425,861.780436C1136.215349,861.780436,1123.341098,877.887919,1123.341098,896.574999C1123.341098,915.901979,1136.205369,931.359564,1155.177425,931.359564C1173.500778,931.359564,1186.045689,916.541879,1186.045689,896.574999Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs8" d="M1357.242375,827.972530C1367.531796,812.559819,1388.759341,800.347289,1411.264331,800.347289C1453.060739,800.347289,1488.430000,837.931972,1488.430000,896.053644C1488.430000,954.175317,1449.847166,991.760000,1408.050758,991.760000C1381.683493,991.760000,1363.679501,977.623374,1353.380100,963.167726L1346.952954,986.615783L1288.430000,986.615783L1288.430000,727.760000L1357.292275,727.760000ZM1356.603653,896.073583C1356.603653,916.311490,1369.138583,930.757168,1387.471916,930.757168C1406.114631,930.757168,1418.978902,915.663478,1418.978902,896.392605C1418.978902,877.450722,1406.114631,861.380029,1387.142575,861.380029C1369.138583,861.380029,1356.603653,876.154698,1356.603653,896.073583Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs9" d="M1514.920000,727.760000L1583.920000,727.760000L1583.920000,986.760000L1514.920000,986.760000Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/><path id="euSMf1FbiNs10" d="M1789.715993,914.612181L1676.080565,914.612181C1684.748180,932.009463,1704.653808,940.058205,1726.163442,940.058205C1745.740298,940.058205,1763.075529,933.619211,1779.125562,926.530319L1779.125562,979.042114C1760.505132,988.040708,1739.274456,992.570000,1716.529437,992.570000C1647.198476,992.570000,1609.320000,951.656393,1609.320000,896.894949C1609.320000,840.193809,1649.768872,800.570000,1703.368610,800.570000C1751.837517,800.570000,1791.320000,832.784966,1791.320000,893.675452C1791.329416,900.685633,1790.793115,907.685839,1789.715993,914.612181ZM1726.482251,876.618117C1726.163442,864.060080,1717.814635,853.101792,1703.049801,853.101792C1689.570164,853.101792,1678.332152,862.100386,1673.520131,876.618117Z" transform="matrix(1 0 0 1 -127.05000000000000 -727.75999999999999)" fill="currentColor" stroke="none" stroke-width="1"/></g><g id="euSMf1FbiNs11_to" transform="translate(2326.395841,218.229656)"><polygon id="euSMf1FbiNs11" points="2994.404278,1003.400000 1373.292899,1003.400000 1167.283721,1164.601894 916.220000,1387.164859 2994.404278,1387.164859 2994.404278,1003.400000" transform="scale(0.922440,0.922440) translate(-1188.489990,-1195.614990)" fill="rgb(255,255,255)" stroke="none" stroke-width="1"/></g><g id="euSMf1FbiNs12" transform="matrix(1 0 0 1 0 -4)" mask="url(#euSMf1FbiNs14)"><polygon id="euSMf1FbiNs13" points="-0.124694,383.594023 0.000007,787.553039 0.000007,842.876599 0.000007,1388.080235 457.526979,1383.558047 457.526979,628.534061 457.526979,573.210501 458.403224,0 -0.124694,383.594023" transform="matrix(0.44272113509609 0 0 0.43153125079610 43.00491365445770 18.64549964827933)" fill="currentColor" stroke="none" stroke-width="1"/><mask id="euSMf1FbiNs14" mask-type="alpha"><g id="euSMf1FbiNs15_to" transform="translate(144.277373,1260.854733)"><polygon id="euSMf1FbiNs15" points="-0.124694,383.429007 -0.000073,787.214245 -0.000073,842.514006 -0.000073,1387.483103 452.947836,1385.590461 457.231375,628.263675 457.231375,572.963914 458.107053,0 -0.124694,383.429007" transform="scale(0.938390,0.938390) translate(-228.750000,-725.840023)" fill="currentColor" stroke="none" stroke-width="1"/></g></mask></g><g id="euSMf1FbiNs16" transform="matrix(1 0 0 1 0 -4)" mask="url(#euSMf1FbiNs18)"><polygon id="euSMf1FbiNs17" points="-0.124694,383.160079 -0.000226,786.662112 -0.000226,841.923087 3.273209,1314.095486 489.720027,1314.095486 486.446592,1026.057228 456.669898,572.562051 457.544501,0 -0.124694,383.160079" transform="matrix(0.44299752680467 0 0 0.45278292652264 42.94168905111819 3.22018284927219)" fill="rgb(255,255,255)" stroke="none" stroke-width="1"/><mask id="euSMf1FbiNs18" mask-type="alpha"><g id="euSMf1FbiNs19_to" transform="translate(144.277373,1003.724046)"><polygon id="euSMf1FbiNs19" points="-0.124694,383.022539 -0.000070,786.379730 -0.000070,841.620869 -0.000070,1386.012253 452.957811,1384.121616 457.241445,627.597662 457.241445,572.356523 458.117142,0 -0.124694,383.022539" transform="scale(0.442998,0.442998) translate(-228.750000,-725.840023)" fill="rgb(0,0,0)" stroke="none" stroke-width="1"/></g></mask></g><g id="euSMf1FbiNs20" transform="matrix(0.44964075354686 0 0 0.44964075354686 -85.59085363638468 -7.93672154314413)"><g id="euSMf1FbiNs21" mask="url(#euSMf1FbiNs35)"><g id="euSMf1FbiNs22_to" transform="translate(5474.895347,1202.280706)"><g id="euSMf1FbiNs22" transform="translate(-1027.768089,-1215.630979)"><polygon id="euSMf1FbiNs23" points="632.859436,1003.400000 545.466598,1003.400000 87.980000,1388.151601 174.242154,1388.151601 632.859436,1003.400000" transform="matrix(1 0 0 1 1278.41180423626361 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs24" points="632.859436,1003.400000 545.466598,1003.400000 87.980000,1388.151601 174.242154,1388.151601 632.859436,1003.400000" transform="matrix(1 0 0 1 279.34607797268734 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs25" points="797.209436,1003.400000 709.824999,1003.400000 252.330000,1388.151601 338.593738,1388.151601 797.209436,1003.400000" transform="matrix(1 0 0 1 1278.41180423626383 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs26" points="797.209436,1003.400000 709.824999,1003.400000 252.330000,1388.151601 338.593738,1388.151601 797.209436,1003.400000" transform="matrix(1 0 0 1 279.34607797268734 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs27" points="963.879436,1003.400000 876.494999,1003.400000 419,1388.151601 505.263738,1388.151601 963.879436,1003.400000" transform="matrix(1 0 0 1 1278.41180423626383 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs28" points="963.879436,1003.400000 876.494999,1003.400000 419,1388.151601 505.263738,1388.151601 963.879436,1003.400000" transform="matrix(1 0 0 1 279.34607797268734 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs29" points="1128.219436,1003.400000 1040.834999,1003.400000 583.340000,1388.151601 669.603738,1388.151601 1128.219436,1003.400000" transform="matrix(1 0 0 1 1277.96797339258319 22.59894977233307)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs30" points="1128.219436,1003.400000 1040.834999,1003.400000 583.340000,1388.151601 669.603738,1388.151601 1128.219436,1003.400000" transform="matrix(1 0 0 1 278.90224712900635 22.59894977233307)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs31" points="1296.749436,1003.400000 1209.356598,1003.400000 751.870000,1388.151601 838.132154,1388.151601 1296.749436,1003.400000" transform="matrix(1 0 0 1 1278.41180423626565 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs32" points="1296.749436,1003.400000 1209.356598,1003.400000 751.870000,1388.151601 838.132154,1388.151601 1296.749436,1003.400000" transform="matrix(1 0 0 1 279.34607797268723 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs33" points="1461.099436,1003.400000 1373.714999,1003.400000 916.220000,1388.151601 1002.483738,1388.151601 1461.099436,1003.400000" transform="matrix(1 0 0 1 1278.41180423626429 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/><polygon id="euSMf1FbiNs34" points="1461.099436,1003.400000 1373.714999,1003.400000 916.220000,1388.151601 1002.483738,1388.151601 1461.099436,1003.400000" transform="matrix(1 0 0 1 279.34607797268723 20.01597926568184)" fill="currentColor" stroke="none" stroke-width="1"/></g></g><mask id="euSMf1FbiNs35" mask-type="alpha"><rect id="euSMf1FbiNs36" width="668.168909" height="172.855395" rx="0" ry="0" transform="matrix(6.63914743458407 0 0 3.36734374316499 306.31173456484885 871.81575675521890)" fill="rgb(210,219,237)" stroke="none" stroke-width="0"/></mask></g></g><polygon id="euSMf1FbiNs37" points="221.679659,0.620000 221.679659,0.669994 221.589769,0.620000 143.495006,136.034612 65.410231,0.620000 65.320341,0.669994 65.320341,0.620000 0,0.620000 0,264.620000 65.320341,264.620000 65.320341,131.265154 119.594153,225.374460 119.594153,225.374460 129.252375,242.112558 157.747625,242.112558 170.312302,220.325034 221.679659,131.265154 221.679659,264.620000 287,264.620000 287,0.620000 221.679659,0.620000" transform="matrix(1 0 0 1 327.55203400000005 85.78466519499989)" fill="currentColor" stroke="none" stroke-width="1"/></svg> </div> </a> <div class="flex hidden flex-grow items-center space-x-6 text-sm font-semibold tracking-wide xl:block" data-ga-element="navigation_link" data-ga-action="navigation_link" data-ga-item="title"> <a href="/category/black-friday" class="text-secondary-300 hover:text-primary-400" data-ga-click data-ga-label="$text">Black Friday</a> <a href="/gift-lab" class="text-secondary-300 hover:text-primary-400" data-ga-click data-ga-label="$text">Gift Lab</a> <a href="https://mashable.com/tech" data-ga-click data-ga-label="$text">Tech</a> <a href="https://mashable.com/science" data-ga-click data-ga-label="$text">Science</a> <a href="https://mashable.com/life" data-ga-click data-ga-label="$text">Life</a> <a href="https://mashable.com/category/social-good" data-ga-click data-ga-label="$text">Social Good</a> <a href="https://mashable.com/entertainment" data-ga-click data-ga-label="$text">Entertainment</a> <a href="https://mashable.com/deals" data-ga-click data-ga-label="$text">Deals</a> <a href="https://mashable.com/shopping" data-ga-click data-ga-label="$text">Shopping</a> <a href="https://games.mashable.com/" data-ga-click data-ga-label="$text" target="_blank">Games</a> </div> <div x-data="window.navSearch()" x-init="init('prod_site_search_autocomplete')" @click="searchOpen = true" @click.outside="searchOpen = false" class="absolute right-0 py-3 mx-4 lg:py-2 lg:mx-4 lg:max-w-xs xl:max-w-sm lg:min-w-20" :class="{ 'mx-0 bg-white ': searchOpen }"> <div class="relative cursor-pointer"> <input x-ref="searchInput" x-model="query" x-on:input='evt=>query=evt.target.value' x-on:keyup="onKeyUp" x-on:keydown="onKeyDown" :class="{ 'visible': searchOpen, 'invisible': !searchOpen }" aria-label="Search Mashable Content" placeholder="Search" class="invisible py-1 pr-2 pl-8 w-full text-sm lg:border focus:outline-none lg:focus:border-gray-400"> <svg x-cloak x-show="searchOpen" class="inline-block absolute top-0 left-0 mt-2 ml-2 w-4 h-4 fill-current"><use href="/images/icons/spritemap.svg#sprite-search-solid"></use></svg> <div x-cloak x-show="!searchOpen" class="flex absolute top-1 flex-row justify-between py-1 w-full"> <div class="flex absolute top-0 flex-row justify-between py-0.5 w-full"> <div class="flex flex-row justify-end items-center w-full"> <button class="flex" aria-label="Search"><svg class="inline-block ml-2 w-4 h-4 fill-current"><use href="/images/icons/spritemap.svg#sprite-search-solid"></use></svg></button> <span x-cloak x-show="!searchOpen" class="hidden ml-2 text-sm text-base font-semibold lg:block">Search</span> </div> </div> <button x-cloak x-show="searchOpen" @click.stop="searchOpen = false" class="inline-block absolute right-2 text-sm font-semibold lg:hidden">Cancel</button> </div> <div x-cloak x-show="searchOpen" class="absolute z-40 w-full bg-white shadow"> <template x-for="[key, value] in Object.entries(results)" :key="key" hidden> <ul class="my-2" x-show="value && value.length > 0"> <li class="py-2 pr-5 pl-8 text-sm text-gray-600" x-text="key + ':'"></li> <template x-for="(item, index) in value" :key="index" hidden> <li class="" :class="{'bg-gray-100': index + '-' + key === selectedIndex}" @mouseenter="selectedIndex = index + '-' + key" > <a class="block py-2 pr-5 pl-8 leading-tight no-underline break-words cursor-pointer transition-bg" :href="item.url" :name="item.title" x-html="item.title" > Search Result </a> </li> </template> <hr class="my-4 mr-5 ml-8 border border-gray-100 border-1"> </ul> </template> </div> </div> </div> </div> <div x-show="navOpen" x-trap="navOpen" x-cloak @click.outside="navOpen = false" x-transition:enter="transition duration-300 ease-out" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-1" x-transition:leave="transition duration-300 ease-out" x-transition:leave-end="opacity-0" class="flex fixed top-0 z-30 flex-col w-screen h-screen bg-white shadow-md" style="max-width:400px"> <div class="flex relative px-4 mt-4"> <button @click="navOpen = false" x-ref="firstMenuItem" class="absolute" aria-label="Close"> <svg class="inline-block w-6 h-6 fill-current"><use href="/images/icons/spritemap.svg#sprite-times-solid"></use></svg> </button> <div class="relative flex-shrink mx-auto text-center text-primary-400"> <svg class="inline-block w-6 h-6 opacity-0 fill-current"><use href="/images/icons/spritemap.svg#sprite-mashable-m"></use></svg> <svg class="absolute top-0 left-0 -mt-1 -ml-5 w-12 h-12 fill-current"><use href="/images/icons/spritemap.svg#sprite-logomark"></use></svg> </div> </div> <div class="flex overflow-auto overscroll-none flex-col flex-grow py-6 px-8 mt-6" data-ga-element="side_navigation_link" data-ga-action="side_navigation_link" data-ga-item="title"> <a href="/category/black-friday" data-ga-click data-ga-label="$text" class="mt-6 uppercase text-secondary-300 header-300 hover:text-primary-400">Black Friday</a> <a href="/gift-lab" data-ga-click data-ga-label="$text" class="mt-6 uppercase text-secondary-300 header-300 hover:text-primary-400">Gift Lab</a> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">Tech</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/category/apps-software" class="block mt-4" data-ga-click data-ga-label="$text">Apps & Software</a> <a href="https://mashable.com/category/artificial-intelligence" class="block mt-4" data-ga-click data-ga-label="$text">Artificial Intelligence</a> <a href="https://mashable.com/category/cybersecurity" class="block mt-4" data-ga-click data-ga-label="$text">Cybersecurity</a> <a href="https://mashable.com/category/cryptocurrency" class="block mt-4" data-ga-click data-ga-label="$text">Cryptocurrency</a> <a href="https://mashable.com/category/mobile" class="block mt-4" data-ga-click data-ga-label="$text">Mobile</a> <a href="https://mashable.com/category/smart-home" class="block mt-4" data-ga-click data-ga-label="$text">Smart Home</a> <a href="https://mashable.com/category/social-media" class="block mt-4" data-ga-click data-ga-label="$text">Social Media</a> <a href="https://mashable.com/category/tech-industry" class="block mt-4" data-ga-click data-ga-label="$text">Tech Industry</a> <a href="https://mashable.com/category/transportation" class="block mt-4" data-ga-click data-ga-label="$text">Transportation</a> <a href="https://mashable.com/tech" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Tech</a> </div> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">Science</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/category/space" class="block mt-4" data-ga-click data-ga-label="$text">Space</a> <a href="https://mashable.com/category/climate-change" class="block mt-4" data-ga-click data-ga-label="$text">Climate Change</a> <a href="https://mashable.com/category/environment" class="block mt-4" data-ga-click data-ga-label="$text">Environment</a> <a href="https://mashable.com/science" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Science</a> </div> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">Life</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/category/digital-culture" class="block mt-4" data-ga-click data-ga-label="$text">Digital Culture</a> <a href="https://mashable.com/category/family-parenting" class="block mt-4" data-ga-click data-ga-label="$text">Family & Parenting</a> <a href="https://mashable.com/category/health-wellness" class="block mt-4" data-ga-click data-ga-label="$text">Health & Wellness</a> <a href="https://mashable.com/category/sex-dating-relationships" class="block mt-4" data-ga-click data-ga-label="$text">Sex, Dating & Relationships</a> <a href="https://mashable.com/category/sleep" class="block mt-4" data-ga-click data-ga-label="$text">Sleep</a> <a href="https://mashable.com/category/careers" class="block mt-4" data-ga-click data-ga-label="$text">Careers</a> <a href="https://mashable.com/category/mental-health" class="block mt-4" data-ga-click data-ga-label="$text">Mental Health</a> <a href="https://mashable.com/life" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Life</a> </div> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">Social Good</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/category/activism" class="block mt-4" data-ga-click data-ga-label="$text">Activism</a> <a href="https://mashable.com/category/gender" class="block mt-4" data-ga-click data-ga-label="$text">Gender</a> <a href="https://mashable.com/category/lgbtq" class="block mt-4" data-ga-click data-ga-label="$text">LGBTQ</a> <a href="https://mashable.com/category/racism" class="block mt-4" data-ga-click data-ga-label="$text">Racial Justice</a> <a href="https://mashable.com/category/sustainability" class="block mt-4" data-ga-click data-ga-label="$text">Sustainability</a> <a href="https://mashable.com/category/politics" class="block mt-4" data-ga-click data-ga-label="$text">Politics</a> <a href="https://mashable.com/category/social-good" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Social Good</a> </div> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">Entertainment</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/category/games" class="block mt-4" data-ga-click data-ga-label="$text">Games</a> <a href="https://mashable.com/category/movies" class="block mt-4" data-ga-click data-ga-label="$text">Movies</a> <a href="https://mashable.com/category/podcasts" class="block mt-4" data-ga-click data-ga-label="$text">Podcasts</a> <a href="https://mashable.com/category/tv-shows" class="block mt-4" data-ga-click data-ga-label="$text">TV Shows</a> <a href="https://mashable.com/category/watch-guides" class="block mt-4" data-ga-click data-ga-label="$text">Watch Guides</a> <a href="https://mashable.com/entertainment" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Entertainment</a> </div> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">SHOP THE BEST</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/roundup/best-laptops" class="block mt-4" data-ga-click data-ga-label="$text">Laptops</a> <a href="https://mashable.com/roundup/best-cheap-laptops" class="block mt-4" data-ga-click data-ga-label="$text">Budget Laptops</a> <a href="https://mashable.com/roundup/best-dating-apps" class="block mt-4" data-ga-click data-ga-label="$text">Dating Apps</a> <a href="https://mashable.com/roundup/best-sexting-apps" class="block mt-4" data-ga-click data-ga-label="$text">Sexting Apps</a> <a href="https://mashable.com/roundup/best-hookup-apps" class="block mt-4" data-ga-click data-ga-label="$text">Hookup Apps</a> <a href="https://mashable.com/roundup/best-vpns" class="block mt-4" data-ga-click data-ga-label="$text">VPNs</a> <a href="https://mashable.com/roundup/best-robot-vacuums" class="block mt-4" data-ga-click data-ga-label="$text">Robot Vaccuums</a> <a href="https://mashable.com/roundup/best-robot-vacuum-and-mop" class="block mt-4" data-ga-click data-ga-label="$text">Robot Vaccum & Mop</a> <a href="https://mashable.com/article/best-noise-cancelling-headphones" class="block mt-4" data-ga-click data-ga-label="$text">Headphones</a> <a href="https://mashable.com/roundup/best-portable-bluetooth-speakers" class="block mt-4" data-ga-click data-ga-label="$text">Speakers</a> <a href="https://mashable.com/roundup/best-kindles" class="block mt-4" data-ga-click data-ga-label="$text">Kindles</a> <a href="https://mashable.com/gifts" class="block mt-4" data-ga-click data-ga-label="$text">Gift Guides</a> <a href="https://mashable.com/mashable-choice" class="block mt-4" data-ga-click data-ga-label="$text">Mashable Choice</a> <a href="https://mashable.com/category/mashable-selects" class="block mt-4" data-ga-click data-ga-label="$text">Mashable Selects</a> <a href="https://mashable.com/category/sex-dating-relationships" class="block mt-4" data-ga-click data-ga-label="$text">All Sex, Dating & Relationships</a> <a href="https://mashable.com/category/laptops" class="block mt-4" data-ga-click data-ga-label="$text">All Laptops</a> <a href="https://mashable.com/category/headphones" class="block mt-4" data-ga-click data-ga-label="$text">All Headphones</a> <a href="https://mashable.com/category/robot-vacuums" class="block mt-4" data-ga-click data-ga-label="$text">All Robot Vacuums</a> <a href="https://mashable.com/category/vpn" class="block mt-4" data-ga-click data-ga-label="$text">All VPN</a> <a href="https://mashable.com/shopping" class="block mt-4" data-ga-click data-ga-label="$text">All Shopping</a> </div> </div> <div class="mt-6"> <a href="https://games.mashable.com/" class="uppercase cursor-pointer select-none header-300" data-ga-click data-ga-label="$text" target="_blank"><span class="font-semibold">Games</span></a> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">Product Reviews</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/review/adult-friend-finder-review-dating-site" class="block mt-4" data-ga-click data-ga-label="$text">Adult Friend Finder</a> <a href="https://mashable.com/review/bumble-premium-review" class="block mt-4" data-ga-click data-ga-label="$text">Bumble Premium</a> <a href="https://mashable.com/review/tinder-platinum-review" class="block mt-4" data-ga-click data-ga-label="$text">Tinder Platinum</a> <a href="https://mashable.com/review/kindle-paperwhite-signature-edition" class="block mt-4" data-ga-click data-ga-label="$text">Kindle Paperwhite</a> <a href="https://mashable.com/article/ps5-vs-ps5-slim-differences" class="block mt-4" data-ga-click data-ga-label="$text">PS5 vs PS5 Slim</a> <a href="https://mashable.com/review" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Reviews</a> <a href="https://mashable.com/shopping" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Shopping</a> </div> </div> <div class="mt-6"> <a href="https://mashable.com/deals" class="uppercase cursor-pointer select-none header-300" data-ga-click data-ga-label="$text"><span class="font-semibold">Deals</span></a> </div> <div class="mt-6"> <a href="https://mashable.com/newsletters" class="uppercase cursor-pointer select-none header-300" data-ga-click data-ga-label="$text"><span class="font-semibold">Newsletters</span></a> </div> <div x-data="{drawerOpen: false}" class="mt-6"> <button @click="drawerOpen = !drawerOpen" class="uppercase cursor-pointer select-none header-300"> <span class="font-semibold">VIDEOS</span> <div class="inline-block relative"> <svg x-show="drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-minus-solid"></use></svg> <svg x-show="!drawerOpen" class="inline-block mb-1 w-5 h-5 text-secondary-300"><use href="/images/icons/spritemap.svg#sprite-plus-solid"></use></svg> </div> </button> <div x-show="drawerOpen" class="text-base"> <a href="https://mashable.com/shows" class="block mt-4" data-ga-click data-ga-label="$text">Mashable Shows</a> <a href="https://mashable.com/videos" class="block mt-4 font-bold" data-ga-click data-ga-label="$text">All Videos</a> </div> </div> </div> </div> </nav> <header class="relative max-w-8xl overflow-hidden mx-auto flex flex-col items-center text-center [min-height:300px] md:mb-12 " style="color:#000000;background-color:#ffffff"> <div class="z-10 pt-8 pb-12 mx-auto w-full md:pb-32"> <h1 class="mx-4 mx-auto mt-4 md:mt-12 lg:mt-16 header-feature">Gender</h1> </div> </header> <div class="flex relative flex-col px-4 mx-auto -mt-12 md:flex-row md:-mt-32 max-w-8xl" data-ga-action="featured_content" data-ga-module="featured_content" data-ga-element="featured_content_tile"> <div class="flex-1 p-4" data-ga-position="1"> <a data-ga-click data-ga-item="image" data-ga-label="Story Image" href="/article/what-is-4b-movement-and-who-can-participate" class="mt-4"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01WgSMBQWSC6NzZpuE4gEmJ/hero-image.fill.size_497x300.v1731352716.jpg" alt="people walking down street and men are grayed out" width="497" height="300" loading="lazy" > </a> <div class="p-4 leading-normal" style="background-color: #ffffff;color: #000000; min-height: 135px;"> <span class="block mb-2 text-xs leading-tight uppercase font-regular" style="color:#000000"></span> <a class="text-lg font-semibold leading-6 md:leading-5 lg:leading-6 hover:underline text-inherit line-clamp-3" data-ga-item="title" data-ga-click data-ga-label="$text" href="/article/what-is-4b-movement-and-who-can-participate" style="color:#000000"> What is 4B and who can participate? </a> </div> </div> <div class="flex-1 p-4" data-ga-position="2"> <a data-ga-click data-ga-item="image" data-ga-label="Story Image" href="/article/kamala-harris-campaign-name-sexism-on-tiktok" class="mt-4"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/06sQu7QDG2emGxLcMGIkmWr/hero-image.fill.size_497x300.v1721927262.png" alt="Two people each hold up a cardboard sign. One reads, "Kamala!" The other reads "Harris 2024"." width="497" height="300" loading="lazy" > </a> <div class="p-4 leading-normal" style="background-color: #ffffff;color: #000000; min-height: 135px;"> <span class="block mb-2 text-xs leading-tight uppercase font-regular" style="color:#000000"></span> <a class="text-lg font-semibold leading-6 md:leading-5 lg:leading-6 hover:underline text-inherit line-clamp-3" data-ga-item="title" data-ga-click data-ga-label="$text" href="/article/kamala-harris-campaign-name-sexism-on-tiktok" style="color:#000000"> Is it 'Kamala' or 'Harris'? The answer is complicated. </a> </div> </div> <div class="flex-1 p-4" data-ga-position="3"> <a data-ga-click data-ga-item="image" data-ga-label="Story Image" href="/article/frida-uncensored-reproductive-health-education" class="mt-4"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01wSEGU1rLIGbosetjTr4Fd/hero-image.fill.size_497x300.v1712677369.jpg" alt="An iPhone sits on a tripod, filming a woman who lays with her legs open on a bed." width="497" height="300" loading="lazy" > </a> <div class="p-4 leading-normal" style="background-color: #ffffff;color: #000000; min-height: 135px;"> <span class="block mb-2 text-xs leading-tight uppercase font-regular" style="color:#000000"></span> <a class="text-lg font-semibold leading-6 md:leading-5 lg:leading-6 hover:underline text-inherit line-clamp-3" data-ga-item="title" data-ga-click data-ga-label="$text" href="/article/frida-uncensored-reproductive-health-education" style="color:#000000"> This website offers uncensored, unfiltered sexual health education </a> </div> </div> </div> <section class="py-12 mt-4"> <div data-pogo="top"></div> </section> <div id="subCategoryStripes" class="overflow-hidden relative z-0 pt-16 pb-12 mx-auto -mt-1 sm:pt-32 md:px-0 md:pt-24 lg:pt-28 lg:-mt-4 xl:-mt-0 max-w-8xl"> <div class="flex flex-col lg:flex-row justify-between lg:items-center px-4 pb-4 mx-auto max-w-8xl "> <div class="flex relative -mx-8 text-3xl font-bold lg:justify-center lg:items-center"> <h2 class="relative px-8 leading-8">Gender</h2> </div> <hr class="hidden flex-1 m-8 border border-gray-100 lg:block border-1"> </div> <div class="flex-row gap-x-12 px-4 mx-auto lg:flex max-w-8xl"> <div class="lg:w-1/2" data-ga-module="cover-story" data-ga-element="content_tile"> <a class="block overflow-hidden relative w-full h-full" href="/article/in-bloom-female-director-anthology-mtv-paramount" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="Story Image"> <div class="static w-full h-full"> <img class="h-full" src="https://helios-i.mashable.com/imagery/articles/06CXPrGPkOOdMQvXbdFvc9c/hero-image.fill.size_1536x863.v1710240837.jpg" alt="A woman wearing a sari and a red bindi looks into the camera." width="1536" height="863" sizes="(max-width: 1536px) 100vw, 1536px" > </div> </a> <div class="block pt-4 text-xl font-semibold leading-6 text-black lg:hidden lg:leading-7"> <a class="hover:text-secondary-300" href="/article/in-bloom-female-director-anthology-mtv-paramount" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="$text">Looking in the mirror: How these 5 female-led films dissect global issues women face today</a> </div> <hr class="block my-8 border border-gray-100 lg:hidden border-1"> </div> <div class="flex flex-col justify-between lg:w-1/2" data-ga-module="cover-story" data-ga-element="content_item"> <div> <a href="/article/barbie-women-in-sports-collection" data-ga-click data-ga-item="title" data-ga-position="7" data-ga-label="$text" class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500 hover:text-secondary-300">Barbie launches its 2023 career collection, dedicated to women in sports</a> </div> <hr class="block my-8 border border-gray-100 border-1"> <div> <a href="/article/pocket-guide-to-the-patriarchy-cybersex-crimes" data-ga-click data-ga-item="title" data-ga-position="8" data-ga-label="$text" class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500 hover:text-secondary-300">What are cybersex crimes? Read an extract from 'The Pocket Guide to the Patriarchy'</a> </div> <hr class="block my-8 border border-gray-100 border-1"> <div> <a href="/article/bumble-gender-equality-gap" data-ga-click data-ga-item="title" data-ga-position="9" data-ga-label="$text" class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500 hover:text-secondary-300">Daters have a 'reality gap' about gender equality, Bumble says</a> </div> <hr class="block my-8 border border-gray-100 border-1"> <div> <a href="/article/male-female-gaze-meaning-tiktok" data-ga-click data-ga-item="title" data-ga-position="10" data-ga-label="$text" class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500 hover:text-secondary-300">In the age of TikTok, the female gaze has lost all meaning</a> </div> <hr class="block my-8 border border-gray-100 lg:hidden border-1"> </div> </div> <div data-ga-module="cover-story" data-ga-element="content_tile" class="hidden px-4 pt-3 pb-8 text-xl font-semibold leading-7 text-black lg:block lg:w-1/2 hover:text-secondary-300"> <a class="hover:text-secondary-300" href="/article/in-bloom-female-director-anthology-mtv-paramount" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="$text">Looking in the mirror: How these 5 female-led films dissect global issues women face today</a> </div> <div class="flex overflow-x-auto overflow-y-hidden flex-row px-4 pb-8 space-x-8" data-ga-module="bottom-stories" data-ga-action="subcategory_tile" data-ga-element="content_tile"> <div class="flex-1" data-ga-position="2"> <a class="block overflow-hidden relative my-4 w-56 border border-gray-100 xl:w-full group" href="/article/lyft-women-plus-connect-safety-feature" data-ga-click data-ga-item="image" data-ga-position="2" data-ga-label="Story Image"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/02n8uQG2OIGUVxPfPKy6e0U/hero-image.fill.size_672x378.v1707778132.jpg" alt="A person driving a Lyft smiles; a happy passenger rides in the back." width="672" height="378" > </a> <a class="block mt-2 w-full text-lg font-semibold leading-tight group-hover:text-secondary-300" href="/article/lyft-women-plus-connect-safety-feature" data-ga-click data-ga-item="title" data-ga-position="2" data-ga-label="$text"> Lyft's safety feature for women and nonbinary riders is now available nationwide </a> </div> <div class="flex-1" data-ga-position="3"> <a class="block overflow-hidden relative my-4 w-56 border border-gray-100 xl:w-full group" href="/article/was-2023-the-year-of-the-girl-tiktok-girlaissance" data-ga-click data-ga-item="image" data-ga-position="3" data-ga-label="Story Image"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04rudsU395wyjMoWfendTW5/hero-image.fill.size_672x378.v1701985044.jpg" alt="A caricature of Margot Robbie as Barbie peeks around a blindfold. Behind her is a crowd holding up protest signs and cellphones." width="672" height="378" > </a> <a class="block mt-2 w-full text-lg font-semibold leading-tight group-hover:text-secondary-300" href="/article/was-2023-the-year-of-the-girl-tiktok-girlaissance" data-ga-click data-ga-item="title" data-ga-position="3" data-ga-label="$text"> 2023's girl dinner, girl math, girlhood: What did we gain from a year of girl trends? </a> </div> <div class="flex-1" data-ga-position="4"> <a class="block overflow-hidden relative my-4 w-56 border border-gray-100 xl:w-full group" href="/article/things-to-teach-your-daughter" data-ga-click data-ga-item="image" data-ga-position="4" data-ga-label="Story Image"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/039pB0Oa6dbx0GIhRTLteZ9/hero-image.fill.size_672x378.v1697574870.jpg" alt="A mother walks hand-in-hand with her daughter." width="672" height="378" > </a> <a class="block mt-2 w-full text-lg font-semibold leading-tight group-hover:text-secondary-300" href="/article/things-to-teach-your-daughter" data-ga-click data-ga-item="title" data-ga-position="4" data-ga-label="$text"> 7 skills to teach your daughter by age 13 </a> </div> <div class="flex-1" data-ga-position="5"> <a class="block overflow-hidden relative my-4 w-56 border border-gray-100 xl:w-full group" href="/article/tampon-tax-back-coalition-will-reimburse-your-period-purchases" data-ga-click data-ga-item="image" data-ga-position="5" data-ga-label="Story Image"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/018fEwWtzrv9aUOmixFgo1a/hero-image.fill.size_672x378.v1696886025.jpg" alt="A collage of images including stacks of money, a judge's gavel, menstrual pads, and a hand holding an iPhone." width="672" height="378" > </a> <a class="block mt-2 w-full text-lg font-semibold leading-tight group-hover:text-secondary-300" href="/article/tampon-tax-back-coalition-will-reimburse-your-period-purchases" data-ga-click data-ga-item="title" data-ga-position="5" data-ga-label="$text"> Period care brands are reimbursing your tampon taxes. Here's how to cash in. </a> </div> <div class="flex-1" data-ga-position="6"> <a class="block overflow-hidden relative my-4 w-56 border border-gray-100 xl:w-full group" href="/article/girl-effect-report-girls-access-to-technology-mobile-phones" data-ga-click data-ga-item="image" data-ga-position="6" data-ga-label="Story Image"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01NV9XcpP7sUUu0zKfywsOh/hero-image.fill.size_672x378.v1695671651.jpg" alt="Illustration of a person holding a phone with bright text bubbles around it." width="672" height="378" > </a> <a class="block mt-2 w-full text-lg font-semibold leading-tight group-hover:text-secondary-300" href="/article/girl-effect-report-girls-access-to-technology-mobile-phones" data-ga-click data-ga-item="title" data-ga-position="6" data-ga-label="$text"> The digital gender divide is about more than access, according to new Girl Effect report </a> </div> </div> <section class="mt-4"> <div data-pogo="top"></div> </section> </div> <div class="px-4 pb-8 mx-auto mt-12 max-w-8xl" data-ga-module="content_strip"> <div class="flex flex-row justify-between items-end"> <h2 class=" font-bold header-200">News</h2> </div> <div class="flex overflow-x-auto overflow-y-hidden flex-row space-x-8" data-ga-element="content_tile" data-ga-action="content_tile"> <div class="flex-1" data-ga-position="1"> <a data-ga-click data-ga-item="thumbnail" data-ga-label="Story Image" href="/article/men-talking-about-sex-women" class=" mt-4 block border border-gray-100 w-56 xl:w-full"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01iFtYnQrj3s2tydUVQTdxV/hero-image.fill.size_672x378.v1667218007.jpg" alt="Illustration of two people ripping a speech bubble in two " width="672" height="378" loading="lazy" > </a> <a data-ga-click data-ga-label="$text" data-ga-item="title" class=" block w-full text-lg font-semibold leading-tight mt-2" href="/article/men-talking-about-sex-women">Men need to talk about sex differently. Here's how.</a> </div> <div class="flex-1" data-ga-position="2"> <a data-ga-click data-ga-item="thumbnail" data-ga-label="Story Image" href="/article/the-northman-viking-women-shieldmaiden-real-history" class=" mt-4 block border border-gray-100 w-56 xl:w-full"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/06bGNVWgBKohxnlBmTUaHVg/hero-image.fill.size_672x378.v1651048698.jpg" alt="A Valkyrie female viking warrior screeches into battle in Robert Eggers "The Northman"" width="672" height="378" loading="lazy" > </a> <a data-ga-click data-ga-label="$text" data-ga-item="title" class=" block w-full text-lg font-semibold leading-tight mt-2" href="/article/the-northman-viking-women-shieldmaiden-real-history">I'm tired of the Viking pop culture trend erasing warrior women</a> </div> <div class="flex-1" data-ga-position="3"> <a data-ga-click data-ga-item="thumbnail" data-ga-label="Story Image" href="/article/telemedicine-abortion-uk" class=" mt-4 block border border-gray-100 w-56 xl:w-full"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01WnTKyHr0AkhcrOrdpZUFv/hero-image.fill.size_672x378.v1643891451.jpg" alt="Pro-choice supporters stage a demonstration in Parliament Square to campaign for women's reproductive rights, legalisation of abortion in Northern Ireland and its decriminalisation in the UK on 11 May, 2019 in London, England." width="672" height="378" loading="lazy" > </a> <a data-ga-click data-ga-label="$text" data-ga-item="title" class=" block w-full text-lg font-semibold leading-tight mt-2" href="/article/telemedicine-abortion-uk">At-home early medical abortions will continue to be allowed in the UK</a> </div> <div class="flex-1" data-ga-position="4"> <a data-ga-click data-ga-item="thumbnail" data-ga-label="Story Image" href="/article/facebook-ad-algorithm-sexism-2021" class=" mt-4 block border border-gray-100 w-56 xl:w-full"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/05QltbP6DbrRDcLm8bPEDb7/hero-image.fill.size_672x378.v1618238853.jpg" alt="New study shows that Facebook's job ad algorithm still discriminates based on gender" width="672" height="378" loading="lazy" > </div> </a> <a data-ga-click data-ga-label="$text" data-ga-item="title" class=" block w-full text-lg font-semibold leading-tight mt-2" href="/article/facebook-ad-algorithm-sexism-2021">New study shows that Facebook's job ad algorithm still discriminates based on gender</a> </div> <div class="flex-1" data-ga-position="5"> <a data-ga-click data-ga-item="thumbnail" data-ga-label="Story Image" href="/article/tracy-brabin-shoulder-harassment" class=" mt-4 block border border-gray-100 w-56 xl:w-full"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/05NMJahFJyLTpYfnmbumw8l/hero-image.fill.size_672x378.v1623388574.jpg" alt="Politician has brilliant response for trolls who harassed her over off-the-shoulder outfit in parliament" width="672" height="378" loading="lazy" > </a> <a data-ga-click data-ga-label="$text" data-ga-item="title" class=" block w-full text-lg font-semibold leading-tight mt-2" href="/article/tracy-brabin-shoulder-harassment">Politician has brilliant response for trolls who harassed her over off-the-shoulder outfit in parliament</a> </div> </div> <div class="flex overflow-x-auto overflow-y-hidden flex-row space-x-8" data-ga-element="content_tile" data-ga-action="content_tile"> <div class="flex-1" data-ga-position="1"> <a data-ga-click data-ga-item="thumbnail" data-ga-label="Story Image" href="/article/unicode-consortium-new-emoji-boba-transgender-flag" class=" mt-4 block border border-gray-100 w-56 xl:w-full"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03BIyCZYmKJf696emfpVTAV/hero-image.fill.size_672x378.v1623388490.png" alt="At long last, there's a bubble tea emoji" width="672" height="378" loading="lazy" > </a> <a data-ga-click data-ga-label="$text" data-ga-item="title" class=" block w-full text-lg font-semibold leading-tight mt-2" href="/article/unicode-consortium-new-emoji-boba-transgender-flag">At long last, there's a bubble tea emoji</a> </div> <div class="flex-1" data-ga-position="2"> <a data-ga-click data-ga-item="thumbnail" data-ga-label="Story Image" href="/article/nikita-gill-fierce-fairytales" class=" mt-4 block border border-gray-100 w-56 xl:w-full"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/008RaLGuo1wso27JYJnhq91/hero-image.fill.size_672x378.v1623373344.jpg" alt="This Instagram poet is rewriting fairy tales with modern gender roles" width="672" height="378" loading="lazy" > </a> <a data-ga-click data-ga-label="$text" data-ga-item="title" class=" block w-full text-lg font-semibold leading-tight mt-2" href="/article/nikita-gill-fierce-fairytales">This Instagram poet is rewriting fairy tales with modern gender roles</a> </div> <div class="flex-1" data-ga-position="3"> <a data-ga-click data-ga-item="thumbnail" data-ga-label="Story Image" href="/article/men-women-gender-roles-online-dating" class=" mt-4 block border border-gray-100 w-56 xl:w-full"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03djMZwAFEJGVqV7nDs5QLW/hero-image.fill.size_672x378.v1623373094.jpg" alt="Gender stereotypes are still alive and well in the online dating world, study says" width="672" height="378" loading="lazy" > </a> <a data-ga-click data-ga-label="$text" data-ga-item="title" class=" block w-full text-lg font-semibold leading-tight mt-2" href="/article/men-women-gender-roles-online-dating">Gender stereotypes are still alive and well in the online dating world, study says</a> </div> <div class="flex-1" data-ga-position="4"> <a data-ga-click data-ga-item="thumbnail" data-ga-label="Story Image" href="/article/doritos-womens-chip" class=" mt-4 block border border-gray-100 w-56 xl:w-full"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00Zn7EqMvE7EbvRJhuGkx61/hero-image.fill.size_672x378.v1623368916.jpg" alt="Doritos may introduce a softer chip for women because apparently only men have teeth" width="672" height="378" loading="lazy" > </a> <a data-ga-click data-ga-label="$text" data-ga-item="title" class=" block w-full text-lg font-semibold leading-tight mt-2" href="/article/doritos-womens-chip">Doritos may introduce a softer chip for women because apparently only men have teeth</a> </div> <div class="flex-1" data-ga-position="5"> <a data-ga-click data-ga-item="thumbnail" data-ga-label="Story Image" href="/article/morgan-freeman-calls-out-gender-specific-sag-award-statue" class=" mt-4 block border border-gray-100 w-56 xl:w-full"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/054O7FB95Y4rw5VRYv8TzKJ/hero-image.fill.size_672x378.v1623368621.jpg" alt="Morgan Freeman had 1 very blunt comment about his SAG Award statue" width="672" height="378" loading="lazy" > </a> <a data-ga-click data-ga-label="$text" data-ga-item="title" class=" block w-full text-lg font-semibold leading-tight mt-2" href="/article/morgan-freeman-calls-out-gender-specific-sag-award-statue">Morgan Freeman had 1 very blunt comment about his SAG Award statue</a> </div> </div> </div> <main class="justify-between items-stretch px-4 mx-auto lg:flex max-w-8xl"> <section class="flex-grow 2xl:pr-4" data-ga-module="content_body"> <h2 class="font-bold header-200 pt-20">More Gender</h2> <section class="mx-auto max-w-8xl"> <div class="justify-center mt-8 w-full" data-module="content-list" data-ga-module="content-list" data-ga-element="content-stripe" data-ga-action="content-stripe"> <div class="w-full" data-ga-position="1" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/johnny-depp-vs-amber-heard-domestic-violence-charges"> The internet loathes Amber Heard. That's terrible for domestic violence victims.</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">As powerful celebrities and creators line up behind Johnny Depp, they reinforce terrible stereotypes about domestic violence.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 19 May 2022 09:00:00 +0000"> 05/19/2022 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rebecca-ruiz">Rebecca Ruiz</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="The internet loathes Amber Heard. That's terrible for domestic violence victims." href="/article/johnny-depp-vs-amber-heard-domestic-violence-charges"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/05MSdsQo335HT5DHuIWxjAp/hero-image.fill.size_220x133.v1652829325.jpg" alt="Actress Amber Heard looks solemnly ahead at the defamation trial Heard vs. Depp. " width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/05MSdsQo335HT5DHuIWxjAp/hero-image.fill.size_220x220.v1652829325.jpg" alt="Actress Amber Heard looks solemnly ahead at the defamation trial Heard vs. Depp. " width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="2" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/colombia-campaigners-decriminalize-abortion"> 'Historic victory': Campaigners in Colombia celebrate decriminalization of abortion</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">The ruling is a "significant step forward" for access without fear of punishment.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Wed, 23 Feb 2022 16:34:08 +0000"> 02/23/2022 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/meeranavlakha">Meera Navlakha</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'Historic victory': Campaigners in Colombia celebrate decriminalization of abortion" href="/article/colombia-campaigners-decriminalize-abortion"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01ts0MonboL9aOGM6osTeFn/hero-image.fill.size_220x133.v1645613181.jpg" alt="People celebrate Colombia's decision to decriminalize abortion, waving green flags and cheering." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01ts0MonboL9aOGM6osTeFn/hero-image.fill.size_220x220.v1645613181.jpg" alt="People celebrate Colombia's decision to decriminalize abortion, waving green flags and cheering." width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div data-pogo="native"></div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="3" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/caroline-criado-perez-tracy-king"> Caroline Criado Perez and Tracy King on the gender data gap that's putting lives at risk</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"It's harming women in pretty much every way you can think of." </div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 02 Jul 2020 10:14:05 +0000"> 07/02/2020 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rachel-thompson">Rachel Thompson</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Caroline Criado Perez and Tracy King on the gender data gap that's putting lives at risk" href="/article/caroline-criado-perez-tracy-king"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03lqY1L7gztsPNo1ezxGT94/hero-image.fill.size_220x133.v1623390048.jpg" alt="Caroline Criado Perez and Tracy King on the gender data gap that's putting lives at risk" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03lqY1L7gztsPNo1ezxGT94/hero-image.fill.size_220x220.v1623390048.jpg" alt="Caroline Criado Perez and Tracy King on the gender data gap that's putting lives at risk" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="4" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/zing-tsjeng-history-becomes-her"> Zing Tsjeng on pirate queens, resistance heroines, and history's forgotten women</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"You can be a hero in a very quiet, private way."</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 21 May 2020 09:41:09 +0000"> 05/21/2020 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rachel-thompson">Rachel Thompson</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Zing Tsjeng on pirate queens, resistance heroines, and history's forgotten women" href="/article/zing-tsjeng-history-becomes-her"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01LsLqarZ173TRx7FSSXozC/hero-image.fill.size_220x133.v1623389666.jpg" alt="Zing Tsjeng on pirate queens, resistance heroines, and history's forgotten women" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01LsLqarZ173TRx7FSSXozC/hero-image.fill.size_220x220.v1623389666.jpg" alt="Zing Tsjeng on pirate queens, resistance heroines, and history's forgotten women" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="5" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/gender-inclusive-emoji-designer"> The designer behind Unicode's first gender-inclusive emoji talks about what's next</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Their (now-realized) proposal was just the start. </div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 14 May 2020 10:00:00 +0000"> 05/14/2020 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/npinon">Natasha Piñon</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="The designer behind Unicode's first gender-inclusive emoji talks about what's next" href="/article/gender-inclusive-emoji-designer"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04Gahy14bQCkmSnLaxUQvcV/hero-image.fill.size_220x133.v1623389575.png" alt="The designer behind Unicode's first gender-inclusive emoji talks about what's next" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04Gahy14bQCkmSnLaxUQvcV/hero-image.fill.size_220x220.v1623389575.png" alt="The designer behind Unicode's first gender-inclusive emoji talks about what's next" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="6" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/apple-card-gender-bias-investigation"> Investigation is launched on Apple Card for gender bias</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Yiiiiikes.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Mon, 11 Nov 2019 21:20:43 +0000"> 11/11/2019 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By Stephen MacDonald </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Investigation is launched on Apple Card for gender bias" href="/video/apple-card-gender-bias-investigation"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/05j6XKSRy5GZn00RhLIJnd3/hero-image.fill.size_220x133.v1614273378.png" alt="Investigation is launched on Apple Card for gender bias" width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/05j6XKSRy5GZn00RhLIJnd3/hero-image.fill.size_220x220.v1614273378.png" alt="Investigation is launched on Apple Card for gender bias" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="7" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/liz-plank-toxic-masculinity-conversation"> How to talk to the men in your life about toxic masculinity</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Hot tip: Steer clear of gender theory jargon.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Sat, 14 Sep 2019 07:53:21 +0000"> 09/14/2019 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rachel-thompson">Rachel Thompson</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="How to talk to the men in your life about toxic masculinity" href="/article/liz-plank-toxic-masculinity-conversation"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/05JD92be1knMNUeGObIt0lZ/hero-image.fill.size_220x133.v1623386679.jpg" alt="How to talk to the men in your life about toxic masculinity" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/05JD92be1knMNUeGObIt0lZ/hero-image.fill.size_220x220.v1623386679.jpg" alt="How to talk to the men in your life about toxic masculinity" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="8" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/billy-porter-stephen-colbert"> Billy Porter thinks there's a big problem with how we respond to men in dresses</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"Men are strong, women are disgusting? I'm not doing that anymore."</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 13 Jun 2019 10:42:17 +0000"> 06/13/2019 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rachel-thompson">Rachel Thompson</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Billy Porter thinks there's a big problem with how we respond to men in dresses" href="/video/billy-porter-stephen-colbert"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/05HUaHbX4MGsrHOZevn2KSP/hero-image.fill.size_220x133.v1614271792.jpg" alt="Billy Porter thinks there's a big problem with how we respond to men in dresses" width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/05HUaHbX4MGsrHOZevn2KSP/hero-image.fill.size_220x220.v1614271792.jpg" alt="Billy Porter thinks there's a big problem with how we respond to men in dresses" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="9" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/snapchat-gender-swap-filter"> Snapchat's 'gender-swap' filter exposes the internet's casual transphobia</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">It's digital drag without the self-awareness. </div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 16 May 2019 21:35:18 +0000"> 05/16/2019 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/sage-anderson">Sage Anderson</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Snapchat's 'gender-swap' filter exposes the internet's casual transphobia" href="/article/snapchat-gender-swap-filter"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01qJ4a9CXudziYuBIdXR45L/hero-image.fill.size_220x133.v1623385004.jpg" alt="Snapchat's 'gender-swap' filter exposes the internet's casual transphobia" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01qJ4a9CXudziYuBIdXR45L/hero-image.fill.size_220x220.v1623385004.jpg" alt="Snapchat's 'gender-swap' filter exposes the internet's casual transphobia" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="10" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/women-girls-apa-guidelines"> Women and girls will feel so seen by new guidelines for their mental health</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Psychologists should focus on resilience without over-diagnosing normal responses to trauma. </div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Mon, 13 May 2019 13:01:00 +0000"> 05/13/2019 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rebecca-ruiz">Rebecca Ruiz</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Women and girls will feel so seen by new guidelines for their mental health" href="/article/women-girls-apa-guidelines"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03d4wWk27MMBejgGkoOcISB/hero-image.fill.size_220x133.v1623384935.png" alt="Women and girls will feel so seen by new guidelines for their mental health" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03d4wWk27MMBejgGkoOcISB/hero-image.fill.size_220x220.v1623384935.png" alt="Women and girls will feel so seen by new guidelines for their mental health" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="11" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/gender-data-gap-campaign-book"> This campaign wants UK politicians to wake up to the dangers of the gender data gap</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">The gender data gap is literally dangerous for women. </div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 07 Mar 2019 14:10:57 +0000"> 03/07/2019 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rachel-thompson">Rachel Thompson</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="This campaign wants UK politicians to wake up to the dangers of the gender data gap" href="/article/gender-data-gap-campaign-book"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00B1YGMnLTNkAUbs7vXdeKy/hero-image.fill.size_220x133.v1623383967.jpg" alt="This campaign wants UK politicians to wake up to the dangers of the gender data gap" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00B1YGMnLTNkAUbs7vXdeKy/hero-image.fill.size_220x220.v1623383967.jpg" alt="This campaign wants UK politicians to wake up to the dangers of the gender data gap" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="12" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/gender-hate-crime-misogyny"> Gender may be the biggest cause of hate crime against women, new data shows</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Campaigners are calling on UK police to recognise misogyny as a hate crime.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Mon, 14 Jan 2019 14:51:26 +0000"> 01/14/2019 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rachel-thompson">Rachel Thompson</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Gender may be the biggest cause of hate crime against women, new data shows" href="/article/gender-hate-crime-misogyny"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00DurWwJJ66doIPCZS1XRFL/hero-image.fill.size_220x133.v1623374905.jpg" alt="Gender may be the biggest cause of hate crime against women, new data shows" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00DurWwJJ66doIPCZS1XRFL/hero-image.fill.size_220x220.v1623374905.jpg" alt="Gender may be the biggest cause of hate crime against women, new data shows" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="13" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/gender-equality-map-victoria"> An online map lets people log instances of gender inequality</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Seen a lack of gender diverse bathrooms somewhere? Drop a pin.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Mon, 29 Oct 2018 01:42:09 +0000"> 10/29/2018 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/johnny-lieu">Johnny Lieu</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="An online map lets people log instances of gender inequality" href="/article/gender-equality-map-victoria"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03s1Mu52iKxt3edaAbAby6v/hero-image.fill.size_220x133.v1623373650.png" alt="An online map lets people log instances of gender inequality" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03s1Mu52iKxt3edaAbAby6v/hero-image.fill.size_220x220.v1623373650.png" alt="An online map lets people log instances of gender inequality" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="14" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/gender-definition-science-trump"> The Trump administration says there are two sexes. The science says they're wrong.</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">"The biology doesn’t say there are two sexes."</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Tue, 23 Oct 2018 16:24:31 +0000"> 10/23/2018 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/mark-kaufman">Mark Kaufman</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="The Trump administration says there are two sexes. The science says they're wrong." href="/article/gender-definition-science-trump"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/06uZtHu4uxInyCJeH9AAr5D/hero-image.fill.size_220x133.v1623373540.jpg" alt="The Trump administration says there are two sexes. The science says they're wrong." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/06uZtHu4uxInyCJeH9AAr5D/hero-image.fill.size_220x220.v1623373540.jpg" alt="The Trump administration says there are two sexes. The science says they're wrong." width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="15" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/men-mental-health-stigma-celebrities"> 'You're not alone': Famous men are talking about mental health, and it could save lives</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Celebrities like The Rock, Ryan Reynolds, and Michael Phelps are making a difference.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 17 May 2018 10:00:00 +0000"> 05/17/2018 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rebecca-ruiz">Rebecca Ruiz</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="'You're not alone': Famous men are talking about mental health, and it could save lives" href="/article/men-mental-health-stigma-celebrities"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00dJeoinVMrScMC67U9itMo/hero-image.fill.size_220x133.v1623370736.png" alt="illustration on a ripped dude" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00dJeoinVMrScMC67U9itMo/hero-image.fill.size_220x220.v1623370736.png" alt="illustration on a ripped dude" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="16" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/gender-free-clothing-store"> This 'gender-free' clothing store has fashion for anyone</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Shop by taste, not by gender.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Wed, 21 Mar 2018 19:15:06 +0000"> 03/21/2018 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/alex-humphreys">Alex Humphreys</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="This 'gender-free' clothing store has fashion for anyone" href="/video/gender-free-clothing-store"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/05qq03EF2bDv86XMHa1kYQX/hero-image.fill.size_220x133.v1614270076.jpg" alt="This 'gender-free' clothing store has fashion for anyone" width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/05qq03EF2bDv86XMHa1kYQX/hero-image.fill.size_220x220.v1614270076.jpg" alt="This 'gender-free' clothing store has fashion for anyone" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="17" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/video/black-lives-matter-black-history-month"> Black Lives Matter co-founder explains what people get wrong about Black History Month</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">It's not just about the past. </div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Wed, 28 Feb 2018 16:30:02 +0000"> 02/28/2018 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/eames-yates">Eames Yates</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Black Lives Matter co-founder explains what people get wrong about Black History Month" href="/video/black-lives-matter-black-history-month"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/019YP9RqBwKdBGURBOCgQVY/hero-image.fill.size_220x133.v1614269953.jpg" alt="Black Lives Matter co-founder explains what people get wrong about Black History Month" width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/videos/019YP9RqBwKdBGURBOCgQVY/hero-image.fill.size_220x220.v1614269953.jpg" alt="Black Lives Matter co-founder explains what people get wrong about Black History Month" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="18" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/me-too-backlash-power-sex"> What we can learn about sex and power from the #MeToo backlash</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">#MeToo demands that we reimagine the way power and gender work in relationship to sex, even if we don't agree about how a victim should've behaved. </div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Sat, 20 Jan 2018 15:00:00 +0000"> 01/20/2018 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rebecca-ruiz">Rebecca Ruiz</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="What we can learn about sex and power from the #MeToo backlash" href="/article/me-too-backlash-power-sex"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04EFFTDFwgav8QOvxudZKD4/hero-image.fill.size_220x133.v1623368601.jpg" alt="What we can learn about sex and power from the #MeToo backlash" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04EFFTDFwgav8QOvxudZKD4/hero-image.fill.size_220x220.v1623368601.jpg" alt="What we can learn about sex and power from the #MeToo backlash" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="19" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/womens-march-march-on-crowdsource-poll-activism"> Nasty women (and men) to crowdsource 'marching orders' ahead of midterm elections</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Founded by people who organized and led sister Women's March events around the country, March On wants to take a "bottom up" approach to the resistance. </div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Sat, 20 Jan 2018 00:50:53 +0000"> 01/20/2018 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rebecca-ruiz">Rebecca Ruiz</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Nasty women (and men) to crowdsource 'marching orders' ahead of midterm elections" href="/article/womens-march-march-on-crowdsource-poll-activism"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03XTrXD3WLQQ4WYgzF7ui2g/hero-image.fill.size_220x133.v1623368597.jpg" alt="Nasty women (and men) to crowdsource 'marching orders' ahead of midterm elections" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/03XTrXD3WLQQ4WYgzF7ui2g/hero-image.fill.size_220x220.v1623368597.jpg" alt="Nasty women (and men) to crowdsource 'marching orders' ahead of midterm elections" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="20" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/video-game-diversity"> Diversity in the video game industry is (surprise) not good</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">The games industry has a diversity problem.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Tue, 09 Jan 2018 21:01:59 +0000"> 01/09/2018 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/kellen-beck">Kellen Beck</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Diversity in the video game industry is (surprise) not good" href="/article/video-game-diversity"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01wzzP4Ud3PxFiHsIu9RiBW/hero-image.fill.size_220x133.v1623368398.jpg" alt="Diversity in the video game industry is (surprise) not good" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01wzzP4Ud3PxFiHsIu9RiBW/hero-image.fill.size_220x220.v1623368398.jpg" alt="Diversity in the video game industry is (surprise) not good" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="21" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/new-york-times-hollywood-golden-globes-sexual-misconduct-ad"> New York Times to air chilling Golden Globes ad that touts its sexual misconduct reporting</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">The Times wants to remind viewers of its role in sparking the #MeToo movement. </div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Sat, 06 Jan 2018 00:20:10 +0000"> 01/06/2018 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rebecca-ruiz">Rebecca Ruiz</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="New York Times to air chilling Golden Globes ad that touts its sexual misconduct reporting" href="/article/new-york-times-hollywood-golden-globes-sexual-misconduct-ad"> <div class="hidden border border-gray-100 md:block"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01QG7M805KoOxSDQq5rdyNT/hero-image.fill.size_220x133.v1614269730.png" alt="New York Times to air chilling Golden Globes ad that touts its sexual misconduct reporting" width="220" height="133" loading="lazy" > </div> </div> <div class="border border-gray-100 md:hidden"> <div class="relative"> <svg class="block absolute bottom-0.5 right-2.5 -mb-1 w-7 h-10 text-white fill-current"> <use href="/images/icons/spritemap.svg#sprite-icon-video-tag"></use> </svg> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/01QG7M805KoOxSDQq5rdyNT/hero-image.fill.size_220x220.v1614269730.png" alt="New York Times to air chilling Golden Globes ad that touts its sexual misconduct reporting" width="220" height="220" loading="lazy" > </div> </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="22" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/women-fight-trump-2017"> Trump was a disaster for women in 2017. It may be his undoing.</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">People's attitudes about gender equality really are changing, and it may deliver a devastating blow to Trump and his agenda in 2018.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Fri, 22 Dec 2017 16:54:59 +0000"> 12/22/2017 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rebecca-ruiz">Rebecca Ruiz</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Trump was a disaster for women in 2017. It may be his undoing." href="/article/women-fight-trump-2017"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00nQwIDqxKizQgvLN7LmbQ5/hero-image.fill.size_220x133.v1623368129.jpg" alt="Trump was a disaster for women in 2017. It may be his undoing." width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/00nQwIDqxKizQgvLN7LmbQ5/hero-image.fill.size_220x220.v1623368129.jpg" alt="Trump was a disaster for women in 2017. It may be his undoing." width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="23" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/artificial-intelligence-domestic-violence-restraining-orders"> AI-powered tool helps domestic violence survivors file restraining orders</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">HelpSelf Legal uses technology to assist low-income people, but experts are worried about what happens next.</div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Fri, 15 Dec 2017 22:13:27 +0000"> 12/15/2017 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rebecca-ruiz">Rebecca Ruiz</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="AI-powered tool helps domestic violence survivors file restraining orders" href="/article/artificial-intelligence-domestic-violence-restraining-orders"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/07HFibMJNkXmAhBwfwMd9iY/hero-image.fill.size_220x133.v1623367952.jpg" alt="AI-powered tool helps domestic violence survivors file restraining orders" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/07HFibMJNkXmAhBwfwMd9iY/hero-image.fill.size_220x220.v1623367952.jpg" alt="AI-powered tool helps domestic violence survivors file restraining orders" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="24" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/how-to-support-black-women-after-roy-moore-vote"> Black women who blocked Roy Moore need your support, not your tweets</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">Why consistent and tangible support of black women is a better way to show your gratitude. </div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Thu, 14 Dec 2017 00:44:06 +0000"> 12/14/2017 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rebecca-ruiz">Rebecca Ruiz</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Black women who blocked Roy Moore need your support, not your tweets" href="/article/how-to-support-black-women-after-roy-moore-vote"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04qHUNRGU9XvnStRMXIlLZ3/hero-image.fill.size_220x133.v1623367953.jpg" alt="Black women who blocked Roy Moore need your support, not your tweets" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/04qHUNRGU9XvnStRMXIlLZ3/hero-image.fill.size_220x220.v1623367953.jpg" alt="Black women who blocked Roy Moore need your support, not your tweets" width="220" height="220" loading="lazy" > </div> </a> </div> </div> <hr class="my-6 mx-auto w-3/4 border border-gray-100 md:hidden md:my-8"> <div class="w-full" data-ga-position="25" > <div class="flex flex-row mx-auto mt-4 max-w-4xl font-sans md:flex-nowrap md:justify-around md:mx-0 md:mt-8"> <div class="flex flex-col flex-wrap mr-4 w-3/4 text-left md:mt-0 xl:relative items-around"> <a class="block text-lg font-semibold leading-6 md:text-xl text-primary-400 header-500" data-ga-click data-ga-item="title" data-ga-label="$text" href="/article/megyn-kelly-today-interviews-trump-accusers-sexual-misconduct"> Megyn Kelly's interview with Trump's accusers is required viewing</a> <div class="hidden text-base md:block md:mt-1 md:leading-tight text-primary-400 font-regular">You can't look away from Kelly's exclusive interview. And you shouldn't. </div> <div class="flex flex-row mt-3 font-serif italic md:justify-start"> <time class="leading-tight font-regular subtitle-1" datetime="Mon, 11 Dec 2017 21:58:19 +0000"> 12/11/2017 </time> <div class="pl-3 leading-tight md:px-4 font-regular subtitle-1"> By <a href="/author/rebecca-ruiz">Rebecca Ruiz</a> </div> </div> </div> <a class="block w-1/4" data-ga-click data-ga-item="image" data-ga-label="Megyn Kelly's interview with Trump's accusers is required viewing" href="/article/megyn-kelly-today-interviews-trump-accusers-sexual-misconduct"> <div class="hidden border border-gray-100 md:block"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/07feZizqGRyOO9uCXfewALm/hero-image.fill.size_220x133.v1623367902.png" alt="Megyn Kelly's interview with Trump's accusers is required viewing" width="220" height="133" loading="lazy" > </div> <div class="border border-gray-100 md:hidden"> <img class="w-full" src="https://helios-i.mashable.com/imagery/articles/07feZizqGRyOO9uCXfewALm/hero-image.fill.size_220x220.v1623367902.png" alt="Megyn Kelly's interview with Trump's accusers is required viewing" width="220" height="220" loading="lazy" > </div> </a> </div> </div> </div> </section> <ul class="flex flex-wrap justify-start py-2 mt-4 font-sans text-base font-bold" role="navigation" data-ga-action="pagination"> <li class="mx-2 ml-0 disabled" aria-disabled="true" aria-label="« Previous" data-ga-item="left-arrow" data-ga-label="left-arrow" data-ga-click> <span class="flex justify-center items-center w-4 w-8 h-8" aria-hidden="true"><svg class="inline-block w-2 h-3 fill-current text-warmgray-300"><use href="/images/icons/spritemap.svg#sprite-chevron-pagination-left"></use></svg></span> </li> <li class="mx-2 text-black rounded-full bg-warmgray-100" aria-current="page" data-ga-item="page-1" data-ga-label="page-1" data-ga-click><span class="flex justify-center items-center w-8 h-8">1</span></li> <li class="mx-2" data-ga-item="page-2" data-ga-label="page-2" data-ga-click><a class="flex justify-center items-center w-8 h-8" href="https://mashable.com/category/gender?page=2">2</a></li> <li class="mx-2" data-ga-item="page-3" data-ga-label="page-3" data-ga-click><a class="flex justify-center items-center w-8 h-8" href="https://mashable.com/category/gender?page=3">3</a></li> <li class="mx-2" data-ga-item="page-4" data-ga-label="page-4" data-ga-click><a class="flex justify-center items-center w-8 h-8" href="https://mashable.com/category/gender?page=4">4</a></li> <li class="mx-2" data-ga-item="page-5" data-ga-label="page-5" data-ga-click><a class="flex justify-center items-center w-8 h-8" href="https://mashable.com/category/gender?page=5">5</a></li> <li class="mx-2" data-ga-item="page-6" data-ga-label="page-6" data-ga-click><a class="flex justify-center items-center w-8 h-8" href="https://mashable.com/category/gender?page=6">6</a></li> <li class="mx-2" data-ga-item="page-7" data-ga-label="page-7" data-ga-click><a class="flex justify-center items-center w-8 h-8" href="https://mashable.com/category/gender?page=7">7</a></li> <li class="mx-2" data-ga-item="page-8" data-ga-label="page-8" data-ga-click><a class="flex justify-center items-center w-8 h-8" href="https://mashable.com/category/gender?page=8">8</a></li> <li class="mr-0" data-ga-item="right-arrow" data-ga-label="right-arrow" data-ga-click> <a class="flex justify-center items-center w-4 w-8 h-8" href="https://mashable.com/category/gender?page=2" rel="next" aria-label="Next »"><svg class="inline-block w-2 h-3 fill-current hover:text-red-base"><use href="/images/icons/spritemap.svg#sprite-chevron-pagination-right"></use></svg></a> </li> </ul> </section> <aside style="width:300px;" class="hidden flex-none 2xl:block" data-ga-module="content_rail"> <div class="sticky top-0 mt-11 pt-20"> <div data-pogo="sidebar"></div> </div> </aside> </main> <div x-data="window.newsletter()" x-init="init()" class="py-9 px-6 mt-20 text-center text-black rounded border md:mt-32 bg-warmgray-100 border-warmgray-100" data-ga-impression data-ga-category="newsletters" data-ga-module="footer_nl_signup" data-ga-label="Top Stories"> <div x-show="!isSuccess" class="flex flex-col mx-auto max-w-4xl font-sans md:flex-row"> <div class="font-bold leading-8 text-left md:w-1/2 header-300">The biggest stories of the day delivered to your inbox.</div> <div class="flex flex-col md:mt-2 md:w-1/2"> <form x-ref="subscribeForm" class="flex flex-row mt-8 h-12 border-b-2 md:mt-0 text-primary-400 border-primary-400 focus-within:text-secondary-300" data-initial-lists="top-stories" x-on:submit.prevent="submit()"> <input aria-describedby="emailSubscribeErrorContainer" x-ref="emailInput" type="email" x-model="email" class="py-2 px-4 w-4/6 text-base font-normal leading-5 placeholder-gray-600 text-gray-600 bg-white md:w-3/4" placeholder="Email Address" aria-label="Email"> <input x-bind:value="selectedListsValue()" type="hidden" name="lists" value=""> <input type="hidden" name="source" value="site-footer"> <input type="hidden" name="courierList" value="Mashable On-Site - Top Stories Daily"> <button :disabled="isLoading" type="submit" class="py-2 px-1 w-2/6 font-bold leading-5 text-center bg-white md:w-1/4 subtitle-1"> <span x-cloak x-show="isLoading" class="text-primary-400">Loading...</span> <span x-show="!isLoading" :class="{'text-red': isError}" class="text-sm">Subscribe</span> </button> </form> <div x-cloak x-show="isError" class="flex flex-row px-4 mt-4 text-red"> <svg class="inline-block w-4 h-4 leading-4 fill-current"><use href="/images/icons/spritemap.svg#sprite-exclamation-square"></use></svg> <div id="emailSubscribeErrorContainer" x-text="error" class="ml-1 font-bold leading-4 text-left subtitle-2"></div> </div> </div> </div> <div x-show="!isSuccess" class="mx-auto mt-4 max-w-4xl font-sans leading-normal text-left subtitle-1"> This newsletter may contain advertising, deals, or affiliate links. Subscribing to a newsletter indicates your consent to our <a href="https://www.ziffdavis.com/terms-of-use" class="underline" target="_blank" rel="noopener" title="(opens in a new window)">Terms of Use</a> and <a href="https://www.ziffdavis.com/ztg-privacy-policy" class="underline" target="_blank" rel="noopener" title="(opens in a new window)">Privacy Policy</a>. You may unsubscribe from the newsletters at any time. </div> <div x-cloak x-show="isSuccess" class="py-1 text-center"> <svg class="inline-block w-24 h-20 leading-4 fill-current"><use href="/images/icons/spritemap.svg#sprite-mailbox-regular"></use></svg> <div class="header-300">Thanks for signing up. See you at your inbox!</div> </div> </div> <footer class="py-12 mx-auto w-full font-sans text-center text-white bg-primary-400" data-ga-module="global_footer" data-ga-action="footer_link"> <div class="flex flex-col px-8 md:mx-auto lg:px-4 max-w-8xl"> <div class="inline-block relative mb-4 ml-5 text-left text-white"> <svg class="inline-block w-6 h-6 fill-current"><use href="/images/icons/spritemap.svg#sprite-mashable-m"></use></svg> <svg class="absolute top-0 left-0 -mt-1 -ml-5 w-12 h-12 fill-current"><use href="/images/icons/spritemap.svg#sprite-logomark"></use></svg> </div> <div class="my-8 text-left lg:mr-7" x-data="{ menuSelected: '', prevMenuSelected: '', open: false, openMenuSelected(menu) { if(this.menuSelected === menu) { return this.open = !this.open } this.menuSelected = menu this.open = true }, validation(menu) { if(this.menuSelected === menu && this.open) return 'flex' return 'hidden' }, showIcon(menu) { return this.menuSelected === menu && this.open } }"> <ul class="flex flex-col justify-between mt-8 space-y-8 text-2xl font-bold text-white lg:flex-row lg:mt-0 lg:space-y-0 lg:space-x-12"> <li> <div class="flex justify-between items-center"> <a href="https://mashable.com/tech" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">TECH</a> <button class="lg:hidden" @click="openMenuSelected('tech')"> <svg x-show="showIcon('tech')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('tech')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('tech')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/cryptocurrency">Cryptocurrency</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/social-media">Social Media</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/artificial-intelligence">Artificial Intelligence</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/android">Android</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/apple">Apple</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/cameras">Cameras</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/microsoft">Microsoft</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/tiktok">TikTok</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/mobile">Mobile</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/wifirouters">Wifi/Routers</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/tvs">TVs</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/speakers">Speakers</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/desktops">Desktops</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/laptops">Laptops</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/headphones">Headphones</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/tech-industry">Tech Industry</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/antivirus">Antivirus</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/vpn">VPN</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/productivity">Productivity</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/creative-software">Creative Software</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/tablets">Tablets</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/smart-home">Smart Home</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/transportation">Transportation</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/gaming-consoles">Gaming Consoles</a> </div> </li> <li> <div> <div class="flex justify-between items-center"> <a href="https://mashable.com/science" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">SCIENCE</a> <button class="lg:hidden" @click="openMenuSelected('science')"> <svg x-show="showIcon('science')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('science')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('science')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/animals">Animals</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/nasa">NASA</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/rocket-launches">Rocket Launches</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/climate-change">Climate Change</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/environment">Environment</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/space">Space</a> </div> </div> <div class="pt-8 lg:pt-14"> <div class="flex justify-between items-center"> <a href="https://games.mashable.com/" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">GAMES</a> <button class="lg:hidden" @click="openMenuSelected('games')"> <svg x-show="showIcon('games')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('games')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('games')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://games.mashable.com/category/daily">Daily</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://games.mashable.com/category/puzzles">Puzzles</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://games.mashable.com/category/word">Word</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://games.mashable.com/category/card">Card</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://games.mashable.com/category/arcade">Arcade</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://games.mashable.com/category/casino">Casino</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/wordle">Wordle</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/connections">Connections</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/strands">Strands</a> </div> </div> <div class="pt-8 lg:pt-14"> <a href="https://mashable.com/category/social-good" style="text-wrap: nowrap" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">SOCIAL GOOD</a> </div> <div class="pt-8 lg:pt-14"> <div class="flex justify-between items-center"> <a href="https://mashable.com/deals" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">DEALS</a> <button class="lg:hidden" @click="openMenuSelected('deals')"> <svg x-show="showIcon('deals')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('deals')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('deals')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/about/deals-coverage-explained">How we Select Deals</a> </div> </div> </li> <li> <div> <div class="flex justify-between items-center"> <a href="https://mashable.com/entertainment" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">ENTERTAINMENT</a> <button class="lg:hidden" @click="openMenuSelected('entertainment')"> <svg x-show="showIcon('entertainment')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('entertainment')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('entertainment')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/true-crime">True Crime</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/music">Music</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/marvel">Marvel</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/dc-comics">DC Comics</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/disney">Disney</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/pixar">Pixar</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/streaming">Streaming</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/hbo">HBO</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/hulu">Hulu</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/peacock">Peacock</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/movies">Movies</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/tv-shows">TV Shows</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/podcasts">Podcasts</a> </div> </div> <div class="pt-8 lg:pt-14"> <div class="flex justify-between items-center"> <a href="https://mashable.com/life" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">LIFE</a> <button class="lg:hidden" @click="openMenuSelected('life')"> <svg x-show="showIcon('life')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('life')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('life')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/mental-health">Mental Health</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/family-parenting">Family & Parenting</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/careers">Careers</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/sleep">Sleep</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/house-home">House & Home</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/health-wellness">Health & Wellness</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/education">Education</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/sex-dating-relationships">Sex, Dating & Relationships</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/digital-culture">Digital Culture</a> </div> </div> </li> <li> <div> <div class="flex justify-between items-center"> <a href="https://mashable.com/roundups" class="text-white hover:text-accent" style="text-wrap: nowrap" data-ga-click data-ga-label="$text">SHOP THE BEST</a> <button class="lg:hidden" @click="openMenuSelected('shop')"> <svg x-show="showIcon('shop')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('shop')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('shop')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-dating-apps-2024">Dating Apps</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-sexting-apps-2024">Sexting Apps</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-hookup-apps">Hookup Apps</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-vpns">VPNs</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-robot-vacuums">Robot Vaccuums</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-robot-vacuum-and-mop">Robot Vaccum & Mop</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-noise-cancelling-headphones">Headphones</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-portable-bluetooth-speakers">Speakers</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/roundup/best-kindles">Kindles</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/gifts">Gift Guides</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/mashable-choice">Mashable Choice</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/mashable-selects">Mashable Selects</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/kitchen">All Kitchen</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/beauty">All Beauty</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/robot-vacuums">All Robot Vacuums</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/earbuds">All Earbuds</a> </div> </div> <div class="pt-8 lg:pt-14"> <div class="flex justify-between items-center"> <a href="https://mashable.com/review" class="text-white hover:text-accent" data-ga-click="" data-ga-label="$text">REVIEWS</a> <button class="lg:hidden" @click="openMenuSelected('reviews')"> <svg x-show="showIcon('reviews')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('reviews')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('reviews')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/review/adult-friend-finder-review-dating-site">Adult Friend Finder</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/review/bumble-premium-review">Bumble Premium</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/review/tinder-platinum-review">Tinder Platinum</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/review/kindle-paperwhite-signature-edition">Kindle Paperwhite</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/article/ps5-vs-ps5-slim-differences">PS5 vs PS5 Slim</a> </div> </div> </li> <li> <div> <div class="flex justify-between items-center"> <a href="" class="text-white hover:text-white" data-ga-click="" data-ga-label="$text">EVENTS</a> <button class="lg:hidden" @click="openMenuSelected('events')"> <svg x-show="showIcon('events')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-up-light"></use></svg> <svg x-show="!showIcon('events')" class="w-6 h-6 text-white fill-current"><use href="/images/icons/spritemap.svg#sprite-angle-down-light"></use></svg> </button> </div> <div class="flex-col lg:flex" :class="validation('events')"> <a class="py-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/prime-day">Prime Day</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/black-friday">Black Friday</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/cyber-monday">Cyber Monday</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/samsung-unpacked">Samsung Galaxy Unpacked</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/wwdc">WWDC</a> <a class="pb-5 text-sm font-normal leading-5 text-white hover:text-secondary-100" href="https://mashable.com/category/ces">CES</a> </div> </div> <div class="pt-8 lg:pt-14"> <a href="https://mashable.com/videos" style="text-wrap: nowrap" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">VIDEOS</a> </div> </li> </ul> <hr class="my-12 lg:my-16 border-primary-300"> <ul class="flex flex-col mt-12 space-y-4 text-sm font-bold text-white md:flex-row md:space-y-0 md:space-x-6"> <li><a href="https://mashable.com/about/mashable-staff-masthead" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">About Mashable</a></li> <li><a href="https://mashable.com/about/editorial-standards" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">Editorial Standards</a></li> <li><a href="https://mashable.com/about/contact-us" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">Contact Us</a></li> <li><a href="https://www.j2global.com/careers/jobs/?brand=Mashable" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text" target="_blank" title="(opens in a new window)">We're Hiring</a></li> <li><a href="https://mashable.com/newsletters" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">Newsletters</a></li> <li><a href="https://mashable.com/sitemap" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">Sitemap</a></li> </ul> <ul class="flex flex-row flex-wrap my-8 text-white md:mt-5 md:mb-8 md:space-x-8"> <li><a href="https://www.facebook.com/mashable/" aria-label="Mashable Facebook Page" rel="noopener" data-ga-click data-ga-label="facebook" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-facebook-f-brands"></use></svg></a></li> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-facebook-f-brands"></use></svg></a></li> <li><a href="https://twitter.com/mashable" aria-label="Mashable Twitter Page" rel="noopener" data-ga-click data-ga-label="twitter" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-twitter-brands"></use></svg></a></li> <li><a href="http://instagram.com/Mashable" aria-label="Mashable Instagram Page" rel="noopener" data-ga-click data-ga-label="instagram" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-instagram-brands"></use></svg></a></li> <li><a href="https://www.youtube.com/user/mashable" aria-label="Mashable Youtube Page" rel="noopener" data-ga-click data-ga-label="youtube" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-youtube"></use></svg></a></li> <li><a href="https://www.pinterest.com/mashable/" aria-label="Mashable Pinterest Page" rel="noopener" data-ga-click data-ga-label="pinterest" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-pinterest"></use></svg></a></li> <li><a href=" https://www.tiktok.com/@mashable" aria-label="Mashable Tiktok Page" rel="noopener" data-ga-click data-ga-label="tiktok" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-tiktok"></use></svg></a></li> <li><a href="https://flipboard.com/@Mashable" aria-label="Mashable Flipboard Page" rel="noopener" data-ga-click data-ga-label="flipboard" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-flipboard-brands"></use></svg></a></li> <li><a href="https://www.linkedin.com/company/mashable" aria-label="Mashable Linkedin Page" rel="noopener" data-ga-click data-ga-label="linkedin" target="_blank" title="(opens in a new window)"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-linkedin"></use></svg></a></li> <li><a href="https://mashable.com/feeds/rss/all" aria-label="Mashable Feeds Page" rel="noopener" data-ga-click data-ga-label="rss"> <svg class="inline-block mt-6 mr-8 w-5 h-5 text-white fill-current md:mt-0 md:mr-0 hover:text-accent"><use href="/images/icons/spritemap.svg#sprite-rss-solid"></use></svg></a></li> </ul> <div class="font-sans leading-5 subtitle-1">©2005–2024 Mashable, Inc., a Ziff Davis company. All Rights Reserved.</div> <div class="mt-2 font-sans leading-5 subtitle-1">Mashable is a registered trademark of Ziff Davis and may not be used by third parties without express written permission.</div> <ul class="flex flex-col flex-wrap justify-start mt-8 space-y-4 font-sans underline lg:flex-row lg:space-y-0 lg:space-x-6 subtitle-2"> <li><a href="https://www.ziffdavis.com/about" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text" target="_blank" title="(opens in a new window)">About Ziff Davis</a></li> <li><a href="https://www.ziffdavis.com/ztg-privacy-policy" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text" target="_blank" title="(opens in a new window)">Privacy Policy</a></li> <li><a href="https://www.ziffdavis.com/terms-of-use" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text" target="_blank" title="(opens in a new window)">Terms of Use</a></li> <li><a href="https://ziffmedia.com/" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text" target="_blank" title="(opens in a new window)">Advertise</a></li> <li><a href="https://www.ziffdavis.com/accessibility" rel="noopener" class="text-white hover:text-accent" data-ga-click data-ga-label="$text" target="_blank" title="(opens in a new window)">Accessibility</a></li> <li><a href="https://dsar.mashable.com" class="text-white hover:text-accent" data-ga-click data-ga-label="$text">Do Not Sell My Personal Information</a></li> <li> <button class="block" onclick="window.zdconsent.showConsentTool();" data-ga-click data-ga-label="zd_consent"> <img src="https://c.evidon.com/pub/icong1.png" class="inline-block mr-2" alt="ZiffDavis AdChoices" width="14px" height="18px" loading="lazy">AdChoices </button> </li> <li class="lg:pt-0"><a href="https://www.bbb.org/us/ny/new-york/profile/digital-media/ziff-davis-llc-0121-531/#sealclick" rel="noopener" aria-label="BBB Accredited Business Logo" data-ga-click data-ga-label="BBB Accredited Business Logo" target="_blank" title="(opens in a new window)"><svg width="96" height="50" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 78 45"> <defs> <style> .cls-1 { fill: none; } .cls-2 { fill: #fff; } .cls-2, .cls-3 { fill-rule: evenodd; } .cls-4, .cls-3 { fill: #005f85; } .cls-5 { clip-path: url(#clippath); } </style> <clipPath id="clippath"> <rect class="cls-1" width="78" height="45"/> </clipPath> </defs> <!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709) --> <g> <g id="Layer_1"> <g class="cls-5"> <g> <path class="cls-3" d="M4,30.8c-2.1,0-3.8-1.8-3.8-4V4C.1,1.8,1.9,0,4,0h70.2c2.1,0,3.8,1.8,3.8,4v22.7c0,2.2-1.7,4-3.8,4H4Z"/> <path class="cls-2" d="M4.2.6c-1.9,0-3.4,1.5-3.4,3.4v22.7c0,1.9,1.5,3.4,3.4,3.4h23.8V.6H4.2ZM60.1,21.2l.5-.7c.4.4.9.6,1.4.6s.8-.2.8-.5-.4-.4-.9-.5c-.7-.2-1.6-.4-1.6-1.4s.6-1.3,1.7-1.3,1.3.2,1.7.6l-.5.7c-.4-.3-.8-.5-1.3-.5-.4,0-.6.2-.6.4s.4.4.9.5c.7.2,1.6.4,1.6,1.4s-.6,1.4-1.8,1.4c-.8,0-1.5-.3-1.9-.7h0ZM56.1,21.2l.5-.7c.4.4.9.6,1.4.6s.8-.2.8-.5-.4-.4-.9-.5c-.7-.2-1.6-.4-1.6-1.4s.6-1.3,1.7-1.3,1.3.2,1.7.6l-.5.7c-.4-.3-.8-.5-1.3-.5-.4,0-.6.2-.6.4s.4.4.9.5c.7.2,1.6.4,1.6,1.4s-.6,1.4-1.8,1.4c-.8,0-1.5-.3-1.9-.7h0ZM41.5,21.2l.5-.7c.4.4.9.6,1.4.6s.8-.2.8-.5-.4-.4-.9-.5c-.7-.2-1.6-.4-1.6-1.4s.6-1.3,1.7-1.3,1.3.2,1.7.6l-.5.7c-.4-.3-.8-.5-1.3-.5-.4,0-.6.2-.6.4s.4.4.9.5c.7.2,1.6.4,1.6,1.4s-.6,1.4-1.8,1.4c-.8,0-1.4-.3-1.9-.7h0ZM37,20.1v-2.6h1v2.6c0,.6.4,1,1,1s1-.4,1-1v-2.6h1v2.6c0,1.1-.6,1.8-2,1.8-1.3,0-2-.7-2-1.8h0ZM50.7,21.8l-2.1-2.9v2.9h-.9v-4.4h1l2,2.8v-2.8h.9v4.4h-.9ZM45.8,21.8v-4.4h.9v4.4h-.9ZM52.5,21.8v-4.4h3.1v.8h-2.2v.9h2.1v.8h-2.1v1h2.2v.8h-3.1ZM32.6,21.8v-4.4h2.3c.8,0,1.3.5,1.3,1.1s-.3.9-.8,1c.5,0,.8.5.8,1.1s-.4,1.2-1.3,1.2h-2.4s0,0,0,0ZM35.3,20.5c0-.3-.2-.5-.6-.5h-1.2v1h1.2c.4,0,.6-.2.6-.5ZM35.2,18.7c0-.3-.2-.5-.5-.5h-1.2v1h1.2c.3,0,.5-.2.5-.5h0s0,0,0,0ZM36.9,12.1c0-1.3,1-2.3,2.3-2.3.8,0,1.5.4,1.8,1.1l-.8.4c-.2-.4-.6-.6-1-.6-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4c.4,0,.8-.2,1-.6l.8.4c-.3.5-.9,1.1-1.8,1.1-1.3,0-2.3-.9-2.3-2.3ZM41.5,12.1c0-1.3,1-2.3,2.3-2.3.8,0,1.5.4,1.8,1.1l-.8.4c-.2-.4-.6-.6-1-.6-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4c.4,0,.8-.2,1-.6l.8.4c-.3.5-.9,1.1-1.8,1.1-1.3,0-2.3-.9-2.3-2.3ZM48.7,14.3l-.9-1.6h-.7v1.6h-.9v-4.4h2.1c.9,0,1.5.6,1.5,1.4s-.5,1.2-1,1.3l1,1.7h-1.1s0,0,0,0ZM35.6,14.3l-.3-.7h-1.9l-.3.7h-1.1l1.7-4.4h1.2l1.7,4.4h-1.1ZM68.8,14.3v-4.4h1.7c1.4,0,2.3.9,2.3,2.2s-1,2.2-2.3,2.2h-1.7ZM64.9,14.3v-4.4h3.1v.8h-2.2v.9h2.1v.8h-2.1v1h2.2v.8h-3.1ZM59.2,14.3v-4.4h.9v4.4h-.9ZM54.4,14.3v-4.4h1.7c1.4,0,2.3.9,2.3,2.2s-1,2.2-2.3,2.2h-1.7ZM50.5,14.3v-4.4h3.1v.8h-2.2v.9h2.1v.8h-2.1v1h2.2v.8h-3.1ZM62,14.3v-3.6h-1.3v-.8h3.5v.8h-1.3v3.6h-.9ZM71.9,12.1c0-.8-.5-1.4-1.4-1.4h-.8v2.7h.8c.9,0,1.4-.6,1.4-1.4h0ZM57.5,12.1c0-.8-.5-1.4-1.4-1.4h-.8v2.7h.8c.9,0,1.4-.6,1.4-1.4h0ZM34.4,10.8l-.7,1.9h1.4l-.7-1.9ZM48.8,11.3c0-.4-.3-.6-.7-.6h-1v1.2h1c.4,0,.7-.2.7-.6h0Z"/> <path class="cls-3" d="M10,25.4c.6.3.9.5,1,1.2.2,1.4-1,1.9-2.2,1.9h-2.8v-5.9h2.8c1,0,1.9.5,1.9,1.6s-.3,1-.8,1.2h0ZM15.5,25.4c.6.3.9.5,1,1.2.2,1.4-1,1.9-2.2,1.9h-2.8v-5.9h2.8c1,0,1.9.5,1.9,1.6s-.3,1-.8,1.2h0ZM22,26.6c-.1-.8-.4-1-1-1.2.5-.3.8-.7.8-1.2,0-1.1-.9-1.6-1.9-1.6h-2.8v5.9h2.8c1.2,0,2.4-.5,2.2-1.9h0ZM22.8,27.1h0c0-.8.6-1.4,1.4-1.4s1.4.6,1.4,1.4h0c0,.8-.6,1.4-1.4,1.4-.7,0-1.4-.6-1.4-1.4ZM25.4,27.1h0c0-.7-.6-1.2-1.2-1.2s-1.2.6-1.2,1.2h0c0,.7.6,1.2,1.2,1.2s1.2-.6,1.2-1.2ZM23.6,26.3h.6c.2,0,.3,0,.4.1,0,0,.1.2.1.3h0c0,.2-.2.4-.4.4l.4.6h-.3l-.4-.5h-.4v.5h-.2v-1.4s0,0,0,0ZM8.9,27.4h-1.6v-1.3h1.6c1.2,0,1.1,1.3,0,1.3ZM14.4,27.4h-1.6v-1.3h1.6c1.2,0,1.1,1.3,0,1.3ZM18.3,26v1.3h1.6c1.1,0,1.2-1.3,0-1.3h-1.6ZM24.2,27c.2,0,.3,0,.3-.2h0c0-.2-.1-.2-.3-.2h-.4v.5h.4ZM7.3,23.7h1.4c.9,0,.9,1.3,0,1.3h-1.5v-1.3ZM18.3,23.7h1.4c.9,0,.9,1.3,0,1.3h-1.5v-1.3ZM12.8,23.7h1.4c.9,0,.9,1.3,0,1.3h-1.5v-1.3ZM8.7,19.9h2.7l.5,1.6h4.4l.5-1.6h2.7l-.4-1.2h-10l-.4,1.2h0ZM12,10.3l-1.3,1.8c-.7.9-.5,2.5.4,3.1l2.4,1.7c.4.3.4.6.2.9l.4.3,1.2-1.7c.8-1,.7-2.5-.4-3.3l-2.4-1.8c-.3-.2-.3-.5-.2-.8l-.3-.2h0ZM14,2.4l-2,2.8c-.9,1.3-.6,3.6.7,4.5l3.3,2.4c.7.5.8,1.8.3,2.4l.3.2,2.3-3.2c1-1.5,1-3.6-.6-4.8l-3.6-2.6c-.5-.4-.7-1-.3-1.6l-.3-.2h0Z"/> </g> </g> <path class="cls-4" d="M6.2,43.9c-.6,0-1.1,0-1.6-.3-.5-.2-.9-.5-1.2-.8-.4-.4-.6-.8-.8-1.3-.2-.5-.3-1-.3-1.6s0-1.1.3-1.5c.2-.5.5-.9.8-1.3.4-.4.8-.6,1.2-.8.5-.2,1-.3,1.6-.3s1.2.1,1.6.3c.5.2.9.5,1.2.8l-.9.9c-.2-.2-.5-.4-.8-.6-.3-.1-.7-.2-1.1-.2s-.7,0-1,.2c-.3.1-.6.3-.8.6-.2.2-.4.5-.5.9-.1.3-.2.7-.2,1.1s0,.8.2,1.1c.1.3.3.6.5.9.2.2.5.4.8.6.3.1.7.2,1,.2s.9,0,1.2-.2c.3-.1.6-.3.8-.6l.9.9c-.4.4-.8.6-1.2.8-.5.2-1,.3-1.6.3ZM10.1,43.8v-7.9h1.2v7.9h-1.2ZM12.6,43.8v-5.3h1.2v5.3h-1.2ZM13.2,37.5c-.2,0-.4,0-.5-.2-.1-.1-.2-.3-.2-.5s0-.4.2-.5c.1-.1.3-.2.5-.2s.4,0,.5.2c.1.1.2.3.2.5s0,.4-.2.5c-.1.1-.3.2-.5.2ZM17.6,43.9c-.5,0-1-.1-1.4-.4-.4-.2-.7-.6-1-1-.2-.4-.4-.9-.4-1.4s.1-1,.4-1.4c.2-.4.6-.7,1-1,.4-.2.9-.4,1.4-.4s.8,0,1.1.2c.4.2.7.4.9.7l-.8.8c-.2-.2-.3-.3-.6-.4-.2,0-.4-.1-.7-.1s-.6,0-.8.2c-.2.1-.4.3-.5.5-.1.2-.2.5-.2.8s0,.6.2.8c.1.2.3.4.5.6.2.1.5.2.8.2s.5,0,.7-.1c.2,0,.4-.2.6-.4l.8.8c-.2.3-.6.5-.9.7-.4.2-.7.2-1.1.2ZM23.9,43.8l-2.2-2.7,2.2-2.6h1.4l-2.6,2.9v-.7c0,0,2.7,3.1,2.7,3.1h-1.5ZM20.6,43.8v-7.9h1.2v7.9h-1.2ZM29.1,43.8v-6c0-.4,0-.8.3-1.1.2-.3.4-.5.7-.7.3-.2.7-.3,1.1-.3s.6,0,.8.2c.2.1.4.3.6.5l-.8.8c0,0-.2-.2-.3-.2-.1,0-.2,0-.4,0-.3,0-.5,0-.7.2-.2.2-.2.4-.2.7v6h-1.2ZM27.8,39.6v-1.1h4.1v1.1h-4.1ZM35,43.9c-.5,0-1-.1-1.4-.4-.4-.2-.8-.6-1-1-.2-.4-.4-.9-.4-1.4s.1-1,.4-1.4c.2-.4.6-.7,1-1,.4-.2.9-.4,1.4-.4s1,.1,1.4.4c.4.2.7.6,1,1,.2.4.4.9.4,1.4s-.1,1-.4,1.4c-.2.4-.6.8-1,1-.4.2-.9.4-1.4.4ZM35,42.7c.3,0,.6,0,.8-.2.2-.1.4-.3.5-.6.1-.2.2-.5.2-.8s0-.6-.2-.8c-.1-.2-.3-.4-.5-.5-.2-.1-.5-.2-.8-.2s-.6,0-.8.2c-.2.1-.4.3-.5.5-.1.2-.2.5-.2.8s0,.6.2.8c.1.2.3.4.5.6.2.1.5.2.8.2ZM38.8,43.8v-5.3h1.2v5.3h-1.2ZM40,40.9l-.4-.2c0-.7.1-1.2.4-1.6.3-.4.8-.6,1.4-.6s.5,0,.7.1c.2,0,.4.2.6.5l-.8.8c0-.1-.2-.2-.3-.2-.1,0-.3,0-.4,0-.3,0-.6.1-.8.3-.2.2-.3.5-.3,1ZM46.7,40.9v-1.1h1.9c.3,0,.5,0,.7-.2.2-.1.4-.3.5-.5.1-.2.2-.4.2-.7s0-.5-.2-.7c-.1-.2-.3-.3-.5-.5-.2-.1-.4-.2-.7-.2h-1.9v-1.1h2c.5,0,.9,0,1.3.3.4.2.7.5.9.8.2.4.3.8.3,1.3s-.1.9-.3,1.3c-.2.4-.5.6-.9.8-.4.2-.8.3-1.3.3h-2ZM45.8,43.8v-7.7h1.3v7.7h-1.3ZM52.3,43.8v-5.3h1.2v5.3h-1.2ZM53.5,40.9l-.4-.2c0-.7.1-1.2.4-1.6.3-.4.8-.6,1.4-.6s.5,0,.7.1c.2,0,.4.2.6.5l-.8.8c0-.1-.2-.2-.3-.2-.1,0-.3,0-.4,0-.3,0-.6.1-.8.3-.2.2-.3.5-.3,1ZM59,43.9c-.5,0-1-.1-1.4-.4-.4-.2-.8-.6-1-1-.2-.4-.4-.9-.4-1.4s.1-1,.4-1.4c.2-.4.6-.7,1-1,.4-.2.9-.4,1.4-.4s1,.1,1.4.4c.4.2.7.6,1,1,.2.4.4.9.4,1.4s-.1,1-.4,1.4c-.2.4-.6.8-1,1-.4.2-.9.4-1.4.4ZM59,42.7c.3,0,.6,0,.8-.2.2-.1.4-.3.5-.6.1-.2.2-.5.2-.8s0-.6-.2-.8c-.1-.2-.3-.4-.5-.5-.2-.1-.5-.2-.8-.2s-.6,0-.8.2c-.2.1-.4.3-.5.5-.1.2-.2.5-.2.8s0,.6.2.8c.1.2.3.4.5.6.2.1.5.2.8.2ZM63.4,43.8v-6.2c0-.4,0-.7.2-.9.2-.3.4-.5.7-.7.3-.2.6-.2,1-.2s.5,0,.7.1c.2,0,.4.2.6.4l-.8.8c0,0-.2-.1-.2-.1,0,0-.2,0-.3,0-.2,0-.4,0-.5.2-.1.1-.2.3-.2.5v6.2h-1.2ZM62.1,39.6v-1.1h5.1v1.1h-5.1ZM66.6,43.8v-5.3h1.2v5.3h-1.2ZM67.2,38.1c-.2,0-.4,0-.5-.2-.1-.1-.2-.3-.2-.5s0-.4.2-.5c.1-.1.3-.2.5-.2s.4,0,.5.2c.1.1.2.3.2.5s0,.4-.2.5c-.1.1-.3.2-.5.2ZM69.1,43.8v-7.9h1.2v7.9h-1.2ZM74.1,43.9c-.5,0-1-.1-1.4-.4-.4-.2-.8-.6-1-1-.2-.4-.4-.9-.4-1.4s.1-1,.4-1.4c.2-.4.6-.7,1-1,.4-.2.9-.4,1.4-.4s.9.1,1.3.3c.4.2.7.5.9.9.2.4.3.8.3,1.4s0,.2,0,.3c0,0,0,.2,0,.3h-4.3v-1h3.7l-.5.4c0-.3,0-.6-.2-.8s-.3-.4-.5-.5c-.2-.1-.4-.2-.7-.2s-.6,0-.8.2c-.2.1-.4.3-.5.6-.1.2-.2.5-.2.8s0,.6.2.9c.1.2.3.4.6.6.2.1.5.2.8.2s.5,0,.7-.1c.2,0,.4-.2.6-.4l.8.8c-.3.3-.6.5-.9.7-.4.2-.8.2-1.2.2Z"/> </g> </g> </svg></a></li> </ul> </div> </div> </footer> <script defer src="/js/app.js?id=9093eb45b2010dd0cc99f31396178dbc"></script> </body> </html>