CINXE.COM
Lifehacker | Do everything better
<!doctype html> <html lang="en"> <head> <title>Lifehacker | Do everything better</title> <meta charset="UTF-8"> <meta name="csrf-token" content="FkTFpkTr8mmrsnZBhrfkYnsNiMgZlYVxgAsAxA7n"> <link href="https://lifehacker.com" rel="canonical"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0"> <meta name="theme-color" content="#ffffff"> <meta name="application-name" content="Lifehacker"> <meta name="description" content="Lifehacker is the ultimate authority on optimizing every aspect of your life. Do everything better."> <meta name="robots" content="index,follow,max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta property="fb:app_id" content="37418175030"> <meta property="fb:pages" content="7568536355"> <meta property="og:site_name" content="Lifehacker"> <meta property="og:title" content="Lifehacker | Do everything better"> <meta property="og:url" content="https://lifehacker.com"> <meta property="og:description" content="Lifehacker is the ultimate authority on optimizing every aspect of your life. Do everything better."> <meta property="og:image" content="https://lifehacker.com/images/lifehacker-logo.svg"> <meta property="og:image:secure_url" content="https://lifehacker.com/images/lifehacker-logo.svg"> <meta property="og:image:width" content="1200"> <meta property="og:type" content="website"> <meta name="twitter:site" content="@Lifehacker"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:creator" content="@Lifehacker"> <meta name="twitter:title" content="Lifehacker | Do everything better"> <meta name="twitter:description" content="Lifehacker is the ultimate authority on optimizing every aspect of your life. Do everything better."> <meta name="twitter:url" content="https://lifehacker.com"> <meta name="twitter:image" content="https://lifehacker.com/images/lifehacker-logo.svg"> <link href="/images/favicon.ico" rel="icon" sizes="any"> <link type="image/png" href="/images/favicon-16x16.png" rel="icon"> <link type="image/png" href="/images/favicon-32x32.png" rel="icon"> <link type="image/png" href="/images/android-chrome-192x192.png" rel="icon"> <link type="image/png" href="/images/android-chrome-384x384.png" rel="icon"> <link href="/images/apple-touch-icon.png" rel="apple-touch-icon"> <link href="/manifest.json" rel="manifest"> <link type="application/rss+xml" href="https://lifehacker.com/feed/rss" title="Lifehacker - All stories" rel="alternate"> <link rel="alternate" hreflang="en" href="https://lifehacker.com/" /> <link rel="alternate" hreflang="en-au" href="https://au.lifehacker.com/" /> <link rel="alternate" hreflang="en-us" href="https://lifehacker.com/" /> <link rel="alternate" hreflang="x-default" href="https://lifehacker.com/" /> <link href="https://cdn.ziffstatic.com" rel="dns-prefetch"> <link href="//cdn.ziffstatic.com" rel="preconnect"> <link href="//www.googletagmanager.com" rel="preconnect"> <link href="/images/icons/spritemap.svg?id=94665df31d9a0b3b989da291edaaf54d" rel="preload" as="image"> <link href="https://cdn.ziffstatic.com/jst/zdconsent.js" rel="preload" as="script"> <link type="font/ttf" href="/fonts/InterVariable.ttf" rel="preload" as="font" crossorigin> <link type="font/ttf" href="/fonts/InterVariable-Italic.ttf" rel="preload" as="font" crossorigin> <link type="font/ttf" href="/fonts/Akshar-VariableFont_wght.ttf" rel="preload" as="font" crossorigin> <link type="font/ttf" href="/fonts/LeagueGothic-Regular-VariableFont_wdth.ttf" rel="preload" as="font" crossorigin> <link rel="preload" as="image" href="https://lifehacker.com/imagery/articles/01JDANJ0A6MJF0H7099Z238A8R/hero-image.fill.size_900x450.v1732646111.png" > <link href="https://g.lifehacker.com/lifehacker.js?url=https%3A%2F%2Flifehacker.com" rel="preload" as="script"> <script type="text/javascript" src="https://g.lifehacker.com/lifehacker.js?url=https%3A%2F%2Flifehacker.com" async></script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"NewsMediaOrganization","url":"https:\/\/lifehacker.com","name":"Lifehacker","foundingDate":"2005","founder":{"@type":"Person","name":"Gina Trapani","url":"https:\/\/ginatrapani.org\/","jobTitle":"Founder","sameAs":["https:\/\/www.linkedin.com\/in\/ginatrapani\/"]},"employee":{"@type":"Person","name":"Jordan Calhoun","url":"https:\/\/twitter.com\/JordanMCalhoun","jobTitle":"Editor-in-Chief"},"logo":{"@type":"ImageObject","url":"https:\/\/lifehacker.com\/images\/lifehacker-logo.svg","width":318,"height":100},"sameAs":["https:\/\/lifehacker.com\/","https:\/\/www.facebook.com\/lifehacker\/","https:\/\/www.youtube.com\/lifehacker","https:\/\/www.twitter.com\/lifehacker","https:\/\/www.instagram.com\/lifehackerdotcom"],"description":"Lifehacker is the ultimate authority on optimizing every aspect of your life. Do everything better."}</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/lifehacker.com","name":"Lifehacker","description":"Lifehacker is the ultimate authority on optimizing every aspect of your life. Do everything better.","inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lifehacker.com\/search?q={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":"https:\/\/schema.org\/True","valueName":"search_term_string"}}}</script> <script> var PogoConfig = { "template": "homepage", "category": "homepage" } </script> <link href="https://cdn.ziffstatic.com/pg/lifehacker.js" rel="preload" as="script"> <link href="https://cdn.ziffstatic.com/pg/lifehacker.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link href="https://cdn.ziffstatic.com/pg/lifehacker.prebid.js" rel="preload" as="script"> <link href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" rel="preload" as="script"> <script id="pogo" src="https://cdn.ziffstatic.com/pg/lifehacker.js" async></script> <script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" async></script> <script src="https://cdn.ziffstatic.com/jst/zdconsent.js"></script> <link href="https://cdn.static.zdbb.net/js/z0WVjCBSEeGLoxIxOQVEwQ.min.js" rel="preload" as="script"> <script src="https://cdn.static.zdbb.net/js/z0WVjCBSEeGLoxIxOQVEwQ.min.js" defer></script> <script> window.gaVariable = {"template":"frontpage","content_type":"Homepage","transport_type":"beacon","video_type":"clip","split_test_identifier":null,"split_test_variant":null,"custom_map":{"dimension7":"day_published","dimension8":"month_published","dimension9 ":"year_published","dimension10":"full_published_date","dimension11":"template","dimension16":"object_type","dimension17":"object_uuid","dimension18":"test_uuid","dimension19":"test_version","dimension20":"original_published_date","dimension21":"days_since_updated","dimension22":"weeks_since_updated","dimension23":"days_since_originally_published","dimension24":"weeks_since_originally_published","dimension25":"focus_keyword","dimension26":"is_affiliated","dimension34":"categories","dimension35":"sections","dimension38":"no_index","dimension41":"videoType","dimension42":"videoId","dimension43":"slideshowItems","dimension44":"videoLength","dimension45":"videoTitle","dimension50":"videoPlayerName","dimension51":"slideshowType","dimension53":"slidePosition","dimension70":"legacy_id","dimension78":"content_priority","dimension80":"original_published_date","dimension82":"title","dimension99":"author_name"}}; window.gaVariable.page_path = window.location.pathname; let gtagSessionId = (document.cookie.match(/^(?:.*;)?\s*gtagSessionId\s*=\s*([^;]+)(?:.*)?$/) || [, null])[1] if (gtagSessionId == null) { gtagSessionId = Math.random().toString(36).substring(2, 12).padStart(10, '0') + Date.now().toString(36); let domain = window.location.hostname let expires = (new Date(Date.now() + (60 * 60 * 1000))).toUTCString(); // 60 Minutes document.cookie = `gtagSessionId=${gtagSessionId}; expires=${expires}; domain=${domain}; path=/` } window.gtagSessionId = gtagSessionId; </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-7E851STSQZ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-7E851STSQZ', { 'send_page_view': false, 'session': window.gtagSessionId, template: window.gaVariable.template || null, ad_block: window.adblock ? 'Blocked' : 'NotBlocked' }); let gtagAnalytics = {} if (window.gaVariable.use_dimension_data) { gtagAnalytics = { author: window.gaVariable.author_name || null, categories: window.gaVariable.categories || null, sections: window.gaVariable.sections || null, no_index: window.gaVariable.no_index || 0, day_published: window.gaVariable.day_published || null, days_since_originally_published: window.gaVariable.days_since_originally_published || null, days_since_updated: window.gaVariable.days_since_updated || null, first_published_at: window.gaVariable.original_published_date || null, focus_keyword: window.gaVariable.focus_keyword || null, is_affiliated: window.gaVariable.is_affiliated || null, month_published: window.gaVariable.month_published || null, object_type: window.gaVariable.object_type || null, object_uuid: window.gaVariable.object_uuid || null, pageview_type: window.gaVariable.page_view_type || null, published_at: window.gaVariable.full_published_date || null, slideshow_items: window.gaVariable.slideshowItems || null, split_test_identifier: window.gaVariable.split_test_identifier || null, split_test_variant: window.gaVariable.split_test_variant || null, video_id: window.gaVariable.videoId || null, video_name: window.gaVariable.videoTitle || null, video_player_type: window.gaVariable.videoPlayerName || 'jwplayer', video_url: window.gaVariable.video_url || null, weeks_since_originally_published: window.gaVariable.weeks_since_originally_published || null, weeks_since_updated: window.gaVariable.weeks_since_updated || null, year_published: window.gaVariable.year_published || null, word_count: window.gaVariable.word_count || null, } } gtagAnalytics.ad_block = window.adblock ? 'adblock on' : 'adblock off'; gtag('event', 'page_view', gtagAnalytics) </script> <script> (function() { let sections = ''; if (window.gaVariable.sections) { sections = window.gaVariable.sections.split(',').map(item => 'Category - ' + item.trim()).join(','); } if (window.gaVariable.content_type) { sections += (sections !== '' ? ',' : '') + 'Content Type - ' + window.gaVariable.content_type; } if (window.gaVariable.series) { sections += (sections !== '' ? ',' : '') + 'Series - ' + window.gaVariable.series; } var _sf_async_config = window._sf_async_config = (window._sf_async_config || {}); /** CONFIGURATION START **/ _sf_async_config.uid = '21105'; _sf_async_config.domain = 'lifehacker.com'; _sf_async_config.useCanonical = true; _sf_async_config.useCanonicalDomain = true; _sf_async_config.sections = sections; _sf_async_config.authors = window.gaVariable.author_name || ''; _sf_async_config.type = window.gaVariable.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 _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "6036202" }); </script> <script src="https://sb.scorecardresearch.com/beacon.js" async></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", "37418175030"); fbq("track", "PageView"); } } </script> <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/6171/i.js"; e.async = true; d.getElementsByTagName("head")[0].appendChild(e); } } }(document)); </script> <script src="https://cdn.p-n.io/pushly-sdk.min.js?domain_key=qA3ogxs31FIYesKg4VVK6GHnzd9Js3wTyyKy" defer></script> <script> var PushlySDK = window.PushlySDK || []; function pushly() { PushlySDK.push(arguments); } pushly("load", { domainKey: 'qA3ogxs31FIYesKg4VVK6GHnzd9Js3wTyyKy', 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> <script src="//tru.am/scripts/custom/ziffmedia.js" async></script> <style> @font-face{font-display:swap;font-family:inter;font-style:normal;font-weight:100 800;src:url(/fonts/InterVariable.ttf) format("truetype-variations")}@font-face{font-display:swap;font-family:inter;font-style:italic;font-weight:100 800;src:url(/fonts/InterVariable-Italic.ttf) format("truetype-variations")}@font-face{font-display:swap;font-family:akshar;font-weight:100 800;src:url(/fonts/Akshar-VariableFont_wght.ttf) format("truetype-variations")}@font-face{font-display:swap;font-family:league;font-weight:100 800;src:url(/fonts/LeagueGothic-Regular-VariableFont_wdth.ttf) format("truetype-variations")} .sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-10{bottom:-2.5rem}.-left-\[4\%\]{left:-4%}.-left-\[80\%\]{left:-80%}.-right-\[40px\]{right:-40px}.-right-\[45px\]{right:-45px}.-top-4{top:-1rem}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-7{left:1.75rem}.left-\[4px\]{left:4px}.left-\[calc\(50\%-50px\)\]{left:calc(50% - 50px)}.right-0{right:0}.right-\[25px\]{right:25px}.top-0{top:0}.top-1\/2{top:50%}.top-12{top:3rem}.top-\[-50px\]{top:-50px}.top-\[10px\]{top:10px}.top-\[20px\]{top:20px}.top-\[50px\]{top:50px}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-8{order:8}.order-9{order:9}.order-first{order:-9999}.col-span-2{grid-column:span 2/span 2}.\!m-0{margin:0!important}.m-0{margin:0}.m-1{margin:.25rem}.m-5{margin:1.25rem}.\!my-20{margin-bottom:5rem!important;margin-top:5rem!important}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-0{margin-left:0;margin-right:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.my-12{margin-bottom:3rem;margin-top:3rem}.my-16{margin-bottom:4rem;margin-top:4rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-24{margin-bottom:6rem;margin-top:6rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.my-auto{margin-bottom:auto;margin-top:auto}.\!mb-1{margin-bottom:.25rem!important}.\!mt-0{margin-top:0!important}.-mb-\[11px\]{margin-bottom:-11px}.-ml-1{margin-left:-.25rem}.-ml-\[2px\]{margin-left:-2px}.-ml-px{margin-left:-1px}.-mt-4{margin-top:-1rem}.-mt-8{margin-top:-2rem}.-mt-\[13px\]{margin-top:-13px}.-mt-\[2px\]{margin-top:-2px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.ml-9{margin-left:2.25rem}.ml-\[1px\]{margin-left:1px}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[6px\]{margin-top:6px}.mt-auto{margin-top:auto}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-3{height:.75rem;width:.75rem}.size-5{height:1.25rem;width:1.25rem}.h-0{height:0}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-20{height:5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[10px\]{height:10px}.h-\[15px\]{height:15px}.h-\[2px\]{height:2px}.h-\[574px\]{height:574px}.h-\[60px\]{height:60px}.h-\[6px\]{height:6px}.h-\[75px\]{height:75px}.h-\[90px\]{height:90px}.h-\[calc\(100\%-40px\)\]{height:calc(100% - 40px)}.h-auto{height:auto}.h-full{height:100%}.h-min{height:-moz-min-content;height:min-content}.h-screen{height:100vh}.max-h-20{max-height:5rem}.max-h-full{max-height:100%}.min-h-12{min-height:3rem}.\!w-40{width:10rem!important}.w-1\/12{width:8.333333%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/5{width:20%}.w-1\/6{width:16.666667%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-2{width:.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-40{width:10rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-56{width:14rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[10px\]{width:10px}.w-\[1px\]{width:1px}.w-\[350px\]{width:350px}.w-\[60px\]{width:60px}.w-\[64px\]{width:64px}.w-\[75px\]{width:75px}.w-\[800px\]{width:800px}.w-auto{width:auto}.w-dvw{width:100dvw}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-\[200px\]{min-width:200px}.\!max-w-full{max-width:100%!important}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-60{max-width:15rem}.max-w-8xl{max-width:85rem}.max-w-\[100px\]{max-width:100px}.max-w-\[10rem\]{max-width:10rem}.max-w-\[118px\]{max-width:118px}.max-w-\[16rem\]{max-width:16rem}.max-w-\[318px\]{max-width:318px}.max-w-\[703px\]{max-width:703px}.max-w-\[75px\]{max-width:75px}.max-w-\[calc\(100\%-1rem\)\]{max-width:calc(100% - 1rem)}.max-w-\[unset\]{max-width:unset}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.\!list-none{list-style-type:none!important}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-20{-moz-column-gap:5rem;column-gap:5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-10{row-gap:2.5rem}.gap-y-12{row-gap:3rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-8{row-gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.divide-black>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(0 0 0/var(--tw-divide-opacity))}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-scroll{overflow-x:scroll}.overscroll-none{overscroll-behavior:none}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.rounded-bl-none{border-bottom-left-radius:0}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-x-0{border-left-width:0;border-right-width:0}.border-y-2{border-bottom-width:2px;border-top-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-\[\#CFCFCE\]{--tw-border-opacity:1;border-color:rgb(207 207 206/var(--tw-border-opacity))}.border-\[\#F0F0F0\]{border-color:rgb(240 240 240/var(--tw-border-opacity))}.border-\[\#F0F0F0\],.border-black{--tw-border-opacity:1}.border-black{border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-brand-green{--tw-border-opacity:1;border-color:rgb(2 136 88/var(--tw-border-opacity))}.border-brand-green-gradient-start{--tw-border-opacity:1;border-color:rgb(111 181 56/var(--tw-border-opacity))}.border-gray-100{border-color:rgb(245 245 244/var(--tw-border-opacity))}.border-gray-100,.border-gray-200{--tw-border-opacity:1}.border-gray-200{border-color:rgb(231 229 228/var(--tw-border-opacity))}.border-gray-300{border-color:rgb(214 211 209/var(--tw-border-opacity))}.border-gray-300,.border-gray-400{--tw-border-opacity:1}.border-gray-400{border-color:rgb(168 162 158/var(--tw-border-opacity))}.border-gray-500{border-color:rgb(120 113 108/var(--tw-border-opacity))}.border-gray-500,.border-gray-800{--tw-border-opacity:1}.border-gray-800{border-color:rgb(41 37 36/var(--tw-border-opacity))}.\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black,.bg-brand-green{--tw-bg-opacity:1}.bg-brand-green{background-color:rgb(2 136 88/var(--tw-bg-opacity))}.bg-brand-green-100{--tw-bg-opacity:1;background-color:rgb(207 255 221/var(--tw-bg-opacity))}.bg-brand-green-gradient-start{--tw-bg-opacity:1;background-color:rgb(111 181 56/var(--tw-bg-opacity))}.bg-gray-100{background-color:rgb(245 245 244/var(--tw-bg-opacity))}.bg-gray-100,.bg-white{--tw-bg-opacity:1}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-brand-green-gradient-start{--tw-gradient-from:#6fb538 var(--tw-gradient-from-position);--tw-gradient-to:rgba(111,181,56,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-80\%{--tw-gradient-from-position:80%}.to-brand-green-gradient-end{--tw-gradient-to:#38b588 var(--tw-gradient-to-position)}.to-15\%{--tw-gradient-to-position:15%}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:0!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-\[2px\]{padding:2px}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-9{padding-bottom:2.25rem;padding-top:2.25rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-\[2px\]{padding-bottom:2px}.pb-\[88\.88\%\]{padding-bottom:88.88%}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-7{padding-right:1.75rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.font-akshar{font-family:akshar,Segoe UI,Helvetica Neue,Helvetica,Roboto,sans-serif}.font-league{font-family:league,Segoe UI,Helvetica Neue,Helvetica,Roboto,sans-serif}.font-sans{font-family:inter,Segoe UI,Helvetica Neue,Helvetica,Roboto,sans-serif}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem}.text-5xl,.text-6xl{line-height:1}.text-6xl{font-size:3.75rem}.text-\[10rem\]{font-size:10rem}.text-\[8px\]{font-size:8px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-10{line-height:2.5rem}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-9{line-height:2.25rem}.leading-\[1\.75\]{line-height:1.75}.leading-\[10rem\]{line-height:10rem}.leading-loose{line-height:2}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-black{color:rgb(0 0 0/var(--tw-text-opacity))}.text-black,.text-brand-green{--tw-text-opacity:1}.text-brand-green{color:rgb(2 136 88/var(--tw-text-opacity))}.text-gray-400{color:rgb(168 162 158/var(--tw-text-opacity))}.text-gray-400,.text-gray-500{--tw-text-opacity:1}.text-gray-500{color:rgb(120 113 108/var(--tw-text-opacity))}.text-gray-600{color:rgb(87 83 78/var(--tw-text-opacity))}.text-gray-600,.text-gray-700{--tw-text-opacity:1}.text-gray-700{color:rgb(68 64 60/var(--tw-text-opacity))}.text-gray-800{color:rgb(41 37 36/var(--tw-text-opacity))}.text-gray-800,.text-gray-900{--tw-text-opacity:1}.text-gray-900{color:rgb(28 25 23/var(--tw-text-opacity))}.text-red{color:rgb(251 87 8/var(--tw-text-opacity))}.text-red,.text-red-600{--tw-text-opacity:1}.text-red-600{color:rgb(220 38 38/var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-2{text-decoration-thickness:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(214 211 209/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}[x-cloak]{display:none}::-moz-selection{--tw-bg-opacity:1;background-color:rgb(207 255 221/var(--tw-bg-opacity))}::selection{--tw-bg-opacity:1;background-color:rgb(207 255 221/var(--tw-bg-opacity))}.custom-gradient-background,.custom-gradient-text{--tw-gradient-from:#6fb538 var(--tw-gradient-from-position);--tw-gradient-to:rgba(111,181,56,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#38b588 var(--tw-gradient-to-position);background-image:linear-gradient(to right,var(--tw-gradient-stops))}.custom-gradient-text{-webkit-background-clip:text;background-clip:text;color:transparent}.custom-gradient-text:hover{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#000 var(--tw-gradient-to-position)}.custom-hr{--tw-gradient-from:#6fb538 var(--tw-gradient-from-position);--tw-gradient-to:rgba(111,181,56,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#38b588 var(--tw-gradient-to-position);background-image:linear-gradient(to right,var(--tw-gradient-stops));border-width:0;height:2px}.custom-background-image{background-image:url(/images/newsletter-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.placeholder\:text-gray-900::-moz-placeholder{--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity))}.placeholder\:text-gray-900::placeholder{--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-full:before{bottom:100%;content:var(--tw-content)}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:h-6:before{height:1.5rem}.before\:h-6:before,.before\:w-0:before{content:var(--tw-content)}.before\:w-0:before{width:0}.before\:w-0\.5:before{content:var(--tw-content);width:.125rem}.before\:-translate-x-1\/2:before{--tw-translate-x:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:bg-brand-green:before{--tw-bg-opacity:1;background-color:rgb(2 136 88/var(--tw-bg-opacity));content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-full:after{bottom:100%;content:var(--tw-content)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:top-full:after{top:100%}.after\:h-6:after,.after\:top-full:after{content:var(--tw-content)}.after\:h-6:after{height:1.5rem}.after\:w-0:after{width:0}.after\:w-0:after,.after\:w-0\.5:after{content:var(--tw-content)}.after\:w-0\.5:after{width:.125rem}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:bg-brand-green:after{--tw-bg-opacity:1;background-color:rgb(2 136 88/var(--tw-bg-opacity));content:var(--tw-content)}.first\:mb-11:first-child{margin-bottom:2.75rem}.last\:\!mb-0:last-child{margin-bottom:0!important}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-brand-green:hover{--tw-border-opacity:1;border-color:rgb(2 136 88/var(--tw-border-opacity))}.hover\:bg-brand-green:hover{--tw-bg-opacity:1;background-color:rgb(2 136 88/var(--tw-bg-opacity))}.hover\:bg-brand-green-100:hover{--tw-bg-opacity:1;background-color:rgb(207 255 221/var(--tw-bg-opacity))}.hover\:bg-brand-green-700:hover{--tw-bg-opacity:1;background-color:rgb(18 85 58/var(--tw-bg-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:text-brand-green:hover{--tw-text-opacity:1;color:rgb(2 136 88/var(--tw-text-opacity))}.hover\:text-brand-green-700:hover{--tw-text-opacity:1;color:rgb(18 85 58/var(--tw-text-opacity))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(120 113 108/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:custom-underline:hover{text-decoration-color:#cfffdd;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.5rem;text-underline-offset:-.25rem}.hover\:custom-gradient-text:hover{--tw-gradient-from:#6fb538 var(--tw-gradient-from-position);--tw-gradient-to:rgba(111,181,56,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#38b588 var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--tw-gradient-stops));color:transparent}.hover\:custom-gradient-text:hover:hover{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#000 var(--tw-gradient-to-position)}.focus\:z-10:focus{z-index:10}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:bg-gray-100:active{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity))}.active\:text-gray-500:active{--tw-text-opacity:1;color:rgb(120 113 108/var(--tw-text-opacity))}.active\:text-gray-700:active{--tw-text-opacity:1;color:rgb(68 64 60/var(--tw-text-opacity))}.group:hover .group-hover\:text-brand-green{--tw-text-opacity:1;color:rgb(2 136 88/var(--tw-text-opacity))}.group:hover .group-hover\:custom-underline{text-decoration-color:#cfffdd;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.5rem;text-underline-offset:-.25rem}.peer:checked~.peer-checked\:block{display:block}.peer:hover~.peer-hover\:custom-underline{text-decoration-color:#cfffdd;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.5rem;text-underline-offset:-.25rem}.has-\[\*\]\:block:has(*){display:block}.has-\[\*\]\:flex:has(*){display:flex}.has-\[\:checked\]\:\!border-transparent:has(:checked){border-color:transparent!important}.has-\[\:checked\]\:\!bg-brand-green:has(:checked){--tw-bg-opacity:1!important;background-color:rgb(2 136 88/var(--tw-bg-opacity))!important}.prose-p\:m-0 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){margin:0}.prose-li\:m-0 :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){margin:0}.prose-li\:marker\:text-black * :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *)))::marker{color:#000}.prose-li\:marker\:text-black :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *)))::marker{color:#000}@media (min-width:375px){.xs\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xs\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xs\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xs\:flex-row{flex-direction:row}.xs\:items-center{align-items:center}.xs\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.xs\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.xs\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}}@media (min-width:640px){.sm\:absolute{position:absolute}.sm\:left-1\/2{left:50%}.sm\:left-\[5px\]{left:5px}.sm\:top-20{top:5rem}.sm\:order-2{order:2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mb-11{margin-bottom:2.75rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mb-14{margin-bottom:3.5rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:mb-24{margin-bottom:6rem}.sm\:ml-0{margin-left:0}.sm\:ml-7{margin-left:1.75rem}.sm\:mr-2{margin-right:.5rem}.sm\:mt-0{margin-top:0}.sm\:mt-20{margin-top:5rem}.sm\:mt-24{margin-top:6rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-3{height:.75rem}.sm\:h-8{height:2rem}.sm\:w-1\/2{width:50%}.sm\:w-3{width:.75rem}.sm\:w-8{width:2rem}.sm\:w-\[150px\]{width:150px}.sm\:w-\[200px\]{width:200px}.sm\:w-\[768px\]{width:768px}.sm\:w-auto{width:auto}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-\[33\%\]{max-width:33%}.sm\:max-w-\[60\%\]{max-width:60%}.sm\:max-w-\[calc\(100\%-2\.5rem\)\]{max-width:calc(100% - 2.5rem)}.sm\:max-w-md{max-width:28rem}.sm\:flex-1{flex:1 1 0%}.sm\:-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-normal{justify-content:normal}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:.75rem}.sm\:gap-5{gap:1.25rem}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:self-start{align-self:flex-start}.sm\:rounded-md{border-radius:.375rem}.sm\:rounded-tl-none{border-top-left-radius:0}.sm\:p-10{padding:2.5rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-16{padding-bottom:4rem;padding-top:4rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:pl-4{padding-left:1rem}.sm\:pr-4{padding-right:1rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-left{text-align:left}.sm\:text-justify{text-align:justify}.sm\:\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:font-medium{font-weight:500}.sm\:leading-6{line-height:1.5rem}}@media (min-width:768px){.md\:left-full{left:100%}.md\:right-auto{right:auto}.md\:top-\[calc\(-50\%-2px\)\]{top:calc(-50% - 2px)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-none{order:0}.md\:col-span-1{grid-column:span 1/span 1}.md\:mx-0{margin-left:0;margin-right:0}.md\:my-0{margin-top:0}.md\:mb-0,.md\:my-0{margin-bottom:0}.md\:mb-8{margin-bottom:2rem}.md\:ml-0{margin-left:0}.md\:ml-2{margin-left:.5rem}.md\:ml-4{margin-left:1rem}.md\:mr-2{margin-right:.5rem}.md\:mr-4{margin-right:1rem}.md\:mr-8{margin-right:2rem}.md\:mt-0{margin-top:0}.md\:mt-1{margin-top:.25rem}.md\:mt-2{margin-top:.5rem}.md\:mt-24{margin-top:6rem}.md\:mt-3{margin-top:.75rem}.md\:mt-4{margin-top:1rem}.md\:mt-8{margin-top:2rem}.md\:block{display:block}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:h-10{height:2.5rem}.md\:h-\[20px\]{height:20px}.md\:h-auto{height:auto}.md\:w-1\/2{width:50%}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:max-w-\[180px\]{max-width:180px}.md\:flex-initial{flex:0 1 auto}.md\:grow{flex-grow:1}.md\:grow-0{flex-grow:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:gap-x-0{-moz-column-gap:0;column-gap:0}.md\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.md\:gap-y-1{row-gap:.25rem}.md\:gap-y-2{row-gap:.5rem}.md\:gap-y-4{row-gap:1rem}.md\:gap-y-6{row-gap:1.5rem}.md\:space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(4rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(4rem*var(--tw-space-x-reverse))}.md\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.md\:space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.75rem*var(--tw-space-x-reverse))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:p-2{padding:.5rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.md\:py-20{padding-bottom:5rem;padding-top:5rem}.md\:py-24{padding-bottom:6rem;padding-top:6rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:py-7{padding-bottom:1.75rem;padding-top:1.75rem}.md\:pb-\[56\.3\%\]{padding-bottom:56.3%}.md\:pr-7{padding-right:1.75rem}.md\:pr-8{padding-right:2rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-\[14rem\]{font-size:14rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-4{line-height:1rem}.md\:leading-6{line-height:1.5rem}.md\:leading-\[14rem\]{line-height:14rem}.md\:leading-tight{line-height:1.25}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:-right-\[55px\]{right:-55px}.lg\:left-0{left:0}.lg\:top-0{top:0}.lg\:top-\[40px\]{top:40px}.lg\:top-\[80px\]{top:80px}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:my-16{margin-bottom:4rem;margin-top:4rem}.lg\:mr-8{margin-right:2rem}.lg\:mt-0{margin-top:0}.lg\:mt-1{margin-top:.25rem}.lg\:mt-16{margin-top:4rem}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-24{height:6rem}.lg\:w-1\/2{width:50%}.lg\:w-1\/4{width:25%}.lg\:w-2\/3{width:66.666667%}.lg\:w-52{width:13rem}.lg\:w-\[125px\]{width:125px}.lg\:w-\[350px\]{width:350px}.lg\:w-\[98\%\]{width:98%}.lg\:max-w-\[150px\]{max-width:150px}.lg\:max-w-\[204px\]{max-width:204px}.lg\:max-w-\[350px\]{max-width:350px}.lg\:max-w-md{max-width:28rem}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.lg\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.lg\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.lg\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.lg\:border-t-0{border-top-width:0}.lg\:py-16{padding-bottom:4rem;padding-top:4rem}.lg\:py-36{padding-bottom:9rem;padding-top:9rem}.lg\:pl-6{padding-left:1.5rem}.lg\:pr-10{padding-right:2.5rem}.lg\:pt-0{padding-top:0}.lg\:text-left{text-align:left}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-8xl{font-size:6rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem}.lg\:text-lg,.lg\:text-xl{line-height:1.75rem}.lg\:text-xl{font-size:1.25rem}.lg\:text-xs{font-size:.75rem}.lg\:leading-4,.lg\:text-xs{line-height:1rem}.lg\:leading-6{line-height:1.5rem}}@media (min-width:1280px){.xl\:relative{position:relative}.xl\:mb-10{margin-bottom:2.5rem}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:w-\[150px\]{width:150px}.xl\:max-w-lg{max-width:32rem}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[1fr\2c 300px\]{grid-template-columns:1fr 300px}.xl\:justify-end{justify-content:flex-end}.xl\:px-0{padding-left:0;padding-right:0}.xl\:pr-6{padding-right:1.5rem}}@media (min-width:1360px){.\32xl\:block{display:block}.\32xl\:hidden{display:none}.\32xl\:w-\[calc\(100\%-350px\)\]{width:calc(100% - 350px)}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32xl\:pr-8{padding-right:2rem}}.\[\&_img\]\:rounded-md img{border-radius:.375rem}.\[\&_p\]\:\!m-0 p{margin:0!important} .editor-content{color:var(--tw-prose-body);max-width:65ch}.editor-content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.editor-content :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.editor-content :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.editor-content :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.editor-content :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.editor-content :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.editor-content :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.editor-content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.editor-content :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.editor-content :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.editor-content :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.editor-content :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.editor-content :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.editor-content :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.editor-content :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.editor-content :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.editor-content :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.editor-content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.editor-content :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.editor-content :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.editor-content :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.editor-content :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.editor-content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.editor-content :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.editor-content :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.editor-content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.editor-content :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.editor-content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.editor-content :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.editor-content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.editor-content :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.editor-content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.editor-content :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.editor-content :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.editor-content :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.editor-content :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.editor-content :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.editor-content :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.editor-content :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.editor-content :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.editor-content :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.editor-content :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.editor-content :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.editor-content :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.editor-content :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.editor-content :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.editor-content :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.editor-content :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.editor-content :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.editor-content :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.editor-content :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.editor-content :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.editor-content :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}.editor-content :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.editor-content :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.editor-content :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.editor-content :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.editor-content :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.editor-content :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.editor-content :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.editor-content{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.editor-content :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.editor-content :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.editor-content :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.editor-content :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.editor-content :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.editor-content :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.editor-content :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.editor-content :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.editor-content :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.editor-content :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.editor-content :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.editor-content :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.editor-content :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.editor-content :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.editor-content :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.editor-content :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.editor-content :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.editor-content :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.editor-content :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.editor-content :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.editor-content :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.editor-content :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.editor-content :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.editor-content :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.editor-content :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.editor-content :where(.prose>iframe):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:2rem;padding-top:2rem}.editor-content{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:42rem}@media (min-width:768px){.editor-content{margin-top:3rem}}.editor-content :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));line-height:2}.editor-content{--tw-gradient-from:#6fb538 var(--tw-gradient-from-position);--tw-gradient-to:rgba(111,181,56,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#38b588 var(--tw-gradient-to-position)}.editor-content :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){background-image:linear-gradient(to top,var(--tw-gradient-stops));border-width:0;font-size:1.5rem;letter-spacing:0;line-height:2rem;margin-bottom:3rem;margin-top:3rem;padding-left:6px}.editor-content :is(:where(img):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:0;margin-top:.5rem;padding-bottom:0}.editor-content :is(:where(video):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:0;margin-top:.5rem;padding-bottom:0}.editor-content :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-family:akshar,Segoe UI,Helvetica Neue,Helvetica,Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:2rem;margin-bottom:.75em}@media (min-width:768px){.editor-content :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.875rem;line-height:2.25rem}}.editor-content :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){font-family:akshar,Segoe UI,Helvetica Neue,Helvetica,Roboto,sans-serif;line-height:1.25}.editor-content * :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *)))::marker{color:#000}.editor-content :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *)))::marker{color:#000}.editor-content :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(17 134 86/var(--tw-text-opacity))}.editor-content :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.editor-content blockquote p{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));font-family:akshar,Segoe UI,Helvetica Neue,Helvetica,Roboto,sans-serif;font-style:normal;line-height:1.625;margin:0;padding-top:1rem;padding-inline-start:2rem;text-decoration-thickness:2px}.editor-content blockquote p:after,.editor-content blockquote p:before{--tw-content:none;content:var(--tw-content)}.editor-content blockquote p:first-of-type{padding-top:2rem}.editor-content blockquote p:last-of-type{padding-bottom:2rem}.editor-content .twitter-tweet{padding-bottom:2rem;padding-top:2rem} [id*=video-container]{border-radius:.375rem}[id*=video-container] .jw-wrapper{background-color:transparent} .toc-active{--tw-border-opacity:1;border-color:rgb(2 136 88/var(--tw-border-opacity))}.toc-active a{--tw-text-opacity:1;color:rgb(2 136 88/var(--tw-text-opacity));font-size:1rem;font-weight:700;line-height:1.5rem} /*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e7e5e4;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:inter,Segoe UI,Helvetica Neue,Helvetica,Roboto,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a8a29e;opacity:1}input::placeholder,textarea::placeholder{color:#a8a29e;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:375px){.container{max-width:375px}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1360px){.container{max-width:1360px}}@media (min-width:1408px){.container{max-width:1408px}}@media (min-width:1920px){.container{max-width:1920px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose :where(.prose>iframe):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:2rem;padding-top:2rem}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-bottom:.8888889em;margin-top:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;line-height:1.2;margin-bottom:.8em;margin-top:0}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;line-height:1.4;margin-bottom:.8em;margin-top:1.6em}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-bottom:.4444444em;margin-top:1.5555556em}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.4285714;margin-bottom:.5714286em;margin-top:1.4285714em}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.8571429em;padding:.1428571em .3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.25rem;font-size:.8571429em;line-height:1.6666667;margin-bottom:1.6666667em;margin-top:1.6666667em;padding:.6666667em 1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em;padding-left:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em;padding-left:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.2857143em;margin-top:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(.prose-sm>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-left:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2.8571429em;margin-top:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.6666667em;padding-left:1em;padding-right:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.6666667em 1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-10{bottom:-2.5rem}.-left-\[4\%\]{left:-4%}.-left-\[80\%\]{left:-80%}.-right-\[40px\]{right:-40px}.-right-\[45px\]{right:-45px}.-top-4{top:-1rem}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-7{left:1.75rem}.left-\[4px\]{left:4px}.left-\[calc\(50\%-50px\)\]{left:calc(50% - 50px)}.right-0{right:0}.right-\[25px\]{right:25px}.top-0{top:0}.top-1\/2{top:50%}.top-12{top:3rem}.top-\[-50px\]{top:-50px}.top-\[10px\]{top:10px}.top-\[20px\]{top:20px}.top-\[50px\]{top:50px}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-8{order:8}.order-9{order:9}.order-first{order:-9999}.col-span-2{grid-column:span 2/span 2}.\!m-0{margin:0!important}.m-0{margin:0}.m-1{margin:.25rem}.m-5{margin:1.25rem}.\!my-20{margin-bottom:5rem!important;margin-top:5rem!important}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-0{margin-left:0;margin-right:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.my-12{margin-bottom:3rem;margin-top:3rem}.my-16{margin-bottom:4rem;margin-top:4rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-24{margin-bottom:6rem;margin-top:6rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.my-auto{margin-bottom:auto;margin-top:auto}.\!mb-1{margin-bottom:.25rem!important}.\!mt-0{margin-top:0!important}.-mb-\[11px\]{margin-bottom:-11px}.-ml-1{margin-left:-.25rem}.-ml-\[2px\]{margin-left:-2px}.-ml-px{margin-left:-1px}.-mt-4{margin-top:-1rem}.-mt-8{margin-top:-2rem}.-mt-\[13px\]{margin-top:-13px}.-mt-\[2px\]{margin-top:-2px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.ml-9{margin-left:2.25rem}.ml-\[1px\]{margin-left:1px}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[6px\]{margin-top:6px}.mt-auto{margin-top:auto}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-3{height:.75rem;width:.75rem}.size-5{height:1.25rem;width:1.25rem}.h-0{height:0}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-20{height:5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[10px\]{height:10px}.h-\[15px\]{height:15px}.h-\[2px\]{height:2px}.h-\[574px\]{height:574px}.h-\[60px\]{height:60px}.h-\[6px\]{height:6px}.h-\[75px\]{height:75px}.h-\[90px\]{height:90px}.h-\[calc\(100\%-40px\)\]{height:calc(100% - 40px)}.h-auto{height:auto}.h-full{height:100%}.h-min{height:-moz-min-content;height:min-content}.h-screen{height:100vh}.max-h-20{max-height:5rem}.max-h-full{max-height:100%}.min-h-12{min-height:3rem}.\!w-40{width:10rem!important}.w-1\/12{width:8.333333%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/5{width:20%}.w-1\/6{width:16.666667%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-2{width:.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-40{width:10rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-56{width:14rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[10px\]{width:10px}.w-\[1px\]{width:1px}.w-\[350px\]{width:350px}.w-\[60px\]{width:60px}.w-\[64px\]{width:64px}.w-\[75px\]{width:75px}.w-\[800px\]{width:800px}.w-auto{width:auto}.w-dvw{width:100dvw}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-\[200px\]{min-width:200px}.\!max-w-full{max-width:100%!important}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-60{max-width:15rem}.max-w-8xl{max-width:85rem}.max-w-\[100px\]{max-width:100px}.max-w-\[10rem\]{max-width:10rem}.max-w-\[118px\]{max-width:118px}.max-w-\[16rem\]{max-width:16rem}.max-w-\[318px\]{max-width:318px}.max-w-\[703px\]{max-width:703px}.max-w-\[75px\]{max-width:75px}.max-w-\[calc\(100\%-1rem\)\]{max-width:calc(100% - 1rem)}.max-w-\[unset\]{max-width:unset}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.\!list-none{list-style-type:none!important}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-20{-moz-column-gap:5rem;column-gap:5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-10{row-gap:2.5rem}.gap-y-12{row-gap:3rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-8{row-gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.divide-black>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(0 0 0/var(--tw-divide-opacity))}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-scroll{overflow-x:scroll}.overscroll-none{overscroll-behavior:none}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.rounded-bl-none{border-bottom-left-radius:0}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-x-0{border-left-width:0;border-right-width:0}.border-y-2{border-bottom-width:2px;border-top-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-\[\#CFCFCE\]{--tw-border-opacity:1;border-color:rgb(207 207 206/var(--tw-border-opacity))}.border-\[\#F0F0F0\]{--tw-border-opacity:1;border-color:rgb(240 240 240/var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-brand-green{--tw-border-opacity:1;border-color:rgb(2 136 88/var(--tw-border-opacity))}.border-brand-green-gradient-start{--tw-border-opacity:1;border-color:rgb(111 181 56/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(245 245 244/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(231 229 228/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(214 211 209/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(168 162 158/var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(120 113 108/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(41 37 36/var(--tw-border-opacity))}.\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-brand-green{--tw-bg-opacity:1;background-color:rgb(2 136 88/var(--tw-bg-opacity))}.bg-brand-green-100{--tw-bg-opacity:1;background-color:rgb(207 255 221/var(--tw-bg-opacity))}.bg-brand-green-gradient-start{--tw-bg-opacity:1;background-color:rgb(111 181 56/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-brand-green-gradient-start{--tw-gradient-from:#6fb538 var(--tw-gradient-from-position);--tw-gradient-to:rgba(111,181,56,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-80\%{--tw-gradient-from-position:80%}.to-brand-green-gradient-end{--tw-gradient-to:#38b588 var(--tw-gradient-to-position)}.to-15\%{--tw-gradient-to-position:15%}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:0!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-\[2px\]{padding:2px}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-9{padding-bottom:2.25rem;padding-top:2.25rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-\[2px\]{padding-bottom:2px}.pb-\[88\.88\%\]{padding-bottom:88.88%}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-7{padding-right:1.75rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-middle{vertical-align:middle}.font-akshar{font-family:akshar,Segoe UI,Helvetica Neue,Helvetica,Roboto,sans-serif}.font-league{font-family:league,Segoe UI,Helvetica Neue,Helvetica,Roboto,sans-serif}.font-sans{font-family:inter,Segoe UI,Helvetica Neue,Helvetica,Roboto,sans-serif}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10rem\]{font-size:10rem}.text-\[8px\]{font-size:8px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-10{line-height:2.5rem}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-9{line-height:2.25rem}.leading-\[1\.75\]{line-height:1.75}.leading-\[10rem\]{line-height:10rem}.leading-loose{line-height:2}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-brand-green{--tw-text-opacity:1;color:rgb(2 136 88/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(120 113 108/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(68 64 60/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(41 37 36/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity))}.text-red{--tw-text-opacity:1;color:rgb(251 87 8/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-2{text-decoration-thickness:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(214 211 209/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}[x-cloak]{display:none}.placeholder\:text-gray-900::-moz-placeholder{--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity))}.placeholder\:text-gray-900::placeholder{--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-full:before{bottom:100%;content:var(--tw-content)}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:h-6:before{content:var(--tw-content);height:1.5rem}.before\:w-0:before{content:var(--tw-content);width:0}.before\:w-0\.5:before{content:var(--tw-content);width:.125rem}.before\:-translate-x-1\/2:before{--tw-translate-x:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:bg-brand-green:before{--tw-bg-opacity:1;background-color:rgb(2 136 88/var(--tw-bg-opacity));content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-full:after{bottom:100%;content:var(--tw-content)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:top-full:after{content:var(--tw-content);top:100%}.after\:h-6:after{content:var(--tw-content);height:1.5rem}.after\:w-0:after{content:var(--tw-content);width:0}.after\:w-0\.5:after{content:var(--tw-content);width:.125rem}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:bg-brand-green:after{--tw-bg-opacity:1;background-color:rgb(2 136 88/var(--tw-bg-opacity));content:var(--tw-content)}.first\:mb-11:first-child{margin-bottom:2.75rem}.last\:\!mb-0:last-child{margin-bottom:0!important}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-brand-green:hover{--tw-border-opacity:1;border-color:rgb(2 136 88/var(--tw-border-opacity))}.hover\:bg-brand-green:hover{--tw-bg-opacity:1;background-color:rgb(2 136 88/var(--tw-bg-opacity))}.hover\:bg-brand-green-100:hover{--tw-bg-opacity:1;background-color:rgb(207 255 221/var(--tw-bg-opacity))}.hover\:bg-brand-green-700:hover{--tw-bg-opacity:1;background-color:rgb(18 85 58/var(--tw-bg-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:text-brand-green:hover{--tw-text-opacity:1;color:rgb(2 136 88/var(--tw-text-opacity))}.hover\:text-brand-green-700:hover{--tw-text-opacity:1;color:rgb(18 85 58/var(--tw-text-opacity))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(120 113 108/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.focus\:z-10:focus{z-index:10}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:bg-gray-100:active{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity))}.active\:text-gray-500:active{--tw-text-opacity:1;color:rgb(120 113 108/var(--tw-text-opacity))}.active\:text-gray-700:active{--tw-text-opacity:1;color:rgb(68 64 60/var(--tw-text-opacity))}.group:hover .group-hover\:text-brand-green{--tw-text-opacity:1;color:rgb(2 136 88/var(--tw-text-opacity))}.peer:checked~.peer-checked\:block{display:block}.has-\[\*\]\:block:has(*){display:block}.has-\[\*\]\:flex:has(*){display:flex}.has-\[\:checked\]\:\!border-transparent:has(:checked){border-color:transparent!important}.has-\[\:checked\]\:\!bg-brand-green:has(:checked){--tw-bg-opacity:1!important;background-color:rgb(2 136 88/var(--tw-bg-opacity))!important}.prose-p\:m-0 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){margin:0}.prose-li\:m-0 :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){margin:0}.prose-li\:marker\:text-black * :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *)))::marker{color:#000}.prose-li\:marker\:text-black :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *)))::marker{color:#000}@media (min-width:375px){.xs\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xs\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xs\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xs\:flex-row{flex-direction:row}.xs\:items-center{align-items:center}.xs\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.xs\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.xs\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}}@media (min-width:640px){.sm\:absolute{position:absolute}.sm\:left-1\/2{left:50%}.sm\:left-\[5px\]{left:5px}.sm\:top-20{top:5rem}.sm\:order-2{order:2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mb-11{margin-bottom:2.75rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mb-14{margin-bottom:3.5rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:mb-24{margin-bottom:6rem}.sm\:ml-0{margin-left:0}.sm\:ml-7{margin-left:1.75rem}.sm\:mr-2{margin-right:.5rem}.sm\:mt-0{margin-top:0}.sm\:mt-20{margin-top:5rem}.sm\:mt-24{margin-top:6rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-3{height:.75rem}.sm\:h-8{height:2rem}.sm\:w-1\/2{width:50%}.sm\:w-3{width:.75rem}.sm\:w-8{width:2rem}.sm\:w-\[150px\]{width:150px}.sm\:w-\[200px\]{width:200px}.sm\:w-\[768px\]{width:768px}.sm\:w-auto{width:auto}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-\[33\%\]{max-width:33%}.sm\:max-w-\[60\%\]{max-width:60%}.sm\:max-w-\[calc\(100\%-2\.5rem\)\]{max-width:calc(100% - 2.5rem)}.sm\:max-w-md{max-width:28rem}.sm\:flex-1{flex:1 1 0%}.sm\:-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-normal{justify-content:normal}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:.75rem}.sm\:gap-5{gap:1.25rem}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:self-start{align-self:flex-start}.sm\:rounded-md{border-radius:.375rem}.sm\:rounded-tl-none{border-top-left-radius:0}.sm\:p-10{padding:2.5rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-16{padding-bottom:4rem;padding-top:4rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:pl-4{padding-left:1rem}.sm\:pr-4{padding-right:1rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-left{text-align:left}.sm\:text-justify{text-align:justify}.sm\:\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:font-medium{font-weight:500}.sm\:leading-6{line-height:1.5rem}}@media (min-width:768px){.md\:left-full{left:100%}.md\:right-auto{right:auto}.md\:top-\[calc\(-50\%-2px\)\]{top:calc(-50% - 2px)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-none{order:0}.md\:col-span-1{grid-column:span 1/span 1}.md\:mx-0{margin-left:0;margin-right:0}.md\:my-0{margin-top:0}.md\:mb-0,.md\:my-0{margin-bottom:0}.md\:mb-8{margin-bottom:2rem}.md\:ml-0{margin-left:0}.md\:ml-2{margin-left:.5rem}.md\:ml-4{margin-left:1rem}.md\:mr-2{margin-right:.5rem}.md\:mr-4{margin-right:1rem}.md\:mr-8{margin-right:2rem}.md\:mt-0{margin-top:0}.md\:mt-1{margin-top:.25rem}.md\:mt-2{margin-top:.5rem}.md\:mt-24{margin-top:6rem}.md\:mt-3{margin-top:.75rem}.md\:mt-4{margin-top:1rem}.md\:mt-8{margin-top:2rem}.md\:block{display:block}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:h-10{height:2.5rem}.md\:h-\[20px\]{height:20px}.md\:h-auto{height:auto}.md\:w-1\/2{width:50%}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:max-w-\[180px\]{max-width:180px}.md\:flex-initial{flex:0 1 auto}.md\:grow{flex-grow:1}.md\:grow-0{flex-grow:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:gap-x-0{-moz-column-gap:0;column-gap:0}.md\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.md\:gap-y-1{row-gap:.25rem}.md\:gap-y-2{row-gap:.5rem}.md\:gap-y-4{row-gap:1rem}.md\:gap-y-6{row-gap:1.5rem}.md\:space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(4rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(4rem*var(--tw-space-x-reverse))}.md\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.md\:space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.75rem*var(--tw-space-x-reverse))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:p-2{padding:.5rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.md\:py-20{padding-bottom:5rem;padding-top:5rem}.md\:py-24{padding-bottom:6rem;padding-top:6rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:py-7{padding-bottom:1.75rem;padding-top:1.75rem}.md\:pb-\[56\.3\%\]{padding-bottom:56.3%}.md\:pr-7{padding-right:1.75rem}.md\:pr-8{padding-right:2rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-\[14rem\]{font-size:14rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-4{line-height:1rem}.md\:leading-6{line-height:1.5rem}.md\:leading-\[14rem\]{line-height:14rem}.md\:leading-tight{line-height:1.25}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:-right-\[55px\]{right:-55px}.lg\:left-0{left:0}.lg\:top-0{top:0}.lg\:top-\[40px\]{top:40px}.lg\:top-\[80px\]{top:80px}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:my-16{margin-bottom:4rem;margin-top:4rem}.lg\:mr-8{margin-right:2rem}.lg\:mt-0{margin-top:0}.lg\:mt-1{margin-top:.25rem}.lg\:mt-16{margin-top:4rem}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-24{height:6rem}.lg\:w-1\/2{width:50%}.lg\:w-1\/4{width:25%}.lg\:w-2\/3{width:66.666667%}.lg\:w-52{width:13rem}.lg\:w-\[125px\]{width:125px}.lg\:w-\[350px\]{width:350px}.lg\:w-\[98\%\]{width:98%}.lg\:max-w-\[150px\]{max-width:150px}.lg\:max-w-\[204px\]{max-width:204px}.lg\:max-w-\[350px\]{max-width:350px}.lg\:max-w-md{max-width:28rem}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.lg\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.lg\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.lg\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.lg\:border-t-0{border-top-width:0}.lg\:py-16{padding-bottom:4rem;padding-top:4rem}.lg\:py-36{padding-bottom:9rem;padding-top:9rem}.lg\:pl-6{padding-left:1.5rem}.lg\:pr-10{padding-right:2.5rem}.lg\:pt-0{padding-top:0}.lg\:text-left{text-align:left}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-8xl{font-size:6rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:text-xs{font-size:.75rem}.lg\:leading-4,.lg\:text-xs{line-height:1rem}.lg\:leading-6{line-height:1.5rem}}@media (min-width:1280px){.xl\:relative{position:relative}.xl\:mb-10{margin-bottom:2.5rem}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:w-\[150px\]{width:150px}.xl\:max-w-lg{max-width:32rem}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[1fr\2c 300px\]{grid-template-columns:1fr 300px}.xl\:justify-end{justify-content:flex-end}.xl\:px-0{padding-left:0;padding-right:0}.xl\:pr-6{padding-right:1.5rem}}@media (min-width:1360px){.\32xl\:block{display:block}.\32xl\:hidden{display:none}.\32xl\:w-\[calc\(100\%-350px\)\]{width:calc(100% - 350px)}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32xl\:pr-8{padding-right:2rem}}.\[\&_img\]\:rounded-md img{border-radius:.375rem}.\[\&_p\]\:\!m-0 p{margin:0!important} /*# sourceMappingURL=app.css.map*/ </style> <script src="/js/app.js?id=f44ef71ff387944de0e0922cdbb9c750" defer></script> <script async src="https://launcher.spot.im/spot/sp_Z3zhn8qO"></script> </head> <body class="max-w-screen font-sans leading-normal text-black lg:text-base"> <a class="sr-only" href="#main" title="Skip to main content" aria-label="Skip to Main Content">Skip to Main Content</a> <div> <header class="mx-auto flex max-w-8xl flex-col px-4" data-ga-module="header-nav" x-data="{ navOpen: false }"> <div class=" py-8 md:py-10"> <div class="space-between mb-0 flex items-center xl:mb-10"> <a class="block min-w-[200px] max-w-[318px] grow" data-ga-click data-ga-element="nav-logo" data-ga-action="nav-logo" data-ga-item="logo" href="https://lifehacker.com"> <img src="/images/lifehacker-logo.svg" alt="Lifehacker Logo" width="318" height="100"> </a> <div class="flex w-full items-center justify-end space-x-4 xs:space-x-5 sm:space-x-6 md:space-x-7" role="navigation" aria-label="Social, Newsletter, & Hamburger Links"> <ul class="hidden items-center gap-x-4 border-r border-black pr-4 sm:flex md:pr-7" data-ga-element="social-link" data-ga-action="social-link" data-ga-item="title"> <li> <a class="flex h-8 w-8 items-center justify-center rounded-md border-2 border-black text-center duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="facebook" href="https://facebook.com/lifehacker" rel="noopener" target="_blank"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-social-facebook"></use> </svg> <span class="sr-only">View on Facebook Page (Opens in a new tab)</span> </a> </li> <li> <a class="flex h-8 w-8 items-center justify-center rounded-md border-2 border-black text-center duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="twitter" href="https://twitter.com/lifehacker" rel="noopener" target="_blank"> <svg class="inline-block h-4 w-4"> <use href="/images/icons/spritemap.svg#sprite-social-twitter"></use> </svg> <span class="sr-only">View our Twitter Page (Opens in a new tab)</span> </a> </li> <li> <a class="flex h-8 w-8 items-center justify-center rounded-md border-2 border-black text-center duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="instagram" href="https://instagram.com/lifehackerdotcom" rel="noopener" target="_blank"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-social-instagram"></use> </svg> <span class="sr-only">View our Instagram Page (Opens in a new tab)</span> </a> </li> <li> <a class="flex h-8 w-8 items-center justify-center rounded-md border-2 border-black text-center duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="youtube" href="https://www.youtube.com/user/lifehacker" rel="noopener" target="_blank"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-social-youtube"></use> </svg> <span class="sr-only">View our Youtube Page (Opens in a new tab)</span> </a> </li> </ul> <a class="duration-200 ease-in-out hover:text-brand-green" data-ga-click data-ga-element="newsletter-link" data-ga-action="newsletter-link" data-ga-item="newsletter" href="/newsletters" aria-label="Lifehacker Newsletter"> <svg class="inline-block h-6 w-6"> <use href="/images/icons/spritemap.svg#sprite-newsletter"></use> </svg> </a> <button class="text-black duration-200 ease-in-out hover:text-brand-green" aria-label="Hamburger Menu Button" @click="navOpen = true; $nextTick(() => $refs.firstMenuItem.focus());"> <svg class="mb- inline-block h-5 w-5 fill-current"> <use href="/images/icons/spritemap.svg#sprite-hamburger"></use> </svg> </button> </div> </div> <nav class="font-akshar tracking-wider xl:block" data-ga-module="nav-menu" aria-label="Navigation Menu"> <ul class="hidden items-center justify-between align-middle uppercase xl:flex" data-ga-element="header-nav-link" data-ga-action="header-nav-link" data-ga-item="title"> <li><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/latest" aria-label="Latest">Latest</a></li> <li><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/tech" aria-label="Tech">Tech</a></li> <li><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/food-drink" aria-label="Food">Food</a></li> <li><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/entertainment" aria-label="Entertainment">Entertainment</a></li> <li><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/health" aria-label="Health">Health</a></li> <li><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/money" aria-label="Money">Money</a></li> <li><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/home" aria-label="Home & Garden">Home & Garden</a></li> <li><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/relationships" aria-label="Relationships">Relationships</a></li> <li><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/deals" aria-label="Deals">Deals</a></li> <li><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/hacks" aria-label="Hacks">Hacks</a></li> <li><a class="custom-gradient-text" data-ga-click data-ga-label="$text" href="/black-friday" aria-label="#The Best Black Friday Sales">#The Best Black Friday Sales</a></li> <li><a class="custom-gradient-text" data-ga-click data-ga-label="$text" href="/series/cheaters-guide-to-thanksgiving" aria-label="#The Cheater's Guide to Thanksgiving">#The Cheater's Guide to Thanksgiving</a></li> </ul> <div class="fixed right-0 top-0 z-30 flex h-screen w-screen flex-col bg-white shadow-md" role="navigation" aria-label="Hamburger Menu" style="max-width:400px" x-show="navOpen" x-cloak @click.outside="navOpen = false" x-transition:enter="transition duration-200 ease-out" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-1" x-transition:leave="transition duration-200 ease-out" x-transition:leave-end="opacity-0"> <div class="relative mt-4 flex px-4"> <button class="hover:custom-underline absolute left-7 duration-200 ease-in-out" title="Close" aria-label="Close" @click="navOpen = false" x-ref="firstMenuItem"> <svg class="inline-block h-6 w-6 fill-current"> <use href="/images/icons/spritemap.svg#sprite-times-solid"></use> </svg> </button> </div> <div class="relative mt-12 w-full px-8 text-sm" x-data="window.nav()" x-init="init('prod_site_search_autocomplete')"> <input class="lg:y-2 w-full appearance-none rounded-none border border-x-0 border-t-0 border-black p-1 font-akshar text-base text-gray-900 focus:outline-none" role="search" aria-label="Search Lifehacker" x-ref="searchInput" x-model="query" x-on:input='evt=>query=evt.target.value' x-on:keyup="onKeyUp" x-on:keydown="onKeyDown" @click="onKeyUp" @click.outside="results={}" placeholder="Search Lifehacker" /> <div class="text-gray-darkest absolute right-[25px] top-0 h-full cursor-pointer p-2 py-1" role="button" aria-label="Search Submit" x-on:click="submitSearch"> <svg class="inline-block h-5 w-5 fill-current"> <use href="/images/icons/spritemap.svg#sprite-search"></use> </svg> </div> <div class="absolute z-10 w-full border-b border-l border-r border-gray-200 bg-white shadow" x-cloak x-show="Object.entries(results).length"> <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 pl-8 pr-5 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="transition-bg block cursor-pointer break-words py-2 pl-8 pr-5 leading-tight no-underline" :href="item.url" :name="item.name" x-html="item.name"> Search Result </a> </li> </template> <hr class="border-1 my-4 ml-8 mr-5 border border-gray-100"> </ul> </template> </div> </div> <div class="flex flex-grow flex-col overflow-auto overscroll-none px-8 pb-6 pt-4 font-akshar uppercase tracking-wider" data-ga-element="hamburger-link" data-ga-action="hamburger-link" data-ga-item="title"> <a class="hover:custom-underline mr-1 mt-6" data-ga-click data-ga-label="$text" href="/latest" aria-label="Latest">Latest</a> <a class="hover:custom-underline mr-1 mt-6" data-ga-click data-ga-label="$text" href="/tech" aria-label="Tech">Tech</a> <a class="hover:custom-underline mr-1 mt-6" data-ga-click data-ga-label="$text" href="/food-drink" aria-label="Food">Food</a> <a class="hover:custom-underline mr-1 mt-6" data-ga-click data-ga-label="$text" href="/entertainment" aria-label="Entertainment">Entertainment</a> <a class="hover:custom-underline mr-1 mt-6" data-ga-click data-ga-label="$text" href="/health" aria-label="Health">Health</a> <a class="hover:custom-underline mr-1 mt-6" data-ga-click data-ga-label="$text" href="/money" aria-label="Money">Money</a> <a class="hover:custom-underline mr-1 mt-6" data-ga-click data-ga-label="$text" href="/home" aria-label="Home & Garden">Home & Garden</a> <a class="hover:custom-underline mr-1 mt-6" data-ga-click data-ga-label="$text" href="/relationships" aria-label="Relationships">Relationships</a> <a class="hover:custom-underline mr-1 mt-6" data-ga-click data-ga-label="$text" href="/deals" aria-label="Deals">Deals</a> <a class="hover:custom-underline mr-1 mt-6" data-ga-click data-ga-label="$text" href="/hacks" aria-label="Hacks">Hacks</a> <a class="custom-gradient-text mr-1 mt-6" data-ga-click data-ga-label="$text" href="/black-friday" aria-label="#The Best Black Friday Sales">#The Best Black Friday Sales</a> <a class="custom-gradient-text mr-1 mt-6" data-ga-click data-ga-label="$text" href="/series/cheaters-guide-to-thanksgiving" aria-label="#The Cheater's Guide to Thanksgiving">#The Cheater's Guide to Thanksgiving</a> <ul class="col-span-2 mt-6 flex items-center gap-x-4"> <li> <a class="flex h-8 w-8 items-center justify-center rounded-md border-2 border-black text-center duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="facebook" href="https://facebook.com/lifehacker" title="(opens in a new window)" rel="noopener" target="_blank"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-social-facebook"></use> </svg> </a> </li> <li> <a class="flex h-8 w-8 items-center justify-center rounded-md border-2 border-black text-center duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="twitter" href="https://twitter.com/lifehacker" title="(opens in a new window)" rel="noopener" target="_blank"> <svg class="inline-block h-4 w-4"> <use href="/images/icons/spritemap.svg#sprite-social-twitter"></use> </svg> </a> </li> <li> <a class="flex h-8 w-8 items-center justify-center rounded-md border-2 border-black text-center duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="instagram" href="https://instagram.com/lifehackerdotcom" title="(opens in a new window)" rel="noopener" target="_blank"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-social-instagram"></use> </svg> </a> </li> <li> <a class="flex h-8 w-8 items-center justify-center rounded-md border-2 border-black text-center duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="youtube" href="https://www.youtube.com/user/lifehacker" title="(opens in a new window)" rel="noopener" target="_blank"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-social-youtube"></use> </svg> </a> </li> </ul> </div> </div> </nav> </div> </header> <main class="relative mx-auto max-w-8xl items-stretch justify-between px-4 lg:flex lg:flex-wrap lg:gap-x-8" id="main"> <section class="relative mx-auto w-full max-w-8xl" data-ga-module="content-header" aria-label="Content Header"> <div class="mt-6 flex flex-col gap-x-8 lg:mt-8 lg:flex-row lg:gap-x-16"> <div class="flex-1 basis-full"> <div class="flex w-full grow flex-row items-center gap-x-6 font-league" data-ga-module="content-header"> <h1 class="text-3xl uppercase tracking-wider text-gray-800">Top Stories</h1> <hr class="custom-hr flex-1 grow"> </div> <div class="mt-8 grid grid-cols-2 gap-8" data-ga-module="top-stories-content" data-ga-element="top-stories-content-tile" data-ga-action="top-stories-content-click"> <div class="w-full col-span-2"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="1" href="/money/payment-apps-are-about-to-be-more-regulated"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDANJ0A6MJF0H7099Z238A8R/hero-image.fill.size_900x450.v1732646111.png" alt="Venmo, PayPal, Cash App, and Zelle app icons are seen on an iPhone" width="900" height="450" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/money"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-money"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Money</span> </a> </div> <a class="md:text-2xl lg:text-3xl hover:custom-underline peer-hover:custom-underline mt-1 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="Venmo, Apple Pay, and Other Payment Apps Are About to Be More Regulated" href="/money/payment-apps-are-about-to-be-more-regulated">Venmo, Apple Pay, and Other Payment Apps Are About to Be More Regulated</a> <div class="mt-2 font-akshar text-sm leading-tight tracking-wide"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/meredithdietz">Meredith Dietz</a> </div> </div> </div> </div> <div class="col-span-2 md:col-span-1"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="2" href="/tech/ipad-mini-7-vs-ipad-mini-6"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/comparisons/01JDMJSRTN3BTQ2ZW8QFPX85TW/hero-image.fill.size_503x283.v1732649214.png" alt="ipad mini 6 (left) and ipad mini 7 (right)" width="503" height="283" loading="lazy" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/apple"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-apple"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Apple</span> </a> </div> <a class="md:text-2xl hover:custom-underline peer-hover:custom-underline mt-1 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="2" data-ga-label="Which Is Better: iPad Mini 7 or iPad Mini 6" href="/tech/ipad-mini-7-vs-ipad-mini-6">Which Is Better: iPad Mini 7 or iPad Mini 6</a> <div class="mt-2 font-akshar text-sm leading-tight tracking-wide"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/jakepeterson">Jake Peterson</a> </div> </div> </div> </div> <div class="col-span-2 md:col-span-1"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="3" href="/tech/adobe-creative-cloud-is-50-off-for-black-friday"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDMVH3YTFH3BVC7WC5VNF2GX/hero-image.fill.size_503x283.v1732650918.png" alt="Adobe Creative Cloud app icons" width="503" height="283" loading="lazy" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/software"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-software"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Software</span> </a> </div> <a class="md:text-2xl hover:custom-underline peer-hover:custom-underline mt-1 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="3" data-ga-label="Adobe's Creative Cloud Is 50% Off for Black Friday" href="/tech/adobe-creative-cloud-is-50-off-for-black-friday">Adobe's Creative Cloud Is 50% Off for Black Friday</a> <div class="mt-2 font-akshar text-sm leading-tight tracking-wide"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/prawnay">Pranay Parab</a> </div> </div> </div> </div> </div> </div> <div class="mx-auto mt-12 w-full lg:mt-0 lg:w-[350px] lg:max-w-[350px]"> <div class="flex w-full grow flex-row items-center gap-x-6 font-league" data-ga-module="content-header"> <h2 class="text-3xl uppercase tracking-wider text-gray-800">Latest</h2> <hr class="custom-hr flex-1 grow"> <a class="custom-gradient-text block text-lg uppercase tracking-wider" data-ga-click data-ga-element="see-more-link" data-ga-item="see-more" data-ga-label="/latest" href="/latest" aria-label="See Our Latest Articles"> See More </a> </div> <div class="flex h-[calc(100%-40px)] flex-col justify-between pt-4"> <div class="mt-4"> <div class="group flex flex-row items-center gap-x-4" data-ga-module="latest-stories" data-ga-element="latest-stories-stripe" data-ga-action="latest-stories-stripe"> <div class="grow"> <div class="mb-2"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/food-drink/cooking"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-cooking"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Cooking</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline block font-akshar text-lg font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-label="My Favorite Smart Meat Thermometer Is on Sale for Black Friday" data-ga-position="1" href="/food-drink/my-favorite-wireless-meat-thermometer-is-on-sale-for-black-friday">My Favorite Smart Meat Thermometer Is on Sale for Black Friday</a> <div class="flex space-x-2"> <div class="mt-2 font-akshar text-sm tracking-wide"> <time datetime="2024-11-27T18:00:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 27, 2024 </time> </div> </div> </div> <a class="group-hover:custom-underline block w-[75px] shrink-0" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="My Favorite Smart Meat Thermometer Is on Sale for Black Friday" href="/food-drink/my-favorite-wireless-meat-thermometer-is-on-sale-for-black-friday"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDPYX4ASH4SD8PF8JZGGDXB7/hero-image.fill.size_75x75.v1732726008.png" alt="product image on a green background" width="75" height="75" loading="lazy" > </a> </div> </div> <hr class="custom-hr col-span-2 mt-4 w-full"> <div class="mt-4"> <div class="group flex flex-row items-center gap-x-4" data-ga-module="latest-stories" data-ga-element="latest-stories-stripe" data-ga-action="latest-stories-stripe"> <div class="grow"> <div class="mb-2"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/health/fitness"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-fitness"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Fitness</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline block font-akshar text-lg font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-label="I’m a Certified Personal Trainer, and These Are My Favorite Black Friday Deals on Fitness Equipment" data-ga-position="2" href="/health/the-best-black-friday-deals-on-fitness-equipment">I’m a Certified Personal Trainer, and These Are My Favorite Black Friday Deals on Fitness Equipment</a> <div class="flex space-x-2"> <div class="mt-2 font-akshar text-sm tracking-wide"> <time datetime="2024-11-27T17:10:30+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 27, 2024 </time> </div> </div> </div> <a class="group-hover:custom-underline block w-[75px] shrink-0" data-ga-click data-ga-item="image" data-ga-position="2" data-ga-label="I’m a Certified Personal Trainer, and These Are My Favorite Black Friday Deals on Fitness Equipment" href="/health/the-best-black-friday-deals-on-fitness-equipment"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDAT72QQYDDGKTGZM9X4TETT/hero-image.fill.size_75x75.v1732727424.png" alt="Peloton, Hydrow, Hyperice, Fitbit, Apple, NordicTrack, Powerblock..." width="75" height="75" loading="lazy" > </a> </div> </div> <hr class="custom-hr col-span-2 mt-4 w-full"> <div class="mt-4"> <div class="group flex flex-row items-center gap-x-4" data-ga-module="latest-stories" data-ga-element="latest-stories-stripe" data-ga-action="latest-stories-stripe"> <div class="grow"> <div class="mb-2"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/home"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-home"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Home & Garden</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline block font-akshar text-lg font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-label="The Best Power Tools You Should Get From Home Depot During Black Friday" data-ga-position="3" href="/home/home-depot-power-tool-deals-black-friday">The Best Power Tools You Should Get From Home Depot During Black Friday</a> <div class="flex space-x-2"> <div class="mt-2 font-akshar text-sm tracking-wide"> <time datetime="2024-11-27T17:00:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 27, 2024 </time> </div> </div> </div> <a class="group-hover:custom-underline block w-[75px] shrink-0" data-ga-click data-ga-item="image" data-ga-position="3" data-ga-label="The Best Power Tools You Should Get From Home Depot During Black Friday" href="/home/home-depot-power-tool-deals-black-friday"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDPD06Z3TTKFYY3DBTM8DV59/hero-image.fill.size_75x75.v1732718972.png" alt="Power tools from Home depot " width="75" height="75" loading="lazy" > </a> </div> </div> <hr class="custom-hr col-span-2 mt-4 w-full"> <div class="mt-4"> <div class="group flex flex-row items-center gap-x-4" data-ga-module="latest-stories" data-ga-element="latest-stories-stripe" data-ga-action="latest-stories-stripe"> <div class="grow"> <div class="mb-2"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/home/plants"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-plants"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Plants</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline block font-akshar text-lg font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-label="Five Easy Plants You Should Bring Your Hosts for Thanksgiving" data-ga-position="4" href="/home/five-easy-plants-you-should-bring-your-host-for-thanksgiving">Five Easy Plants You Should Bring Your Hosts for Thanksgiving</a> <div class="flex space-x-2"> <div class="mt-2 font-akshar text-sm tracking-wide"> <time datetime="2024-11-27T16:30:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 27, 2024 </time> </div> </div> </div> <a class="group-hover:custom-underline block w-[75px] shrink-0" data-ga-click data-ga-item="image" data-ga-position="4" data-ga-label="Five Easy Plants You Should Bring Your Hosts for Thanksgiving" href="/home/five-easy-plants-you-should-bring-your-host-for-thanksgiving"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDPWQ0YV4SKBH5CX3RMREB7A/hero-image.fill.size_75x75.v1732719454.png" alt="Orange mums in a brown planter sitting outside near a house" width="75" height="75" loading="lazy" > </a> </div> </div> <hr class="custom-hr col-span-2 mt-4 w-full"> <div class="mt-4"> <div class="group flex flex-row items-center gap-x-4" data-ga-module="latest-stories" data-ga-element="latest-stories-stripe" data-ga-action="latest-stories-stripe"> <div class="grow"> <div class="mb-2"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-tech"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Tech</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline block font-akshar text-lg font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-label="The Sonos Era 100 Is $50 Off This Black Friday" data-ga-position="5" href="/tech/sonos-era-100-black-friday-sale">The Sonos Era 100 Is $50 Off This Black Friday</a> <div class="flex space-x-2"> <div class="mt-2 font-akshar text-sm tracking-wide"> <time datetime="2024-11-27T16:00:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 27, 2024 </time> </div> </div> </div> <a class="group-hover:custom-underline block w-[75px] shrink-0" data-ga-click data-ga-item="image" data-ga-position="5" data-ga-label="The Sonos Era 100 Is $50 Off This Black Friday" href="/tech/sonos-era-100-black-friday-sale"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDPNDR6534WTC2651NG0A312/hero-image.fill.size_75x75.v1732706230.png" alt="Sonos Era 100" width="75" height="75" loading="lazy" > </a> </div> </div> <hr class="custom-hr col-span-2 mt-4 w-full"> <div class="mt-4"> <div class="group flex flex-row items-center gap-x-4" data-ga-module="latest-stories" data-ga-element="latest-stories-stripe" data-ga-action="latest-stories-stripe"> <div class="grow"> <div class="mb-2"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/deals"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-money"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Deals</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline block font-akshar text-lg font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-label="Black Friday Sale Up to 50% Off at Anker Nov. 21st - Dec. 9th" data-ga-position="6" href="https://zdcs.link/Qp6y5v">Black Friday Sale Up to 50% Off at Anker Nov. 21st - Dec. 9th</a> <div class="flex space-x-2"> <div class="mt-2 font-akshar text-sm tracking-wide">SPONSORED</div> </div> </div> <a class="group-hover:custom-underline block w-[75px] shrink-0" data-ga-click data-ga-item="image" data-ga-position="6" data-ga-label="Black Friday Sale Up to 50% Off at Anker Nov. 21st - Dec. 9th" href="https://zdcs.link/Qp6y5v"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/slotted/vjPOeIOsdyy1d5vNhNpVANHsjcqZHlPeaPU0opx3.fill.size_75x75.1.png" alt="Black Friday Sale Up to 50% Off at Anker Nov. 21st - Dec. 9th" width="75" height="75" loading="lazy" > </a> </div> </div> <hr class="custom-hr col-span-2 mt-4 w-full"> </div> </div> </div> <div class="mt-12" data-pogo="main"></div> <div class="mt-12 md:mt-24"> <div class="flex w-full grow flex-row items-center gap-x-6 font-league" data-ga-module="content-header"> <h2 class="text-3xl uppercase tracking-wider text-gray-800">Trending Now</h2> <hr class="custom-hr flex-1 grow"> </div> <div class="grid-row md:grid-cols-5 mt-8 grid grid-cols-1 gap-8 font-akshar sm:grid-cols-2" data-ga-module="trending-stories" data-ga-element="trending-stories-tile" data-ga-action="trending-stories-click"> <div> <a class="peer mb-4 block" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="The Right Way to Vacuum, According to a Dyson Designer" href="/home/the-right-way-to-vacuum-according-to-dyson-designer"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JADKEJV6W5Y3HSCS1AR2D6KA/hero-image.fill.size_400x225.v1729182268.jpg" alt="woman vacuuming while dog watches" width="400" height="225" loading="lazy" > </a> <div class="mb-2 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/home/cleaning"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-cleaning"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Cleaning & Organizing</span> </a> </div> <a class="hover:custom-underline peer-hover:custom-underline mt-2 text-xl font-medium leading-tight" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="The Right Way to Vacuum, According to a Dyson Designer" href="/home/the-right-way-to-vacuum-according-to-dyson-designer">The Right Way to Vacuum, According to a Dyson Designer</a> <div class="mt-2 font-akshar text-sm leading-tight tracking-wide"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/lindseyellefson">Lindsey Ellefson</a> </div> </div> </div> </div> <div> <a class="peer mb-4 block" data-ga-click data-ga-item="image" data-ga-position="2" data-ga-label="The Best Apps of 2024, According to Apple" href="/tech/the-best-apple-apps-2024"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDJAKSNEZDYYNAHYWZ30YWZF/hero-image.fill.size_400x225.v1732560745.jpg" alt="A graphic for Mac's app of the year 2024 finalists" width="400" height="225" loading="lazy" > </a> <div class="mb-2 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/apple"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-apple"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Apple</span> </a> </div> <a class="hover:custom-underline peer-hover:custom-underline mt-2 text-xl font-medium leading-tight" data-ga-click data-ga-item="title" data-ga-position="2" data-ga-label="The Best Apps of 2024, According to Apple" href="/tech/the-best-apple-apps-2024">The Best Apps of 2024, According to Apple</a> <div class="mt-2 font-akshar text-sm leading-tight tracking-wide"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/michelle-ehrhardt">Michelle Ehrhardt</a> </div> </div> </div> </div> <div> <a class="peer mb-4 block" data-ga-click data-ga-item="image" data-ga-position="3" data-ga-label="My Favorite Black Friday Deals on Sonos Speakers, Soundbars, and Headphones" href="/tech/sonos-speakers-black-friday-sale"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDBKAMB9VEXNVQSXAWXSX0F6/hero-image.fill.size_400x225.v1732572369.png" alt="sonos speakers and other products on sale for black friday" width="400" height="225" loading="lazy" > </a> <div class="mb-2 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/hardware"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-hardware"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Hardware</span> </a> </div> <a class="hover:custom-underline peer-hover:custom-underline mt-2 text-xl font-medium leading-tight" data-ga-click data-ga-item="title" data-ga-position="3" data-ga-label="My Favorite Black Friday Deals on Sonos Speakers, Soundbars, and Headphones" href="/tech/sonos-speakers-black-friday-sale">My Favorite Black Friday Deals on Sonos Speakers, Soundbars, and Headphones</a> <div class="mt-2 font-akshar text-sm leading-tight tracking-wide"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/ahb">Amanda Blum</a> </div> </div> </div> </div> <div> <a class="peer mb-4 block" data-ga-click data-ga-item="image" data-ga-position="4" data-ga-label="My Favorite Black Friday Deals From Best Buy" href="/tech/the-best-black-friday-deals-from-best-buy"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDJNR0PT39KE3E7S1ZQA30CS/hero-image.fill.size_400x225.v1732641290.png" alt="Samsung TVs, iPads, Sony speaker, Sony headphone on a teal and green background with a Black Friday and Cyber Monday sticker. " width="400" height="225" loading="lazy" > </a> <div class="mb-2 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-tech"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Tech</span> </a> </div> <a class="hover:custom-underline peer-hover:custom-underline mt-2 text-xl font-medium leading-tight" data-ga-click data-ga-item="title" data-ga-position="4" data-ga-label="My Favorite Black Friday Deals From Best Buy" href="/tech/the-best-black-friday-deals-from-best-buy">My Favorite Black Friday Deals From Best Buy</a> <div class="mt-2 font-akshar text-sm leading-tight tracking-wide"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/danieloropeza">Daniel Oropeza</a> </div> </div> </div> </div> <div> <a class="peer mb-4 block" data-ga-click data-ga-item="image" data-ga-position="5" data-ga-label="Impress Your Guests With a Stuffing Bundt Cake" href="/food-drink/impress-your-guests-with-a-stuffing-bundt-cake"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDMP8PXEQFJAJRGY9XY287A6/hero-image.fill.size_400x225.v1732640004.jpg" alt="A savory bundt cake with herbs and radishes in the center." width="400" height="225" loading="lazy" > </a> <div class="mb-2 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/food-drink/cooking"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-cooking"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Cooking</span> </a> </div> <a class="hover:custom-underline peer-hover:custom-underline mt-2 text-xl font-medium leading-tight" data-ga-click data-ga-item="title" data-ga-position="5" data-ga-label="Impress Your Guests With a Stuffing Bundt Cake" href="/food-drink/impress-your-guests-with-a-stuffing-bundt-cake">Impress Your Guests With a Stuffing Bundt Cake</a> <div class="mt-2 font-akshar text-sm leading-tight tracking-wide"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/alliechanthornreinmann">Allie Chanthorn Reinmann</a> </div> </div> </div> </div> <div class="block md:hidden"> <div data-pogo="native"></div> </div> </div> </div> <div class="custom-background-image -mx-4 mt-12 p-4 md:mt-24 md:py-24 lg:py-36"> <div class="mx-auto max-w-2xl bg-white px-4 py-12"> <div class="mx-auto max-w-md"> <div class="max-w-lg font-akshar text-3xl">Ready to do everything better?</div> <div class="mb-4 mt-2">Get daily tips, tricks, and tech guides delivered to your inbox.</div> <div data-ga-module="newsletter-signup" x-data="window.newsletter()"> <div class="w-full"> <form class="flex flex-col space-y-4 sm:flex-row sm:space-y-0" id="newsletter-form" x-on:submit.prevent="submit($event.target)"> <label class="sr-only" for="email">Subscribe to Lifehacker's Newsletter</label> <input name="tracking" type="hidden" value="newsletter-homepage" /> <input class="w-full appearance-none rounded-md border-2 border-gray-500 p-3 pl-4 font-sans text-base font-medium text-gray-900 placeholder:text-gray-900 sm:mr-2" id="email" name="email" type="email" aria-describedby="emailSubscribe" aria-label="Lifehacker Newsletter" placeholder="Enter Email" @input="resetState()" /> <button class="rounded-md bg-brand-green px-6 py-3 text-center font-sans font-medium tracking-wider text-white duration-200 ease-in-out hover:bg-brand-green-700 sm:w-[150px]" type="submit" x-show="!success" :disabled="loading"> <span x-show="loading">Loading...</span> <span x-show="!loading">Sign Up</span> </button> <span class="block self-center bg-white font-semibold text-gray-900 sm:ml-7" x-show="success">Success!</span> </form> <div class="mt-2 w-full text-center text-red" x-show="error"> <span x-text="error"></span> </div> <div class="mt-5 text-xs" id="emailSubscribe">By subscribing you agree to our <span class="block sm:inline"> <a class="underline" href="https://www.ziffdavis.com/terms-of-use" title="(opens in a new tab)" target="_blank" rel="noopener">Terms of Use</a> and <a class="underline" href="https://www.ziffdavis.com/ztg-privacy-policy" title="(opens in a new tab)" target="_blank" rel="noopener">Privacy Policy</a>. </span> </div> </div> </div> </div> </div> </div> <div class="mt-12 md:mt-24"> <div class="flex w-full grow flex-row items-center gap-x-6 font-league" data-ga-module="content-header"> <h2 class="text-3xl uppercase tracking-wider text-gray-800">Featured: Black Friday</h2> <hr class="custom-hr flex-1 grow"> <a class="custom-gradient-text block text-lg uppercase tracking-wider" data-ga-click data-ga-element="see-more-link" data-ga-item="see-more" data-ga-label="/black-friday" href="/black-friday" aria-label="See Our Latest Articles"> See More </a> </div> <div class="mt-8 grid grid-cols-1 gap-8 md:grid-cols-3" data-ga-module="featured-content" data-ga-element="featured-content-tile" data-ga-action="featured-content-click"> <div class="w-full col-span-2"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="This Chromecast Stick Is $40 for Black Friday" href="/tech/chromecast-with-google-tv-stick-black-friday-sale"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDPBNF3NKSKNHBD9HS3Z0NE6/hero-image.fill.size_900x450.v1732695997.png" alt="Chromecast with Google TV (4K)" width="900" height="450" loading="lazy" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-tech"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Tech</span> </a> </div> <a class="md:text-2xl lg:text-3xl hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="This Chromecast Stick Is $40 for Black Friday" href="/tech/chromecast-with-google-tv-stick-black-friday-sale">This Chromecast Stick Is $40 for Black Friday</a> <div class="mt-1 flex flex-col gap-x-4 gap-y-2 py-1 md:mt-3 md:flex-row md:items-center"> <div class="flex flex-row gap-x-4 font-akshar text-sm tracking-wide md:justify-start"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/pradershika-sharma">Pradershika Sharma</a> </div> </div> <time datetime="2024-11-27T15:30:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 27, 2024 </time> </div> </div> </div> <div class="col-span-2 md:col-span-1"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="2" data-ga-label="My Favorite Party Speaker Is $200 Off for Black Friday" href="/entertainment/jbl-party-box-black-friday-sale"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDN26CTA0RYXMVSXZJGSXGK3/hero-image.fill.size_453x255.v1732653148.png" alt="JBL PartyBox Stage 320 on a teal and green backgorund with "October Prime Day" logo on top left corner." width="453" height="255" loading="lazy" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/entertainment"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-entertainment"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Entertainment</span> </a> </div> <a class=" hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="2" data-ga-label="My Favorite Party Speaker Is $200 Off for Black Friday" href="/entertainment/jbl-party-box-black-friday-sale">My Favorite Party Speaker Is $200 Off for Black Friday</a> <div class="mt-1 flex flex-col gap-x-4 gap-y-2 py-1 md:mt-3 md:flex-row md:items-center"> <div class="flex flex-row gap-x-4 font-akshar text-sm tracking-wide md:justify-start"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/danieloropeza">Daniel Oropeza</a> </div> </div> <time datetime="2024-11-27T01:00:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 27, 2024 </time> </div> </div> </div> <div class="col-span-2 md:col-span-1"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="3" data-ga-label="All the Best Black Friday Deals for Xbox, PlayStation, Switch, and PC Gamers" href="/tech/the-best-black-friday-gaming-deals"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDN0W0NJMVY997C7M5PH4ED3/hero-image.fill.size_453x255.v1732656915.png" alt="Gaming products on sale for Black Friday 2024" width="453" height="255" loading="lazy" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/computing"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-computing"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Computing</span> </a> </div> <a class=" hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="3" data-ga-label="All the Best Black Friday Deals for Xbox, PlayStation, Switch, and PC Gamers" href="/tech/the-best-black-friday-gaming-deals">All the Best Black Friday Deals for Xbox, PlayStation, Switch, and PC Gamers</a> <div class="mt-1 flex flex-col gap-x-4 gap-y-2 py-1 md:mt-3 md:flex-row md:items-center"> <div class="flex flex-row gap-x-4 font-akshar text-sm tracking-wide md:justify-start"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/michelle-ehrhardt">Michelle Ehrhardt</a> </div> </div> <time datetime="2024-11-27T00:30:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 27, 2024 </time> </div> </div> </div> <div class="col-span-2 md:col-span-1"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="4" data-ga-label="The Best Black Friday Tech Deals at Amazon, Best Buy, and More" href="/tech/best-black-friday-tech-deals"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JD5RQFE74722VA99B8JB42GJ/hero-image.fill.size_453x255.v1732139807.png" alt="Black Friday tech deals post" width="453" height="255" loading="lazy" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-tech"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Tech</span> </a> </div> <a class=" hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="4" data-ga-label="The Best Black Friday Tech Deals at Amazon, Best Buy, and More" href="/tech/best-black-friday-tech-deals">The Best Black Friday Tech Deals at Amazon, Best Buy, and More</a> <div class="mt-1 flex flex-col gap-x-4 gap-y-2 py-1 md:mt-3 md:flex-row md:items-center"> <div class="flex flex-row gap-x-4 font-akshar text-sm tracking-wide md:justify-start"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/michelle-ehrhardt">Michelle Ehrhardt</a> </div> </div> <time datetime="2024-11-26T23:04:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 26, 2024 </time> </div> </div> </div> <div class="col-span-2 md:col-span-1"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="5" data-ga-label="A Bunch of Great Laptops Are on Sale For Black Friday" href="/tech/the-best-black-friday-laptop-deals"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDAXXYCE5JAQHRKNX9ECG2G0/hero-image.fill.size_453x255.v1732313409.png" alt="Best Laptops Black Friday" width="453" height="255" loading="lazy" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/computing"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-computing"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Computing</span> </a> </div> <a class=" hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="5" data-ga-label="A Bunch of Great Laptops Are on Sale For Black Friday" href="/tech/the-best-black-friday-laptop-deals">A Bunch of Great Laptops Are on Sale For Black Friday</a> <div class="mt-1 flex flex-col gap-x-4 gap-y-2 py-1 md:mt-3 md:flex-row md:items-center"> <div class="flex flex-row gap-x-4 font-akshar text-sm tracking-wide md:justify-start"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/michelle-ehrhardt">Michelle Ehrhardt</a> </div> </div> <time datetime="2024-11-26T23:03:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 26, 2024 </time> </div> </div> </div> </div> </div> <div class="mt-12 md:mt-24"> <div class="flex w-full grow flex-row items-center gap-x-6 font-league" data-ga-module="content-header"> <h2 class="text-3xl uppercase tracking-wider text-gray-800">Featured: The Cheater's Guide to Thanksgiving</h2> <hr class="custom-hr flex-1 grow"> <a class="custom-gradient-text block text-lg uppercase tracking-wider" data-ga-click data-ga-element="see-more-link" data-ga-item="see-more" data-ga-label="/series/cheaters-guide-to-thanksgiving" href="/series/cheaters-guide-to-thanksgiving" aria-label="See Our Latest Articles"> See More </a> </div> <div class="mt-8 grid grid-cols-1 gap-8 md:grid-cols-3" data-ga-module="featured-content" data-ga-element="featured-content-tile" data-ga-action="featured-content-click"> <div class="w-full col-span-2"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="The Best Ways to Freeze Breads and Dinner Rolls Before Thanksgiving" href="/food-drink/how-to-store-bread-in-the-freezer"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01HRWNC3W4SXEWRD019F7SBAPS/hero-image.fill.size_900x450.v1730737208.jpg" alt="A pile of bread bursting out of a chest freezer." width="900" height="450" loading="lazy" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/food-drink/cooking"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-cooking"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Cooking</span> </a> </div> <a class="md:text-2xl lg:text-3xl hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="The Best Ways to Freeze Breads and Dinner Rolls Before Thanksgiving" href="/food-drink/how-to-store-bread-in-the-freezer">The Best Ways to Freeze Breads and Dinner Rolls Before Thanksgiving</a> <div class="mt-1 flex flex-col gap-x-4 gap-y-2 py-1 md:mt-3 md:flex-row md:items-center"> <div class="flex flex-row gap-x-4 font-akshar text-sm tracking-wide md:justify-start"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/alliechanthornreinmann">Allie Chanthorn Reinmann</a> </div> </div> <time datetime="2024-11-04T19:30:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 4, 2024 </time> </div> </div> </div> <div class="col-span-2 md:col-span-1"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="2" data-ga-label="You Can Make That Store-Bought Pie Crust Look Homemade" href="/how-to-fool-your-family-with-a-store-bought-pie-crust-1849764533"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01HF2H1XTKG5PSN55XZDKZMT3Y/hero-image.fill.size_453x255.v1730731241.jpg" alt="A magician's hand tapping pies floating on a green background." width="453" height="255" loading="lazy" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/food-drink/cooking"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-cooking"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Cooking</span> </a> </div> <a class=" hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="2" data-ga-label="You Can Make That Store-Bought Pie Crust Look Homemade" href="/how-to-fool-your-family-with-a-store-bought-pie-crust-1849764533">You Can Make That Store-Bought Pie Crust Look Homemade</a> <div class="mt-1 flex flex-col gap-x-4 gap-y-2 py-1 md:mt-3 md:flex-row md:items-center"> <div class="flex flex-row gap-x-4 font-akshar text-sm tracking-wide md:justify-start"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/alliechanthornreinmann">Allie Chanthorn Reinmann</a> </div> </div> <time datetime="2024-11-04T19:30:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 4, 2024 </time> </div> </div> </div> <div class="col-span-2 md:col-span-1"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="3" data-ga-label="How to Fake Scratch Desserts With Store-Bought Ones" href="/food-drink/how-to-fake-scratch-desserts-with-store-bought-ones"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JBM8SMZ1NAHMJC4KM5KPR2CT/hero-image.fill.size_453x255.v1730478396.jpg" alt="Desserts floating over a green background with hands sprinkling garnishes over top." width="453" height="255" loading="lazy" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/food-drink/cooking"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-cooking"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Cooking</span> </a> </div> <a class=" hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="3" data-ga-label="How to Fake Scratch Desserts With Store-Bought Ones" href="/food-drink/how-to-fake-scratch-desserts-with-store-bought-ones">How to Fake Scratch Desserts With Store-Bought Ones</a> <div class="mt-1 flex flex-col gap-x-4 gap-y-2 py-1 md:mt-3 md:flex-row md:items-center"> <div class="flex flex-row gap-x-4 font-akshar text-sm tracking-wide md:justify-start"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/alliechanthornreinmann">Allie Chanthorn Reinmann</a> </div> </div> <time datetime="2024-11-04T18:30:20+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 4, 2024 </time> </div> </div> </div> <div class="col-span-2 md:col-span-1"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="4" data-ga-label="The Easiest Ways to Dress Up Store-Bought Rolls and Breads for Thanksgiving" href="/food-drink/how-to-elevate-store-bought-rolls-and-breads"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JBF794WK9DNJA4Y6NTVXRJHZ/hero-image.fill.size_453x255.v1730309034.jpg" alt="A person presenting dinner rolls in a casserole dish on a green background." width="453" height="255" loading="lazy" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/food-drink/cooking"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-cooking"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Cooking</span> </a> </div> <a class=" hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="4" data-ga-label="The Easiest Ways to Dress Up Store-Bought Rolls and Breads for Thanksgiving" href="/food-drink/how-to-elevate-store-bought-rolls-and-breads">The Easiest Ways to Dress Up Store-Bought Rolls and Breads for Thanksgiving</a> <div class="mt-1 flex flex-col gap-x-4 gap-y-2 py-1 md:mt-3 md:flex-row md:items-center"> <div class="flex flex-row gap-x-4 font-akshar text-sm tracking-wide md:justify-start"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/alliechanthornreinmann">Allie Chanthorn Reinmann</a> </div> </div> <time datetime="2024-11-04T18:00:34+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 4, 2024 </time> </div> </div> </div> <div class="col-span-2 md:col-span-1"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="5" data-ga-label="The Thanksgiving Dishes You Should Probably Make From Scratch" href="/food-drink/thanksgiving-dishes-you-should-probably-make-from-scratch"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JBF4PS8GJ16CP5TPX4SA6YS1/hero-image.fill.size_453x255.v1730408984.jpg" alt="Hands holding a blueberry tart." width="453" height="255" loading="lazy" > </a> <div class="mt-4 md:h-[20px]"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/food-drink/cooking"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-cooking"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Cooking</span> </a> </div> <a class=" hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide" data-ga-click data-ga-item="title" data-ga-position="5" data-ga-label="The Thanksgiving Dishes You Should Probably Make From Scratch" href="/food-drink/thanksgiving-dishes-you-should-probably-make-from-scratch">The Thanksgiving Dishes You Should Probably Make From Scratch</a> <div class="mt-1 flex flex-col gap-x-4 gap-y-2 py-1 md:mt-3 md:flex-row md:items-center"> <div class="flex flex-row gap-x-4 font-akshar text-sm tracking-wide md:justify-start"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/alliechanthornreinmann">Allie Chanthorn Reinmann</a> </div> </div> <time datetime="2024-11-04T17:30:58+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 4, 2024 </time> </div> </div> </div> </div> </div> <div class="relative left-1/2 mt-12 w-dvw -translate-x-1/2"> <div data-pogo="nativespotlight"></div> </div> <div class="-mx-4 mt-16"> <div class="relative mx-auto grid w-full items-stretch justify-between gap-y-8 px-4 py-10 lg:flex lg:gap-x-8 lg:py-16"> <div class="custom-gradient-background relative rounded-md bg-white p-0.5 shadow"> <div class="flex h-full flex-col space-y-6 rounded-md bg-white p-8 md:flex-row md:justify-between md:space-x-16 md:space-y-0"> <div class="flex-1 space-y-4"> <div class="flex w-full grow flex-row items-center gap-x-6 font-league" data-ga-module="content-header"> <div class="text-3xl uppercase tracking-wider text-gray-800">Our Mission</div> <hr class="custom-hr flex-1 grow"> <a class="custom-gradient-text block text-lg uppercase tracking-wider" data-ga-click data-ga-element="see-more-link" data-ga-item="see-more" data-ga-label="/our-mission" href="/our-mission" aria-label="See Our Latest Articles"> See More </a> </div> <div class="font-sans leading-relaxed lg:text-lg"> Lifehacker has been the world’s leading guide to tech and life tips, tricks and hacks since 2005. Our job is to figure out how tech, gadgets, software and other things work, so you don’t have to. Our team of experts spend over 5,000 hours per month researching and hands-on testing into the very best answers to your biggest questions and problems. </div> </div> <div class="flex-1 space-y-4"> <div class="flex w-full grow flex-row items-center gap-x-6 font-league" data-ga-module="content-header"> <div class="text-3xl uppercase tracking-wider text-gray-800">Our Team</div> <hr class="custom-hr flex-1 grow"> <a class="custom-gradient-text block text-lg uppercase tracking-wider" data-ga-click data-ga-element="see-more-link" data-ga-item="see-more" data-ga-label="/our-team" href="/our-team" aria-label="See Our Latest Articles"> See More </a> </div> <div class="font-sans leading-relaxed lg:text-lg"> Lifehacker’s team of expert researchers and writers live to figure out how things work and how they can work better. Our team methodically and tirelessly researches and hands-on tests tech, gadgets, software and other things to give you every tip, trick and hack that help your do everything better. </div> </div> </div> </div> </div> </div> <div class="mt-12 md:mt-24"> <div class="flex w-full grow flex-row items-center gap-x-6 font-league" data-ga-module="content-header"> <h2 class="text-3xl uppercase tracking-wider text-gray-800">Deals</h2> <hr class="custom-hr flex-1 grow"> <a class="custom-gradient-text block text-lg uppercase tracking-wider" data-ga-click data-ga-element="see-more-link" data-ga-item="see-more" data-ga-label="/deals" href="/deals" aria-label="See Our Latest Articles"> See More </a> </div> <div class="mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3 lg:items-start" data-ga-module="article-contents" data-ga-element="article-contents-tile" data-ga-action="article-contents-click"> <div class="w-full lg:col-span-2"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="The Best Headphone Deals for Black Friday" href="/tech/best-headphone-deals-for-black-friday"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDN246DYQGHSYMZABJZ1F7KW/hero-image.fill.size_873x491.v1732652439.png" alt="Beats Solo 4, Sonos Ace, Bose QuietComfort Ultra, Sony WH-1000XM5 - [ ] on a teal and green background with a Black Friday and Cyber Monday sticker. " width="873" height="491" loading="lazy" > </a> <div class="mt-4"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-tech"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Tech</span> </a> </div> <a class="hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-2xl font-medium leading-tight tracking-wide lg:text-3xl" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="The Best Headphone Deals for Black Friday" href="/tech/best-headphone-deals-for-black-friday">The Best Headphone Deals for Black Friday</a> <div class="mt-2 text-sm leading-tight md:hidden">Find deals on top-tier headphones from Sony, Bose, Sonos, Beats, and more.</div> <div class="mt-2 font-akshar text-sm leading-tight tracking-wide"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/danieloropeza">Daniel Oropeza</a> </div> </div> </div> </div> <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-1"> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="These Are the Best Coffeemakers and Accessories to Buy As Gifts During Black Friday" href="/food-drink/the-best-coffeemakers-and-accessories-to-give-as-gifts-black-friday"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JDN6RWHK98CNK8WGEGDSK46E/hero-image.fill.size_453x255.v1732657312.jpg" alt="A kettle pouring water over coffee grounds in a filter." width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-4 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/food-drink"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-food-drink"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Food & Drinks</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="These Are the Best Coffeemakers and Accessories to Buy As Gifts During Black Friday" href="/food-drink/the-best-coffeemakers-and-accessories-to-give-as-gifts-black-friday">These Are the Best Coffeemakers and Accessories to Buy As Gifts During Black Friday</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/alliechanthornreinmann">Allie Chanthorn Reinmann</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-26T22:00:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 26, 2024 </time> </div> </div> </div> <div class="custom-hr w-full md:hidden"></div> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="2" data-ga-label="The Best Black Friday Deals I've Found on Fitness Trackers and Smartwatches" href="/health/the-best-black-friday-deals-on-fitness-trackers-and-smartwatches"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JDJ3F90B6FXKERFV37J19E5K/hero-image.fill.size_453x255.v1732553398.png" alt="Apple Watch, Fitbit Charge 6, Garmin Forerunner" width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-0 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/health/fitness"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-fitness"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Fitness</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="2" data-ga-label="The Best Black Friday Deals I've Found on Fitness Trackers and Smartwatches" href="/health/the-best-black-friday-deals-on-fitness-trackers-and-smartwatches">The Best Black Friday Deals I've Found on Fitness Trackers and Smartwatches</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/bethskwarecki">Beth Skwarecki</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-26T21:39:15+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 26, 2024 </time> </div> </div> </div> <div class="custom-hr w-full md:hidden"></div> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="3" data-ga-label="You Can Still Get These Nintendo Switch Bundles for Their Lowest Price Ever" href="/entertainment/nintendo-switch-bundles-black-friday-sale"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JDMRP977HP8A8QF1K5V1GTNJ/hero-image.fill.size_453x255.v1732642546.png" alt="Nintendo Switch: Mario Kart 8 Deluxe Bundle and Nintendo Switch – OLED Model: Mario Kart 8 Deluxe Bundle - [ ] on a teal and green background with a Black Friday and Cyber Monday sticker. " width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-0 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/entertainment/gaming"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-gaming"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Gaming</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="3" data-ga-label="You Can Still Get These Nintendo Switch Bundles for Their Lowest Price Ever" href="/entertainment/nintendo-switch-bundles-black-friday-sale">You Can Still Get These Nintendo Switch Bundles for Their Lowest Price Ever</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/danieloropeza">Daniel Oropeza</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-26T18:30:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 26, 2024 </time> </div> </div> </div> <div class="custom-hr w-full md:hidden"></div> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="4" data-ga-label="The Samsung Galaxy Buds 3 Pro Are $60 Off for Black Friday" href="/tech/samsung-galaxy-buds-3-pro-black-friday-deal"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JDMJQMH646E7NEZWN1YX9XT6/hero-image.fill.size_453x255.v1732636299.png" alt="Samsung Galaxy Buds 3 Pro" width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-0 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/android"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-android"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Android</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="4" data-ga-label="The Samsung Galaxy Buds 3 Pro Are $60 Off for Black Friday" href="/tech/samsung-galaxy-buds-3-pro-black-friday-deal">The Samsung Galaxy Buds 3 Pro Are $60 Off for Black Friday</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/pradershika-sharma">Pradershika Sharma</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-26T17:30:26+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 26, 2024 </time> </div> </div> </div> </div> </div> </div> <div class="mt-12 md:mt-24"> <div class="flex w-full grow flex-row items-center gap-x-6 font-league" data-ga-module="content-header"> <h2 class="text-3xl uppercase tracking-wider text-gray-800">News/Opinions</h2> <hr class="custom-hr flex-1 grow"> <a class="custom-gradient-text block text-lg uppercase tracking-wider" data-ga-click data-ga-element="see-more-link" data-ga-item="see-more" data-ga-label="/news" href="/news" aria-label="See Our Latest Articles"> See More </a> </div> <div class="mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3 lg:items-start" data-ga-module="article-contents" data-ga-element="article-contents-tile" data-ga-action="article-contents-click"> <div class="w-full lg:col-span-2"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="What People Are Getting Wrong This Week: Losing Heat Through Our Heads" href="/entertainment/do-we-lose-most-heat-through-our-heads"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDNEMC2SE276AAZM6G84B2FM/hero-image.fill.size_873x491.v1732665552.jpg" alt="Woman in frozen lake ice hole" width="873" height="491" loading="lazy" > </a> <div class="mt-4"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/entertainment"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-entertainment"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Entertainment</span> </a> </div> <a class="hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-2xl font-medium leading-tight tracking-wide lg:text-3xl" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="What People Are Getting Wrong This Week: Losing Heat Through Our Heads" href="/entertainment/do-we-lose-most-heat-through-our-heads">What People Are Getting Wrong This Week: Losing Heat Through Our Heads</a> <div class="mt-2 text-sm leading-tight md:hidden">I'm not wearing a hat and you can't make me.</div> <div class="mt-2 font-akshar text-sm leading-tight tracking-wide"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/stephenjohnson">Stephen Johnson</a> </div> </div> </div> </div> <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-1"> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="The Out-of-Touch Adults' Guide to Kid Culture: Kendrick Lamar's 'GNX'" href="/entertainment/the-out-of-touch-adults-guide-to-kid-culture-kendrick-lamar-gnx"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JDJTXT2E1KNTGVFMQYDT8APX/hero-image.fill.size_453x255.v1732577781.jpg" alt="Still from Kendrick Lamar's 'Squabble Up'" width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-4 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/entertainment"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-entertainment"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Entertainment</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="The Out-of-Touch Adults' Guide to Kid Culture: Kendrick Lamar's 'GNX'" href="/entertainment/the-out-of-touch-adults-guide-to-kid-culture-kendrick-lamar-gnx">The Out-of-Touch Adults' Guide to Kid Culture: Kendrick Lamar's 'GNX'</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/stephenjohnson">Stephen Johnson</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-26T14:00:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 26, 2024 </time> </div> </div> </div> <div class="custom-hr w-full md:hidden"></div> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="2" data-ga-label="Threads Is Testing the Ability to Pick Your Default Feed" href="/tech/default-to-the-following-feed-on-threads"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JDJHP3YNJNGEJ1RRFKEY92DF/hero-image.fill.size_453x255.v1732572913.png" alt="A woman looking at the Threads app on her phone" width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-0 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/apps"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-apps"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Mobile Apps</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="2" data-ga-label="Threads Is Testing the Ability to Pick Your Default Feed" href="/tech/default-to-the-following-feed-on-threads">Threads Is Testing the Ability to Pick Your Default Feed</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/jakepeterson">Jake Peterson</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-25T22:30:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 25, 2024 </time> </div> </div> </div> <div class="custom-hr w-full md:hidden"></div> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="3" data-ga-label="The Google Play Store Will Soon Warn You Before You Download a Bad App" href="/tech/the-google-play-store-will-warn-you-bad-app"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JDJD8P3AJEBM5PC008X2HS31/hero-image.fill.size_453x255.v1732565882.jpg" alt="Google Play Store app icon on phone" width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-0 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/android"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-android"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Android</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="3" data-ga-label="The Google Play Store Will Soon Warn You Before You Download a Bad App" href="/tech/the-google-play-store-will-warn-you-bad-app">The Google Play Store Will Soon Warn You Before You Download a Bad App</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/jakepeterson">Jake Peterson</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-25T21:45:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 25, 2024 </time> </div> </div> </div> <div class="custom-hr w-full md:hidden"></div> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="4" data-ga-label="Roasting the Turkey in an Oven Bag Is Helpful, Actually" href="/food-drink/how-to-roast-a-turkey-in-an-oven-bag"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JDJFAWMPB9Y6NYDTKYG1EHHW/hero-image.fill.size_453x255.v1732565627.jpg" alt="A turkey in a roasting bag in a roasting pan." width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-0 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/food-drink/cooking"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-cooking"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Cooking</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="4" data-ga-label="Roasting the Turkey in an Oven Bag Is Helpful, Actually" href="/food-drink/how-to-roast-a-turkey-in-an-oven-bag">Roasting the Turkey in an Oven Bag Is Helpful, Actually</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/alliechanthornreinmann">Allie Chanthorn Reinmann</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-25T21:30:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 25, 2024 </time> </div> </div> </div> </div> </div> </div> <div class="mt-12" data-pogo="main"></div> <div class="mt-12 md:mt-24"> <div class="flex w-full grow flex-row items-center gap-x-6 font-league" data-ga-module="content-header"> <h2 class="text-3xl uppercase tracking-wider text-gray-800">Hacks</h2> <hr class="custom-hr flex-1 grow"> <a class="custom-gradient-text block text-lg uppercase tracking-wider" data-ga-click data-ga-element="see-more-link" data-ga-item="see-more" data-ga-label="/hacks" href="/hacks" aria-label="See Our Latest Articles"> See More </a> </div> <div class="mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3 lg:items-start" data-ga-module="article-contents" data-ga-element="article-contents-tile" data-ga-action="article-contents-click"> <div class="w-full lg:col-span-2"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="MyNoise Is a Personal Soundtrack Generator" href="/entertainment/mynoise-personal-soundtrack-generator"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDN074ANEJ1CS3N8T5YVX690/hero-image.fill.size_873x491.v1732650438.jpg" alt="Vector Waves on blue gradient" width="873" height="491" loading="lazy" > </a> <div class="mt-4"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/entertainment"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-entertainment"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Entertainment</span> </a> </div> <a class="hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-2xl font-medium leading-tight tracking-wide lg:text-3xl" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="MyNoise Is a Personal Soundtrack Generator" href="/entertainment/mynoise-personal-soundtrack-generator">MyNoise Is a Personal Soundtrack Generator</a> <div class="mt-2 text-sm leading-tight md:hidden">I am now accompanied by a trumpet fanfare wherever I go.</div> <div class="mt-2 font-akshar text-sm leading-tight tracking-wide"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/stephenjohnson">Stephen Johnson</a> </div> </div> </div> </div> <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-1"> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="This Free App Makes Custom Covers For Your Apple Music and Spotify Playlists" href="/tech/denim-lets-you-make-custom-apple-music-playlist-covers"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01J1FJ302M9H9AYHCFRJJTWWHB/hero-image.fill.size_453x255.v1731675974.jpg" alt="The new playlist selector window in Denim for iPhone, with a bunch of Apple Music playlists displayed." width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-4 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/apple"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-apple"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Apple</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="This Free App Makes Custom Covers For Your Apple Music and Spotify Playlists" href="/tech/denim-lets-you-make-custom-apple-music-playlist-covers">This Free App Makes Custom Covers For Your Apple Music and Spotify Playlists</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/prawnay">Pranay Parab</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-15T17:00:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 15, 2024 </time> </div> </div> </div> <div class="custom-hr w-full md:hidden"></div> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="2" data-ga-label="Steam Your Spuds for Faster Mashed Potatoes" href="/food-drink/steam-mashed-potatoes"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01HFCJV0NYDHVQ2JM1WSDAESP5/hero-image.fill.size_453x255.v1700155720.jpg" alt="Hands holding potato masher and mashing a pot of potatoes" width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-0 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/food-drink/cooking"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-cooking"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Cooking</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="2" data-ga-label="Steam Your Spuds for Faster Mashed Potatoes" href="/food-drink/steam-mashed-potatoes">Steam Your Spuds for Faster Mashed Potatoes</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/alliechanthornreinmann">Allie Chanthorn Reinmann</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-14T21:30:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 14, 2024 </time> </div> </div> </div> <div class="custom-hr w-full md:hidden"></div> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="3" data-ga-label="How to Change Your iPhone's Ringtone and Media Volume Separately" href="/tech/how-to-change-your-iphones-ringtone-and-media-volume-separately"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JCJJQ8294601WRW2TS61W11F/hero-image.fill.size_453x255.v1731495436.jpg" alt="An iPhone home screen with the Adjust Volume shortcut running. The pop-up window shows two options: Media and Ringtone." width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-0 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/apple"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-apple"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Apple</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="3" data-ga-label="How to Change Your iPhone's Ringtone and Media Volume Separately" href="/tech/how-to-change-your-iphones-ringtone-and-media-volume-separately">How to Change Your iPhone's Ringtone and Media Volume Separately</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/prawnay">Pranay Parab</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-13T16:30:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 13, 2024 </time> </div> </div> </div> <div class="custom-hr w-full md:hidden"></div> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="4" data-ga-label="Freeze Pre-Portioned Cookie Dough for Emergency Cookies" href="/food-drink/freeze-pre-portioned-cookie-dough-for-emergency-cookies"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JCEK9M6JXEV29HCM5ZC5XXQT/hero-image.fill.size_453x255.v1731361820.jpg" alt="Raw oatmeal cookie dough balls closely arranged on a cookie sheet" width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-0 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/food-drink/cooking"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-cooking"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Cooking</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="4" data-ga-label="Freeze Pre-Portioned Cookie Dough for Emergency Cookies" href="/food-drink/freeze-pre-portioned-cookie-dough-for-emergency-cookies">Freeze Pre-Portioned Cookie Dough for Emergency Cookies</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/alliechanthornreinmann">Allie Chanthorn Reinmann</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-12T13:00:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 12, 2024 </time> </div> </div> </div> </div> </div> </div> <div class="mt-12 md:mt-24"> <div class="flex w-full grow flex-row items-center gap-x-6 font-league" data-ga-module="content-header"> <h2 class="text-3xl uppercase tracking-wider text-gray-800">How-To's</h2> <hr class="custom-hr flex-1 grow"> <a class="custom-gradient-text block text-lg uppercase tracking-wider" data-ga-click data-ga-element="see-more-link" data-ga-item="see-more" data-ga-label="/how-to" href="/how-to" aria-label="See Our Latest Articles"> See More </a> </div> <div class="mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3 lg:items-start" data-ga-module="article-contents" data-ga-element="article-contents-tile" data-ga-action="article-contents-click"> <div class="w-full lg:col-span-2"> <a class="peer block" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="The Free Way to Run Windows on an Apple Silicon Mac" href="/tech/the-free-way-to-run-windows-on-an-apple-silicon-mac"> <img class="w-full rounded-md border border-gray-100" src="https://lifehacker.com/imagery/articles/01JDMPYBR5JC67PZ8EGN8FR9HE/hero-image.fill.size_873x491.v1732640714.png" alt="A Windows desktop running in a window on macOS" width="873" height="491" loading="lazy" > </a> <div class="mt-4"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/computing"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-computing"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Computing</span> </a> </div> <a class="hover:custom-underline peer-hover:custom-underline mt-2 block font-akshar text-2xl font-medium leading-tight tracking-wide lg:text-3xl" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="The Free Way to Run Windows on an Apple Silicon Mac" href="/tech/the-free-way-to-run-windows-on-an-apple-silicon-mac">The Free Way to Run Windows on an Apple Silicon Mac</a> <div class="mt-2 text-sm leading-tight md:hidden">Use Windows on Mac without paying for a subscription.</div> <div class="mt-2 font-akshar text-sm leading-tight tracking-wide"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/justinpot">Justin Pot</a> </div> </div> </div> </div> <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-1"> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="1" data-ga-label="Three Ways to Grow Herbs Indoors When You’re Tight on Space" href="/home/best-ways-to-grow-herbs-indoors"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JDKWXP9YW8WN0KKSV6303MCY/hero-image.fill.size_453x255.v1732633626.png" alt="plants growing in individual pots on a wall indoors" width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-4 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/home/plants"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-plants"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Plants</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="1" data-ga-label="Three Ways to Grow Herbs Indoors When You’re Tight on Space" href="/home/best-ways-to-grow-herbs-indoors">Three Ways to Grow Herbs Indoors When You’re Tight on Space</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/ahb">Amanda Blum</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-26T15:30:07+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 26, 2024 </time> </div> </div> </div> <div class="custom-hr w-full md:hidden"></div> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="2" data-ga-label="All the Smart Tech I Use in My Home Theater (That Is on Sale for Black Friday)" href="/tech/how-to-set-up-a-home-theater-with-smart-tech-devices"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JD9N2JFMRJMGDQFAJ6H6HY0H/hero-image.fill.size_453x255.v1732298414.png" alt="my smart home theater set-up" width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-0 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/hardware"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-hardware"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Hardware</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="2" data-ga-label="All the Smart Tech I Use in My Home Theater (That Is on Sale for Black Friday)" href="/tech/how-to-set-up-a-home-theater-with-smart-tech-devices">All the Smart Tech I Use in My Home Theater (That Is on Sale for Black Friday)</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/ahb">Amanda Blum</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-22T18:30:15+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 22, 2024 </time> </div> </div> </div> <div class="custom-hr w-full md:hidden"></div> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="3" data-ga-label="How to Use Picture-in-Picture Mode on an Android Phone" href="/tech/how-to-use-picture-in-picture-mode-on-android"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JDA2GZJ3SC2T9V4HECRZ7B11/hero-image.fill.size_453x255.v1732283760.jpg" alt="Picture-in-picture on Android" width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-0 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/tech/android"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-android"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Android</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="3" data-ga-label="How to Use Picture-in-Picture Mode on an Android Phone" href="/tech/how-to-use-picture-in-picture-mode-on-android">How to Use Picture-in-Picture Mode on an Android Phone</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/david-nield">David Nield</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-22T17:30:37+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 22, 2024 </time> </div> </div> </div> <div class="custom-hr w-full md:hidden"></div> <div class="group flex items-end justify-between gap-x-4 md:flex-col md:justify-start md:gap-x-0 lg:flex-row lg:items-center lg:gap-x-4"> <a class="order-2 block shrink-0 md:order-none md:w-auto lg:w-[125px] xl:w-[150px]" data-ga-click data-ga-item="image" data-ga-position="4" data-ga-label="Trussing a Turkey Is Actually Pretty Easy (If You Must)" href="/food-drink/how-to-truss-turkey"> <img class="h-[75px] w-[75px] rounded-md border border-gray-100 object-cover md:h-auto md:w-full" src="https://lifehacker.com/imagery/articles/01JD87GWFRCEVRJZ4VE8ZF1PQ0/hero-image.fill.size_453x255.v1732221890.jpg" alt="A roast turkey on a white plate with figs and herbs around the bottom." width="453" height="255" loading="lazy" > </a> <div class="w-auto"> <div class="mt-0 md:mt-4 lg:mt-0"> <a class="flex flex-row items-center gap-x-2 text-brand-green" href="/food-drink/cooking"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-category-cooking"></use> </svg> <span class="mt-1 font-akshar text-sm uppercase leading-none">Cooking</span> </a> </div> <a class="hover:custom-underline group-hover:custom-underline mt-2 block font-akshar text-xl font-medium leading-tight tracking-wide md:text-lg md:leading-tight lg:mt-1" data-ga-click data-ga-item="title" data-ga-position="4" data-ga-label="Trussing a Turkey Is Actually Pretty Easy (If You Must)" href="/food-drink/how-to-truss-turkey">Trussing a Turkey Is Actually Pretty Easy (If You Must)</a> <div class="mt-2 hidden font-akshar text-sm leading-tight tracking-wide md:block lg:mt-1"> <div class="flex items-center"> <svg class="mb-1 mr-2 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-author"></use> </svg> <div> <a class="hover:text-brand-green" href="/author/alliechanthornreinmann">Allie Chanthorn Reinmann</a> </div> </div> </div> <div class="mt-2 font-akshar text-sm font-medium leading-tight tracking-wide md:hidden"> <time datetime="2024-11-21T22:00:00+00:00"> <svg class="mb-1 mr-1 inline-block h-4 w-4 text-gray-700"> <use href="/images/icons/spritemap.svg#sprite-calendar"></use> </svg> November 21, 2024 </time> </div> </div> </div> </div> </div> </div> </section> <section class="w-full gap-x-8 md:flex"> </section> </main> <div class="my-24 px-4"> <div data-pogo="footer"></div> </div> <footer class="w-full border-t border-dotted border-black px-4 py-12 text-black" data-ga-module="footer-nav" data-ga-action="footer-nav-link"> <div class="container mx-auto max-w-8xl px-4 xl:px-0"> <div class="flex flex-col items-center space-y-8 pb-8 text-center lg:flex-row lg:items-start lg:justify-between lg:space-y-0 lg:text-left"> <div class="flex w-full flex-col items-center space-y-6 lg:w-1/2 lg:items-start" role="region" aria-label="Our Mission & Social Network"> <a class="block min-w-[200px] max-w-[318px] grow" data-ga-click data-ga-element="nav-logo" data-ga-action="nav-logo" data-ga-item="logo" href="https://lifehacker.com"> <img class="w-full max-w-[16rem]" src="/images/lifehacker-logo.svg" alt="Lifehacker Logo" loading="lazy" width="256" height="71"> </a> <p class="w-full text-center text-sm leading-normal lg:max-w-md lg:text-left xl:max-w-lg">Lifehacker has been a go-to source of tech help and life advice since 2005. Our mission is to offer reliable tech help and credible, practical, science-based life advice to help you live better. </p> <div class="flex flex-col gap-6 md:flex-row md:justify-center" data-ga-element="social-link" data-ga-action="social-link" data-ga-item="title"> <ul class="flex items-center justify-between space-x-4"> <li><a class="hover:custom-underline font-akshar uppercase tracking-wider" data-ga-click data-ga-label="$text" href="/our-mission" aria-label="Our Mission">Our Mission</a></li> <li><a class="hover:custom-underline font-akshar uppercase tracking-wider" data-ga-click data-ga-label="$text" href="/our-team" aria-label="Our Team">Our Team</a></li> <li><a class="hover:custom-underline font-akshar uppercase tracking-wider" data-ga-click data-ga-label="$text" href="/newsletters" aria-label="Newsletter">Newsletter</a></li> </ul> <ul class="flex items-center justify-center gap-x-4"> <li> <a class="flex h-8 w-8 items-center justify-center rounded-md border-2 border-black text-center duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="facebook" href="https://facebook.com/lifehacker" title="(opens in a new window)" rel="noopener" target="_blank"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-social-facebook"></use> </svg> </a> </li> <li> <a class="flex h-8 w-8 items-center justify-center rounded-md border-2 border-black text-center duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="twitter" href="https://twitter.com/lifehacker" title="(opens in a new window)" rel="noopener" target="_blank"> <svg class="inline-block h-4 w-4"> <use href="/images/icons/spritemap.svg#sprite-social-twitter"></use> </svg> </a> </li> <li> <a class="flex h-8 w-8 items-center justify-center rounded-md border-2 border-black text-center duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="instagram" href="https://instagram.com/lifehackerdotcom" title="(opens in a new window)" rel="noopener" target="_blank"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-social-instagram"></use> </svg> </a> </li> <li> <a class="flex h-8 w-8 items-center justify-center rounded-md border-2 border-black text-center duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="youtube" href="https://www.youtube.com/user/lifehacker" title="(opens in a new window)" rel="noopener" target="_blank"> <svg class="inline-block h-5 w-5"> <use href="/images/icons/spritemap.svg#sprite-social-youtube"></use> </svg> </a> </li> </ul> </div> </div> <div class="w-full space-y-8 border-t border-dotted border-black pt-8 font-akshar tracking-wider lg:flex lg:w-1/4 lg:space-x-4 lg:space-y-0 lg:border-t-0 lg:pt-0 xl:justify-end" data-ga-element="footer-nav-link" data-ga-action="footer-nav-link" data-ga-item="title" role="navigation" aria-label="Footer Main Menu"> <ul class="grid grid-cols-2 gap-4 uppercase lg:items-start lg:justify-start"> <li class="md:mr-4 md:w-auto lg:mr-8"><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/latest" aria-label="Latest">Latest</a></li> <li class="md:mr-4 md:w-auto lg:mr-8"><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/tech" aria-label="Tech">Tech</a></li> <li class="md:mr-4 md:w-auto lg:mr-8"><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/food-drink" aria-label="Food">Food</a></li> <li class="md:mr-4 md:w-auto lg:mr-8"><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/entertainment" aria-label="Entertainment">Entertainment</a></li> <li class="md:mr-4 md:w-auto lg:mr-8"><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/health" aria-label="Health">Health</a></li> <li class="md:mr-4 md:w-auto lg:mr-8"><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/money" aria-label="Money">Money</a></li> <li class="md:mr-4 md:w-auto lg:mr-8"><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/home" aria-label="Home & Garden">Home & Garden</a></li> <li class="md:mr-4 md:w-auto lg:mr-8"><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/relationships" aria-label="Relationships">Relationships</a></li> <li class="md:mr-4 md:w-auto lg:mr-8"><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/deals" aria-label="Deals">Deals</a></li> <li class="md:mr-4 md:w-auto lg:mr-8"><a class="hover:custom-underline" data-ga-click data-ga-label="$text" href="/hacks" aria-label="Hacks">Hacks</a></li> <li class="md:mr-4 md:w-auto lg:mr-8"> <a class="custom-gradient-text" data-ga-click data-ga-label="$text" href="/black-friday" aria-label="#The Best Black Friday Sales">#The Best Black Friday Sales</a> </li> <li class="md:mr-4 md:w-auto lg:mr-8"> <a class="custom-gradient-text" data-ga-click data-ga-label="$text" href="/series/cheaters-guide-to-thanksgiving" aria-label="#The Cheater's Guide to Thanksgiving">#The Cheater's Guide to Thanksgiving</a> </li> </ul> </div> <div class="w-full border-t border-dotted border-black pt-8 lg:flex lg:w-1/4 lg:justify-center lg:border-t-0 lg:pt-0" data-ga-element="zd-nav-link" data-ga-action="zd-nav-link" data-ga-item="title" role="navigation" aria-label="Ziff Davis Info Links"> <ul class="grid grid-cols-2 gap-2 lg:grid-cols-1 lg:items-start lg:justify-start"> <li class="md:mr-4 md:mt-0 md:w-auto"> <a class="text-sm text-black duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="$text" href="https://www.ziffdavis.com/about" title="(opens in a new tab)" aria-label="Find out more about Ziff Davis" target="_blank"> About Ziff Davis <span class="sr-only">(Opens in a new tab)</span> </a> </li> <li class="md:mr-4 md:mt-0 md:w-auto"> <a class="text-sm text-black duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="$text" href="https://www.ziffdavis.com/ztg-privacy-policy" title="(opens in a new tab)" aria-label="View our Privacy Policy" target="_blank"> Privacy Policy </a> </li> <li class="md:mr-4 md:mt-0 md:w-auto"> <a class="text-sm text-black duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="$text" href="https://www.ziffdavis.com/about/terms" title="(opens in a new tab)" aria-label="View our Terms of Use" target="_blank"> Terms of Use </a> </li> <li class="md:mr-4 md:mt-0 md:w-auto"> <a class="text-sm text-black duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="$text" href="https://www.ziffdavis.com/about/contacts" title="(opens in a new tab)" aria-label="Advertise" target="_blank"> Advertise </a> </li> <li class="md:mr-4 md:mt-0 md:w-auto"> <a class="text-sm text-black duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="$text" href="https://www.ziffdavis.com/accessibility" title="(opens in a new tab)" aria-label="View the Ziff Davis Accessibility Policy" target="_blank"> Accessibility</a> </li> <li class="md:mr-4 md:mt-0 md:w-auto"> <a class="text-sm text-black duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="$text" href="https://dsar.lifehacker.com" title="(opens in a new tab)" aria-label="Do Not Sell My Personal Information" target="_blank"> Do Not Sell My<br> Personal Information </a> </li> </ul> </div> </div> <div class="flex flex-col items-center space-y-4 border-t border-dotted border-black py-8 text-sm lg:flex-row lg:space-x-4 lg:space-y-0" data-ga-element="zd-copyright" data-ga-action="zd-copyright" data-ga-item="title" role="region" aria-label="Ziff Davis Copyright"> <div class="w-full max-w-[703px] space-y-4"> <p class="text-center font-akshar font-medium leading-normal lg:text-left">© 2001-2024 Ziff Davis, LLC., A ZIFF DAVIS COMPANY. <span class="whitespace-nowrap">ALL RIGHTS RESERVED.</span></p> <p class="text-center text-xs leading-normal lg:text-left">Lifehacker is a federally registered trademark of Ziff Davis and may not be used by third parties without explicit permission. The display of third-party trademarks and trade names on this site does not necessarily indicate any affiliation or the endorsement of Lifehacker. If you click an affiliate link and buy a product or service, we may be paid a fee <span class="whitespace-nowrap">by that merchant.</span></p> </div> <ul class="flex w-full flex-shrink flex-wrap items-center justify-center space-x-4 text-center text-sm md:flex-initial lg:w-2/3 lg:justify-end"> <li class="mb-2 w-full md:mb-0 md:mr-2 md:w-auto"> <button class="showConsentTool mx-auto my-4 block" data-ga-click data-ga-label="zd_consent" onclick="window.zdconsent.showConsentTool();"> <span class="hidden">AdChoices Image</span> <img class="evidon-consent-link-image mr-2 inline-block" src="https://c.evidon.com/pub/icong1.png" alt="AdChoices Image Pixel" width="14" height="18" loading="lazy"> AdChoices </button> </li> <li> <a data-ga-click data-ga-label="BBB Accredited Business Logo" href="https://www.bbb.org/us/ny/new-york/profile/digital-media/ziff-davis-llc-0121-531/#sealclick" title="(opens in a new tab)" aria-label="View Ziff Davis' Ziff Davis Better Business Bureau (BBB) Accreditation" target="_blank" rel="nofollow"> <span class="hidden">Better Business Bureau (BBB) Logo</span> <img class="inline-block h-9 w-28 object-cover" src="/images/bbb.png" alt="Better Business Bureau (BBB) Logo" loading="lazy"> </a> </li> <li> <a data-ga-click data-ga-label="trustee-logo" href="https://privacy.truste.com/privacy-seal/validation?rid=ce211316-dfd0-4abb-8bfb-9cb70de1e37c" title="(opens in a new tab)" aria-label="View Ziff Davis' TRUSTe Privacy Certification" target="_blank" rel="noopener"> <span class="hidden">TRUSTe Logo</span> <img class="inline-block h-9 w-28" src="/images/truste.png" alt="TRUSTe Logo" loading="lazy"> </a> </li> </ul> </div> <div class="border-t border-dotted border-black pt-8" data-ga-element="zd-brands-link" data-ga-action="zd-brands-link" data-ga-item="title" role="navigation" aria-label="Ziff Davis Brands"> <ul class="flex flex-wrap justify-between text-lg md:justify-center lg:flex-nowrap lg:justify-between"> <li class="mb-6 inline-block w-full text-center sm:mb-2 md:mb-0 md:mr-4 md:w-auto"> <a class="text-black duration-200 ease-in-out hover:border-brand-green hover:text-brand-green" data-ga-click data-ga-label="ziffmedia-logo" href="https://ziffmedia.com" title="(Opens in a new tab)" aria-label="Visit Ziff Media" target="_blank"> <span class="hidden">Ziffmedia Logo</span> <svg class="inline-block h-12 w-24 max-w-full" style="enable-background:new 0 0 720 480" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 480" xml:space="preserve" fill="currentColor"> <linearGradient id="ziffmedia-logo" gradientUnits="userSpaceOnUse" x1="383.429" y1="524.27" x2="62.813" y2="-31.054"> <stop style="stop-color:#0096ff" offset="0"></stop> <stop style="stop-color:#7d46b9" offset=".45"></stop> <stop style="stop-color:#e10046" offset="1"></stop> </linearGradient> <path fill="url(#ziffmedia-logo)" d="M259.12 59.78H39.25l9.26 14.51H245.2l13.92-14.51zm187.62 386.86H124.86l25.52-26.42h279.5l-19.15-30.01H179.37l.04-.05 25.49-26.38h188.97l-19.15-30.01H233.9l179.95-186.21c11.67-12.08 3.37-31.36-13.3-31.36h-49.13l24.23-25.08c11.67-12.08 3.37-31.36-13.3-31.36h-49.06l24.23-25.08c11.67-12.08 3.37-31.36-13.3-31.36H3.24l9.26 14.51h306.17L24.07 324.87c-14.35 14.95-4.01 38.92 16.6 38.92h19.01l28.8-30.01H48.51l196.23-203.06h38.59l13.92-14.51h-38.49l40.51-41.92h57.53L62.2 381.3c-14.35 14.95-4.01 38.92 16.6 38.92h19.08l28.8-30.01h-40l25.52-26.42h39.82l28.8-30.01h-39.63l196.2-203.06h57.59L100.4 437.73c-14.35 14.95-4.01 38.92 16.6 38.92h348.9l-19.16-30.01zM191.05 130.72l13.92-14.51H75.27l9.26 14.51h106.52z"> </path> <path d="M540.64 116.21h3.32V94.79h-3.32v21.42zm-52.37 0h14v-2.98h-10.68v-6.31h9.11v-2.98h-9.11v-6.15h10.68v-2.98h-14v21.4zm33.37-21.42h-7.69v21.41h7.69c2.74 0 4.68-.86 6.22-2.77 1.6-1.97 1.66-4.43 1.66-7.94s-.06-5.97-1.66-7.94c-1.55-1.89-3.49-2.76-6.22-2.76zm3.38 16.96c-.92 1.08-2.18 1.48-3.75 1.48h-4V97.78h4c1.57 0 2.83.4 3.75 1.48 1.08 1.2 1.17 2.98 1.17 6.25 0 3.25-.09 5.04-1.17 6.24zm-59.08-3.32-6.4-13.63h-3.32v21.41h3.32v-14.15l5.17 10.68h2.46l5.05-10.68v14.15h3.32V94.79h-3.32l-6.28 13.64zm217.63.24c0 2.92-1.82 4.74-4.55 4.74-2.74 0-4.52-1.82-4.52-4.74V94.79h-3.32v14.03c0 4.52 3.38 7.57 7.85 7.57s7.88-3.05 7.88-7.57V94.79h-3.32v13.88zM560.82 94.79l-7.85 21.41h3.53l1.72-5.02h7.87l1.73 5.02h3.53l-7.85-21.41h-2.68zm-1.64 13.57 2.96-8.61 2.97 8.61h-5.93zm92.65-13.75c-2.4 0-4.25.8-5.66 2.21-2.15 2.15-2.22 4.09-2.22 8.68 0 4.58.06 6.52 2.22 8.68 1.42 1.42 3.26 2.22 5.66 2.22 2.4 0 4.25-.8 5.66-2.22 2.15-2.15 2.22-4.09 2.22-8.68 0-4.58-.06-6.52-2.22-8.68-1.41-1.41-3.26-2.21-5.66-2.21zm3.26 17.45c-.83.86-1.94 1.35-3.26 1.35-1.32 0-2.43-.49-3.26-1.35-1.08-1.17-1.29-2.22-1.29-6.55s.22-5.42 1.29-6.58c.83-.86 1.94-1.32 3.26-1.32 1.32 0 2.43.46 3.26 1.32 1.11 1.14 1.29 2.25 1.29 6.58s-.18 5.41-1.29 6.55zm52.38-17.27h-8.31v21.41h3.32v-8.15h4.98c4.28 0 7.02-2.8 7.02-6.62s-2.74-6.64-7.01-6.64zm-.19 10.28h-4.8v-7.29h4.8c2.34 0 3.88 1.32 3.88 3.66 0 2.31-1.54 3.63-3.88 3.63zm-108.87 2.12h4.68v1.23c0 1.42-.28 2.52-1.08 3.45-.86 1.02-2.15 1.54-3.6 1.54-1.32 0-2.43-.46-3.26-1.32-1.08-1.17-1.29-2.25-1.29-6.58s.22-5.42 1.29-6.58c.83-.86 1.94-1.32 3.26-1.32 2.46 0 4.06 1.38 4.61 3.78h3.32c-.58-3.72-3.32-6.77-7.94-6.77-2.4 0-4.25.8-5.66 2.21-2.12 2.15-2.21 4.09-2.21 8.68 0 4.58.09 6.52 2.21 8.68 1.42 1.42 3.26 2.22 5.66 2.22 2.31 0 4.4-.77 6.03-2.49 1.45-1.57 1.97-3.32 1.97-6.18v-3.35h-8v2.8zm34.91-5.99c0-3.72-2.65-6.4-6.8-6.4h-8.49v21.41h3.32v-8.74h4.15l4.37 8.74h3.87l-4.79-9.2c2.46-.68 4.37-2.68 4.37-5.81zm-11.97 3.44v-6.86h4.92c2.22 0 3.72 1.29 3.72 3.45 0 2.15-1.51 3.42-3.72 3.42h-4.92z"> </path> <path d="M530.65 14.08h17.34v49.43h-17.34v10.73h47.28V63.51h-17.34V14.08h17.34V3.34h-47.28v10.74zM506.03 3.34H457.1v10.98h39.25l-40.51 48.49c-3.8 4.55-.56 11.48 5.37 11.47l51.28-.05V63.26h-41.57l40.47-48.44c3.81-4.56.57-11.48-5.36-11.48zm210.73 10.99V3.34H672.1a6.99 6.99 0 0 0-6.99 6.99v63.91h12.79V45.58h34.74V34.6H677.9V14.33h38.86zm-120.18-4v63.91h12.79V45.58h34.74V34.6h-34.74V14.33h38.86V3.34h-44.66a6.99 6.99 0 0 0-6.99 6.99z"> </path> </svg> </a> </li> <li class="order-1 inline-block w-1/2 text-center md:order-none md:mr-4 md:w-auto"> <a class="text-gray-black hover:text-slate duration-200 ease-in-out" data-ga-click data-ga-label="AskMen Logo" href="https://www.askmen.com" title="(opens in a new tab)" aria-label="AskMen Logo" target="_blank"> <span class="hidden">Askmen Logo</span> <svg class="inline-block h-12 w-24 max-w-full fill-current pr-2"> <use href="/images/icons/spritemap.svg#sprite-logo-askmen"></use> </svg> </a> </li> <li class="order-3 inline-block w-1/2 text-center md:order-none md:mr-4 md:w-auto"> <a class="text-gray-black hover:text-slate duration-200 ease-in-out" data-ga-click data-ga-label="ExtremeTech Logo" href="https://www.extremetech.com" title="opens in a new tab)" aria-label="ExtremeTech Logo" target="_blank"> <span class="hidden">ExtremeTech Logo</span> <svg class="inline-block h-12 w-24 max-w-full fill-current pr-2"> <use href="/images/icons/spritemap.svg#sprite-logo-extremetech"></use> </svg> </a> </li> <li class="order-5 inline-block w-1/2 text-center md:order-none md:mr-4 md:w-auto"> <a class="text-gray-black hover:text-slate duration-200 ease-in-out" data-ga-click data-ga-label="IGN Logo" href="https://www.ign.com" title="(opens in a new tab)" aria-label="IGN Logo" target="_blank"> <span class="hidden">IGN Logo</span> <svg class="inline-block h-12 w-24 max-w-full fill-current pr-2"> <use href="/images/icons/spritemap.svg#sprite-logo-ign"></use> </svg> </a> </li> <li class="order-9 inline-block w-1/2 text-center md:order-none md:mr-4 md:w-auto"> <a class="text-gray-black hover:text-slate duration-200 ease-in-out" data-ga-click data-ga-label="Mashable Logo" href="https://www.mashable.com" title="(opens in a new tab)" aria-label="Mashable Logo" target="_blank"> <span class="hidden">Mashable Logo</span> <svg class="inline-block h-12 w-24 max-w-full fill-current pr-2"> <use href="/images/icons/spritemap.svg#sprite-logo-mashable"></use> </svg> </a> </li> <li class="order-2 mt-1 inline-block w-1/2 text-center md:order-none md:mr-4 md:w-auto"> <a class="text-gray-black hover:text-slate duration-200 ease-in-out" data-ga-click data-ga-label="Offers Logo" href="https://www.offers.com" title="(opens in a new tab)" aria-label="Offers Logo" target="_blank"> <span class="hidden">Offers Logo</span> <svg class="inline-block h-12 w-24 max-w-full fill-current pr-2"> <use href="/images/icons/spritemap.svg#sprite-logo-offers.com"></use> </svg> </a> </li> <li class="order-4 inline-block w-1/2 text-center md:order-none md:mr-4 md:w-auto"> <a class="text-gray-black hover:text-slate duration-200 ease-in-out" data-ga-click data-ga-label="PCMag Logo" href="https://www.pcmag.com" title="(opens in a new tab)" aria-label="PCMag Logo" target="_blank"> <span class="hidden">PCMag Logo</span> <svg class="inline-block h-12 w-24 max-w-full fill-current pr-2"> <use href="/images/icons/spritemap.svg#sprite-logo-pcmag.com"></use> </svg> </a> </li> <li class="order-6 inline-block w-1/2 text-center md:order-none md:mr-4 md:w-auto"> <a class="text-gray-black hover:text-slate duration-200 ease-in-out" data-ga-click data-ga-label="RetailMeNot Logo" href="https://www.retailmenot.com" title="(opens in a new tab)" aria-label="RetailMeNot Logo" target="_blank"> <span class="hidden">RetailMeNot Logo</span> <svg class="inline-block h-12 w-24 max-w-full fill-current pr-2"> <use href="/images/icons/spritemap.svg#sprite-logo-retailmenot"></use> </svg> </a> </li> <li class="order-8 inline-block w-1/2 text-center md:order-none md:mr-4 md:w-auto"> <a class="text-gray-black hover:text-slate duration-200 ease-in-out" data-ga-click data-ga-label="Speedtest Logo" href="https://www.speedtest.net" title="(opens in a new tab)" aria-label="Speedtest Logo" target="_blank"> <span class="hidden">Speedtest Logo</span> <svg class="inline-block h-12 w-24 max-w-full fill-current pr-2"> <use href="/images/icons/spritemap.svg#sprite-logo-speedtest"></use> </svg> </a> </li> </ul> <div class="evidon-notice-link hidden"></div> <div class="evidon-consent-link hidden"></div> </div> </div> </footer> </div> </body> </html>