CINXE.COM

<!doctype html> <html lang="en" data-n-head-ssr> <head > <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2,minimal-ui"> <script>window.lg_static = true</script> <link rel="preconnect" href="https://cdn.permutive.com" crossorigin="anonymous"> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin="anonymous"> <link rel="preconnect" href="https://reve.leafmedia.io" crossorigin="anonymous"> <link rel="preconnect" href="https://img.techwallacdn.com/" crossorigin="anonymous"> <link rel="shortcut icon" href="/favicon.ico">  <script vmid="gtm-initial-objects">window.lg=window.lg||{},window.lg.gtmId="GTM-KN4LVG",window.lg.testpool="default"</script> <script vmid="setup-script">window.dataLayer=window.dataLayer||[],window.lg=window.lg||{},window.lg.testpool=window.lg.testpool||"default",window.lg.utils=window.lg.utils||{meta:{},createUUID(){var e=Math.pow(10,10);return Math.floor(Math.random()*e)+"."+Math.floor(Math.random()*e)},getPublisherProvidedID(){var e="PublisherProvidedID";let t=window.sessionStorage.getItem(e);return t||(t=this.createUUID(),window.sessionStorage.setItem(e,t)),t},getUserMetaData(){var e=!!(t=window.localStorage.getItem("lgUser")),t=e?JSON.parse(t):"";t=e?t.slug:"";return{lg_uuid:this.getPublisherProvidedID(),logged_in:e,experiment:window.lg.testpool,user_id:t}}}</script> <script vmid="dfp-google-tag">window.dataLayer=window.dataLayer||[],window.googletag={cmd:[]},window.dfpOptions={infiniteScroll:{hasFetchedDFP:!1,slugs:[]},email:{options:{},set:!1,empty:null}},window.addDfpInfiniteScrollArticles=(i=[])=>{window.dfpOptions.infiniteScroll.slugs=i,window.dfpOptions.infiniteScroll.hasFetchedDFP=!0},window.populateMarketingSlider=(i={})=>{window.dfpOptions.email.options=i,window.dfpOptions.email.set=!0},window.googletag.cmd.push(()=>{window.googletag.pubads().addEventListener("slotRenderEnded",i=>{"emailslider1-1"===i.slot.getSlotElementId()&&(i.isEmpty?window.dfpOptions.email.empty=!0:window.dfpOptions.email.empty=!1)})})</script>  <script vmid="web-vitals" data-hid="web-vitals" src="https://unpkg.com/web-vitals@3.5.0/dist/web-vitals.iife.js" defer></script> <script>function sendVitalsToDataLayer(a){return function(e){const t=["LCP","TTFB","FCP"].includes(a)?1:1e3,s=Math.round(e.value*t);window.dataLayer.push({event:"web vitals "+a,vitals:s}),window.dataLayer.push({event:"web_vitals",webVitals:{type:a,value:s}})}}window.addEventListener("DOMContentLoaded",(function(){try{webVitals.getCLS(sendVitalsToDataLayer("CLS")),webVitals.getFID(sendVitalsToDataLayer("FID")),webVitals.getINP(sendVitalsToDataLayer("INP")),webVitals.getLCP(sendVitalsToDataLayer("LCP")),webVitals.getFCP(sendVitalsToDataLayer("FCP")),webVitals.getTTFB(sendVitalsToDataLayer("TTFB"))}catch(a){console.log("web vitals is not available")}}))</script>  <script>100*Math.random()<5?(!function(n,e,t,i,a,s,u){n.InstanaEumObject=a,n[a]=n[a]||function(){(n[a].q=n[a].q||[]).push(arguments)},n[a].l=1*new Date,s=e.createElement(t),u=e.getElementsByTagName(t)[0],s.async=1,s.src="https://eum.instana.io/eum.min.js",u.parentNode.insertBefore(s,u)}(window,document,"script",0,"ineum"),function(n,e,t,i){n[e]||(n[e]=t,(i=n[t]=function(){i.q.push(arguments)}).q=[],i.v=2,i.l=1*new Date)}(window,"InstanaEumObject","ineum"),ineum("reportingUrl","https://eum-red-saas.instana.io"),ineum("key","-2q6lR22TEKHFQk2kgDMtg"),ineum("trackSessions"),ineum("ignoreUrls",[/(localhost|cm\\d\\d\\d\\d).*/])):window.ineum=function(){}</script> <script vmid="reve-script">window.reve=window.reve||{},window.reve.cmd=window.reve.cmd||[];const createUUID=()=>{const e=Math.pow(10,10);return`${Math.floor(Math.random()*e)}.${Math.floor(Math.random()*e)}`},getPublisherProvidedID=()=>{let e=window.sessionStorage.getItem("PublisherProvidedID");return e||(e=createUUID(),window.sessionStorage.setItem("PublisherProvidedID",e)),e},enableYieldManager=Boolean("true");function loadReve(){if(enableYieldManager)return;const e=document.querySelector("#app");if(!window.lg||!e)return;if(window.REVE_LOADED)return;window.REVE_LOADED=!0,console.info("AD MANAGER - Loading Reve Script");const n=void 0===window._reveConfig?{}:window._reveConfig.dfpData||{};n.lg_uuid=getPublisherProvidedID(),n.experiment=window.lg.testpool,window.reve.cmd.push(()=>{window.reve.setState("gptTargeting",n),window.reve.setState("permutiveTargeting",window._reveConfig.permutiveData)});const r=document.createElement("script");r.src="https://reve.leafmedia.io/techwalla.js",r.defer=!0,r.setAttribute("vmid","reve-site-script"),r.setAttribute("hid","reve-site-script"),document.head.appendChild(r)}function loadAssertiveYield(){if(!enableYieldManager||window.AY_LOADED)return;window.AY_LOADED=!0,console.info("AD MANAGER - Loading AY Yield Manager Script");const e=document.createElement("script");e.src="https://9Ko99wFpDwCm3nYzR.ay.delivery/manager/9Ko99wFpDwCm3nYzR",e.referrerpolicy="no-referrer-when-downgrade",document.head.appendChild(e)}console.info("AD MANAGER - enableYieldManager: ",enableYieldManager),window.loadReve=loadReve,window.addEventListener("DOMContentLoaded",()=>{loadReve()}),loadAssertiveYield()</script>  <title>What Is the Difference Between a Microcomputer & a Minicomputer? | Techwalla</title><meta data-n-head="ssr" property="og:site_name" content="Techwalla"><meta data-n-head="ssr" property="fb:app_id" content="1578283302422712"><meta data-n-head="ssr" property="fb:pages" content="1116406528374498"><meta data-n-head="ssr" name="twitter:site" content="@techwalla"><meta data-n-head="ssr" name="twitter:card" content="summary_large_image"><meta data-n-head="ssr" name="twitter:title" content="What Is the Difference Between a Microcomputer & a Minicomputer? | Techwalla"><meta data-n-head="ssr" name="twitter:description" content="Microcomputers and minicomputers may sound similar, but they are very different types of computers."><meta data-n-head="ssr" name="description" content="Microcomputers and minicomputers may sound similar, but they are very different types of computers."><meta data-n-head="ssr" name="author_image" content=""><meta data-n-head="ssr" property="og:description" content="Microcomputers and minicomputers may sound similar, but they are very different types of computers."><meta data-n-head="ssr" property="og:url" content="https://www.techwalla.com/articles/what-is-the-difference-between-a-microcomputer-a-minicomputer"><meta data-n-head="ssr" property="og:title" content="What Is the Difference Between a Microcomputer & a Minicomputer? | Techwalla"><meta data-n-head="ssr" property="og:type" content="article"><meta data-n-head="ssr" name="robots" content="max-image-preview:large"><meta data-n-head="ssr" property="og:image" content="https://img.techwallacdn.com/640/clsd/getty/cache.gettyimages.com/41d3dd5b4dce46bc8cc35c010cd7a1b0.jpg"><meta data-n-head="ssr" name="twitter:image" content="https://img.techwallacdn.com/640/clsd/getty/cache.gettyimages.com/41d3dd5b4dce46bc8cc35c010cd7a1b0.jpg"><meta data-n-head="ssr" name="twitter:image:alt" content="..."><link data-n-head="ssr" vmid="canonical-url" rel="canonical" href="https://www.techwalla.com/articles/what-is-the-difference-between-a-microcomputer-a-minicomputer"><link data-n-head="ssr" rel="preload" media="(min-width: 500px)" imagesrcset="https://img.techwallacdn.com/630x/clsd/getty/cache.gettyimages.com/41d3dd5b4dce46bc8cc35c010cd7a1b0.jpg?type=webp" fetchpriority="high" as="image"><link data-n-head="ssr" rel="preload" media="(max-width: 499.99px)" imagesrcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/41d3dd5b4dce46bc8cc35c010cd7a1b0.jpg?type=webp" fetchpriority="high" as="image"><script data-n-head="ssr" type="text/javascript">window.lg.gtmData = {"user_id":"","adcat1":"technology_computing","adcat2":"hardware","adcat3":"computer","adcat4":"","topic1":[],"topic2":[],"topic3":[],"tags":["group_10","configurabletemplate"],"content_name":"What Is the Difference Between a Microcomputer & a Minicomputer?","studioid":"d420c4a1-700b-4257-a3e7-b2ba2135987c","article_id":38453,"pagetype":"article","subpagetype":"article","published":"2011-03-25T02:32:13+00:00","updated":"2011-03-25T02:32:13+00:00","author":"jchloe","scroll":0,"category":"Tech Support","subcategory":"Reviews","subsubcat":"","source":"LC","partner":"non-branded","partner_campaign":"no-campaign"};</script><script vmid="gtm-script" data-hid="gtm-script" type="text/javascript"> ((onceName) => { if (window._bedrock && window._bedrock[onceName]) { return } else if (!window._bedrock) { window._bedrock = {} } function initGTMOnEvent(event) { initGTM(); event.currentTarget.removeEventListener(event.type, initGTMOnEvent); } function initGTM() { if (window.gtmDidInit) { return false; } window.gtmDidInit = true; if (!window.lg.gtmId) { console.error('GTM ID is not defined') } function pushNetworkInfo(obj) { window.dataLayer.push({ gtmLoadTime: obj.gtmLoadTime, gtmSpeed: obj.gtmSpeed, }) } if (window.lg.gtmData) { window.lg.speedTracking = { gtmLoadTime: null, gtmSpeed: null, } window.lg.utils.meta = window.lg.utils.getUserMetaData() Object.keys(window.lg.utils.meta).forEach(function (key) { const value = window.lg.utils.meta[key] window.lg.gtmData[key] = value }) // when gtm loads, it will fire whatever is in dataLayer window.dataLayer.push(window.lg.gtmData) const gtmSpeedRanges = [ [500, '0-500'], [1000, '501-1000'], [1500, '1001-1500'], [2000, '1501-2000'], [2500, '2001-2500'], [Infinity, '2500-'], ] // Load GTM as speed detection ;(function (w, d, s, l, i) { // disable gtm script load if query param exists const searchParams = new URLSearchParams(window.location.search) const gtm = searchParams.get('gtm') if (gtm == 'false') { return } let timeStart let timeDiff const randomQuery = Date.now() + (Math.random() * 1e8).toFixed() w[l] = w[l] || [] w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js', }) const f = d.getElementsByTagName(s)[0] const j = d.createElement(s) const dl = l != 'dataLayer' ? `&l=${l}` : '' j.async = true j.src = `https://www.googletagmanager.com/gtm.js?id=${i}${dl}&rand=${randomQuery}` j.onload = function (evt) { let gtmSpeed // for some reason this is 2 ~ 4 times larger than Chrome's network activity timing // this fires after execution timeDiff = Math.round(performance.now() - timeStart) // todo: move functionality out of this method for (let i = 0; i < gtmSpeedRanges.length; i++) { const item = gtmSpeedRanges[i] if (timeDiff < item[0]) { gtmSpeed = item[1] break } } window.lg.speedTracking.gtmLoadTime = parseInt(timeDiff, 10) window.lg.speedTracking.gtmSpeed = gtmSpeed pushNetworkInfo(window.lg.speedTracking) } j.onerror = function () { pushNetworkInfo(window.lg.speedTracking) } f.parentNode.insertBefore(j, f) timeStart = performance.now() })(window, document, 'script', 'dataLayer', window.lg.gtmId) // the id should be dynamically injected when moved to Fundation } } // fallback pages can already have DOMContentLoaded fired when this code is executed if (document.readyState === 'loading') { document.addEventListener("DOMContentLoaded", () => { false ? setTimeout(initGTM, 3500) : initGTM() }); } else { false ? setTimeout(initGTM, 3500) : initGTM() }; document.addEventListener("scroll", initGTMOnEvent); document.addEventListener("mousemove", initGTMOnEvent); document.addEventListener("touchstart", initGTMOnEvent); window._bedrock[onceName] = true })("gtm-script") </script><script data-n-head="ssr" data-hid="sailthru-script" src="https://ak.sail-horizon.com/spm/spm.v1.min.js" defer onload="this.__vm_l=1"></script><script data-n-head="ssr" src="https://www.google.com/adsense/search/ads.js" async></script><script data-n-head="ssr" type="text/javascript" charset="utf-8">(function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(arguments)},g[o]['t']=1*new Date})(window,'_googCsa');</script><script data-n-head="ssr" type="application/ld+json">{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://www.techwalla.com/tech-support","name":"Tech Support"}},{"@type":"ListItem","position":2,"item":{"@id":"https://www.techwalla.com/reviews","name":"Reviews"}}]}</script><script src="https://widgets.leafmedia.io/load.js" type="text/javascript" vmid="article-widget-id" data-hid="article-widget-id" defer async></script><style data-vue-ssr-id="8745248a:0 4d29858a:0 061e68bd:0 dc8f957a:0 1f0ff6d1:0 2aa2208b:0 8be7146a:0 5a4d2672:0 6cdcf6e9:0 32009153:0 4862b07a:0 bcba1166:0 7014980b:0 11ee35d6:0 5d23ac54:0 50bae281:0 d8fbae2a:0 422d3aaa:0 a26f7194:0 80350af8:0 281e2c94:0 0b589d5c:0 0c123658:0 48ad8037:0 3a03971d:0 16706e44:0 3694c8c5:0 5246473d:0 77b34f5a:0 b1e9b4c2:0 12553afc:0 2482b490:0 36f58cf5:0 5f7c5fdf:0 163e31a1:0 0621a84f:0">/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font: inherit; font-size: 100%; vertical-align: baseline; } a, a:hover, a:focus { margin: 0; padding: 0; vertical-align: baseline; text-decoration: none; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:focus, input:focus { outline: 0; } /** * * COLORS * **/ .svg { display: block; background-repeat: no-repeat; background-position: center; background-size: cover; } .svg.expand-icon-small { background-image: url(/_nuxt/168020f2a10ff6419c0251b567a5b9e1.svg); } .svg.gallery-icon { background-image: url(/_nuxt/40cab381081931eb8751f2825ad22557.svg); } .svg.previous-icon { background-image: url(/_nuxt/2a8949c54ee7670208a3a1cb13476dc5.svg); } .svg.next-icon { background-image: url(/_nuxt/c555b42902a56f960fbf4571b75c9464.svg); } .svg.gallery-icon-white { background-image: url(/_nuxt/3f18ae0c54a3016f7970eb12bff5284d.svg); } .svg.arrow-down { background-image: url(/_nuxt/552c92f9693a08a4d0376d49953b4487.svg); } .svg.arrow-down-round { background-image: url(/_nuxt/61663d4a773f09f00b5588cb3dbb2927.svg); } .svg.arrow-down-small, .svg.svg--arrow-down-small { background-image: url(/_nuxt/ce137c9e1dfaca1a76779d8b6ae3a379.svg); } .svg.arrow-left-small { background-image: url(/_nuxt/c372f06f584bd4bc183baa08bbd6acc3.svg); } .svg.arrow-right-small { background-image: url(/_nuxt/84f3e926dafe4a599b8113daf81a044f.svg); } .svg.submit-arrow { background-image: url(/_nuxt/45a922b0e906d6667f3e826500eddf09.svg); } .svg.carousel-right-arrow { background-image: url(/_nuxt/1cc4f0ccc9d03e03b7c2c0140b6ce9c8.svg); } .svg.search-form-button { background-image: url(/_nuxt/3914b867eacec7a8468b68295274ea36.svg); } .svg.search-glass-light { background-image: url(/_nuxt/3914b867eacec7a8468b68295274ea36.svg); } .svg.search-arrowright { background-image: url(/_nuxt/cfd2710a0ff8e84d8f01e1d9cf63309d.svg); } .svg.facebook-black, .svg.svg--facebook, .svg.facebook { background-image: url(/_nuxt/41990a822cdd508688c9ea5e392f947b.svg); } .svg.pinterest-black, .svg.svg--pinterest { background-image: url(/_nuxt/8c52feab031c9455704f95035bfc1813.svg); } .svg.twitter-black, .svg.svg--twitter { background-image: url(/_nuxt/8ec10430dbfa87d355d5157647077429.svg); } .svg.instagram-black { background-image: url(/_nuxt/c2c4c67cc692804a8e34d06f88b9a84a.svg); } .svg.linkedin-black { background-image: url(/_nuxt/8950ef02600ccd6fc97f47884dbc6461.svg); } .svg.flipboard-black, .svg.svg--flipboard, .svg.flipboard { background-image: url(/_nuxt/bc204e3075c5e0613f76fd67059fa478.svg); } .svg.email-black, .svg.svg--email, .svg.svg--envelope, .svg.envelope { background-image: url(/_nuxt/f65e770d8abdb24ca0cdbb19baa53dbd.svg); } .svg.close-light { background-image: url(/_nuxt/90571896dab483c458c032da568a2b12.svg); } .svg.copy-close-light { background-image: url(/_nuxt/90571896dab483c458c032da568a2b12.svg); } .svg.close-gray { background-image: url(/_nuxt/5a75ca657f3f81baa6adcec0e7564c66.svg); } .svg.pinterest-white { background-image: url(/_nuxt/7f83df429a328a5731a900ad69c49378.svg); } .svg.flipboard-white { background-image: url(/_nuxt/2acf7948e50ab8747fd6539337e8cf2d.svg); } .svg.facebook-white { background-image: url(/_nuxt/3adb799957dbfc310b08e1aa758a2175.svg); } .svg.google-white { background-image: url(/_nuxt/98861ddafa10311594264158d4af665c.svg); } .svg.twitter-white { background-image: url(/_nuxt/cc968ae7d637d7adaf201a5e9b8a55c0.svg); } .svg.hotspot-marker-plus { background-image: url(/_nuxt/486791d142287e6d028a24d0f04244a8.svg); } .svg.hotspot-popover-close { background-image: url(/_nuxt/5ed12038b15332d369482cd4de764f2b.svg); } .svg.slideshow-photos-icon { background-image: url(/_nuxt/82e0e9961576d3b0b7b4148e23ac2e59.svg); } .svg.slideshow-photos-icon-black { background-image: url(/_nuxt/82e0e9961576d3b0b7b4148e23ac2e59.svg); } .svg.slideshow-swipe-finger { background-image: url(/_nuxt/a74faa387cc8c0851010cd5312926b0c.svg); } .svg.close-black { background-image: url(/_nuxt/efbca60b5acdd7493304772c323b7c84.svg); } .svg.pinterest-pin { background-image: url(/_nuxt/49449de1423192194b90a1ec91c8a066.svg); } @media (min-width: 768px) { .svg.pinterest-pin { background-image: url(/_nuxt/a3817f4d2d76aa00cd49bb880660c278.svg); } } .svg.black-checkmark { background-image: url(/_nuxt/8f094682423ad72306b7698bdafcdfa1.svg); } .svg.white-checkmark { background-image: url(/_nuxt/9b0fe19c4baeb2a62d499c282380c517.svg); } .svg.changes-saved { background-image: url(/_nuxt/d8610c17e38b2d2b83467d3d74efa603.svg); } .svg.confirmed-contributor-checkmark { background-image: url(/_nuxt/ae26a0a935c42fafd940919878ee02c4.svg); } .svg.arrow-left { background-image: url(/_nuxt/decaf92779b03ac36ba2f1c6a96bdee4.svg); } .svg.arrow-right { background-image: url(/_nuxt/7db803c0eb2d2e95cd9c63fff623bbad.svg); } .svg.arrow-right-gold { background-image: url(/_nuxt/f683b7ea9a871b6028127a03430b5156.svg); } .svg.arrow-right-white { background-image: url(/_nuxt/6c01ad8bf72c725003660a8b9257ecbe.svg); } .svg.arrow-right-rounded-olive { background-image: url(/_nuxt/2c963dfd1d03b25bfd41c2227e72b538.svg); } .svg.arrow-right-black { background-image: url(/_nuxt/4d4279ae77e9ff506bbc538756f237f0.svg); } .svg.arrow-right-blue { background-image: url(/_nuxt/2437ed2af160173a09d25d21de531aaf.svg); } .svg.close-black-circle { background-image: url(/_nuxt/6c1684aace7e6b3ef97db343f48380a8.svg); } .svg.close-gray-circle { background-image: url(/_nuxt/12de0fca16775c9977dc3b032c317fb8.svg); } .svg.close-yellow-circle { background-image: url(/_nuxt/b75d8d2ca0e0bdaa0e7bdd479c067c5f.svg); } .svg.arrow-down-long-thin-shadow { background-image: url(/_nuxt/b8ee4211b04657a398fbedaf7c9c362d.svg); } .svg.newsletter-arrow-mobile { background-image: url(/_nuxt/018f5aa1ca267fd512819f5ec610ba4d.svg); } .svg.exclamation-point-white { background-image: url(/_nuxt/219ad7d630a54f63ea9d82c21e705534.svg); } .ui-slideshow-icons { background-repeat: no-repeat; background-position: center center; } .ui-slideshow-icons::after { display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; filter: white; content: " "; } .ui-slideshow-icons.expand-icon::after { background-image: url(/_nuxt/f761886f6669b104e3f9bf3e81df1716.svg); } .ui-slideshow-icons.chevron-next-icon::after { background-image: url(/_nuxt/3d56ea69b531a3b9d39e0766f507b507.svg); } .ui-slideshow-icons.chevron-previous-icon::after { background-image: url(/_nuxt/123ff8cef4d80648e9c6656cd92b45b6.svg); } .ui-slideshow-icons.close-icon::after { background-image: url(/_nuxt/d8a12159616b90107d93beb56c2a35fe.svg); background-size: 16px; } .ui-slideshow-icons.visitlink-icon::after { background-image: url(/_nuxt/49feb4dac1eac285cae141b691edb5d4.svg); } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0; } * { box-sizing: border-box; } body.no-scroll { overflow: hidden; } @font-face { font-family: 'ProximaNovaRegular'; src: url(/_nuxt/fonts/proximanova-regular.00e7a1b.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaRegularItalic'; src: url(/_nuxt/fonts/proximanova-regularit.a34c33e.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaSemiBold'; src: url(/_nuxt/fonts/proximanova-semibold.d376951.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaSemiBoldItalic'; src: url(/_nuxt/fonts/proximanova-semiboldit.a20b22d.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaBold'; src: url(/_nuxt/fonts/proximanova-bold.67a5122.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaBoldItalic'; src: url(/_nuxt/fonts/proximanova-boldit.34a9bed.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaMedium'; src: url(/_nuxt/fonts/proximanova-medium.ae1bcad.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'ProximaNovaMediumItalic'; src: url(/_nuxt/fonts/proximanova-mediumit.db61573.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'BarlowBold'; src: url(/_nuxt/fonts/barlow-bold.d0dd390.woff2) format('woff2'); font-display: swap; } @font-face { font-family: 'BarlowBoldItalic'; src: url(/_nuxt/fonts/barlow-boldit.285533c.woff2) format('woff2'); font-display: swap; } /* stylelint-disable no-descending-specificity */ .ui-body { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 17px; line-height: 28px; color: #2E2E30; } .ui-body a { color: #007CBE; transition: color 0.2s linear; text-decoration: underline; } .ui-body a:hover { color: #0D6493; text-decoration: underline; cursor: pointer; } .ui-body b, .ui-body strong { font-family: 'ProximaNovaBold', Arial, sans-serif; font-weight: normal; } .ui-body b em, .ui-body strong em, .ui-body b i, .ui-body strong i { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-body em, .ui-body i { font-family: 'ProximaNovaRegularItalic', Arial, sans-serif; font-style: normal; } .ui-body em b, .ui-body i b, .ui-body em strong, .ui-body i strong { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-body sup { vertical-align: super; font-size: smaller; } .ui-body sub { vertical-align: sub; font-size: smaller; } .ui-label { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 12px; line-height: 18px; color: #687379; } .ui-label b, .ui-label strong { font-family: 'ProximaNovaBold', Arial, sans-serif; font-weight: normal; } .ui-label b em, .ui-label strong em, .ui-label b i, .ui-label strong i { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-label em, .ui-label i { font-family: 'ProximaNovaRegularItalic', Arial, sans-serif; font-style: normal; } .ui-label em b, .ui-label i b, .ui-label em strong, .ui-label i strong { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-label-bold { font-family: 'ProximaNovaSemiBold', Arial, sans-serif; font-size: 12px; line-height: 18px; color: #687379; } .ui-heading-2 { font-family: 'ProximaNovaSemiBold', Arial, sans-serif; font-size: 28px; line-height: 36px; color: #2E2E30; } .ui-heading-3 { font-family: 'ProximaNovaSemiBold', Arial, sans-serif; font-size: 22px; line-height: 28px; color: #2E2E30; } .fade-enter-active, .fade-leave-active { transition: opacity 0.5s; } .fade-enter, .fade-leave-to { opacity: 0; } .row { margin-right: -15px; margin-left: -15px; } .clearfix::before, .clearfix::after, .row::before, .row::after { display: table; content: " "; } .clearfix::after, .row::after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } /** * Techwalla uses the default fonts found in /src/less/variables.less: * @font-headline: @barlow-bold; * @font-headline-italic: @barlow-bold-italic; * @font-heading: @proxima-nova-semibold; * @font-body: @proxima-nova-regular; * @font-body-italic: @proxima-nova-regular-italic; * @font-body-bold: @proxima-nova-bold; * @font-body-bold-italic: @proxima-nova-bold-italic; * @font-label: @proxima-nova-regular; */ /** * Techwalla's primary accent is, sadly, not color contrast compliant * original primary-accent today lives in a lot of places (buttons and cat labels are some examples) * to be able tomigrate to a darker one we need to have a variable ready for it, hence primary-accent-dark declaration below * initially it will get rolled out to some elements but design team will have final say what shade goes where #exceptions #justthisonce */ .svg { display: block; background-repeat: no-repeat; background-position: center; background-size: cover; } .svg.authority-check { background-image: url(/_nuxt/05cc47d61170d9ba798e7c33a5fa6e22.svg); } .svg.techwalla-nav-facebook-hover { background-image: url(/_nuxt/51151f3e52b70e1b76f54c6e78699d7a.svg); } .svg.techwalla-nav-twitter-hover { background-image: url(/_nuxt/b19f36a813e893d0717fbcefbf59af59.svg); } .svg.techwalla-nav-logo { background-image: url(/_nuxt/4f806dbfb59ca975da2de2ea735556ca.svg); } .svg.modal-close { background-image: url(/_nuxt/e0e0e55c9aed92357d19be9db6ed1682.svg); } .svg.search-icon { background-image: url(/_nuxt/4aed1167f93b0af70fb54a8bbc39f66c.svg); } body { margin: 0; padding: 0; color: #2E2E30; font-size: 16px; font-family: 'ProximaNovaRegular', Arial, sans-serif; } body a { color: #337AB7; } body a, body a:hover, body a:focus { text-decoration: none; } body.no-scroll { overflow: hidden; } *:focus { outline: none; } #app .site-main { min-height: 200px; margin-top: 0; } @media (min-width: 1200px) { #app .site-main { min-height: 500px; } } #app .site-main .view { width: 100%; max-width: 1440px; min-height: 200px; margin: 0 auto; background-color: #fff; } @media (min-width: 991px) { #app .site-main .view { min-height: 500px; } } #app .site-main .view .inner.inner--padding { max-width: 1250px; margin: 0 auto; padding: 40px 20px; } @media (min-width: 768px) { #app .site-main .view .inner.inner--padding { padding: 50px 95px; } } @media (min-width: 991px) { #app .site-main .view .inner.inner--padding { padding: 50px 25px; } } @media (min-width: 1200px) { #app .site-main .view .inner.inner--padding { padding: 50px 0; } } #app.default-component--home .site-main { margin-top: 0; } .section.section--hero { position: relative; width: 100%; background-color: #DDD; background-repeat: no-repeat; background-position: center top; background-size: cover; } ul { margin: 0; padding: 0; list-style-type: none; } div[data-ad-breakpoint] { display: none; } @media (max-width: 767px) { div[data-ad-breakpoint*='small'] { display: block; } } @media (min-width: 768px) and (max-width: 1019px) { div[data-ad-breakpoint*='medium'] { display: block; } } @media (min-width: 1020px) { div[data-ad-breakpoint*='large'] { display: block; } } .lg-form__input { position: relative; display: block; width: 100%; padding: 11px 20px; color: #333; font-size: 14px; background: #FFF; border: 1px solid #CCC; transition: border 0.2s; } .lg-form__button { width: 100%; height: 50px; padding: 10px; color: #FFF; border: none; cursor: pointer; transition: 0.5s ease; } .lg-form__button-dark { background-color: #333; } .lg-form__button-grey { background-color: #DDD; } .lg-form__button-white { color: #292929; background-color: #FFF; } .component-social-share-mobile-icons { display: none; width: 100%; overflow: hidden; } .component-site-header { position: sticky; top: 0; z-index: 10003; } @media (min-width: 768px) { .component-site-header { z-index: 20001; } } .component-site-header .site-header .component-global-navigation { z-index: 100; } .component-global-navigation { position: relative; z-index: 18; display: flex; justify-content: center; height: 60px; background: #FFF; border-bottom: 1px solid #EAEAEA; } @media (min-width: 1020px) { .component-global-navigation { height: 91px; } } .component-global-navigation .global-nav-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 15px; } @media (min-width: 768px) { .component-global-navigation .global-nav-wrapper { padding: 0 25px; } } @media (min-width: 1020px) { .component-global-navigation .global-nav-wrapper { position: relative; min-width: 970px; max-width: 1310px; height: auto; margin: 0 auto; padding: 0 30px; } } .component-global-navigation .navigation-hamburger { width: 30px; height: 30px; background-image: url(/_nuxt/5e79abf7408de5c522cf44f9ee8917eb.svg); background-size: auto auto; } .component-global-navigation .navigation-hamburger:hover { cursor: pointer; filter: invert(67%) sepia(62%) saturate(510%) hue-rotate(106deg) brightness(88%) contrast(92%); } @media (min-width: 1020px) { .component-global-navigation .navigation-hamburger { display: none; } } .component-global-navigation .vertical-text { position: absolute; font-size: 0; } .component-global-navigation .vertical-nav-logo { width: 114.94px; height: 20px; background-image: url(/_nuxt/eab01f543c1fb51df9a5655a2faf132f.svg); } .component-global-navigation .nav-wrapper { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #FFF; transform: translateX(20px); visibility: hidden; opacity: 0; transition: opacity 200ms ease-in-out 100ms, visibility 200ms ease-in-out 100ms, transform 200ms ease-in-out 100ms; } @media (min-width: 1020px) { .component-global-navigation .nav-wrapper { position: absolute; top: unset; left: 50%; max-width: 702px; height: auto; transform: translateX(-50%); visibility: visible; opacity: 1; transition: none; } } @media (min-width: 1170px) { .component-global-navigation .nav-wrapper { max-width: 762px; } } .component-global-navigation .nav-wrapper .nav-list { visibility: hidden; } @media (min-width: 1020px) { .component-global-navigation .nav-wrapper .nav-list { visibility: visible; } } .component-global-navigation .nav-wrapper.show { position: fixed; top: 0; left: 0; z-index: 100; display: block; width: 100%; height: 100%; overflow-y: scroll; background-color: #FFF; transform: translateX(0); visibility: visible; opacity: 1; transition: background-color 300ms ease-in-out, transform 300ms ease-in-out; } .component-global-navigation .nav-wrapper.show .nav-contents { transform: translateX(0); opacity: 1; transition: opacity 300ms ease-in-out 100ms, visibility 1ms ease-in-out 100ms, transform 300ms ease-in-out 100ms; } .component-global-navigation .nav-wrapper.show .mobile-white-wrapper { position: sticky; top: 0; z-index: 1; width: 100%; height: 60px; background: #FFF; } .component-global-navigation .nav-wrapper.show .navigation-back { position: sticky; top: 15px; left: 15px; float: left; width: 30px; height: 30px; background-image: url(/_nuxt/0e6247fc1ec19997361a69d0c50e9c79.svg); background-size: auto auto; transform: translateX(0); visibility: visible; opacity: 1; transition: opacity 300ms ease-in-out 0.2s, visibility 0ms ease-in-out 0.2s, transform 300ms ease-in-out 203ms; } .component-global-navigation .nav-wrapper.show .navigation-back:hover { cursor: pointer; filter: invert(67%) sepia(62%) saturate(510%) hue-rotate(106deg) brightness(88%) contrast(92%); } .component-global-navigation .nav-wrapper.show .navigation-back.hide-parent { transform: translateX(20px); visibility: hidden; opacity: 0; transition: transform 90ms ease-in-out, opacity 90ms ease-in-out, visibility 90ms ease-in-out; } .component-global-navigation .nav-wrapper.show .nav__list-parent-category { height: auto; max-height: 0; margin-bottom: 0; transform: translateX(20px); visibility: hidden; opacity: 0; transition: transform 200ms ease-in-out, opacity 200ms ease-in-out, max-height 1ms ease-in-out 201ms, margin-bottom 1ms ease-in-out 201ms, visibility 200ms ease-in-out; } .component-global-navigation .nav-wrapper.show .nav__list-parent-category.show-children-ancestry { max-height: 100px; margin-bottom: 30px; transform: translateX(0); visibility: visible; opacity: 1; transition: opacity 300ms ease-in-out 100ms, max-height 1ms ease-in-out 100ms, margin-bottom 1ms ease-in-out 100ms, visibility 1ms ease-in-out 100ms, transform 300ms ease-in-out 100ms; } .component-global-navigation .nav-wrapper.show .nav__list-parent-category.slide-animation { transform: translateX(-20px); visibility: hidden; opacity: 0; transition: transform 200ms ease-in-out, opacity 200ms ease-in-out, max-height 1ms ease-in-out 201ms, margin-bottom 1ms ease-in-out 201ms, visibility 200ms ease-in-out; } .component-global-navigation .nav-wrapper.show .nav__list-children-and-grandchildren { top: 0; width: 100%; height: auto; max-height: 0; overflow: hidden; transform: translateX(20px); visibility: hidden; opacity: 0; transition: transform 100ms ease-in-out, opacity 100ms ease-in-out, max-height 1ms ease-in-out 102ms, overflow 100ms ease-in-out, visibility 100ms ease-in-out; } .component-global-navigation .nav-wrapper.show .nav__list-children-and-grandchildren.show-children-ancestry { position: absolute; top: 0; max-height: 1500px; transform: translateX(0); visibility: visible; opacity: 1; transition: opacity 300ms ease-in-out 0.2s, visibility 0ms ease-in-out, transform 300ms ease-in-out 203ms; } .component-global-navigation .nav-wrapper.show .mobile-and-social-container { height: auto; max-height: 0; margin-top: 0; transform: translateX(20px); visibility: hidden; opacity: 0; transition: transform 200ms ease-in-out, opacity 200ms ease-in-out, max-height 1ms ease-in-out 201ms, margin-top 1ms ease-in-out 201ms, visibility 200ms ease-in-out; } .component-global-navigation .nav-wrapper.show .mobile-and-social-container.show { max-height: 100px; margin: 108px 50px 0; transform: translateX(0); visibility: visible; opacity: 1; transition: opacity 300ms ease-in-out 100ms, max-height 1ms ease-in-out 100ms, margin-bottom 1ms ease-in-out 100ms, visibility 1ms ease-in-out 100ms, transform 300ms ease-in-out 100ms; } .component-global-navigation .nav-wrapper.show .mobile-and-social-container.slide-close-animation { transform: translateX(-20px); visibility: hidden; opacity: 0; transition: transform 200ms ease-in-out, opacity 200ms ease-in-out, max-height 1ms ease-in-out 201ms, margin-top 1ms ease-in-out 201ms, visibility 200ms ease-in-out; } .component-global-navigation .nav-contents { height: 100%; overflow-y: scroll; transform: translateX(40px); opacity: 0; transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, transform 200ms ease-in-out; } @media (min-width: 1020px) { .component-global-navigation .nav-contents { width: 100%; padding: 0; overflow: unset; transform: translateX(0); opacity: 1; transition: none; } } .component-global-navigation .close-button-animation .navigation-close { transform: translateX(0); opacity: 1; transition: opacity 300ms ease-in-out 290ms, transform 300ms ease-in-out 290ms; } .component-global-navigation .navigation-close { position: absolute; top: 15px; right: 25px; z-index: 5; float: right; width: 30px; height: 30px; background-image: url(/_nuxt/5e931d2d7c3f23a0fb88070dd51339f5.svg); background-size: auto auto; transform: translateX(40px); opacity: 0; transition: opacity 200ms ease-in-out 100ms, transform 200ms ease-in-out 100ms; } @media (min-width: 1020px) { .component-global-navigation .navigation-close { display: none; } } .component-global-navigation .navigation-close:hover { cursor: pointer; filter: invert(67%) sepia(62%) saturate(510%) hue-rotate(106deg) brightness(88%) contrast(92%); } .component-global-navigation nav { margin: 15px 55px 0; } @media (min-width: 1020px) { .component-global-navigation nav { margin: 0; } } .component-global-navigation .nav-list { display: block; } @media (min-width: 1020px) { .component-global-navigation .nav-list { display: flex; justify-content: space-between; } } .component-global-navigation .nav-subsection__item { margin-bottom: 30px; } .component-global-navigation .nav-subsection__item:nth-last-child(2) { margin-bottom: 25px; } .component-global-navigation .nav-subsection__item:last-child { margin-bottom: 35px; } .component-global-navigation .nav__list-parent { position: relative; } @media (min-width: 1020px) { .component-global-navigation .nav__list-parent { display: inline; margin-bottom: 0; } .component-global-navigation .nav__list-parent:hover .nav__list-parent-category { color: #23CD93; } } .component-global-navigation .nav-link { color: #2E2E30; font-size: 14px; font-family: 'BarlowBold', sans-serif; font-style: normal; line-height: 20px; letter-spacing: 1px; white-space: nowrap; text-transform: uppercase; } .component-global-navigation .nav-link:hover { color: #23CD93; } .component-global-navigation .nav-subsection { background-color: #FFF; } @media (min-width: 1020px) { .component-global-navigation .nav-subsection { position: absolute; top: 54px; left: -30px; padding: 30px 30px 0; transform: translateY(-20px); visibility: hidden; opacity: 0; transition: all 200ms ease-in-out 200ms; } } .component-global-navigation .nav-subsection__list { transition: none; } @media (min-width: 1020px) { .component-global-navigation .nav-subsection__list { transform: translateY(-20px); opacity: 0; transition: opacity 300ms ease-in-out 150ms, transform 300ms ease-in-out 150ms; } } .component-global-navigation .subsection__list.divider { display: block; } .component-global-navigation .subsection__list.divider::before { display: block; width: 100%; margin: 25px 0; border: 1px solid #EAEAEA; content: ''; } @media (min-width: 768px) { .component-global-navigation .subsection__list.divider::before { max-width: 275px; } } .component-global-navigation .subsection__list.divider:hover { color: #23CD93; cursor: pointer; } .component-global-navigation .subsection__list.right-arrow-cta::after { display: inline-block; width: 10px; height: 10px; margin-left: 3px; background-image: url(/_nuxt/87987b787f0519fdac7730c30e9b8f22.svg); background-repeat: no-repeat; background-position: center center; content: ''; } .component-global-navigation .subsection__list.right-arrow-cta:hover::after { filter: invert(67%) sepia(62%) saturate(510%) hue-rotate(106deg) brightness(88%) contrast(92%); } .component-global-navigation .nav__list-parent-category { padding: 0; } .component-global-navigation .nav__list-parent-category:hover { cursor: pointer; } @media (min-width: 1020px) { .component-global-navigation .nav__list-parent:hover > .nav-subsection { transform: translateY(0); visibility: visible; opacity: 1; transition: all 200ms ease-in-out; transition-delay: 200ms; } .component-global-navigation .nav__list-parent:hover > .nav-subsection > .nav-subsection__list { transform: translateY(0); opacity: 1; } } .component-global-navigation .mobile-and-social-container { margin: 100px 55px 0; transform: translateX(20px); visibility: hidden; opacity: 0; } @media (min-width: 1020px) { .component-global-navigation .mobile-and-social-container { display: none; } } .component-global-navigation .mobile-newsletter { margin: 0 0 30px; } @media (min-width: 1020px) { .component-global-navigation .mobile-newsletter { display: none; } } .component-global-navigation .mobile-newsletter__link { display: block; font-size: 12px; letter-spacing: 1px; } .component-global-navigation .mobile-newsletter__link:hover { color: #23CD93; } @media (min-width: 1020px) { .component-global-navigation .mobile-newsletter__link { display: none; } } .component-global-navigation .social-shares { display: flex; justify-content: flex-start; } @media (min-width: 1020px) { .component-global-navigation .social-shares { display: none; } } .component-global-navigation .social-shares__icon { position: relative; width: 30px; height: 30px; margin-right: 20px; } .component-global-navigation .social-shares__icon::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s; content: ''; } .component-global-navigation .social-shares__icon:hover::after { opacity: 1; } .component-global-navigation .social-shares__icon.nav-facebook { background-image: url(/_nuxt/0c224bad42f9bf0189872ee1598a25a4.svg); } .component-global-navigation .social-shares__icon.nav-facebook::after { background-image: url(/_nuxt/51151f3e52b70e1b76f54c6e78699d7a.svg); } .component-global-navigation .social-shares__icon.nav-twitter { background-image: url(/_nuxt/7bcaf70d6be59c3920ee6147eee3d3c5.svg); } .component-global-navigation .social-shares__icon.nav-twitter::after { background-image: url(/_nuxt/b19f36a813e893d0717fbcefbf59af59.svg); } .component-global-navigation .desktop-newsletter { display: none; } .component-global-navigation .desktop-newsletter .desktop-newsletter__label { display: none; } .component-global-navigation .More { display: none; } @media (min-width: 1020px) { .component-global-navigation .More { display: none; } } .component-global-navigation .global-nav-search-and-login { display: flex; align-items: center; } .component-global-navigation .nav-search-icon { width: 30px; height: 30px; background-image: url(/_nuxt/4aed1167f93b0af70fb54a8bbc39f66c.svg); background-size: auto; } @media (min-width: 1020px) { .component-global-navigation .nav-search-icon { margin: 0 0 0 15px; } } .component-global-navigation .nav-search-icon:hover { cursor: pointer; filter: invert(67%) sepia(62%) saturate(510%) hue-rotate(106deg) brightness(88%) contrast(92%); } .component-push-notification { display: none; flex-direction: column; position: absolute; width: 375px; top: -1000px; left: calc(50% - 187px); padding: 20px; background-color: #FFF; transition: all 0.4s ease; box-shadow: 5px 5px 15px -5px #333; } .component-push-notification.push-notification-slide { top: 60px; } @media (min-width: 768px) { .component-push-notification.push-notification-slide { top: 90px; } } .component-push-notification.push-notification-show { display: flex; } .component-push-notification .push-notification__logo-and-text { display: flex; flex-direction: row; margin-bottom: 40px; } .component-push-notification .push-notification__logo { padding: 25px; background: url(/images/svg/wally.svg) no-repeat center center; background-size: 50px 50px; margin-right: 20px; } .component-push-notification .push-notification__buttons { display: flex; justify-content: flex-end; } .component-push-notification .push-notification__button { margin-left: 10px; border: none; padding: 10px 28px; text-align: center; text-decoration: none; font-size: 16px; } .component-push-notification .push-notification__button:hover { cursor: pointer; } .component-push-notification .button__later { color: #687379; } .component-push-notification .button__subscribe { background-color: #23CD93; border: none; color: white; } .component-ar-horizontal-bar-ad { display: none; min-height: 130px; z-index: 10002; transition: 1s linear; } @media (min-width: 768px) { .component-ar-horizontal-bar-ad { display: block; } } @media (min-width: 1020px) { .component-ar-horizontal-bar-ad { min-height: 333px; } } .component-ar-horizontal-bar-ad.sticky-ad { position: sticky; top: 60px; } @media (min-width: 1020px) { .component-ar-horizontal-bar-ad.sticky-ad { top: 90px; } } .component-ar-horizontal-bar-ad.slide-up { transform: translateY(-130px); } @media (min-width: 1020px) { .component-ar-horizontal-bar-ad.slide-up { transform: translateY(-333px); } } /* stylelint-disable no-descending-specificity */ .component-header-sticky-ad { display: none; min-height: 130px; position: relative; align-items: center; justify-content: center; padding: 0; box-sizing: content-box; width: 100%; text-align: center; background-color: #F8F8F8; } @media (min-width: 768px) { .component-header-sticky-ad { display: flex; } } @media (min-width: 1020px) { .component-header-sticky-ad { min-height: 333px; } } .component-header-sticky-ad::before { content: 'Advertisement'; position: absolute; color: #606B71; font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 12px; letter-spacing: 1px; z-index: 0; text-transform: uppercase; } .component-header-sticky-ad div { width: 100%; z-index: 17; } .component-header-sticky-ad .horizontal-one { margin: 0 auto; } .component-header-sticky-ad.mtf { margin-bottom: 30px; } .component-header-sticky-ad.btf { margin: 30px 0; } @media (min-width: 768px) { .component-header-sticky-ad.btf { margin: 0; } } /* stylelint-disable property-no-unknown */ /* stylelint-enable property-no-unknown */ /* prettier-ignore */ .component-ad-gpt .ad { text-align: center; } #app { background-color: #fff; } #app .site-main .view { width: 100%; max-width: 1440px; margin: 0 auto; background-color: #fff; } .view-article .preview-disabled { text-align: center; padding-top: 200px; } @media (min-width: 768px) { .view-article .preview-disabled { padding-top: 300px; } } .view-article .infinite-scroll-container { position: relative; } .view-article .infinite-scroll-container .article-divider { position: relative; width: 100%; height: 33px; margin: 50px 0 30px; overflow: hidden; background-repeat: no-repeat; } @media (min-width: 768px) { .view-article .infinite-scroll-container .article-divider { height: 50px; margin: 40px 0; background-size: 50px 50px; } } .view-article .infinite-scroll-container .article-divider::before, .view-article .infinite-scroll-container .article-divider::after { position: relative; top: 8px; display: inline-block; width: 50%; height: 1px; vertical-align: middle; content: ''; } @media (min-width: 768px) { .view-article .infinite-scroll-container .article-divider::before, .view-article .infinite-scroll-container .article-divider::after { top: 15px; } } .view-article .infinite-scroll-container .article-divider::before { right: 45px; margin-left: 0; } .view-article .infinite-scroll-container .article-divider::after { left: 45px; margin-right: -50%; } .view-article .infinite-scroll-container .article-wrapper .inner { display: inline-block; overflow: initial; width: 100%; } @media (min-width: 768px) { .view-article .infinite-scroll-container .article-wrapper .inner { display: initial; width: initial; overflow: visible; } } @media (min-width: 1020px) { .view-article .infinite-scroll-container .article-wrapper .inner { width: 100%; } } .view-article .component-infinite-scroll .infinite-scroll-article-wrapper { position: relative; } .view-article .component-infinite-scroll .infinite-scroll-article-wrapper .article-divider { margin: 40px 0; background: url(/images/svg/wally.svg) no-repeat center center; background-size: 20px 20px; } @media (min-width: 768px) { .view-article .component-infinite-scroll .infinite-scroll-article-wrapper .article-divider { background-size: 50px 50px; } } .view-article .component-infinite-scroll .infinite-scroll-article-wrapper .article-divider::before, .view-article .component-infinite-scroll .infinite-scroll-article-wrapper .article-divider::after { background-color: #efefef; } .view-article .infinite-articles .infinite-articles__item { position: relative; } @media (max-width: 768px) { .view-article .infinite-articles .infinite-articles__item#infinite-articles__item--0 .article-container { height: auto; } } @media (min-width: 768px) { .view-article .article-container { margin: 0 auto; background-color: #fff; } } .view-article .article-container .article-wrapper { width: 100%; margin: 0 auto; } @media (min-width: 768px) { .view-article .article-container .article-wrapper { padding: 0; } } .view-article .article-container .article-wrapper .inner { display: inline-block; overflow: initial; width: 100%; } @media (min-width: 768px) { .view-article .article-container .article-wrapper .inner { display: initial; width: initial; overflow: visible; } } @media (min-width: 1020px) { .view-article .article-container .article-wrapper .inner { width: 100%; } } .no-scroll div[data-ad-breakpoint*='small'] { display: none; } .component-configurable-article .mobile-show { display: block; } .component-configurable-article .mobile-hide { display: none; } @media (min-width: 1020px) { .component-configurable-article .desktop-show { display: block; } .component-configurable-article .desktop-hide { display: none; } } .component-configurable-article.is-first .article-wrapper .inner { padding-top: 30px; } .component-configurable-article .article-wrapper { display: flex; justify-content: center; width: 100%; padding: 0; background-color: #FFF; } @media (min-width: 1020px) { .component-configurable-article .article-wrapper.wider-article .inner { width: 100%; max-width: 1178px; } } .component-configurable-article .article-wrapper.wider-article .inner .breadcrumb-wrapper, .component-configurable-article .article-wrapper.wider-article .inner .component-article-header { max-width: 100%; } @media (min-width: 768px) { .component-configurable-article .article-wrapper.wider-article .inner .breadcrumb-wrapper, .component-configurable-article .article-wrapper.wider-article .inner .component-article-header { max-width: 728px; } } @media (min-width: 1020px) { .component-configurable-article .article-wrapper.wider-article .inner .breadcrumb-wrapper, .component-configurable-article .article-wrapper.wider-article .inner .component-article-header { max-width: 100%; } } @media (min-width: 1020px) { .component-configurable-article .article-wrapper.wider-article .inner .rrv2 { margin-left: 40px; } } @media (min-width: 768px) { .component-configurable-article .article-wrapper.wider-article .article-content-wrapper .article-sections-container { max-width: 728px; } } @media (min-width: 1020px) { .component-configurable-article .article-wrapper.wider-article .article-content-wrapper .article-sections-container { min-width: 630px; } } .component-configurable-article .article-wrapper .inner { padding: 15px 20px 0; } @media (min-width: 768px) { .component-configurable-article .article-wrapper .inner { padding: 30px 25px 0; overflow: visible; } } @media (min-width: 1020px) { .component-configurable-article .article-wrapper .inner { width: 1080px; max-width: 1080px; } } .component-configurable-article .article-wrapper .inner .breadcrumb-wrapper, .component-configurable-article .article-wrapper .inner .component-article-header { max-width: 100%; } @media (min-width: 768px) { .component-configurable-article .article-wrapper .inner .breadcrumb-wrapper, .component-configurable-article .article-wrapper .inner .component-article-header { max-width: 630px; } } @media (min-width: 1020px) { .component-configurable-article .article-wrapper .inner .breadcrumb-wrapper, .component-configurable-article .article-wrapper .inner .component-article-header { max-width: 100%; } } .component-configurable-article .article-wrapper .article-content-wrapper { display: flex; flex-direction: column; } @media (min-width: 768px) { .component-configurable-article .article-wrapper .article-content-wrapper { position: relative; } } @media (min-width: 1020px) { .component-configurable-article .article-wrapper .article-content-wrapper { flex-direction: row; margin: 0; max-width: 100%; justify-content: space-between; } } .component-configurable-article .article-wrapper .article-content-wrapper .header-lower-inner { display: none; } @media (min-width: 768px) { .component-configurable-article .article-wrapper .article-content-wrapper .header-lower-inner { display: block; } .component-configurable-article .article-wrapper .article-content-wrapper .header-lower-inner .sticky-social-shares { height: 0; } } .component-configurable-article .article-wrapper .article-content-wrapper .component-article-sections .content-section-0-critical { margin-top: 0; } .component-configurable-article .article-wrapper .article-content-wrapper .component-article-sections .component-article-section-content p { margin: 0; } .component-configurable-article .article-wrapper .article-content-wrapper .article-sections-container { flex-grow: 1; max-width: 100%; } @media (min-width: 768px) { .component-configurable-article .article-wrapper .article-content-wrapper .article-sections-container { max-width: 630px; } } .component-configurable-article .ad { margin: 25px auto; } .component-configurable-article .ad.adhesion, .component-configurable-article .ad.horizontal { margin: 0 auto; } .component-configurable-article .ad.btf, .component-configurable-article .ad.atf { width: 300px; min-height: 250px; display: none; } @media (min-width: 1020px) { .component-configurable-article .ad.btf, .component-configurable-article .ad.atf { display: block; margin: 0 auto; } } .component-configurable-article .ad.inline { clear: both; } .component-configurable-article .social-share-container { display: none; position: absolute; height: 100%; width: 40px; left: -70px; } @media (min-width: 1020px) { .component-configurable-article .social-share-container { display: block; } } .component-configurable-article .social-share-container__wrapper { position: relative; height: 100%; } .component-configurable-article .main-sticky-social-shares { position: sticky; top: 20px; } .view .component-configurable-article .breadcrumb-wrapper .component-breadcrumbs { display: block; text-align: left; } .view .component-configurable-article .breadcrumb-wrapper .component-breadcrumbs .breadcrumbs { padding-left: 0; } .view .component-configurable-article .component-article-header { margin-bottom: 10px; } @media (min-width: 768px) { .view .component-configurable-article .component-article-header { margin-bottom: 15px; } } .view .component-configurable-article .article-wrapper { margin-top: 0; padding: 0; } @media (min-width: 768px) { .view .component-configurable-article .article-wrapper .article-content-wrapper .header-lower-inner .social-share-icons-wrapper.is-sticky { top: 150px; } } .view .component-configurable-article .article-wrapper .component-article-header { padding: 0; } .view .component-configurable-article .article-wrapper .modal-profile-wrapper .modal-profile-container .popup-content .avatar-name .name { font-size: 22px; line-height: 28px; letter-spacing: 0; } .view .component-configurable-article .article-wrapper .modal-profile-wrapper .modal-profile-container .popup-content .bio, .view .component-configurable-article .article-wrapper .modal-profile-wrapper .modal-profile-container .popup-content .profile-link { font-size: 15px; line-height: 26px; letter-spacing: 0; } .view .component-configurable-article .article-wrapper .modal-profile-wrapper .popup-heading { margin-bottom: 15px; font-size: 12px; line-height: 15px; letter-spacing: 0.75; } .component-breadcrumbs { display: none; text-align: center; margin-bottom: 18px; } @media (min-width: 768px) { .component-breadcrumbs { display: block; margin-bottom: 20px; } } .component-breadcrumbs nav { display: flex; } .component-breadcrumbs .breadcrumbs { margin: 0; list-style: none; display: flex; } .component-breadcrumbs .breadcrumbs .breadcrumbs__item { display: inline-flex; font-size: 14px; line-height: 18px; } .component-breadcrumbs .breadcrumbs .breadcrumbs__item::before { padding: 0 5px; content: '/\00a0'; } .component-breadcrumbs .breadcrumbs .breadcrumbs__item:first-child::before { padding: 0; content: ''; } .component-breadcrumbs .breadcrumbs .breadcrumbs__item a { display: inline-flex; } .component-breadcrumbs .breadcrumbs .breadcrumbs__item a:hover { text-decoration: none; } .view .component-breadcrumbs { position: relative; display: none; padding: 0; text-align: left; text-transform: capitalize; } @media (min-width: 768px) { .view .component-breadcrumbs { display: block; } } .view .component-breadcrumbs::after { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to left, #ffffff 0, rgba(255, 255, 255, 0) 10%); content: ""; pointer-events: none; } .view .component-breadcrumbs nav { overflow: hidden; } .view .component-breadcrumbs .breadcrumbs { display: flex; width: 100%; padding: 0 50px 0 0; overflow-x: auto; font-family: 'ProximaNovaRegular', Arial, sans-serif; white-space: nowrap; background-image: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0) 98%); } .view .component-breadcrumbs .breadcrumbs .breadcrumbs__item { display: inline-block; font-size: 12px; line-height: 18px; text-transform: capitalize; } .view .component-breadcrumbs .breadcrumbs .breadcrumbs__item:first-child::before { padding: 0; content: ""; } .view .component-breadcrumbs .breadcrumbs .breadcrumbs__item::before { width: 15px; height: 17px; padding: 0 5px; content: url("data:image/svg+xml,%3Csvg width='5' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%231C2F47' stroke-width='1.25' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M1.417 1.417l1.666 1.666M3.575 3.584L1.472 5.655'/%3E%3C/g%3E%3C/svg%3E"); } .view .component-breadcrumbs .breadcrumbs .breadcrumbs__item a { color: #2E2E30; transition: color 0.2s linear; } .view .component-breadcrumbs .breadcrumbs .breadcrumbs__item a:hover { color: #687379; text-decoration: none; } .view .component-configurable-article .component-breadcrumbs { display: block; } .component-article-header .article-title { margin: 0 0 13px; color: black; font-size: 32px; line-height: 38px; } @media (min-width: 768px) { .component-article-header .article-title { margin-bottom: 15px; font-size: 50px; line-height: 60px; } } .component-article-header .article-subtitle { margin-bottom: 13px; color: #2E2E30; font-size: 17px; line-height: 28px; } .component-article-header .component-sponsored-logo .sponsored--byline { font-size: 12px; line-height: 20px; text-transform: none; letter-spacing: normal; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-basis: auto; margin-bottom: 10px; } .component-article-header .component-sponsored-logo .sponsored--image-wrapper { margin-bottom: 10px; } .default-format--article .article-title, .default-format--modern_article .article-title { max-width: 99%; } .default-format--article .component-sponsored-logo .sponsored-section, .default-format--modern_article .component-sponsored-logo .sponsored-section { justify-content: left; } .default-format--article .component-sponsored-logo .sponsored-section .sponsored--byline, .default-format--modern_article .component-sponsored-logo .sponsored-section .sponsored--byline { margin-right: 5px; } @media (min-width: 768px) { .default-format--article .component-sponsored-logo .sponsored-section .sponsored--byline, .default-format--modern_article .component-sponsored-logo .sponsored-section .sponsored--byline { margin-right: 7px; } } .topic .component-article-header, .sub_topic .component-article-header { text-align: center; padding: 0 20px; max-width: 630px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .topic .component-article-header, .sub_topic .component-article-header { padding: 0; } } .topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section, .sub_topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section { margin-left: auto; margin-right: auto; justify-content: center; } .topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--byline, .sub_topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--byline { padding: 0 2.5px; } @media (min-width: 768px) { .topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--byline, .sub_topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--byline { padding: 0 3.5px; } } .topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--image-wrapper, .sub_topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--image-wrapper { padding: 0 2.5px; } @media (min-width: 768px) { .topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--image-wrapper, .sub_topic .component-article-header .article-byline-wrapper .component-sponsored-logo .sponsored-section .sponsored--image-wrapper { padding: 0 3.5px; } } .view .component-article-header .article-title { font-family: 'BarlowBold', sans-serif; font-size: 32px; color: #2E2E30; line-height: 38px; } @media (min-width: 768px) { .view .component-article-header .article-title { font-size: 50px; line-height: 60px; margin-bottom: 13px; } } .view .component-article-header .article-subtitle { font-family: 'ProximaNovaBold', Arial, sans-serif; } @media (min-width: 768px) { .view .component-article-header.contains-subtitle .article-title { margin-bottom: 15px; } } .view .component-article-byline { margin-bottom: 30px; } .view .component-article-byline .byline-info .byline-wrapper { color: #687379; font-size: 12px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 18px; margin-bottom: 0; color: #606B71; line-height: 20px; text-align: left; } @media (min-width: 768px) { .view .component-article-byline .byline-info .byline-wrapper { font-size: 12px; } } .view .component-article-byline .byline-info .byline-wrapper .writer-name { padding-bottom: 0; font-size: 12px; } @media (min-width: 768px) { .view .component-article-byline .byline-info .byline-wrapper .writer-name { margin-bottom: 0; } } .view .component-article-byline .byline-info .byline-wrapper .writer-name .writer-profile { color: #687379; font-size: 12px; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; line-height: 18px; color: #2E2E30; line-height: 20px; } .view .component-article-byline .byline-info .byline-wrapper .writer-name .writer-profile-link { color: #687379; font-size: 12px; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; line-height: 18px; color: #2E2E30; line-height: 20px; display: inline-block; transition: color 0.2s linear; } .view .component-article-byline .byline-info .byline-wrapper .article-date { color: #687379; font-size: 12px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 18px; color: #606B71; line-height: 20px; } .view .component-article-byline .byline-info .byline-wrapper .article-date .date { color: #687379; font-size: 12px; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; line-height: 18px; color: #606B71; line-height: 20px; } .view .component-article-byline .byline-info .byline-wrapper .article-date .article-date__updated { color: #687379; font-size: 12px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 18px; color: #606B71; line-height: 20px; } .view .component-article-byline .byline-info .byline-wrapper .reviewer-name span.reviewed-by-text { vertical-align: baseline; color: #606B71; line-height: 20px; } .view .component-article-byline .byline-info .byline-wrapper .reviewer-name span.reviewer-profile-link { color: #687379; font-size: 12px; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; line-height: 18px; color: #2E2E30; line-height: 20px; display: inline-block; transition: color 0.2s linear; padding-bottom: 0; vertical-align: baseline; } .view .component-sponsored-logo { padding-top: 20px; border-top: 1px solid #EFEFEF; } @media (min-width: 768px) { .view .component-sponsored-logo { max-width: 380px; } } .view .component-sponsored-logo .sponsored-section .sponsored--byline { color: #737373; font-size: 12px; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; } .view .component-article-template-default .article-title, .view .component-article-template-modern .article-title { max-width: 99%; } .view .component-article-template-default .component-sponsored-logo .sponsored-section .sponsored--byline, .view .component-article-template-modern .component-sponsored-logo .sponsored-section .sponsored--byline, .view .component-article-template-topic-hub .component-sponsored-logo .sponsored-section .sponsored--byline, .view .component-article-template-subtopic-hub .component-sponsored-logo .sponsored-section .sponsored--byline { margin-right: 10px; } .view .component-article-template-default .component-sponsored-logo .sponsored-section.has-byline-only a.sponsored--byline, .view .component-article-template-modern .component-sponsored-logo .sponsored-section.has-byline-only a.sponsored--byline, .view .component-article-template-topic-hub .component-sponsored-logo .sponsored-section.has-byline-only a.sponsored--byline, .view .component-article-template-subtopic-hub .component-sponsored-logo .sponsored-section.has-byline-only a.sponsored--byline { padding-bottom: 0; border-bottom: 1px solid #F3CC4E; } @media (min-width: 768px) { .view .topic .component-article-header { padding-top: 40px; } } @media (min-width: 768px) { .view .topic .component-article-header, .view .sub_topic .component-article-header { max-width: 578px; } } @media (min-width: 991px) { .view .topic .component-article-header, .view .sub_topic .component-article-header { max-width: 780px; } } @media (min-width: 768px) { .view .topic .component-article-header .component-article-byline .byline-info .byline-wrapper, .view .sub_topic .component-article-header .component-article-byline .byline-info .byline-wrapper { margin-bottom: 10px; } } @media (min-width: 768px) { .view .topic .component-article-header .component-sponsored-logo, .view .sub_topic .component-article-header .component-sponsored-logo { width: 100%; margin: 0 auto; } } .component-article-byline { margin-bottom: 30px; } .component-article-byline .byline-info { display: flex; flex-direction: column; font-size: 0; } .component-article-byline .byline-info .byline-wrapper { display: inline-block; color: #606B71; font-weight: 300; font-size: 12px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 20px; } .component-article-byline .byline-info .byline-wrapper.d-flex { display: flex; flex-wrap: wrap; } .component-article-byline .byline-info .byline-wrapper.is-sponsored { margin-bottom: 0; } .component-article-byline .byline-info .byline-wrapper .byline-item::after { padding: 0 5px; color: #606B71; font-size: 11px; content: "\2022"; } @media (min-width: 768px) { .component-article-byline .byline-info .byline-wrapper .byline-item::after { font-size: 12px; } } .component-article-byline .byline-info .byline-wrapper .byline-item.final-byline-item::after { padding: 0 3px 0 5px; } .component-article-byline .byline-info .byline-wrapper .byline-item:last-child::after { display: none; } .component-article-byline .byline-info .byline-wrapper .article-date.advanced-byline-date { display: block; margin-bottom: 5px; } .component-article-byline .byline-info .byline-wrapper .article-date.advanced-byline-date.mb-0 { margin-bottom: 0; } .component-article-byline .byline-info .byline-wrapper .article-date.advanced-byline-date .updated-prefix { display: inline-block; margin-right: 2px; line-height: 20px; } .component-article-byline .byline-info .byline-wrapper .article-date.advanced-byline-date .date { font-family: 'ProximaNovaRegular', Arial, sans-serif; } .component-article-byline .byline-info .byline-wrapper .advanced-byline-item { display: inline-flex; flex-wrap: wrap; align-items: center; } .component-article-byline .byline-info .byline-wrapper .contributor-prefix { display: flex; align-items: center; white-space: nowrap; } .component-article-byline .byline-info .byline-wrapper .contributor-prefix .authority-check { position: absolute; width: 14px; height: 14px; } .component-article-byline .byline-info .byline-wrapper .contributor-prefix .prefix { margin-right: 3px; } .component-article-byline .byline-info .byline-wrapper .contributor-prefix .expert-reviewer { margin-left: 18px; } .component-article-byline .byline-info .byline-wrapper .contributor { display: inline-flex; color: #2E2E30; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; line-height: 20px; } .component-article-byline .byline-info .byline-wrapper .contributor-link { display: inline-flex; color: #2E2E30; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; text-decoration: underline; text-underline-offset: 1px; line-height: 20px; border: unset; padding: unset; background-color: unset; cursor: pointer; } .component-article-byline .byline-info .byline-wrapper .list-partition-and { margin-left: 0; } .component-article-byline .byline-info .byline-wrapper .list-partition-comma, .component-article-byline .byline-info .byline-wrapper .list-partition-comma ~ .list-partition-and { margin-left: -3px; } .component-article-byline .byline-info .byline-wrapper .see-all-contributors { color: #007CBE; font-family: 'ProximaNovaSemiBold', Arial, sans-serif; display: inline-flex; white-space: nowrap; border: unset; padding: unset; background-color: unset; cursor: pointer; } .component-article-byline .byline-info .byline-wrapper .writer-name { display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; } .component-article-byline .byline-info .byline-wrapper .writer-name .writer-profile { color: #404B51; } .component-article-byline .byline-info .byline-wrapper .writer-name button.writer-profile-link { color: #404B51; text-decoration: underline; text-underline-offset: 1px; border: unset; padding: unset; background-color: unset; cursor: pointer; } .component-article-byline .byline-info .byline-wrapper .article-date { display: inline-block; white-space: nowrap; } .component-article-byline .byline-info .byline-wrapper .article-date .date { display: inline-block; font-size: 12px; line-height: 20px; } .component-article-byline .byline-info .byline-wrapper .reviewer-name { display: inline-block; white-space: nowrap; } .component-article-byline .byline-info .byline-wrapper .reviewer-name .reviewer-profile { color: black; white-space: nowrap; } .component-article-byline .byline-info .byline-wrapper .reviewer-name .reviewer-information { display: inline-block; } .component-article-byline .byline-info .byline-wrapper .reviewer-name button.reviewer-profile-link { margin-bottom: 5px; padding: 0 0 1px 0; color: black; text-decoration: underline; text-underline-offset: 1px; border: unset; background-color: unset; cursor: pointer; } .component-article-byline .checked-icon { display: inline-block; width: 14px; height: 14px; margin-right: 2px; vertical-align: sub; } .component-article-byline .article-date__updated { font-size: 12px; } .component-article-byline .component-personnel-module { text-align: center; } .component-article-byline .component-personnel-module .personnel-wrapper { display: block; } .component-article-byline .component-personnel-module .headshot { display: flex; justify-content: center; margin-bottom: 13px; } .component-article-byline .component-personnel-module .picture.personnel-headshot-img { height: 80px; width: 80px; } .component-article-byline .component-personnel-module .picture__image { border-radius: 50%; } .component-article-byline .component-personnel-module .personnel-detail-wrapper { max-width: 700px; margin: 0 auto; } .component-article-byline .component-personnel-module .name { font-size: 22px; line-height: 28px; margin-bottom: 4px; } .component-article-byline .component-personnel-module .credential-title-pronoun-container { line-height: 0; } .component-article-byline .component-personnel-module .credentials { font-size: 14px; line-height: 22px; } .component-article-byline .component-personnel-module .bio { color: #404B51; font-size: 14px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .component-article-byline .component-personnel-module .link { font-size: 14px; line-height: 22px; margin-top: 15px; font-family: 'ProximaNovaRegular', Arial, sans-serif; } .component-article-byline .component-personnel-module .link::after { display: none; } .component-article-byline .editorial-standards-link { display: block; color: #007CBE; font-size: 14px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 22px; text-align: center; } .component-article-byline .editorial-standards-link::before { content: "\2022 \2022 \2022"; display: block; color: #606B71; letter-spacing: 3px; font-size: 14px; left: 2px; position: relative; margin-bottom: 1px; } .ui-label { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 12px; line-height: 18px; color: #404B51; } .ui-label b, .ui-label strong { font-family: 'ProximaNovaBold', Arial, sans-serif; font-weight: normal; } .ui-label b em, .ui-label strong em, .ui-label b i, .ui-label strong i { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-label em, .ui-label i { font-family: 'ProximaNovaRegularItalic', Arial, sans-serif; font-style: normal; } .ui-label em b, .ui-label i b, .ui-label em strong, .ui-label i strong { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-label-bold { font-family: 'ProximaNovaSemiBold', Arial, sans-serif; font-size: 12px; line-height: 18px; color: #404B51; } .component-contributor-bio-modal { clear: both; position: fixed; text-align: left; z-index: 2147483647; } .component-contributor-bio-modal .contributor-bio-mask { position: fixed; bottom: 0; left: 0; right: 0; top: 0; display: flex; background: rgba(0, 0, 0, 0.4); } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper { height: auto; max-height: 100%; margin: auto; overflow: auto; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container { position: relative; display: block; flex-direction: column; padding: 50px 45px 45px; border-radius: 5px; width: 540px; height: auto; background-color: #FFF; max-width: 540px; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .icon-close { width: 30px; height: 30px; position: absolute; right: 20px; top: 20px; border: unset; padding: unset; background-color: unset; cursor: pointer; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .icon-close::before, .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .icon-close::after { display: block; position: absolute; left: 50%; top: calc(50% - 11px); content: ''; height: 22px; width: 2px; border-radius: 3px; background-color: #606B71; transform: rotate(45deg) translateX(0); margin: 0; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .icon-close::after { transform: rotate(-45deg) translateX(0); } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module { text-align: center; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .personnel-wrapper { display: block; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .headshot { display: flex; justify-content: center; margin: 0 0 13px; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .personnel-headshot-img { height: 80px; width: 80px; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .picture__image { border-radius: 50%; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .personnel-detail-wrapper { max-width: 700px; margin: 0 auto; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .name { font-size: 22px; line-height: 28px; margin-bottom: 4px; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .credentials { font-size: 14px; line-height: 22px; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .bio { color: #404B51; font-size: 14px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .link { font-size: 14px; line-height: 22px; margin-top: 15px; font-family: 'ProximaNovaRegular', Arial, sans-serif; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .component-personnel-module .link::after { display: none; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .editorial-standards-link, .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .meet-expert-link { display: block; color: #007CBE; font-size: 14px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 22px; text-align: center; } .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .editorial-standards-link::before, .component-contributor-bio-modal .contributor-bio-mask .contributor-bio-wrapper .contributor-bio-container .meet-expert-link::before { content: "\2022 \2022 \2022"; display: block; color: #606B71; letter-spacing: 3px; font-size: 14px; } .component-personnel-module .bio-wrapper { display: flex; flex-direction: column; } .component-personnel-module .bio-wrapper.has-extra-info { margin-bottom: 30px; } .component-personnel-module .text-wrapper { height: auto; max-height: 202px; overflow: hidden; } @media (min-width: 991px) { .component-personnel-module .text-wrapper { max-height: 132px; } } .component-personnel-module .body-text { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .component-personnel-module .body-text a { color: #007CBE; } .component-personnel-module .read-more { display: none; margin-top: 7px; color: #007CBE; font-size: 17px; font-family: "ProximaNovaRegular", Arial, sans-serif; line-height: 28px; opacity: 0; border: unset; padding: unset; background-color: unset; } .component-personnel-module .read-more::after { display: inline-block; width: 9px; height: 9px; background-image: url(/_nuxt/2c7ff4010613fe0d7e07390d0cefbc1c.svg); content: ''; } .component-personnel-module.user-profile--long-bio .read-more { display: block; cursor: pointer; opacity: 1; transition: height 500ms ease-in-out, 0.37s opacity 0.2s ease-out; } .component-personnel-module.user-profile--long-bio.user-profile--bio-expanded .read-more { display: none; pointer-events: none; } .component-personnel-module.user-profile--bio-expanded .text-wrapper { max-height: none; } .component-personnel-module.user-profile--bio-expanded .body-text { -webkit-line-clamp: unset; } .component-personnel-module .personnel-wrapper { margin-top: 0; } @media (min-width: 768px) { .component-personnel-module .personnel-wrapper { display: flex; } } .component-personnel-module .headshot { margin-bottom: 13px; } @media (min-width: 768px) { .component-personnel-module .headshot { margin-right: 25px; margin-bottom: 0; } } .component-personnel-module .headshot .personnel-headshot-img { width: 100%; height: 250px; } @media (min-width: 768px) { .component-personnel-module .headshot .personnel-headshot-img { width: 200px; height: 200px; } } .component-personnel-module .name, .component-personnel-module .credential-title-pronoun-container { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 768px) { .component-personnel-module .name, .component-personnel-module .credential-title-pronoun-container { -webkit-line-clamp: 2; } } .component-personnel-module .name { color: #2E2E30; font-size: 22px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 28px; letter-spacing: 0; } .component-personnel-module .name.has--link:hover { cursor: pointer; } .component-personnel-module .credential-title-pronoun-container { margin-top: 2px; } .component-personnel-module .credentials, .component-personnel-module .title, .component-personnel-module .pronoun { margin-top: 2px; color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; } .component-personnel-module .credentials.has-title-or-pronoun::after { display: inline-block; padding: 0 3px; white-space: nowrap; content: '\2022'; } .component-personnel-module .title.has-pronoun::after { display: inline-block; padding: 0 3px; white-space: nowrap; content: '\2022'; } .component-personnel-module .bio { color: #2E2E30; font-size: 17px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 28px; letter-spacing: 0; margin-top: 8px; } .component-personnel-module .bio a { color: #007CBE; } .component-personnel-module .link { display: block; margin-top: 8px; color: #007CBE; font-size: 17px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 28px; } .component-personnel-module .link::after { display: inline-block; width: 11.8px; height: 10.8px; margin-left: 5px; background-image: url(/_nuxt/847d07b339e89d6c9dd05de7d7fa1144.svg); background-repeat: no-repeat; background-position: center center; content: ''; } .component-personnel-module .social-shares-wrapper { display: flex; margin-top: 20px; } .component-personnel-module .social-link { width: 30px; height: 30px; margin: 0 7.5px; } .component-personnel-module .extra-info-wrapper { margin-bottom: 30px; } .component-personnel-module .extra-info { margin-bottom: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-size: 17px; line-height: 28px; letter-spacing: 0; } .component-personnel-module .extra-info strong { font-family: "ProximaNovaBold", Arial, sans-serif; } .svg { display: block; background-repeat: no-repeat; background-position: center; background-size: cover; } .svg.personnel-social-facebook { background-image: url(/_nuxt/df723f5afe069396818d75736ad6d03f.svg); } .svg.personnel-social-instagram { background-image: url(/_nuxt/b71a3d65b96b204cd205653eae736c47.svg); } .svg.personnel-social-linkedin { background-image: url(/_nuxt/bdf8b9770c1cfca73cce73280b37faaa.svg); } .svg.personnel-social-pinterest { background-image: url(/_nuxt/8e5356dd377151ab9170adfd3837e6a3.svg); } .svg.personnel-social-twitter { background-image: url(/_nuxt/3a90cbd65b4dc16d0bf49127785145a4.svg); } .svg.personnel-social-youtube { background-image: url(/_nuxt/ac02f099be19cd2574c155be4fe59f6c.svg); } .component-compensation-disclaimer { padding: 5px 0; letter-spacing: 0.5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; max-width: 728px; margin-bottom: 20px; } @media (min-width: 1020px) { .component-compensation-disclaimer { margin-bottom: 15px; padding: 0; border: none; } } .component-compensation-disclaimer a { color: #007CBE; transition: color 0.2s linear; text-decoration: underline; } .component-article-pinnable-images { display: none; } .component-configurable-article .component-article-sections .article-section-module { display: none; } .component-configurable-article .component-article-sections .article-section-module.mobile-show { display: block; } .component-configurable-article .component-article-sections .article-section-module.mobile-hide { display: none; } @media (min-width: 1020px) { .component-configurable-article .component-article-sections .article-section-module.desktop-show { display: block; } .component-configurable-article .component-article-sections .article-section-module.desktop-hide { display: none; } } .component-article-sections > div.image-full-width:first-child, .component-article-sections > .component-article-section-image:first-child { min-width: 100vw; max-width: 100vw; margin: 0 -20px 25px; } @media (min-width: 768px) { .component-article-sections > div.image-full-width:first-child, .component-article-sections > .component-article-section-image:first-child { margin: 0 0 25px; min-width: 100%; max-width: 100%; } } .article-section--image, .component-article-section-image { min-width: 100vw; max-width: 100vw; margin: 25px -20px 25px; } .article-section--image .component-pinterest, .component-article-section-image .component-pinterest { display: none; } @media (min-width: 768px) { .article-section--image, .component-article-section-image { position: relative; left: auto; right: auto; margin: 25px 0; width: 100%; min-width: initial; max-width: initial; } .article-section--image.article-image-0, .component-article-section-image.article-image-0 { margin-top: 0; } .article-section--image.image-shrunk, .component-article-section-image.image-shrunk { margin: 0 0 20px 50px; float: right; clear: both; } } @media (min-width: 1020px) { .article-section--image .component-pinterest, .component-article-section-image .component-pinterest { display: block; top: 10px; right: 10px; opacity: 0; visibility: hidden; } .article-section--image .component-pinterest.visible, .component-article-section-image .component-pinterest.visible { opacity: 0; visibility: hidden; } .article-section--image:hover .component-pinterest, .component-article-section-image:hover .component-pinterest { opacity: 1; visibility: visible; } .article-section--image:hover .component-pinterest.visible, .component-article-section-image:hover .component-pinterest.visible { opacity: 1; visibility: visible; } } .article-section--image a, .component-article-section-image a { border-bottom: none; text-decoration: none; } .component-article-section-image .image-container .image-wrapper { height: auto; background-color: #eee; background-size: auto; } .component-article-section-image .image-wrapper { position: relative; } .component-article-section-image .expand-priority:hover { cursor: zoom-in; } .component-article-section-image .link-subpriority:hover .image__visit-page { max-width: 500px; color: #fff; transition-delay: unset; } .component-article-section-image .link-subpriority:hover .visit-page__copy { padding-right: 10px; color: #fff; transform: translateX(0); transition-delay: 0.25s; } .component-article-section-image .image__visit-page:hover { max-width: 500px; color: #fff; transition-delay: unset; } .component-article-section-image .image__visit-page:hover .visit-page__copy { padding-right: 10px; color: #fff; transform: translateX(0); transition-delay: 0.25s; } .component-article-section-image .expand__copy, .component-article-section-image .visit-page__copy { font-size: 12px; line-height: 40px; white-space: nowrap; color: #fff; transform: translateX(-10px); transition: transform 0.1s ease, color 0.1s ease, padding 0.1s ease; } @media (min-width: 768px) { .component-article-section-image .expand__copy, .component-article-section-image .visit-page__copy { color: transparent; } } .component-article-section-image .visit-page__copy { transform: translateX(0); padding: 0 10px 0 40px; } @media (min-width: 768px) { .component-article-section-image .visit-page__copy { transform: translateX(-10px); } } .component-article-section-image .expand__copy { color: transparent; transform: translateX(10px); padding: 0 40px 0 10px; } .component-article-section-image .visit-page__link { display: none; } @media (min-width: 768px) { .component-article-section-image .visit-page__link { display: inline; } } .component-article-section-image .image__expand, .component-article-section-image .image__visit-page { position: absolute; display: flex; flex-direction: row; bottom: 15px; max-width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5); background-position: right 11px center; transition: background 0.2s ease-in-out, max-width 0.2s ease-in-out; z-index: 10; } @media (min-width: 768px) { .component-article-section-image .image__expand:hover, .component-article-section-image .image__visit-page:hover { background: rgba(0, 0, 0, 0.75); cursor: pointer; max-width: 500px; color: #fff; transition-delay: unset; } .component-article-section-image .image__expand:hover .expand__copy, .component-article-section-image .image__visit-page:hover .expand__copy { padding-left: 10px; color: #fff; transform: translateX(0); transition-delay: 0.25s; } } .component-article-section-image .image__visit-page { max-width: 500px; left: 15px; color: #fff; } @media (min-width: 768px) { .component-article-section-image .image__visit-page { max-width: 40px; } } .component-article-section-image .image__expand { overflow: hidden; right: 15px; } .component-article-section-image .visit-page__icon, .component-article-section-image .expand__icon { position: absolute; background-color: initial; } .component-article-section-image .expand__icon { right: 0; } .component-article-section-image .visit-page__icon { position: absolute; left: 0; top: 0; background-color: initial; } .component-pinterest { position: absolute; opacity: 0; z-index: 15; visibility: hidden; background: transparent !important; transition: opacity 0.8s, visibility 0.8s; } .component-pinterest.visible { opacity: 1; visibility: visible; } .component-pinterest .pinterest-pin { height: 30px; width: 30px; cursor: pointer; opacity: 0.85; } @media (min-width: 768px) { .component-pinterest .pinterest-pin { height: 30px; width: 80px; } } .component-responsive-picture .picture { top: 0; left: 0; display: block; width: 100%; height: 100%; } .component-responsive-picture .picture__image { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; } .component-caption-module { display: flex; flex-direction: column; margin-top: 10px; padding: 0 20px; } @media (min-width: 768px) { .component-caption-module { padding: 0; display: block; } } .component-caption-module .caption__caption-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (min-width: 768px) { .component-caption-module .caption__caption-text { -webkit-line-clamp: 2; } } .component-caption-module .caption__attribution-link { display: block; } .component-caption-module .caption__attribution-link, .component-caption-module .caption__attribution-text { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } /* stylelint-enable property-no-unknown */ /* prettier-ignore */ .article-section--content, .component-article-section-content { font-family: 'ProximaNovaRegular', Arial, sans-serif; color: #2E2E30; font-size: 18px; line-height: 30px; margin: 0 0 25px; overflow-wrap: break-word; } .article-section--content p, .component-article-section-content p { margin: 0; } .article-section--content a, .component-article-section-content a { color: #007CBE; transition: color 0.2s linear; text-decoration: underline; } .article-section--content a:hover, .component-article-section-content a:hover { color: #0D6493; text-decoration: underline; cursor: pointer; } .article-section--content b, .component-article-section-content b, .article-section--content strong, .component-article-section-content strong { font-family: 'ProximaNovaBold', Arial, sans-serif; font-weight: normal; } .article-section--content b em, .component-article-section-content b em, .article-section--content strong em, .component-article-section-content strong em, .article-section--content b i, .component-article-section-content b i, .article-section--content strong i, .component-article-section-content strong i { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .article-section--content em, .component-article-section-content em, .article-section--content i, .component-article-section-content i { font-family: 'ProximaNovaRegularItalic', Arial, sans-serif; font-style: normal; } .article-section--content em b, .component-article-section-content em b, .article-section--content i b, .component-article-section-content i b, .article-section--content em strong, .component-article-section-content em strong, .article-section--content i strong, .component-article-section-content i strong { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .article-section--content select, .component-article-section-content select { font-family: inherit; color: inherit; font-size: inherit; line-height: inherit; margin: inherit; overflow-wrap: inherit; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden !important; } .article-section--content blockquote, .component-article-section-content blockquote { font-family: 'FuturaPtDemi', Trebuchet MS, sans-serif; margin-bottom: 20px; padding: 0 30px; font-size: 20px; line-height: 27px; } .article-section--content blockquote::before, .component-article-section-content blockquote::before, .article-section--content blockquote::after, .component-article-section-content blockquote::after { height: 2px; width: 30px; background: #2E2E30; content: '\a0'; display: block; } .article-section--content blockquote::before, .component-article-section-content blockquote::before { margin-bottom: 20px; } .article-section--content blockquote::after, .component-article-section-content blockquote::after { margin-top: 20px; } .article-section--content blockquote p, .component-article-section-content blockquote p { margin-bottom: 15px; } .article-section--content blockquote em, .component-article-section-content blockquote em, .article-section--content blockquote i, .component-article-section-content blockquote i { font-family: 'FuturaPtDemi', Trebuchet MS, sans-serif; font-style: italic; } .article-section--content blockquote, .component-article-section-content blockquote { font-size: 17px; color: #2E2E30; line-height: 28px; } .article-section--content blockquote::before, .component-article-section-content blockquote::before, .article-section--content blockquote::after, .component-article-section-content blockquote::after { background: #2494D2; } /** * List Variables * adjust these variables! */ .article-section--content ul, .component-article-section-warning ul, .component-article-section-tip ul, .component-article-section-code ul, .component-article-section-custom-module ul, .component-article-section-end-section ul, .component-article-section-content ul, .article-section--content ol, .component-article-section-warning ol, .component-article-section-tip ol, .component-article-section-code ol, .component-article-section-custom-module ol, .component-article-section-end-section ol, .component-article-section-content ol { margin: 0 44px 0 0; } .article-section--content ul li, .component-article-section-warning ul li, .component-article-section-tip ul li, .component-article-section-code ul li, .component-article-section-custom-module ul li, .component-article-section-end-section ul li, .component-article-section-content ul li, .article-section--content ol li, .component-article-section-warning ol li, .component-article-section-tip ol li, .component-article-section-code ol li, .component-article-section-custom-module ol li, .component-article-section-end-section ol li, .component-article-section-content ol li { position: relative; margin: 0 0 10px 44px; overflow-wrap: break-word; -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* IE 11 */ break-inside: avoid; } .article-section--content ul li ul, .component-article-section-warning ul li ul, .component-article-section-tip ul li ul, .component-article-section-code ul li ul, .component-article-section-custom-module ul li ul, .component-article-section-end-section ul li ul, .component-article-section-content ul li ul, .article-section--content ol li ul, .component-article-section-warning ol li ul, .component-article-section-tip ol li ul, .component-article-section-code ol li ul, .component-article-section-custom-module ol li ul, .component-article-section-end-section ol li ul, .component-article-section-content ol li ul, .article-section--content ul li ol, .component-article-section-warning ul li ol, .component-article-section-tip ul li ol, .component-article-section-code ul li ol, .component-article-section-custom-module ul li ol, .component-article-section-end-section ul li ol, .component-article-section-content ul li ol, .article-section--content ol li ol, .component-article-section-warning ol li ol, .component-article-section-tip ol li ol, .component-article-section-code ol li ol, .component-article-section-custom-module ol li ol, .component-article-section-end-section ol li ol, .component-article-section-content ol li ol { margin: 0; } .article-section--content ul li ul li:first-child, .component-article-section-warning ul li ul li:first-child, .component-article-section-tip ul li ul li:first-child, .component-article-section-code ul li ul li:first-child, .component-article-section-custom-module ul li ul li:first-child, .component-article-section-end-section ul li ul li:first-child, .component-article-section-content ul li ul li:first-child, .article-section--content ol li ul li:first-child, .component-article-section-warning ol li ul li:first-child, .component-article-section-tip ol li ul li:first-child, .component-article-section-code ol li ul li:first-child, .component-article-section-custom-module ol li ul li:first-child, .component-article-section-end-section ol li ul li:first-child, .component-article-section-content ol li ul li:first-child, .article-section--content ul li ol li:first-child, .component-article-section-warning ul li ol li:first-child, .component-article-section-tip ul li ol li:first-child, .component-article-section-code ul li ol li:first-child, .component-article-section-custom-module ul li ol li:first-child, .component-article-section-end-section ul li ol li:first-child, .component-article-section-content ul li ol li:first-child, .article-section--content ol li ol li:first-child, .component-article-section-warning ol li ol li:first-child, .component-article-section-tip ol li ol li:first-child, .component-article-section-code ol li ol li:first-child, .component-article-section-custom-module ol li ol li:first-child, .component-article-section-end-section ol li ol li:first-child, .component-article-section-content ol li ol li:first-child { margin-top: 10px; } .article-section--content ul li ol, .component-article-section-warning ul li ol, .component-article-section-tip ul li ol, .component-article-section-code ul li ol, .component-article-section-custom-module ul li ol, .component-article-section-end-section ul li ol, .component-article-section-content ul li ol, .article-section--content ol li ol, .component-article-section-warning ol li ol, .component-article-section-tip ol li ol, .component-article-section-code ol li ol, .component-article-section-custom-module ol li ol, .component-article-section-end-section ol li ol, .component-article-section-content ol li ol { counter-reset: my-badass-counter; } .article-section--content ul li ol li::before, .component-article-section-warning ul li ol li::before, .component-article-section-tip ul li ol li::before, .component-article-section-code ul li ol li::before, .component-article-section-custom-module ul li ol li::before, .component-article-section-end-section ul li ol li::before, .component-article-section-content ul li ol li::before, .article-section--content ol li ol li::before, .component-article-section-warning ol li ol li::before, .component-article-section-tip ol li ol li::before, .component-article-section-code ol li ol li::before, .component-article-section-custom-module ol li ol li::before, .component-article-section-end-section ol li ol li::before, .component-article-section-content ol li ol li::before { position: absolute; left: -41px; width: 33px; counter-increment: my-badass-counter; content: counter(my-badass-counter, lower-alpha) ". "; text-align: right; top: initial; background-color: initial; } .article-section--content ul li ul, .component-article-section-warning ul li ul, .component-article-section-tip ul li ul, .component-article-section-code ul li ul, .component-article-section-custom-module ul li ul, .component-article-section-end-section ul li ul, .component-article-section-content ul li ul, .article-section--content ol li ul, .component-article-section-warning ol li ul, .component-article-section-tip ol li ul, .component-article-section-code ol li ul, .component-article-section-custom-module ol li ul, .component-article-section-end-section ol li ul, .component-article-section-content ol li ul { counter-reset: my-badass-counter; } .article-section--content ul li ul li::before, .component-article-section-warning ul li ul li::before, .component-article-section-tip ul li ul li::before, .component-article-section-code ul li ul li::before, .component-article-section-custom-module ul li ul li::before, .component-article-section-end-section ul li ul li::before, .component-article-section-content ul li ul li::before, .article-section--content ol li ul li::before, .component-article-section-warning ol li ul li::before, .component-article-section-tip ol li ul li::before, .component-article-section-code ol li ul li::before, .component-article-section-custom-module ol li ul li::before, .component-article-section-end-section ol li ul li::before, .component-article-section-content ol li ul li::before { content: ""; position: absolute; top: 13px; left: -13px; height: 4px; width: 4px; background-color: #2E2E30; border-radius: 50%; } .article-section--content ul li:last-child, .component-article-section-warning ul li:last-child, .component-article-section-tip ul li:last-child, .component-article-section-code ul li:last-child, .component-article-section-custom-module ul li:last-child, .component-article-section-end-section ul li:last-child, .component-article-section-content ul li:last-child, .article-section--content ol li:last-child, .component-article-section-warning ol li:last-child, .component-article-section-tip ol li:last-child, .component-article-section-code ol li:last-child, .component-article-section-custom-module ol li:last-child, .component-article-section-end-section ol li:last-child, .component-article-section-content ol li:last-child { margin-bottom: 0; } .article-section--content ul li::before, .component-article-section-warning ul li::before, .component-article-section-tip ul li::before, .component-article-section-code ul li::before, .component-article-section-custom-module ul li::before, .component-article-section-end-section ul li::before, .component-article-section-content ul li::before { content: ""; position: absolute; top: 13px; left: -13px; height: 4px; width: 4px; background-color: #2E2E30; border-radius: 50%; } .article-section--content ol, .component-article-section-warning ol, .component-article-section-tip ol, .component-article-section-code ol, .component-article-section-custom-module ol, .component-article-section-end-section ol, .component-article-section-content ol { counter-reset: my-badass-counter; } .article-section--content ol li::before, .component-article-section-warning ol li::before, .component-article-section-tip ol li::before, .component-article-section-code ol li::before, .component-article-section-custom-module ol li::before, .component-article-section-end-section ol li::before, .component-article-section-content ol li::before { position: absolute; left: -41px; width: 33px; counter-increment: my-badass-counter; content: counter(my-badass-counter) ". "; text-align: right; } .component-article-section-inline-ad .inline-ad { text-align: center; } @media (min-width: 768px) { .component-article-section-inline-ad .inline-ad.inline-ad--mobile-critical { display: none; } } .component-article-section-inline-ad .inline-ad.inline-ad--desktop-critical { display: none; } @media (min-width: 768px) { .component-article-section-inline-ad .inline-ad.inline-ad--desktop-critical { display: block; } } .component-article-section-inline-ad .inline-ad .inline-ad__label { font-family: 'ProximaNovaRegular', Arial, sans-serif; color: #606B71; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper { position: relative; display: flex; height: 360px; margin: 0 0 25px -20px; width: 100vw; overflow: hidden; align-items: center; justify-content: center; background-color: #F8F8F8; } @media (min-width: 768px) { .component-article-section-inline-ad .inline-ad .inline-ad__wrapper { position: relative; display: flex; height: auto; width: 100%; margin: 0; overflow: hidden; align-items: center; justify-content: center; background: none; } } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper .slot { display: flex !important; height: 360px; overflow: hidden; flex: 1; align-items: center; justify-content: center; margin: 0 auto; padding: 20px 0; } @media (min-width: 768px) { .component-article-section-inline-ad .inline-ad .inline-ad__wrapper .slot { height: auto; margin: 0; padding: 0; } } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper .slot div * { width: 100%; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper.inline-ad__wrapper_runway { display: block; position: static; height: 450px; align-items: normal; overflow: initial; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper.inline-ad__wrapper_runway .slot { position: sticky; height: auto; max-height: 450px; top: 60px; padding: 25px 0; overflow: initial; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper.inline-ad__wrapper_runway .slot > div { margin: 0 auto; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper.inline-ad__wrapper_reserve-space-desktop { position: relative; display: flex; height: 290px !important; margin: 0 0 25px 0; left: 0; width: 100%; overflow: hidden; align-items: center; justify-content: center; background: #F8F8F8; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper.inline-ad__wrapper_reserve-space-desktop:not(.inline-ad__wrapper_tall) { height: 130px !important; } .component-article-section-inline-ad .inline-ad .inline-ad__wrapper.inline-ad__wrapper_reserve-space-desktop .ad-desktop { width: 100%; } .component-article-section-heading.has-h2 { margin: 40px 0 20px 0; } .component-article-section-heading.has-h3 { margin: 30px 0 20px 0; } .component-article-section-heading h2, .component-article-section-heading h3 { display: inline; color: #2E2E30; font-family: 'ProximaNovaBold', Arial, sans-serif; } .component-article-section-heading h2.right-margin, .component-article-section-heading h3.right-margin { margin-right: 10px; } .component-article-section-heading h2 a, .component-article-section-heading h3 a { color: #007CBE; text-decoration: underline; transition: color 0.2s linear; } .component-article-section-heading h2 a:hover, .component-article-section-heading h3 a:hover { color: #0D6493; text-decoration: underline; cursor: pointer; } .component-article-section-heading h2 { font-size: 28px; line-height: 36px; } .component-article-section-heading h3 { font-size: 22px; line-height: 28px; } .component-article-section-heading .heading-label { display: inline-block; position: relative; padding: 0 10px 0 27px; vertical-align: text-bottom; } .component-article-section-heading .heading-label::before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 10px; margin-right: 5px; border-radius: 50%; height: 12px; width: 12px; } .component-article-section-heading .heading-label .heading-icon { position: absolute; top: 0; bottom: 0; margin: auto 0; left: 10px; width: 12px; height: 12px; background-repeat: no-repeat; } .component-article-section-heading h2 em, .component-article-section-heading h3 em, .component-article-section-heading h2 i, .component-article-section-heading h3 i { font-family: 'ProximaNovaSemiBoldItalic', Arial, sans-serif; font-style: normal; } .component-article-section-votd-wrapper { display: none; clear: both; } .component-article-section-votd-wrapper.enable-mobile { display: block; } @media (min-width: 768px) { .component-article-section-votd-wrapper.enable-mobile { display: none; } } .component-article-section-votd-wrapper.enable-mobile .component-article-section-votd { border: none; padding: 0; } .component-article-section-votd-wrapper.enable-mobile .component-article-section-votd .component-article-section-votd-label { display: none; } @media (min-width: 768px) { .component-article-section-votd-wrapper { display: block; } } .component-article-section-votd-wrapper .component-article-section-votd { margin: 30px 0; padding: 20px 0 40px; border-top: 1px solid rgba(151, 151, 151, 0.3); border-bottom: 1px solid rgba(151, 151, 151, 0.3); } @media (min-width: 768px) { .component-article-section-votd-wrapper .component-article-section-votd { padding: 20px 25px 40px 25px; } } .component-article-section-votd-wrapper .component-article-section-votd .component-article-section-votd-label { font-family: 'ProximaNovaRegular', Arial, sans-serif; margin: 0 0 20px 0; text-align: center; text-transform: uppercase; } .component-article-section-votd-wrapper .component-article-section-votd .component-article-section-votd-container-outer { position: relative; aspect-ratio: 16 / 9; } .component-article-section-votd-wrapper .component-article-section-votd .component-article-section-votd-container-outer #votd-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; } .component-article-section-inline-rc { display: none; width: 100vw; max-width: 100vw; left: 50%; right: 50%; margin: 0 -50vw; padding: 30px 20px; } @media (min-width: 768px) { .component-article-section-inline-rc { display: block; clear: both; width: 100%; margin: 45px auto 38px; padding: 25px; left: initial; right: initial; max-width: 100%; } } .component-article-section-inline-rc .inline-rc__title { font-family: 'ProximaNovaBold', Arial, sans-serif; color: #2E2E30; font-size: 22px; line-height: 28px; margin-bottom: 20px; } .component-article-section-inline-ad .inline-ad.show-inline-rc .inline-ad__label { visibility: hidden; } .component-article-section-inline-ad .inline-ad.show-inline-rc .inline-ad__wrapper { background-color: #fff; display: flex; align-items: center; } .component-article-section-inline-ad .inline-ad.show-inline-rc .inline-ad__wrapper .slot { display: none !important; } .component-article-section-inline-ad .inline-ad.show-inline-rc .inline-ad__wrapper .component-article-section-inline-rc { text-align: left; display: block; } .component-article-section-inline-rc { background-color: rgba(35, 205, 147, 0.1); } .component-common-grid { display: grid; } .common-view__section-grid .article-listing__vertical, .common-view__section-grid .article-listing__vertical, .common-view__featured-section-grid .item-0, .common-view__featured-section-grid .item-0, .common-view__featured-section-grid .article-listing__vertical, .common-view__featured-section-grid .article-listing__vertical { position: relative;display: grid;grid-template-rows: [pad-top-start] 0 [pad-top-end row-1-start] minmax(0, max-content) [row-1-end row-2-start] minmax(0, max-content) [row-2-end row-3-start] minmax(0, max-content) [row-3-end row-4-start] minmax(0, max-content) [row-4-end row-5-start] minmax(0, max-content) [row-5-end pad-bottom-start] 0 [pad-bottom-end];grid-template-columns: auto;width: 100%;height: auto;overflow: hidden;text-align: left; } .common-view__section-grid .article-listing__vertical .article-listing__image, .common-view__section-grid .article-listing__vertical .article-listing__image, .common-view__featured-section-grid .item-0 .article-listing__image, .common-view__featured-section-grid .item-0 .article-listing__image, .common-view__featured-section-grid .article-listing__vertical .article-listing__image, .common-view__featured-section-grid .article-listing__vertical .article-listing__image { grid-row-start: row-1-start;grid-row-end: row-1-end; } .common-view__section-grid .article-listing__vertical .article-listing__image .component-responsive-picture, .common-view__section-grid .article-listing__vertical .article-listing__image .component-responsive-picture, .common-view__featured-section-grid .item-0 .article-listing__image .component-responsive-picture, .common-view__featured-section-grid .item-0 .article-listing__image .component-responsive-picture, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .component-responsive-picture, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .component-responsive-picture { padding-top: 75%; } .common-view__section-grid .article-listing__vertical .article-listing__image .picture__image, .common-view__section-grid .article-listing__vertical .article-listing__image .picture__image, .common-view__featured-section-grid .item-0 .article-listing__image .picture__image, .common-view__featured-section-grid .item-0 .article-listing__image .picture__image, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .picture__image, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .picture__image { width: 100%; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo, .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo, .common-view__featured-section-grid .item-0 .article-listing__image .series-logo, .common-view__featured-section-grid .item-0 .article-listing__image .series-logo, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo { position: absolute;z-index: 9999;display: block;height: auto; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical img, .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical img, .common-view__featured-section-grid .item-0 .article-listing__image .series-logo.portrait-critical img, .common-view__featured-section-grid .item-0 .article-listing__image .series-logo.portrait-critical img, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical img, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical img { width: 100%;height: 100%; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical img, .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical img, .common-view__featured-section-grid .item-0 .article-listing__image .series-logo.landscape-critical img, .common-view__featured-section-grid .item-0 .article-listing__image .series-logo.landscape-critical img, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical img, .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical img { width: auto;height: 100%; } .common-view__section-grid .article-listing__vertical .article-listing__category, .common-view__section-grid .article-listing__vertical .article-listing__category, .common-view__featured-section-grid .item-0 .article-listing__category, .common-view__featured-section-grid .item-0 .article-listing__category, .common-view__featured-section-grid .article-listing__vertical .article-listing__category, .common-view__featured-section-grid .article-listing__vertical .article-listing__category { grid-row-start: row-2-start;grid-row-end: row-2-end;text-transform: uppercase; } .common-view__section-grid .article-listing__vertical .article-listing__heading, .common-view__section-grid .article-listing__vertical .article-listing__heading, .common-view__featured-section-grid .item-0 .article-listing__heading, .common-view__featured-section-grid .item-0 .article-listing__heading, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading { grid-row-start: row-3-start;grid-row-end: row-3-end; } .common-view__section-grid .article-listing__vertical .article-listing__heading a, .common-view__section-grid .article-listing__vertical .article-listing__heading a, .common-view__featured-section-grid .item-0 .article-listing__heading a, .common-view__featured-section-grid .item-0 .article-listing__heading a, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a { transition: color 0.2s; } .common-view__section-grid .article-listing__vertical .article-listing__heading a::after, .common-view__section-grid .article-listing__vertical .article-listing__heading a::after, .common-view__featured-section-grid .item-0 .article-listing__heading a::after, .common-view__featured-section-grid .item-0 .article-listing__heading a::after, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a::after, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a::after { position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;content: ""; } .common-view__section-grid .article-listing__vertical .article-listing__byline, .common-view__section-grid .article-listing__vertical .article-listing__byline, .common-view__featured-section-grid .item-0 .article-listing__byline, .common-view__featured-section-grid .item-0 .article-listing__byline, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline { grid-row-start: row-4-start;grid-row-end: row-4-end;text-transform: unset; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority, .common-view__section-grid .article-listing__vertical .article-listing__byline.authority, .common-view__featured-section-grid .item-0 .article-listing__byline.authority, .common-view__featured-section-grid .item-0 .article-listing__byline.authority, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority { max-height: unset; } .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-authority-wrapper, .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-authority-wrapper, .common-view__featured-section-grid .item-0 .article-listing__byline .byline-authority-wrapper, .common-view__featured-section-grid .item-0 .article-listing__byline .byline-authority-wrapper, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-authority-wrapper, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-authority-wrapper { display: inline-flex;align-items: center; } .common-view__section-grid .article-listing__vertical .article-listing__byline .authority-check, .common-view__section-grid .article-listing__vertical .article-listing__byline .authority-check, .common-view__featured-section-grid .item-0 .article-listing__byline .authority-check, .common-view__featured-section-grid .item-0 .article-listing__byline .authority-check, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .authority-check, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .authority-check { display: inline-block;background-size: auto auto; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__featured-section-grid .item-0 .article-listing__sponsorship, .common-view__featured-section-grid .item-0 .article-listing__sponsorship, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship { grid-row-start: row-5-start;grid-row-end: row-5-end;display: flex;flex-wrap: wrap;align-items: center; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__prefix, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__prefix, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix { text-transform: uppercase; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship a, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship span, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship a, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship span, .common-view__featured-section-grid .item-0 .article-listing__sponsorship a, .common-view__featured-section-grid .item-0 .article-listing__sponsorship span, .common-view__featured-section-grid .item-0 .article-listing__sponsorship a, .common-view__featured-section-grid .item-0 .article-listing__sponsorship span, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship a, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship span, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship a, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship span { margin-bottom: 3px; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__img, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__img, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img { margin-right: 3px;vertical-align: text-bottom; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical { display: block;max-width: 85px;max-height: 15px; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical { height: 20px; } .common-view__section-grid .article-listing__vertical .article-listing__heading, .common-view__section-grid .article-listing__vertical .article-listing__heading, .common-view__featured-section-grid .item-0 .article-listing__heading, .common-view__featured-section-grid .item-0 .article-listing__heading, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading { color: #2E2E30;font-family: 'BarlowBold', sans-serif; } .common-view__section-grid .article-listing__vertical .article-listing__heading a, .common-view__section-grid .article-listing__vertical .article-listing__heading a, .common-view__featured-section-grid .item-0 .article-listing__heading a, .common-view__featured-section-grid .item-0 .article-listing__heading a, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a { color: #2E2E30; } .common-view__section-grid .article-listing__vertical .article-listing__heading a:hover, .common-view__section-grid .article-listing__vertical .article-listing__heading a:hover, .common-view__featured-section-grid .item-0 .article-listing__heading a:hover, .common-view__featured-section-grid .item-0 .article-listing__heading a:hover, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a:hover, .common-view__featured-section-grid .article-listing__vertical .article-listing__heading a:hover { color: #23CD93; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__section-grid .article-listing__vertical .article-listing__byline, .common-view__section-grid .article-listing__vertical .article-listing__category, .common-view__section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__section-grid .article-listing__vertical .article-listing__byline, .common-view__section-grid .article-listing__vertical .article-listing__category, .common-view__featured-section-grid .item-0 .article-listing__sponsorship, .common-view__featured-section-grid .item-0 .article-listing__byline, .common-view__featured-section-grid .item-0 .article-listing__category, .common-view__featured-section-grid .item-0 .article-listing__sponsorship, .common-view__featured-section-grid .item-0 .article-listing__byline, .common-view__featured-section-grid .item-0 .article-listing__category, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline, .common-view__featured-section-grid .article-listing__vertical .article-listing__category, .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline, .common-view__featured-section-grid .article-listing__vertical .article-listing__category { color: #606B71; } .common-view__section-grid .article-listing__vertical .product-listing__content, .common-view__featured-section-grid .article-listing__vertical .product-listing__content { grid-row-start: row-1-start;grid-row-end: row-1-end;position: relative;display: grid;grid-template-rows: [pad-top-start] 0 [pad-top-end row-1-start] minmax(0, max-content) [row-1-end row-2-start] minmax(0, max-content) [row-2-end row-3-start] minmax(0, max-content) [row-3-end row-4-start] minmax(0, max-content) [row-4-end row-5-start] minmax(0, max-content) [row-5-end pad-bottom-start] 0 [pad-bottom-end];grid-template-columns: auto;width: 100%;height: auto;overflow: hidden; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image { grid-row-start: row-1-start;grid-row-end: row-1-end; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .component-responsive-picture, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .component-responsive-picture { padding-top: 75%; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo { position: absolute;z-index: 9999;display: block;height: auto; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__vendor, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__vendor { grid-row-start: row-2-start;grid-row-end: row-2-end; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__name, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__name { grid-row-start: row-3-start;grid-row-end: row-3-end; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__name a, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__name a { transition: color 0.2s; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__name a::after, .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__name a::after { position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;content: ""; } .common-view__section-grid .article-listing__vertical .product-listing__action, .common-view__featured-section-grid .article-listing__vertical .product-listing__action { grid-row-start: row-2-start;grid-row-end: row-2-end;display: -webkit-box; } .common-view__section-grid .article-listing__vertical .product-listing__action .product-listing__action__cta, .common-view__featured-section-grid .article-listing__vertical .product-listing__action .product-listing__action__cta { display: flex;justify-content: center;min-width: 88px;max-width: 150px;padding: 3px 10px;border: unset;border-radius: 3px;cursor: pointer;transition: color 0.2s; } .common-view__section-grid .article-listing__vertical .product-listing__action .product-listing__action__cta .product-listing__action__cta__divider, .common-view__featured-section-grid .article-listing__vertical .product-listing__action .product-listing__action__cta .product-listing__action__cta__divider { margin: 0 10px; } .common-view__section-grid { grid-template-rows: auto; grid-template-columns: 1fr 1fr; padding: 0 0 20px; column-gap: 20px; row-gap: 30px; } @media (min-width: 768px) { .common-view__section-grid { padding: 0 0 25px; column-gap: 30px; row-gap: 40px; } } @media (min-width: 991px) { .common-view__section-grid { grid-template-columns: 1fr 1fr 1fr 1fr; } } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo { top: 10px; right: 10px; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical { width: 35px; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical { height: 35px; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority { display: block; } .common-view__section-grid .article-listing__vertical .article-listing__category { margin-top: 13px; color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; letter-spacing: 0.07em; } .common-view__section-grid .article-listing__vertical .article-listing__heading { margin-top: 3px; font-size: 14px; line-height: 20px; display: -webkit-box; max-height: calc(3 * 20px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__section-grid .article-listing__vertical .article-listing__byline { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 5px; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority { margin-top: 0; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-writer-prefix, .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-writer, .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__section-grid .article-listing__vertical .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-authority { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; color: #23CD93; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship { margin-top: 5px; color: #606B71; font-size: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; color: #2E2E30; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 5px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo { top: 10px; right: 10px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical { width: 35px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical img { width: 100%; height: 100%; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical { height: 35px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical img { width: auto; height: 100%; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__vendor { margin-top: 13px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__name { margin-top: 3px; } .common-view__section-grid .article-listing__vertical .product-listing__action { margin-top: 10px; } @media (min-width: 768px) { .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo { top: 15px; right: 15px; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical { width: 50px; } .common-view__section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical { height: 50px; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority { display: inline-flex; flex-wrap: wrap; align-items: center; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer::after { display: inline-block; padding: 0 5px; content: ' | '; } .common-view__section-grid .article-listing__vertical .article-listing__category { margin-top: 17px; color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; letter-spacing: 0.08em; } .common-view__section-grid .article-listing__vertical .article-listing__heading { margin-top: 5px; font-size: 19px; line-height: 25px; display: -webkit-box; max-height: calc(3 * 25px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__section-grid .article-listing__vertical .article-listing__byline { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 7px; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority { margin-top: 2px; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer::after { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__section-grid .article-listing__vertical .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-writer-prefix, .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-writer, .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__section-grid .article-listing__vertical .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .common-view__section-grid .article-listing__vertical .article-listing__byline .byline-authority { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; color: #23CD93; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship { margin-top: 7px; color: #606B71; font-size: 12px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 18px; color: #2E2E30; } .common-view__section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 6px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image img { width: 100%; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo { top: 15px; right: 15px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical { width: 50px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical img { width: 100%; height: 100%; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical { height: 50px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical img { width: auto; height: 100%; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__vendor { margin-top: 17px; } .common-view__section-grid .article-listing__vertical .product-listing__content .product-listing__content__name { margin-top: 5px; } .common-view__section-grid .article-listing__vertical .product-listing__action { margin-top: 12px; } } .common-view__featured-section-grid { grid-template-rows: auto auto auto auto; grid-template-columns: 1fr 1fr; grid-template-areas: "feature feature" "feature feature" "item2 item3" "item4 item5"; padding: 0; column-gap: 20px; row-gap: 30px; } .common-view__featured-section-grid .item-0 { grid-area: feature; margin-bottom: 5px; } .common-view__featured-section-grid .item-0 .article-listing__image .series-logo { top: 15px; right: 15px; } .common-view__featured-section-grid .item-0 .article-listing__image .series-logo.portrait-critical { width: 50px; } .common-view__featured-section-grid .item-0 .article-listing__image .series-logo.landscape-critical { height: 50px; } .common-view__featured-section-grid .item-0 .article-listing__byline.authority { display: inline-flex; flex-wrap: wrap; align-items: center; } .common-view__featured-section-grid .item-0 .article-listing__byline.authority .byline-writer::after { display: inline-block; padding: 0 5px; content: ' | '; } .common-view__featured-section-grid .item-0 .article-listing__category { margin-top: 17px; color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; letter-spacing: 0.08em; } .common-view__featured-section-grid .item-0 .article-listing__heading { margin-top: 5px; font-size: 19px; line-height: 25px; display: -webkit-box; max-height: calc(3 * 25px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .item-0 .article-listing__byline { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 7px; } .common-view__featured-section-grid .item-0 .article-listing__byline.authority { margin-top: 2px; } .common-view__featured-section-grid .item-0 .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .item-0 .article-listing__byline.authority .byline-writer::after { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .item-0 .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .common-view__featured-section-grid .item-0 .article-listing__byline .byline-writer-prefix, .common-view__featured-section-grid .item-0 .article-listing__byline .byline-writer, .common-view__featured-section-grid .item-0 .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .item-0 .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .common-view__featured-section-grid .item-0 .article-listing__byline .byline-authority { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; color: #23CD93; } .common-view__featured-section-grid .item-0 .article-listing__sponsorship { margin-top: 7px; color: #606B71; font-size: 12px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 18px; color: #2E2E30; } .common-view__featured-section-grid .item-0 .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 6px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .item-0 .article-listing__image { height: 100%; } .common-view__featured-section-grid .item-0 .article-listing__image .component-responsive-picture { padding-top: 104%; } @media (min-width: 768px) { .common-view__featured-section-grid { column-gap: 30px; row-gap: 40px; } } @media (min-width: 991px) { .common-view__featured-section-grid { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-areas: "feature feature item2 item3" "feature feature item4 item5"; } } .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo { top: 10px; right: 10px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical { width: 35px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical { height: 35px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority { display: block; } .common-view__featured-section-grid .article-listing__vertical .article-listing__category { margin-top: 13px; color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; letter-spacing: 0.07em; } .common-view__featured-section-grid .article-listing__vertical .article-listing__heading { margin-top: 3px; font-size: 14px; line-height: 20px; display: -webkit-box; max-height: calc(3 * 20px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 5px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority { margin-top: 0; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-writer-prefix, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-writer, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-authority { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; color: #23CD93; } .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship { margin-top: 5px; color: #606B71; font-size: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; --no-rule: 'yet'; color: #2E2E30; } .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 5px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo { top: 10px; right: 10px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical { width: 35px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical img { width: 100%; height: 100%; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical { height: 35px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical img { width: auto; height: 100%; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__vendor { margin-top: 13px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__name { margin-top: 3px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__action { margin-top: 10px; } @media (min-width: 768px) { .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo { top: 15px; right: 15px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.portrait-critical { width: 50px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__image .series-logo.landscape-critical { height: 50px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority { display: inline-flex; flex-wrap: wrap; align-items: center; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer::after { display: inline-block; padding: 0 5px; content: ' | '; } .common-view__featured-section-grid .article-listing__vertical .article-listing__category { margin-top: 17px; color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; letter-spacing: 0.08em; } .common-view__featured-section-grid .article-listing__vertical .article-listing__heading { margin-top: 5px; font-size: 19px; line-height: 25px; display: -webkit-box; max-height: calc(3 * 25px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 7px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority { margin-top: 2px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority .byline-writer::after { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-writer-prefix, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-writer, .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .common-view__featured-section-grid .article-listing__vertical .article-listing__byline .byline-authority { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; color: #23CD93; } .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship { margin-top: 7px; color: #606B71; font-size: 12px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 18px; color: #2E2E30; } .common-view__featured-section-grid .article-listing__vertical .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 6px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image img { width: 100%; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo { top: 15px; right: 15px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical { width: 50px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.portrait-critical img { width: 100%; height: 100%; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical { height: 50px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__image .series-logo.landscape-critical img { width: auto; height: 100%; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__vendor { margin-top: 17px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__content .product-listing__content__name { margin-top: 5px; } .common-view__featured-section-grid .article-listing__vertical .product-listing__action { margin-top: 12px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__image .series-logo { top: 20px; right: 20px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__image .series-logo.portrait-critical { width: 75px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__image .series-logo.landscape-critical { height: 75px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline.authority { display: inline-flex; flex-wrap: wrap; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline.authority .byline-writer::after { display: inline-block; padding: 0 5px; content: ' | '; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__category { margin-top: 19px; color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; --no-rule: 'yet'; display: -webkit-box; max-height: calc(1 * 22px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; letter-spacing: 1px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__heading { margin-top: 7px; font-size: 22px; line-height: 28px; display: -webkit-box; max-height: calc(3 * 28px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; --no-rule: 'yet'; margin-top: 9px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline.authority { margin-top: 4px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 22px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline.authority .byline-writer::after { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline .byline-writer-prefix, .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline .byline-writer, .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; --no-rule: 'yet'; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__byline .byline-authority { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; --no-rule: 'yet'; color: #23CD93; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__sponsorship { margin-top: 10px; color: #606B71; font-size: 14px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 22px; letter-spacing: 0; color: #2E2E30; } .common-view__featured-section-grid .article-listing__vertical .item-0 .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 6px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 22px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } } .common-view__infocus-section-grid { padding: 0; grid-row-gap: 30px; } @media (min-width: 1020px) { .common-view__infocus-section-grid { display: flex; max-width: 1250px; margin: 0 auto; } } .common-view__infocus-section-grid .layout-focus-section-critical { display: flex; } .common-view__infocus-section-grid .layout-focus-section-critical.cta-override .article-listing__heading { margin-top: 0; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image { margin-right: 20px; position: relative; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .component-responsive-picture { width: 100px; height: 100px; } @media (min-width: 768px) { .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .component-responsive-picture { width: 135px; height: 135px; } } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .series-logo { position: absolute; z-index: 9999; display: block; height: auto; top: 15px; right: 15px; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .series-logo.portrait { width: 45px; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .series-logo.portrait img { width: 100%; height: 100%; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .series-logo.landscape { height: 45px; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__image .series-logo.landscape img { width: auto; height: 100%; } .common-view__infocus-section-grid .layout-focus-section-critical .listing-text-section { display: flex; flex-direction: column; justify-content: center; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__byline { margin-top: 0; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #606B71; letter-spacing: 0; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__byline .byline-writer-prefix { font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #606B71; letter-spacing: 0; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__byline.cta-override { display: -webkit-box; overflow: hidden; color: #736C54; font-size: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; line-height: 14px; letter-spacing: 1px; text-align: left; text-transform: uppercase; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__byline.cta-override::after { content: ""; width: 8px; min-width: 8px; height: 7px; margin-left: 6px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(/_nuxt/2c963dfd1d03b25bfd41c2227e72b538.svg); } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__category { font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-size: 10px; line-height: 16px; letter-spacing: 0.08em; text-transform: uppercase; color: #606B71; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__heading { display: -webkit-box; margin: 9px 0 7px; overflow: hidden; font-family: 'BarlowBold', sans-serif; font-size: 22px; line-height: 28px; color: #2E2E30; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (min-width: 768px) { .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__heading { font-size: 18px; line-height: 24px; -webkit-line-clamp: 2; } } @media (min-width: 1020px) { .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__heading { font-size: 16px; line-height: 22px; -webkit-line-clamp: 3; } } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__heading a { transition: color 0.2s ease; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__heading a:hover { color: #23CD93; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__sponsorship { font-family: "ProximaNovaRegular", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #2E2E30; display: -webkit-box; max-height: calc(2 * 14px); overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: flex; align-items: center; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__sponsorship .article-listing__sponsorship__img { margin-left: 6px; margin-right: 0; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__sponsorship .article-listing__sponsorship__img img { margin: 0; } .common-view__infocus-section-grid .layout-focus-section-critical .article-listing__sponsorship .partner-label { margin-left: 3px; } .common-view__inline-rc-section-grid { padding: 0; grid-row-gap: 20px; } .common-view__inline-rc-section-grid .layout-focus-section-critical { display: flex; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__image { margin-right: 15px; position: relative; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__image .component-responsive-picture { width: 90px; height: 90px; } @media (min-width: 768px) { .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__image .component-responsive-picture { width: 107px; height: 80px; } } .common-view__inline-rc-section-grid .layout-focus-section-critical .listing-text-section { display: flex; flex-direction: column; justify-content: center; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__byline { display: none; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__category { font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-size: 12px; line-height: 18px; letter-spacing: 0.08em; text-transform: uppercase; color: #606B71; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__heading { display: -webkit-box; overflow: hidden; font-family: 'BarlowBold', sans-serif; font-size: 17px; line-height: 22px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (min-width: 768px) { .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__heading { font-size: 19px; line-height: 25px; -webkit-line-clamp: 2; } } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__heading a { color: #2E2E30; transition: color 0.2s ease; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__heading a:hover { color: #23CD93; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__sponsorship { font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #606B71; display: -webkit-box; max-height: calc(2 * 18px); overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: flex; align-items: center; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__sponsorship .article-listing__sponsorship__img { margin-left: 6px; margin-right: 0; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__sponsorship .article-listing__sponsorship__img .article-listing__sponsorship__img-landscape-critical { max-width: 85px; max-height: 15px; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__sponsorship .article-listing__sponsorship__img .article-listing__sponsorship__img-portrait-critical { height: 20px; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__sponsorship .article-listing__sponsorship__img img { margin: 0; } .common-view__inline-rc-section-grid .layout-focus-section-critical .article-listing__sponsorship .partner-label { margin-left: 3px; } .article-listing__base-abstract, .article-listing__base-small, .article-listing__base-medium, .article-listing__base-large { display: grid; grid-template-rows: [pad-top-start] 13px [pad-top-end row-1-start] minmax(0, max-content) [row-1-end row-2-start] minmax(0, max-content) [row-2-end row-3-start] minmax(0, max-content) [row-3-end row-4-start] minmax(0, max-content) [row-4-end row-5-start] minmax(0, max-content) [row-5-end pad-bottom-start] 13px [pad-bottom-end]; grid-template-columns: [pad-left-start] 13px [pad-left-end content-start] auto [content-end pad-right-start] 13px [pad-right-end]; width: 100%; height: auto; overflow: hidden; } .article-listing__base-abstract .article-listing__category, .article-listing__base-small .article-listing__category, .article-listing__base-medium .article-listing__category, .article-listing__base-large .article-listing__category { grid-column-start: content-start; grid-column-end: content-end; grid-row-start: row-1-start; grid-row-end: row-1-end; } .article-listing__base-abstract .article-listing__heading, .article-listing__base-small .article-listing__heading, .article-listing__base-medium .article-listing__heading, .article-listing__base-large .article-listing__heading { grid-column-start: content-start; grid-column-end: content-end; grid-row-start: row-2-start; grid-row-end: row-2-end; } .article-listing__base-abstract .article-listing__byline, .article-listing__base-small .article-listing__byline, .article-listing__base-medium .article-listing__byline, .article-listing__base-large .article-listing__byline { grid-column-start: content-start; grid-column-end: content-end; grid-row-start: row-3-start; grid-row-end: row-3-end; } .article-listing__base-abstract .article-listing__teaser, .article-listing__base-small .article-listing__teaser, .article-listing__base-medium .article-listing__teaser, .article-listing__base-large .article-listing__teaser { grid-column-start: content-start; grid-column-end: content-end; grid-row-start: row-4-start; grid-row-end: row-4-end; } .article-listing__base-abstract .article-listing__sponsorship, .article-listing__base-small .article-listing__sponsorship, .article-listing__base-medium .article-listing__sponsorship, .article-listing__base-large .article-listing__sponsorship { grid-column-start: content-start; grid-column-end: content-end; grid-row-start: row-5-start; grid-row-end: row-5-end; } .article-listing__base-small .article-listing__category { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; margin-bottom: 3px; text-transform: uppercase; } .article-listing__base-small .article-listing__byline { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; margin-bottom: 5px; text-transform: unset; } .article-listing__base-small .article-listing__byline .byline-writer-prefix { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; } .article-listing__base-small .article-listing__byline .byline-writer { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; } .article-listing__base-small .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; } .article-listing__base-small .article-listing__heading { color: #2E2E30; font-size: 14px; font-family: "FuturaPtDemi", Trebuchet MS, sans-serif; font-style: normal; line-height: 20px; letter-spacing: 0; margin-bottom: 5px; } .article-listing__base-small .article-listing__sponsorship { color: #606B71; font-size: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; } .article-listing__base-small .article-listing__teaser { color: #606B71; font-size: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; margin-bottom: 7px; } .article-listing__base-medium .article-listing__byline { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; margin-bottom: 5px; text-transform: unset; } .article-listing__base-medium .article-listing__byline .byline-writer-prefix { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; } .article-listing__base-medium .article-listing__byline .byline-writer { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; } .article-listing__base-medium .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; } .article-listing__base-medium .article-listing__category { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; margin-bottom: 5px; text-transform: uppercase; } .article-listing__base-medium .article-listing__heading { color: #2E2E30; font-weight: 500; font-size: 20px; font-family: "FuturaPtDemi", Trebuchet MS, sans-serif; font-style: normal; line-height: 26px; letter-spacing: 0; margin-bottom: 7px; } .article-listing__base-medium .article-listing__sponsorship { color: #606B71; font-size: 12px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 18px; } .article-listing__base-medium .article-listing__teaser { color: #606B71; font-size: 12px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 18px; margin-bottom: 5px; } .article-listing__base-large .article-listing__category { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; margin-bottom: 7px; } .article-listing__base-large .article-listing__byline { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; margin-bottom: 7px; text-transform: unset; } .article-listing__base-large .article-listing__byline .byline-writer-prefix { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; } .article-listing__base-large .article-listing__byline .byline-writer { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; } .article-listing__base-large .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; } .article-listing__base-large .article-listing__heading { color: #2E2E30; font-size: 24px; font-family: "FuturaPtDemi", Trebuchet MS, sans-serif; font-style: normal; line-height: 32px; letter-spacing: 0; display: -webkit-box; max-height: calc(2 * 32px); overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-bottom: 7px; } .article-listing__base-large .article-listing__sponsorship { color: #606B71; font-size: 14px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 22px; letter-spacing: 0; } .article-listing__base-large .article-listing__teaser { color: #606B71; font-size: 14px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 22px; letter-spacing: 0; display: -webkit-box; max-height: calc(2 * 22px); overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-bottom: 7px; } .article-listing__vertical-abstract, .article-listing__vertical-small, .article-listing__vertical-medium, .article-listing__vertical-large, .article-listing__vertical-small, .article-listing__vertical-medium, .article-listing__vertical-large { position: relative; display: grid; grid-template-rows: [pad-top-start] 0 [pad-top-end row-1-start] minmax(0, max-content) [row-1-end row-2-start] minmax(0, max-content) [row-2-end row-3-start] minmax(0, max-content) [row-3-end row-4-start] minmax(0, max-content) [row-4-end row-5-start] minmax(0, max-content) [row-5-end pad-bottom-start] 0 [pad-bottom-end]; grid-template-columns: auto; width: 100%; height: auto; overflow: hidden; text-align: left; } .article-listing__vertical-abstract .article-listing__image, .article-listing__vertical-small .article-listing__image, .article-listing__vertical-medium .article-listing__image, .article-listing__vertical-large .article-listing__image, .article-listing__vertical-small .article-listing__image, .article-listing__vertical-medium .article-listing__image, .article-listing__vertical-large .article-listing__image { grid-row-start: row-1-start; grid-row-end: row-1-end; } .article-listing__vertical-abstract .article-listing__image .component-responsive-picture, .article-listing__vertical-small .article-listing__image .component-responsive-picture, .article-listing__vertical-medium .article-listing__image .component-responsive-picture, .article-listing__vertical-large .article-listing__image .component-responsive-picture, .article-listing__vertical-small .article-listing__image .component-responsive-picture, .article-listing__vertical-medium .article-listing__image .component-responsive-picture, .article-listing__vertical-large .article-listing__image .component-responsive-picture { padding-top: 75%; } .article-listing__vertical-abstract .article-listing__image .picture__image, .article-listing__vertical-small .article-listing__image .picture__image, .article-listing__vertical-medium .article-listing__image .picture__image, .article-listing__vertical-large .article-listing__image .picture__image, .article-listing__vertical-small .article-listing__image .picture__image, .article-listing__vertical-medium .article-listing__image .picture__image, .article-listing__vertical-large .article-listing__image .picture__image { width: 100%; } .article-listing__vertical-abstract .article-listing__image .series-logo, .article-listing__vertical-small .article-listing__image .series-logo, .article-listing__vertical-medium .article-listing__image .series-logo, .article-listing__vertical-large .article-listing__image .series-logo, .article-listing__vertical-small .article-listing__image .series-logo, .article-listing__vertical-medium .article-listing__image .series-logo, .article-listing__vertical-large .article-listing__image .series-logo { position: absolute; z-index: 9999; display: block; height: auto; } .article-listing__vertical-abstract .article-listing__image .series-logo.portrait-critical img, .article-listing__vertical-small .article-listing__image .series-logo.portrait-critical img, .article-listing__vertical-medium .article-listing__image .series-logo.portrait-critical img, .article-listing__vertical-large .article-listing__image .series-logo.portrait-critical img, .article-listing__vertical-small .article-listing__image .series-logo.portrait-critical img, .article-listing__vertical-medium .article-listing__image .series-logo.portrait-critical img, .article-listing__vertical-large .article-listing__image .series-logo.portrait-critical img { width: 100%; height: 100%; } .article-listing__vertical-abstract .article-listing__image .series-logo.landscape-critical img, .article-listing__vertical-small .article-listing__image .series-logo.landscape-critical img, .article-listing__vertical-medium .article-listing__image .series-logo.landscape-critical img, .article-listing__vertical-large .article-listing__image .series-logo.landscape-critical img, .article-listing__vertical-small .article-listing__image .series-logo.landscape-critical img, .article-listing__vertical-medium .article-listing__image .series-logo.landscape-critical img, .article-listing__vertical-large .article-listing__image .series-logo.landscape-critical img { width: auto; height: 100%; } .article-listing__vertical-abstract .article-listing__category, .article-listing__vertical-small .article-listing__category, .article-listing__vertical-medium .article-listing__category, .article-listing__vertical-large .article-listing__category, .article-listing__vertical-small .article-listing__category, .article-listing__vertical-medium .article-listing__category, .article-listing__vertical-large .article-listing__category { grid-row-start: row-2-start; grid-row-end: row-2-end; text-transform: uppercase; } .article-listing__vertical-abstract .article-listing__heading, .article-listing__vertical-small .article-listing__heading, .article-listing__vertical-medium .article-listing__heading, .article-listing__vertical-large .article-listing__heading, .article-listing__vertical-small .article-listing__heading, .article-listing__vertical-medium .article-listing__heading, .article-listing__vertical-large .article-listing__heading { grid-row-start: row-3-start; grid-row-end: row-3-end; } .article-listing__vertical-abstract .article-listing__heading a, .article-listing__vertical-small .article-listing__heading a, .article-listing__vertical-medium .article-listing__heading a, .article-listing__vertical-large .article-listing__heading a, .article-listing__vertical-small .article-listing__heading a, .article-listing__vertical-medium .article-listing__heading a, .article-listing__vertical-large .article-listing__heading a { transition: color 0.2s; } .article-listing__vertical-abstract .article-listing__heading a::after, .article-listing__vertical-small .article-listing__heading a::after, .article-listing__vertical-medium .article-listing__heading a::after, .article-listing__vertical-large .article-listing__heading a::after, .article-listing__vertical-small .article-listing__heading a::after, .article-listing__vertical-medium .article-listing__heading a::after, .article-listing__vertical-large .article-listing__heading a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ""; } .article-listing__vertical-abstract .article-listing__byline, .article-listing__vertical-small .article-listing__byline, .article-listing__vertical-medium .article-listing__byline, .article-listing__vertical-large .article-listing__byline, .article-listing__vertical-small .article-listing__byline, .article-listing__vertical-medium .article-listing__byline, .article-listing__vertical-large .article-listing__byline { grid-row-start: row-4-start; grid-row-end: row-4-end; text-transform: unset; } .article-listing__vertical-abstract .article-listing__byline.authority, .article-listing__vertical-small .article-listing__byline.authority, .article-listing__vertical-medium .article-listing__byline.authority, .article-listing__vertical-large .article-listing__byline.authority, .article-listing__vertical-small .article-listing__byline.authority, .article-listing__vertical-medium .article-listing__byline.authority, .article-listing__vertical-large .article-listing__byline.authority { max-height: unset; } .article-listing__vertical-abstract .article-listing__byline .byline-authority-wrapper, .article-listing__vertical-small .article-listing__byline .byline-authority-wrapper, .article-listing__vertical-medium .article-listing__byline .byline-authority-wrapper, .article-listing__vertical-large .article-listing__byline .byline-authority-wrapper, .article-listing__vertical-small .article-listing__byline .byline-authority-wrapper, .article-listing__vertical-medium .article-listing__byline .byline-authority-wrapper, .article-listing__vertical-large .article-listing__byline .byline-authority-wrapper { display: inline-flex; align-items: center; } .article-listing__vertical-abstract .article-listing__byline .authority-check, .article-listing__vertical-small .article-listing__byline .authority-check, .article-listing__vertical-medium .article-listing__byline .authority-check, .article-listing__vertical-large .article-listing__byline .authority-check, .article-listing__vertical-small .article-listing__byline .authority-check, .article-listing__vertical-medium .article-listing__byline .authority-check, .article-listing__vertical-large .article-listing__byline .authority-check { display: inline-block; background-size: auto auto; } .article-listing__vertical-abstract .article-listing__sponsorship, .article-listing__vertical-small .article-listing__sponsorship, .article-listing__vertical-medium .article-listing__sponsorship, .article-listing__vertical-large .article-listing__sponsorship, .article-listing__vertical-small .article-listing__sponsorship, .article-listing__vertical-medium .article-listing__sponsorship, .article-listing__vertical-large .article-listing__sponsorship { grid-row-start: row-5-start; grid-row-end: row-5-end; display: flex; flex-wrap: wrap; align-items: center; } .article-listing__vertical-abstract .article-listing__sponsorship .article-listing__sponsorship__prefix, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__prefix, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__prefix, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__prefix, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__prefix, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__prefix, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__prefix { text-transform: uppercase; } .article-listing__vertical-abstract .article-listing__sponsorship a, .article-listing__vertical-abstract .article-listing__sponsorship span, .article-listing__vertical-small .article-listing__sponsorship a, .article-listing__vertical-small .article-listing__sponsorship span, .article-listing__vertical-medium .article-listing__sponsorship a, .article-listing__vertical-medium .article-listing__sponsorship span, .article-listing__vertical-large .article-listing__sponsorship a, .article-listing__vertical-large .article-listing__sponsorship span, .article-listing__vertical-small .article-listing__sponsorship a, .article-listing__vertical-small .article-listing__sponsorship span, .article-listing__vertical-medium .article-listing__sponsorship a, .article-listing__vertical-medium .article-listing__sponsorship span, .article-listing__vertical-large .article-listing__sponsorship a, .article-listing__vertical-large .article-listing__sponsorship span { margin-bottom: 3px; } .article-listing__vertical-abstract .article-listing__sponsorship .article-listing__sponsorship__img, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__img, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__img, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__img, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__img, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__img, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__img { margin-right: 3px; vertical-align: text-bottom; } .article-listing__vertical-abstract .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__img-landscape-critical { display: block; max-width: 85px; max-height: 15px; } .article-listing__vertical-abstract .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical, .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__img-portrait-critical { height: 20px; } .article-listing__vertical-small .article-listing__image .series-logo { top: 10px; right: 10px; } .article-listing__vertical-small .article-listing__image .series-logo.portrait-critical { width: 35px; } .article-listing__vertical-small .article-listing__image .series-logo.landscape-critical { height: 35px; } .article-listing__vertical-small .article-listing__byline.authority { display: block; } .article-listing__vertical-medium .article-listing__image .series-logo { top: 15px; right: 15px; } .article-listing__vertical-medium .article-listing__image .series-logo.portrait-critical { width: 50px; } .article-listing__vertical-medium .article-listing__image .series-logo.landscape-critical { height: 50px; } .article-listing__vertical-medium .article-listing__byline.authority { display: inline-flex; flex-wrap: wrap; align-items: center; } .article-listing__vertical-medium .article-listing__byline.authority .byline-writer::after { display: inline-block; padding: 0 5px; content: ' | '; } .article-listing__vertical-large .article-listing__image .series-logo { top: 20px; right: 20px; } .article-listing__vertical-large .article-listing__image .series-logo.portrait-critical { width: 75px; } .article-listing__vertical-large .article-listing__image .series-logo.landscape-critical { height: 75px; } .article-listing__vertical-large .article-listing__byline.authority { display: inline-flex; flex-wrap: wrap; } .article-listing__vertical-large .article-listing__byline.authority .byline-writer::after { display: inline-block; padding: 0 5px; content: ' | '; } .article-listing__vertical-abstract .article-listing__heading, .article-listing__vertical-small .article-listing__heading, .article-listing__vertical-medium .article-listing__heading, .article-listing__vertical-large .article-listing__heading, .article-listing__vertical-small .article-listing__heading, .article-listing__vertical-medium .article-listing__heading, .article-listing__vertical-large .article-listing__heading { color: #2E2E30; font-family: 'BarlowBold', sans-serif; } .article-listing__vertical-abstract .article-listing__heading a, .article-listing__vertical-small .article-listing__heading a, .article-listing__vertical-medium .article-listing__heading a, .article-listing__vertical-large .article-listing__heading a, .article-listing__vertical-small .article-listing__heading a, .article-listing__vertical-medium .article-listing__heading a, .article-listing__vertical-large .article-listing__heading a { color: #2E2E30; } .article-listing__vertical-abstract .article-listing__heading a:hover, .article-listing__vertical-small .article-listing__heading a:hover, .article-listing__vertical-medium .article-listing__heading a:hover, .article-listing__vertical-large .article-listing__heading a:hover, .article-listing__vertical-small .article-listing__heading a:hover, .article-listing__vertical-medium .article-listing__heading a:hover, .article-listing__vertical-large .article-listing__heading a:hover { color: #23CD93; } .article-listing__vertical-abstract .article-listing__sponsorship, .article-listing__vertical-abstract .article-listing__byline, .article-listing__vertical-abstract .article-listing__category, .article-listing__vertical-small .article-listing__sponsorship, .article-listing__vertical-small .article-listing__byline, .article-listing__vertical-small .article-listing__category, .article-listing__vertical-medium .article-listing__sponsorship, .article-listing__vertical-medium .article-listing__byline, .article-listing__vertical-medium .article-listing__category, .article-listing__vertical-large .article-listing__sponsorship, .article-listing__vertical-large .article-listing__byline, .article-listing__vertical-large .article-listing__category, .article-listing__vertical-small .article-listing__sponsorship, .article-listing__vertical-small .article-listing__byline, .article-listing__vertical-small .article-listing__category, .article-listing__vertical-medium .article-listing__sponsorship, .article-listing__vertical-medium .article-listing__byline, .article-listing__vertical-medium .article-listing__category, .article-listing__vertical-large .article-listing__sponsorship, .article-listing__vertical-large .article-listing__byline, .article-listing__vertical-large .article-listing__category { color: #606B71; } .article-listing__vertical-small .article-listing__category { margin-top: 13px; color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; letter-spacing: 0.07em; } .article-listing__vertical-small .article-listing__heading { margin-top: 3px; font-size: 14px; line-height: 20px; display: -webkit-box; max-height: calc(3 * 20px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-small .article-listing__byline { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 5px; } .article-listing__vertical-small .article-listing__byline.authority { margin-top: 0; } .article-listing__vertical-small .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-small .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .article-listing__vertical-small .article-listing__byline .byline-writer-prefix, .article-listing__vertical-small .article-listing__byline .byline-writer, .article-listing__vertical-small .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; } .article-listing__vertical-small .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .article-listing__vertical-small .article-listing__byline .byline-authority { color: #606B71; font-size: 10px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; color: #23CD93; } .article-listing__vertical-small .article-listing__sponsorship { margin-top: 5px; color: #606B71; font-size: 10px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 16px; letter-spacing: 0; color: #2E2E30; } .article-listing__vertical-small .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 5px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 16px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-medium .article-listing__category { margin-top: 17px; color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; letter-spacing: 0.08em; } .article-listing__vertical-medium .article-listing__heading { margin-top: 5px; font-size: 19px; line-height: 25px; display: -webkit-box; max-height: calc(3 * 25px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-medium .article-listing__byline { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 7px; } .article-listing__vertical-medium .article-listing__byline.authority { margin-top: 2px; } .article-listing__vertical-medium .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-medium .article-listing__byline.authority .byline-writer::after { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; } .article-listing__vertical-medium .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .article-listing__vertical-medium .article-listing__byline .byline-writer-prefix, .article-listing__vertical-medium .article-listing__byline .byline-writer, .article-listing__vertical-medium .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; } .article-listing__vertical-medium .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .article-listing__vertical-medium .article-listing__byline .byline-authority { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; color: #23CD93; } .article-listing__vertical-medium .article-listing__sponsorship { margin-top: 7px; color: #606B71; font-size: 12px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 18px; color: #2E2E30; } .article-listing__vertical-medium .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 6px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 18px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-large .article-listing__category { margin-top: 19px; color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; display: -webkit-box; max-height: calc(1 * 22px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; letter-spacing: 1px; } .article-listing__vertical-large .article-listing__heading { margin-top: 7px; font-size: 22px; line-height: 28px; display: -webkit-box; max-height: calc(3 * 28px); overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-large .article-listing__byline { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; margin-top: 9px; } .article-listing__vertical-large .article-listing__byline.authority { margin-top: 4px; } .article-listing__vertical-large .article-listing__byline.authority .byline-writer-wrapper { margin-top: 5px; display: -webkit-box; max-height: calc(1 * 22px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .article-listing__vertical-large .article-listing__byline.authority .byline-writer::after { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; } .article-listing__vertical-large .article-listing__byline.authority .byline-authority-wrapper { margin-top: 5px; } .article-listing__vertical-large .article-listing__byline .byline-writer-prefix, .article-listing__vertical-large .article-listing__byline .byline-writer, .article-listing__vertical-large .article-listing__byline .byline-date-prefix { color: #606B71; font-size: 14px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; line-height: 22px; letter-spacing: 0; } .article-listing__vertical-large .article-listing__byline .authority-check { width: 16px; height: 16px; margin-right: 5px; } .article-listing__vertical-large .article-listing__byline .byline-authority { color: #606B71; font-size: 12px; font-family: "ProximaNovaSemiBold", Arial, sans-serif; font-style: normal; line-height: 18px; letter-spacing: 0; color: #23CD93; } .article-listing__vertical-large .article-listing__sponsorship { margin-top: 10px; color: #606B71; font-size: 14px; font-family: "ProximaNovaRegular", Arial, sans-serif; font-style: normal; line-height: 22px; letter-spacing: 0; color: #2E2E30; } .article-listing__vertical-large .article-listing__sponsorship .article-listing__sponsorship__prefix { margin-right: 6px; margin-bottom: 3px; display: -webkit-box; max-height: calc(1 * 22px); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } .component-dfp-tags { display: none; } .component-dfp-tags .dfp-tag { display: none; height: 1px; width: 1px; } /* stylelint-enable property-no-unknown */ /* prettier-ignore */ .component-article-citations { margin: 15px 0 40px; } .component-article-citations .citations-heading { display: flex; flex-direction: row; align-items: center; padding-bottom: 0; } .component-article-citations .citations-heading:hover { cursor: pointer; } .component-article-citations .citations-heading.has-dropdown { padding-bottom: 15px; } .component-article-citations .citations-heading .citations-title { font-family: 'ProximaNovaBold', Arial, sans-serif; text-transform: capitalize; } .component-article-citations .citations-heading .citations-dropdown { padding: 9px 0 0 9px; } .component-article-citations .citations-heading .citations-dropdown .arrow-down-small { transition: all 0.4s; height: 8px; width: 13px; } .component-article-citations .citations-heading .citations-dropdown .arrow-down-small.is-rotated { transform: rotate(180deg); } .component-article-citations .citations-list-wrapper .citations-list { display: block; margin: 0 20px; } .component-article-citations .citations-list-wrapper .citations-list.is-hidden { display: none; } .component-article-citations .citations-list-wrapper .citations-list .citations-item { font-size: 18px; line-height: 30px; margin-bottom: 20px; } .component-article-citations .citations-list-wrapper .citations-list .citations-item:last-child { margin-bottom: 0; } .rrv2 { display: none; } .rrv2.mobile-show { display: block; } .rrv2.mobile-hide { display: none; } @media (min-width: 768px) { .rrv2.desktop-show { display: flex; } .rrv2.desktop-hide { display: none; } } @media (min-width: 1020px) { .rrv2 { width: 300px; min-width: 300px; display: flex; flex-direction: column; } } .rrv2.right-rail { position: static; } @media (min-width: 1020px) { .rrv2.right-rail .disclaimer-ad-wrapper { position: static; position: sticky; top: 20px; } } .rrv2.right-rail .ad { margin-top: 0; } @media (min-width: 1020px) { .rrv2.right-rail .ad.btf { position: static; position: sticky; top: 20px; } } .rrv2.right-rail .ad.btf2, .rrv2.right-rail .ad.btf3 { display: none; } @media (min-width: 1020px) { .rrv2.right-rail .ad.btf2, .rrv2.right-rail .ad.btf3 { display: block; } } @media (min-width: 1020px) { .rrv2.right-rail .ad-one { height: calc(600px + 600px); } } @media (min-width: 1020px) { .rrv2.right-rail .ad-two { height: 600px; } } @media (min-width: 1020px) { .rrv2.right-rail .ad-three { position: static; position: sticky; top: 20px; } .rrv2.right-rail .ad-three.hasAdBelow { margin-bottom: 290px; } } @media (min-width: 1020px) { .rrv2.right-rail .ad-four { position: static; position: sticky; top: 310px; margin-top: calc(300px); } } @media (min-width: 1020px) { .rrv2.right-rail .ad-three-four-container { flex-grow: 1; } } .rrv2.right-rail .component-article-rcp { width: 100%; } @media (min-width: 768px) { .rrv2.right-rail .component-article-rcp { width: calc(50% - 15px); } } @media (min-width: 1020px) { .rrv2.right-rail .component-article-rcp { margin-bottom: 40px; width: 100%; } } @media (min-width: 1020px) { .rrv2.right-rail .disclaimer-ad-wrapper { top: 111px; } } @media (min-width: 1020px) { .rrv2.right-rail .ad.atf, .rrv2.right-rail .ad.btf, .rrv2.right-rail .ad-three { top: 111px; } } @media (min-width: 1020px) { .rrv2.right-rail .ad-two { margin-top: 20px; } } @media (min-width: 1020px) { .rrv2.right-rail .ad-three { margin-top: 20px; } } @media (min-width: 1020px) { .rrv2.right-rail .ad-four { top: 360px; } } @media (min-width: 1200px) { .rrv2.right-rail .ad-four { top: 440px; } } @media (min-width: 1020px) { .rrv2.right-rail .component-article-rcp { margin-top: 40px; } } .component-article-rcp .sponsored-impression-pixel { display: none; } .view .component-article-rcp { margin-top: 30px; } .view .component-article-rcp .related-content__heading { margin-bottom: 0; padding-bottom: 10px; border: none; } .view .component-article-rcp .related-content__heading .heading { font-family: 'ProximaNovaSemiBold', Arial, sans-serif; font-size: 22px; line-height: 28px; color: #2E2E30; margin: 0; } .view .component-article-rcp .related-content .related-content__item { display: flex; height: auto; margin: 0; padding: 6px 10px 6px 0; overflow: hidden; } .view .component-article-rcp .related-content .related-content__item .item__section::after { display: block; clear: both; content: ""; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--image-critical { display: block; float: left; width: 100px; height: 100px; margin-right: 10px; overflow: visible; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--image-critical a { display: block; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--image-critical img { width: 100px; height: 100px; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--number-critical { font-family: 'ProximaNovaSemiBold', Arial, sans-serif; font-size: 22px; color: #278D6B; line-height: 28px; position: relative; top: 0; display: block; margin-right: 20px; padding: 1px 0 0; text-align: left; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--number-critical div { background-color: rgba(0, 0, 0, 0.01); } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical a { text-decoration: none; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical a h3 { color: #2E2E30; font-size: 17px; font-family: 'ProximaNovaRegular', Arial, sans-serif; line-height: 28px; display: inline; margin: 0; padding-bottom: 0; border-bottom: none; transition: color 0.2s linear; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical a h3:hover { color: #278D6B; text-decoration: none; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline { display: flex; align-items: center; margin-top: 4px; margin-bottom: 5px; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline .campaign-sponsoredby { padding-right: 4px; color: #AAA; font-size: 11px; letter-spacing: 0.5px; text-transform: uppercase; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline .campaign-sponsoredby.campaign-sponsoredby__landscape-critical { height: 12px; line-height: 14px; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline .campaign-sponsoredby.campaign-sponsoredby__portrait-critical { height: 14px; line-height: 16px; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline .campaign-logo { display: block; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline .campaign-logo.campaign-logo__landscape-critical { max-width: 70px; max-height: 12px; } .view .component-article-rcp .related-content .related-content__item .item__section.item__section--title-critical .campaign-byline .campaign-logo.campaign-logo__portrait-critical { height: 14px; } .ui-body { font-family: 'ProximaNovaRegular', Arial, sans-serif; font-size: 17px; line-height: 28px; color: #2E2E30; } .ui-body a { color: #007CBE; transition: color 0.2s linear; text-decoration: underline; } .ui-body a:hover { color: #0D6493; text-decoration: underline; cursor: pointer; } .ui-body b, .ui-body strong { font-family: 'ProximaNovaBold', Arial, sans-serif; font-weight: normal; } .ui-body b em, .ui-body strong em, .ui-body b i, .ui-body strong i { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-body em, .ui-body i { font-family: 'ProximaNovaRegularItalic', Arial, sans-serif; font-style: normal; } .ui-body em b, .ui-body i b, .ui-body em strong, .ui-body i strong { font-family: 'ProximaNovaBoldItalic', Arial, sans-serif; font-weight: normal; } .ui-body sup { vertical-align: super; font-size: smaller; } .ui-body sub { vertical-align: sub; font-size: smaller; } .ad-dfp-infinite-scroll { position: absolute; top: 100%; z-index: 9999; } .component-subscriber-manager { height: 0; } </style> </head> <body > <div data-server-rendered="true" id="__nuxt"><div id="__layout"><div id="app" class="default-component--article"> <div id="fb-root"></div> <div><div class="component-site-header"><header id="site-header" class="site-header"><div class="component-global-navigation"><div class="global-nav-wrapper"><div class="svg navigation-hamburger"></div> <a href="/" aria-label="techwalla logo" class="techwalla-logo"><div><span class="svg vertical-nav-logo"></span></div></a> <div class="nav-wrapper"><div class="mobile-white-wrapper"><div class="svg navigation-close"></div> <div class="svg navigation-back hide-parent"></div></div> <div class="nav-contents"><nav><ul class="nav-list"><li class="list__item nav__list-parent"><div class="nav-link nav__list-parent-category show-children-ancestry Shop"> Shop </div> <div class="nav-subsection nav__list-children-and-grandchildren show-children-in-parent-level"><ul class="nav-subsection__list"><li class="list__item nav-subsection__item"><a href="/gift-guides" class="nav-link subsection__list"> Gift Guides </a></li><li class="list__item nav-subsection__item"><a href="/tech-toys" class="nav-link subsection__list"> Tech Toys </a></li><li class="list__item nav-subsection__item"><a href="/tech-on-a-budget" class="nav-link subsection__list"> Tech on a budget </a></li><li class="list__item nav-subsection__item"><a href="/shop" class="nav-link subsection__list divider right-arrow-cta"> All Shop </a></li></ul></div></li><li class="list__item nav__list-parent"><div class="nav-link nav__list-parent-category show-children-ancestry Smart Life"> Smart Life </div> <div class="nav-subsection nav__list-children-and-grandchildren show-children-in-parent-level"><ul class="nav-subsection__list"><li class="list__item nav-subsection__item"><a href="/gadgets" class="nav-link subsection__list"> Gadgets </a></li><li class="list__item nav-subsection__item"><a href="/cool-apps" class="nav-link subsection__list"> Cool Apps </a></li><li class="list__item nav-subsection__item"><a href="/travel" class="nav-link subsection__list"> Travel </a></li><li class="list__item nav-subsection__item"><a href="/smartphones" class="nav-link subsection__list"> Smartphones </a></li><li class="list__item nav-subsection__item"><a href="/smart-life" class="nav-link subsection__list divider right-arrow-cta"> All Smart Life </a></li></ul></div></li><li class="list__item nav__list-parent"><div class="nav-link nav__list-parent-category show-children-ancestry Technically for parents"> Technically for parents </div> <div class="nav-subsection nav__list-children-and-grandchildren show-children-in-parent-level"><ul class="nav-subsection__list"><li class="list__item nav-subsection__item"><a href="/education" class="nav-link subsection__list"> Education </a></li><li class="list__item nav-subsection__item"><a href="/online-safety" class="nav-link subsection__list"> Online Safety </a></li><li class="list__item nav-subsection__item"><a href="/technically-for-parents" class="nav-link subsection__list divider right-arrow-cta"> All Technically for parents </a></li></ul></div></li><li class="list__item nav__list-parent"><div class="nav-link nav__list-parent-category show-children-ancestry Tech Support"> Tech Support </div> <div class="nav-subsection nav__list-children-and-grandchildren show-children-in-parent-level"><ul class="nav-subsection__list"><li class="list__item nav-subsection__item"><a href="/how-to" class="nav-link subsection__list"> How to </a></li><li class="list__item nav-subsection__item"><a href="/reviews" class="nav-link subsection__list"> Reviews </a></li><li class="list__item nav-subsection__item"><a href="/tech-support" class="nav-link subsection__list divider right-arrow-cta"> All Tech Support </a></li></ul></div></li><li class="list__item nav__list-parent"><div class="nav-link nav__list-parent-category show-children-ancestry Entertainment"> Entertainment </div> <div class="nav-subsection nav__list-children-and-grandchildren show-children-in-parent-level"><ul class="nav-subsection__list"><li class="list__item nav-subsection__item"><a href="/whats-streaming" class="nav-link subsection__list"> What’s streaming </a></li><li class="list__item nav-subsection__item"><a href="/social-media" class="nav-link subsection__list"> Social Life </a></li><li class="list__item nav-subsection__item"><a href="/entertainment" class="nav-link subsection__list divider right-arrow-cta"> All Entertainment </a></li></ul></div></li></ul></nav> <div class="mobile-and-social-container show"><div class="mobile-newsletter"><div class="mobile-newsletter__link"> CONNECT WITH US </div></div> <div class="social-shares"><a href="https://www.facebook.com/techwallaHQ/" target="_blank" data-info="Facebook" aria-label="Share on Facebook" class="social-shares__icon svg nav-facebook"></a><a href="https://twitter.com/techwallahq/" target="_blank" data-info="Twitter" aria-label="Share on Twitter" class="social-shares__icon svg nav-twitter"></a></div></div></div></div> <div class="global-nav-search-and-login"><div class="desktop-newsletter"><a href="/newsletter/" class="desktop-newsletter__link"><span class="desktop-newsletter__label"> JOIN OUR NEWSLETTER </span></a></div> <div class="svg nav-search-icon"></div></div></div> </div></header> <div class="component-push-notification"><div class="push-notification__logo-and-text"><div class="push-notification__logo"></div> <div class="push-notification__text"> Get the latest news and alerts! </div></div> <div class="push-notification__buttons"><button class="push-notification__button button__later"> Later </button> <button class="push-notification__button button__subscribe"> Notify </button></div></div></div> <div class="component-ar-horizontal-bar-ad"><div class="component-header-sticky-ad ui-body reserve-ad-space"><div><div id="horizontal1-1" data-ad-path="/6117/dmd.techwalla/horizontal1-1" data-ad-batch="1" data-ad-targeting="{"loc":"atf"}" data-ad-sizes="[[728,90],[970,250]]" data-ad-bidding="true" data-ad-breakpoint="medium,large" data-ad-type="gpt" class="component-ad-gpt ad horizontal ad-desktop horizontal-one"></div></div></div></div> <main class="site-main"><div class="view-article view"><div class="article-container"> <div class="infinite-scroll-container"><div class="component-infinite-scroll"><div class="infinite-scroll-article-wrapper"> <div class="component-configurable-article article is-first"> <div class="article-wrapper wider-article"><div class="inner"><div class="breadcrumb-wrapper"><div class="component-breadcrumbs"><nav><ol class="breadcrumbs"><li class="breadcrumbs__item ui-label-bold"><a href="/tech-support"><span>Tech Support</span></a></li><li class="breadcrumbs__item ui-label-bold"><a href="/reviews"><span>Reviews</span></a></li></ol></nav></div></div> <div class="component-article-header"><h1 class="article-title"> What Is the Difference Between a Microcomputer & a Minicomputer? </h1>  <div class="component-article-byline" style="max-width:728px;"><div class="byline-info"><div class="byline-wrapper ui-label d-flex"><span class="writer-name byline-item"><span>By </span> <span class="writer-profile ui-label-bold"> jchloe </span></span>  </div>  </div>  <div expert-page="true" class="component-contributor-bio-modal" style="display:none;"><div class="contributor-bio-mask"><div class="contributor-bio-wrapper"><div class="contributor-bio-container"><button aria-label="Close bio modal" class="icon-close"></button> <div class="component-personnel-module view-user-profile"><div class="personnel-wrapper"> <div class="personnel-detail-wrapper"><div class="name"> </div>  <div class="bio-wrapper"><div></div> </div>   </div></div> <script type="application/ld+json">{"@type":"Person","name":"","url":"","image":"","identifier":"","hasCredential":"","description":"","gender":"","knowsabout":"","sameas":[],"hasOccupation":{"@type":"Occupation","Works For":"","name":""}}</script></div>  </div></div></div></div>   <div><script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"Article","headline":"What Is the Difference Between a Microcomputer & a Minicomputer?","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.techwalla.com/articles/what-is-the-difference-between-a-microcomputer-a-minicomputer"},"image":{"@type":"ImageObject","url":"https://img.techwallacdn.com/-/clsd/getty/cache.gettyimages.com/41d3dd5b4dce46bc8cc35c010cd7a1b0.jpg","height":479,"width":357},"publisher":{"@type":"Organization","name":"Techwalla","url":"https://www.techwalla.com","publishingPrinciples":"https://www.techwalla.com/about","sameAs":["https://www.facebook.com/techwallaHQ/","https://twitter.com/techwallahq/"],"logo":{"@type":"ImageObject","url":"https://www.techwalla.com/images/logo.png","height":"51","width":"221"},"brand":{"@type":"Brand","name":"Techwalla"}},"url":"https://www.techwalla.com/articles/what-is-the-difference-between-a-microcomputer-a-minicomputer","datePublished":"2011-03-25T02:32:13+00:00","dateModified":"2011-03-25T02:32:13+00:00","keywords":"minicomputer microcomputer facts,differences minicomputers microcomputers,minicomputer microcomputer history","genre":"Reviews","dateCreated":"2011-03-25T02:32:13+00:00","description":"Microcomputers and minicomputers may sound similar, but they are very different types of computers.","citation":["http://docs.google.com/viewer?a=v&q=cache:5bI_Xfw-clkJ:pctaonline.com/files/index.php?option%3Dcom_docman%26task%3Ddoc_download%26gid%3D3%26Itemid%3D55+A+microcomputer+is+a+small+computer+(see+figure)+built+around+a+microprocessor+integrated+circuit,+or+chip.+Whereas+the+early+minicomputers+replaced+vacuum+tubes+with+discrete+transistors,+microcomputers+(and+later+minicomputers+as+well)+used+microprocessors+that+integrated+thousands+or+millions+of+transistors+on+a+single+chip.+In+1971+the+Intel+Corporation+produced+the+first+microprocessor,...&hl=en&gl=us&pid=bl&srcid=ADGEESh5yAk1UeiqJvtOXB8blVnMQsS3p22mwMu8myjRDffwTSy3umjMDIkO6_W4AvCM2EhRlr-rPLVVGS643zvN6u1SMXgAa8Mb3HGchKL1a5O4iZdzZmxFdLt_GIfYrCWX9vf3ccHN&sig=AHIEtbQxLulxKA-ao-FJvAK6YbRPgcoojg&pli=1","http://www.thocp.net/hardware/mini_computers.htm","http://users.rcn.com/crfriend/museum/narrative.html","http://www.sciencemuseum.org.uk/objects/computing_and_data_processing/1982-960.aspx","http://bytecollector.com/mark_8.htm"],"author":{"@type":"Person","name":"jchloe","image":"","identifier":"","hasCredential":"","jobTitle":"","description":"","url":"","sameAs":[],"worksFor":"","alumniOf":"","knowsAbout":""}},{"@type":"ImageObject","contentUrl":"https://img.techwallacdn.com/-/clsd/getty/cache.gettyimages.com/41d3dd5b4dce46bc8cc35c010cd7a1b0.jpg","creator":{"@type":"Person"},"copyrightNotice":"Techwalla"}]}</script> <script type="application/ld+json"></script></div></div></div> <div class="component-compensation-disclaimer ui-label desktop-hide">Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process <a title="Learn more about our affiliate and product review process" href="/about">here</a>.</div> <div class="article-content-wrapper"> <div class="article-sections-container"> <div class="component-article-pinnable-images"></div> <article ad-unit-path-mobile="/6117/dmd.techwalla.mw/" ad-unit-path-desktop="/6117/dmd.techwalla/" class="component-article-sections"><div class="component-article-section-image image-shrunk article-image-0 article-section-content content-section-0-critical" style="width:250px;"><div class="component-pinterest"><div class="svg pinterest-pin"></div></div> <div class="image-container"><div class="image-wrapper svg logo">  <div class="component-responsive-picture"><div><picture class="picture"><source media="(min-width: 500px)" srcset="https://img.techwallacdn.com/630x/clsd/getty/cache.gettyimages.com/41d3dd5b4dce46bc8cc35c010cd7a1b0.jpg?type=webp" type="image/webp"><source media="(min-width: 500px)" srcset="https://img.techwallacdn.com/630x/clsd/getty/cache.gettyimages.com/41d3dd5b4dce46bc8cc35c010cd7a1b0.jpg"><source media="(min-width: 300px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/41d3dd5b4dce46bc8cc35c010cd7a1b0.jpg?type=webp" type="image/webp"><source media="(min-width: 300px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/41d3dd5b4dce46bc8cc35c010cd7a1b0.jpg"> <img alt="..." src="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/41d3dd5b4dce46bc8cc35c010cd7a1b0.jpg" loading="eager" width="357" height="479" fetchpriority="high" sizes="100vw" class="picture__image"></picture></div></div></div></div> <div class="caption-container"><div class="component-caption-module caption-module"><div class="caption__caption-text ui-label"> A personal laptop is considered a modern microcomputer. </div> </div> </div> </div><div class="component-article-section-content article-section-content"><p>Microcomputers and minicomputers may sound similar, but they are very different types of computers. Microcomputers usually refer to laptop or desktop PCs that you use in a typical household, whereas minicomputers, which were primarily used from 1960 to 1980, are generally larger, but have limited functionality and slower processors.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_runway inline-ad__wrapper_tall"><div id="slot1-1" data-ad-path="/6117/dmd.techwalla.mw/slot1-1" data-ad-batch="1" data-ad-targeting="{"loc":"ad_1"}" data-ad-sizes="[[300,250]]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-type="gpt" class="component-ad-gpt ad slot ad-mobile "></div> </div></div></div><div class="component-article-section-heading has-h2 article-section-content"><h2 id="two-computer-histories" class="headingLabel"> Two Computer Histories </h2> </div><div class="component-article-section-votd-wrapper enable-mobile"><div class="component-article-section-votd"><p class="component-article-section-votd-label"> Video of the Day </p> <div class="component-article-section-votd-container-outer"><div id="votd-player-mobile"></div></div></div></div><div class="component-article-section-content article-section-content"><p>Minicomputers were developed in the 1960s as midrange computers, which boasted relatively high processing speed, but at a significantly smaller size and price compared to larger mainframe and supercomputers. But don't let the word "small" fool you. Some minicomputers still stood over 6 feet and weighed upward of 700 pounds.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_runway inline-ad__wrapper_tall"><div id="slot1-2" data-ad-path="/6117/dmd.techwalla.mw/slot1-2" data-ad-batch="1" data-ad-targeting="{"loc":"ad_2"}" data-ad-sizes="[[300,250],[1,2],"fluid"]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-inline-rc="true" data-ad-type="gpt" class="component-ad-gpt ad slot ad-mobile "></div> <aside data-device="mobile" class="component-article-section-inline-rc"><div class="inline-rc__container"><div class="inline-rc__wrapper"><div class="inline-rc__title"><h2>We Recommend</h2></div> <div class="component-common-grid common-view__inline-rc-section-grid"><div class="component-article-listing article-listing__vertical layout-focus-section-critical item-0">   <div class="article-listing__image"><div is-lazy="true" class="component-responsive-picture" style="position:relative;"><div><picture class="picture" style="position:absolute;"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/photos.demandstudios.com/getty/article/146/136/80510175.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/photos.demandstudios.com/getty/article/146/136/80510175.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/146/136/80510175.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/146/136/80510175.jpg"> <img alt="Man hiding behind circuit board" src="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/146/136/80510175.jpg" loading="lazy" sizes="100vw" class="picture__image"></picture></div></div> </div>    <div class="listing-text-section"> <div class="article-listing__category">Tech Support</div> <div class="article-listing__heading"><a href="/articles/the-invention-of-the-first-motherboard" data-event="rc_inline_click" data-info="1" data-label="/articles/the-invention-of-the-first-motherboard"> The Invention of the First Motherboard </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Josh Fredman</span></div>  <div class="component-dfp-tags"></div></div></div><div class="component-article-listing article-listing__vertical layout-focus-section-critical item-1">   <div class="article-listing__image"><div is-lazy="true" class="component-responsive-picture" style="position:relative;"><div><picture class="picture" style="position:absolute;"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/cache.gettyimages.com/41493628b6c34eb195b0e07ea1d428b4.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/cache.gettyimages.com/41493628b6c34eb195b0e07ea1d428b4.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/41493628b6c34eb195b0e07ea1d428b4.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/41493628b6c34eb195b0e07ea1d428b4.jpg"> <img alt="..." src="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/41493628b6c34eb195b0e07ea1d428b4.jpg" loading="lazy" sizes="100vw" class="picture__image"></picture></div></div> </div>    <div class="listing-text-section"> <div class="article-listing__category">Tech Support</div> <div class="article-listing__heading"><a href="/articles/first-generation-computer-characteristics" data-event="rc_inline_click" data-info="2" data-label="/articles/first-generation-computer-characteristics"> First-Generation Computer Characteristics </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Frank Gates</span></div>  <div class="component-dfp-tags"></div></div></div><div class="component-article-listing article-listing__vertical layout-focus-section-critical item-2">   <div class="article-listing__image"><div is-lazy="true" class="component-responsive-picture" style="position:relative;"><div><picture class="picture" style="position:absolute;"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/dadbe5682a104b5592efade72509391a.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/dadbe5682a104b5592efade72509391a.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/dadbe5682a104b5592efade72509391a.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/dadbe5682a104b5592efade72509391a.jpg"> <img alt="Close-Up Of Mother Board" src="https://img.techwallacdn.com/375/clsd/getty/dadbe5682a104b5592efade72509391a.jpg" loading="lazy" sizes="100vw" class="picture__image"></picture></div></div> </div>    <div class="listing-text-section"> <div class="article-listing__category">Tech Support</div> <div class="article-listing__heading"><a href="/articles/4-main-parts-computer-system" data-event="rc_inline_click" data-info="3" data-label="/articles/4-main-parts-computer-system"> 4 Main Parts of a Computer System </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Ryan Cockerham</span></div>  <div class="component-dfp-tags"></div></div></div> </div></div></div> </aside></div></div></div><div class="component-article-section-votd-wrapper"><div class="component-article-section-votd"><p class="component-article-section-votd-label"> Video of the Day </p> <div class="component-article-section-votd-container-outer"><div id="votd-player"></div></div></div></div><div class="component-article-section-content article-section-content"><p>Minicomputers became prevalent in academic institutions, companies and various industries, because of their affordability, size and ease of use.</p> </div><div class="component-article-section-content article-section-content"><p>However, during the 1970s, personal computing was markedly changed by the introduction of microcomputers. This new generation of even lower cost computers replaced bulkier and space-consuming older models of minicomputers by utilizing brand new microchip technology. Each chip contained a microprocessor, which controlled the CPU (also called the central processing unit). The CPU is generally considered the brain of a computer and is where all of the computing power lies in a system. It is made up of interconnected circuits containing thousands, and sometimes up to millions, of transistors.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_tall"><div id="slot1-3" data-ad-path="/6117/dmd.techwalla.mw/slot1-3" data-ad-batch="2" data-ad-targeting="{"loc":"ad_3"}" data-ad-sizes="[[300,250],[320,50],[320,100]]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-type="gpt" class="component-ad-gpt ad slot ad-mobile "></div> </div></div></div><aside data-device="desktop" class="component-article-section-inline-rc"><div class="inline-rc__container"><div class="inline-rc__wrapper"><div class="inline-rc__title"><h2>We Recommend</h2></div> <div class="component-common-grid common-view__inline-rc-section-grid"><div class="component-article-listing article-listing__vertical layout-focus-section-critical item-0">   <div class="article-listing__image"><div is-lazy="true" class="component-responsive-picture" style="position:relative;"><div><picture class="picture" style="position:absolute;"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/photos.demandstudios.com/getty/article/146/136/80510175.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/photos.demandstudios.com/getty/article/146/136/80510175.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/146/136/80510175.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/146/136/80510175.jpg"> <img alt="Man hiding behind circuit board" src="https://img.techwallacdn.com/375/photos.demandstudios.com/getty/article/146/136/80510175.jpg" loading="lazy" sizes="100vw" class="picture__image"></picture></div></div> </div>    <div class="listing-text-section"> <div class="article-listing__category">Tech Support</div> <div class="article-listing__heading"><a href="/articles/the-invention-of-the-first-motherboard" data-event="rc_inline_click" data-info="1" data-label="/articles/the-invention-of-the-first-motherboard"> The Invention of the First Motherboard </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Josh Fredman</span></div>  <div class="component-dfp-tags"></div></div></div><div class="component-article-listing article-listing__vertical layout-focus-section-critical item-1">   <div class="article-listing__image"><div is-lazy="true" class="component-responsive-picture" style="position:relative;"><div><picture class="picture" style="position:absolute;"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/cache.gettyimages.com/41493628b6c34eb195b0e07ea1d428b4.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/cache.gettyimages.com/41493628b6c34eb195b0e07ea1d428b4.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/41493628b6c34eb195b0e07ea1d428b4.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/41493628b6c34eb195b0e07ea1d428b4.jpg"> <img alt="..." src="https://img.techwallacdn.com/375/clsd/getty/cache.gettyimages.com/41493628b6c34eb195b0e07ea1d428b4.jpg" loading="lazy" sizes="100vw" class="picture__image"></picture></div></div> </div>    <div class="listing-text-section"> <div class="article-listing__category">Tech Support</div> <div class="article-listing__heading"><a href="/articles/first-generation-computer-characteristics" data-event="rc_inline_click" data-info="2" data-label="/articles/first-generation-computer-characteristics"> First-Generation Computer Characteristics </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Frank Gates</span></div>  <div class="component-dfp-tags"></div></div></div><div class="component-article-listing article-listing__vertical layout-focus-section-critical item-2">   <div class="article-listing__image"><div is-lazy="true" class="component-responsive-picture" style="position:relative;"><div><picture class="picture" style="position:absolute;"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/dadbe5682a104b5592efade72509391a.jpg?type=webp" type="image/webp"><source media="(min-width: 501px)" srcset="https://img.techwallacdn.com/385x289/clsd/getty/dadbe5682a104b5592efade72509391a.jpg"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/dadbe5682a104b5592efade72509391a.jpg?type=webp" type="image/webp"><source media="(max-width: 500px)" srcset="https://img.techwallacdn.com/375/clsd/getty/dadbe5682a104b5592efade72509391a.jpg"> <img alt="Close-Up Of Mother Board" src="https://img.techwallacdn.com/375/clsd/getty/dadbe5682a104b5592efade72509391a.jpg" loading="lazy" sizes="100vw" class="picture__image"></picture></div></div> </div>    <div class="listing-text-section"> <div class="article-listing__category">Tech Support</div> <div class="article-listing__heading"><a href="/articles/4-main-parts-computer-system" data-event="rc_inline_click" data-info="3" data-label="/articles/4-main-parts-computer-system"> 4 Main Parts of a Computer System </a></div> <div class="article-listing__byline"><span class="byline-writer-prefix">By </span><span class="byline-writer">Ryan Cockerham</span></div>  <div class="component-dfp-tags"></div></div></div> </div></div></div> <div id="relcontent1-1" data-ad-path="/6117/dmd.techwalla/relcontent1-1" data-ad-targeting="{"loc":"relcontent"}" data-ad-batch="2" data-ad-sizes="[[1, 2]]" data-ad-breakpoint="large" data-ad-type="gpt" data-ad-refresh="false"></div></aside><div class="component-article-section-heading has-h2 article-section-content"><h2 id="different-characteristics" class="headingLabel"> Different Characteristics </h2> </div><div class="component-article-section-content article-section-content"><p>Minicomputers can be quite bulky. Just the CPU itself can weigh up to 90 pounds.</p> </div><div class="component-article-section-content article-section-content"><p>Minis were designed to be less complex than mainframes but still provide multiple terminals for multiple users. However, many of these systems were still slower, had less memory and were unable to integrate into larger networks.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_tall"><div id="slot1-4" data-ad-path="/6117/dmd.techwalla.mw/slot1-4" data-ad-batch="2" data-ad-targeting="{"loc":"ad_4"}" data-ad-sizes="[[300,250],[320,50],[320,100]]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-type="gpt" class="component-ad-gpt ad slot ad-mobile "></div> </div></div></div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--desktop-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_reserve-space-desktop inline-ad__wrapper_tall"><div id="inline1-2" data-ad-path="/6117/dmd.techwalla/inline1-2" data-ad-batch="2" data-ad-targeting="{"loc":"inline_2"}" data-ad-sizes="[[300,250],[728,90],[640,250],"fluid"]" data-ad-bidding="true" data-ad-breakpoint="medium,large" data-ad-type="gpt" class="component-ad-gpt ad inline ad-desktop "></div> </div></div></div><div class="component-article-section-content article-section-content"><p>Like their name suggests, microcomputers contain the functionality of a larger computer, but in a significantly smaller form. Information systems, which once filled an entire room, could now fit in a small silicon chip.</p> </div><div class="component-article-section-content article-section-content"><p>Microcomputers are generally considered the smallest, most affordable and most reliable computers. They can also maintain a very high processing speed, as well as ample internal and external storage capacity. Unlike minicomputers, Microcomputers can connect online, form networks and use various input and output accessories, such as laser printers, and CD-ROM/DVD drives.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_tall"><div id="slot1-5" data-ad-path="/6117/dmd.techwalla.mw/slot1-5" data-ad-batch="2" data-ad-targeting="{"loc":"ad_5"}" data-ad-sizes="[[300,250],[320,50],[320,100]]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-type="gpt" class="component-ad-gpt ad slot ad-mobile "></div> </div></div></div><div class="component-article-section-heading has-h2 article-section-content"><h2 id="primary-uses" class="headingLabel"> Primary Uses </h2> </div><div class="component-article-section-content article-section-content"><p>Minicomputers were primarily used for process control and performing financial and administrative tasks, such as word processing and accounting. Some machines were designed for medical laboratory and teaching aids.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_tall"><div id="slot1-6" data-ad-path="/6117/dmd.techwalla.mw/slot1-6" data-ad-batch="2" data-ad-targeting="{"loc":"ad_6"}" data-ad-sizes="[[300,250],[320,50],[320,100]]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-type="gpt" class="component-ad-gpt ad slot ad-mobile "></div> </div></div></div><div class="component-article-section-content article-section-content"><p>Microcomputers are primarily used for word processing, managing databases or spreadsheets, graphics and general office applications.</p> </div><div class="component-article-section-heading has-h2 article-section-content"><h2 id="early-models" class="headingLabel"> Early Models </h2> </div><div class="component-article-section-content article-section-content"><p>DEC PDP-8 or Straight-8 minicomputer (1965): Manufactured by the Digital Equipment Corporation, the PDP-8 is considered the most widely known minicomputer. At the time, it was one of the most affordable machines, priced at $18,000.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_tall"><div id="slot1-7" data-ad-path="/6117/dmd.techwalla.mw/slot1-7" data-ad-batch="2" data-ad-targeting="{"loc":"ad_7"}" data-ad-sizes="[[300,250],[320,50],[320,100]]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-type="gpt" class="component-ad-gpt ad slot ad-mobile "></div> </div></div></div><div class="component-article-section-content article-section-content"><p>Intel 4004 (1971): This was the first microprocessor able to read and respond to instructions. The Intel 4004 grouped all the parts of a computer, including CPU, memory and controls on one silicon chip.</p> </div><div class="component-article-section-content article-section-content"><p>Lisa (1983): Designed by Apple Computers, Lisa was the first microcomputer to utilize a graphical user interface. Lisa also contained a hard drive, two floppy disk drives and a 12-inch black and white monitor.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--desktop-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_reserve-space-desktop inline-ad__wrapper_tall"><div id="inline1-3" data-ad-path="/6117/dmd.techwalla/inline1-3" data-ad-batch="2" data-ad-targeting="{"loc":"inline_3"}" data-ad-sizes="[[300,250],[728,90],[640,250]]" data-ad-bidding="true" data-ad-breakpoint="medium,large" data-ad-type="gpt" class="component-ad-gpt ad inline ad-desktop "></div> </div></div></div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile-critical"><p class="inline-ad__label ui-label"> Advertisement </p> <div class="inline-ad__wrapper inline-ad__wrapper_tall"><div id="slot1-8" data-ad-path="/6117/dmd.techwalla.mw/slot1-8" data-ad-batch="2" data-ad-targeting="{"loc":"ad_8"}" data-ad-sizes="[[300,250],[320,50],[320,100]]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-type="gpt" class="component-ad-gpt ad slot ad-mobile "></div> </div></div></div></article>  <div class="component-article-citations"><div class="citations-heading"><div class="citations-title ui-heading-2"> references </div> <div class="citations-dropdown"><div class="svg arrow-down-small svg--arrow-down-small"></div></div></div> <div class="citations-list-wrapper"><ul class="citations-list is-hidden"><li class="citations-item ui-body"><a href="https://docs.google.com/viewer?a=v&q=cache:5bI_Xfw-clkJ:pctaonline.com/files/index.php?option%3Dcom_docman%26task%3Ddoc_download%26gid%3D3%26Itemid%3D55+A+microcomputer+is+a+small+computer+(see+figure)+built+around+a+microprocessor+integrated+circuit,+or+chip.+Whereas+the+early+minicomputers+replaced+vacuum+tubes+with+discrete+transistors,+microcomputers+(and+later+minicomputers+as+well)+used+microprocessors+that+integrated+thousands+or+millions+of+transistors+on+a+single+chip.+In+1971+the+Intel+Corporation+produced+the+first+microprocessor,...&hl=en&gl=us&pid=bl&srcid=ADGEESh5yAk1UeiqJvtOXB8blVnMQsS3p22mwMu8myjRDffwTSy3umjMDIkO6_W4AvCM2EhRlr-rPLVVGS643zvN6u1SMXgAa8Mb3HGchKL1a5O4iZdzZmxFdLt_GIfYrCWX9vf3ccHN&sig=AHIEtbQxLulxKA-ao-FJvAK6YbRPgcoojg&pli=1" target="_blank" rel="nofollow" class="citations-link"> The Professional Career Training Academy, Introduction to Computers </a></li><li class="citations-item ui-body"><a href="http://www.thocp.net/hardware/mini_computers.htm" target="_blank" rel="nofollow" class="citations-link"> The History of Computing Project, Minicomputers </a></li><li class="citations-item ui-body"><a href="http://users.rcn.com/crfriend/museum/narrative.html" target="_blank" rel="nofollow" class="citations-link"> Carl Friend’s Minicomputer Museum, The narrative </a></li><li class="citations-item ui-body"><a href="http://www.sciencemuseum.org.uk/objects/computing_and_data_processing/1982-960.aspx" target="_blank" rel="nofollow" class="citations-link"> Astonishing Science Spectacular Museum, DEC PDP-8 minicomputer </a></li><li class="citations-item ui-body"><a href="http://bytecollector.com/mark_8.htm" target="_blank" rel="nofollow" class="citations-link"> Bryan’s Old Computers, Mark-8 minicomputer </a></li></ul></div></div>   </div> <aside class="right-rail rrv2 desktop-show mobile-hide"><div class="ad-one"><div class="disclaimer-ad-wrapper" style="top:20px;"><div class="component-compensation-disclaimer ui-label mobile-hide desktop-show">Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process <a title="Learn more about our affiliate and product review process" href="/about">here</a>.</div> <div class="ad atf"><div id="rightrail1-1" data-ad-path="/6117/dmd.techwalla/rightrail1-1" data-ad-targeting="{"loc":"atf"}" data-ad-batch="1" data-ad-breakpoint="large" data-ad-type="gpt" data-ad-sizes="[[300, 250], [300, 600]]"></div></div></div></div> <div class="component-article-rcp desktop-hide mobile-hide"><div class="related-content__heading"><h4 class="heading"><span>People are Reading</span></h4></div> <div class="related-content"><div id="articleWrapper0rcpItem0" class="related-content__item tech-support"><div class="item__section item__section--number-critical"><div> 1 </div>      </div><div class="item__section item__section--title-critical">   <a href="https://www.techwalla.com/articles/the-advantages-of-using-transistors" data-event="rc_right_rail" data-variant="cme" data-info="1" data-label="/articles/the-advantages-of-using-transistors" title="The Advantages of Using Transistors" class="ui-body"><h5> The Advantages of Using Transistors </h5></a>   </div></div><div id="articleWrapper0rcpItem1" class="related-content__item tech-support"><div class="item__section item__section--number-critical"><div> 2 </div>      </div><div class="item__section item__section--title-critical">   <a href="https://www.techwalla.com/articles/types-of-computer-processors" data-event="rc_right_rail" data-variant="cme" data-info="2" data-label="/articles/types-of-computer-processors" title="Types of Computer Processors" class="ui-body"><h5> Types of Computer Processors </h5></a>   </div></div><div id="articleWrapper0rcpItem2" class="related-content__item tech-support"><div class="item__section item__section--number-critical"><div> 3 </div>      </div><div class="item__section item__section--title-critical">   <a href="https://www.techwalla.com/articles/the-function-of-secondary-storage" data-event="rc_right_rail" data-variant="cme" data-info="3" data-label="/articles/the-function-of-secondary-storage" title="The Function of Secondary Storage" class="ui-body"><h5> The Function of Secondary Storage </h5></a>   </div></div></div></div> <div class="ad-two"><div class="ad btf" style="top:20px;"><div id="rightrail1-2" data-ad-path="/6117/dmd.techwalla/rightrail1-2" data-ad-targeting="{"loc":"btf"}" data-ad-batch="1" data-ad-breakpoint="large" data-ad-type="gpt" data-ad-sizes="[[300, 250]]"></div></div></div> <div data-widget="thumbs_up_thumbs_down" data-question="Do you read product reviews before purchasing?" data-site="techwalla" data-results="true" data-settings="{"base":{"padding":"30px 0"},"base_item__hover":{"background-color":"#ddd"}}" class="component-article-section-widget widget-thumbs_up_thumbs_down-critical"></div> <div class="component-article-rcp desktop-hide mobile-hide"><div class="related-content__heading"><h4 class="heading"><span>You May Also Like</span></h4></div> <div class="related-content"><div id="articleWrapper0rcpItem0" class="related-content__item tech-support"><div class="item__section item__section--number-critical"><div> 1 </div>      </div><div class="item__section item__section--title-critical">   <a href="https://www.techwalla.com/articles/types-of-computers-used-in-banks" data-event="rc_right_rail" data-variant="cme" data-info="4" data-label="/articles/types-of-computers-used-in-banks" title="Types of Computers Used in Banks" class="ui-body"><h5> Types of Computers Used in Banks </h5></a>   </div></div><div id="articleWrapper0rcpItem1" class="related-content__item tech-support"><div class="item__section item__section--number-critical"><div> 2 </div>      </div><div class="item__section item__section--title-critical">   <a href="https://www.techwalla.com/articles/types-of-computers-their-functions" data-event="rc_right_rail" data-variant="cme" data-info="5" data-label="/articles/types-of-computers-their-functions" title="Types of Computers & Their Functions" class="ui-body"><h5> Types of Computers & Their Functions </h5></a>   </div></div><div id="articleWrapper0rcpItem2" class="related-content__item tech-support"><div class="item__section item__section--number-critical"><div> 3 </div>      </div><div class="item__section item__section--title-critical">   <a href="https://www.techwalla.com/articles/difference-between-plc-microprocessor" data-event="rc_right_rail" data-variant="cme" data-info="6" data-label="/articles/difference-between-plc-microprocessor" title="Difference Between PLC & Microprocessor" class="ui-body"><h5> Difference Between PLC & Microprocessor </h5></a>   </div></div></div></div> <div class="ad-three-four-container"> </div></aside></div></div></div> <div data-ad-breakpoint="small" data-ad-logic="adhesion" data-ad-batch="1" data-ad-targeting="{"loc":"adhesion"}" data-ad-path="/6117/dmd.techwalla.mw/"></div> <div class="ad-infinite-scroll"><div id="infscroll-mobile1-1" data-ad-path="/6117/dmd.techwalla.mw/infscroll1-1" data-ad-batch="1" data-ad-targeting="{"loc":"infscroll"}" data-ad-sizes="[[1,2]]" data-ad-bidding="false" data-ad-breakpoint="small" data-ad-refresh="false" data-ad-type="gpt" class="component-ad-gpt ad infscroll ad-mobile "></div> <div id="infscroll1-1" data-ad-path="/6117/dmd.techwalla/infscroll1-1" data-ad-batch="1" data-ad-targeting="{"loc":"infscroll"}" data-ad-sizes="[[1,2]]" data-ad-bidding="false" data-ad-breakpoint="medium,large" data-ad-refresh="false" data-ad-type="gpt" class="component-ad-gpt ad infscroll ad-desktop "></div></div></div></div> <div id="brandmetrics1-1" data-ad-pathmobile="/6117/dmd.techwalla.mw/brandmetrics1-1" data-ad-pathdesktop="/6117/dmd.techwalla/brandmetrics1-1" data-ad-batch="1" data-ad-type="gpt" data-ad-breakpoint="small,medium,large" data-ad-outofpage="true" data-ad-refresh="false" data-ad-sizes="[[1, 1]]"></div></div></div> </div></div></main> </div> <div class="component-subscriber-manager">   <div id="emailslider-mobile1-1" data-ad-path="/6117/dmd.techwalla.mw/emailslider1-1" data-ad-batch="1" data-ad-targeting="{"loc":""}" data-ad-sizes="[[1,3]]" data-ad-bidding="true" data-ad-breakpoint="small" data-ad-refresh="false" data-ad-type="gpt" class="component-ad-gpt ad emailslider ad-mobile "></div> <div id="emailslider1-1" data-ad-path="/6117/dmd.techwalla/emailslider1-1" data-ad-batch="1" data-ad-targeting="{"loc":""}" data-ad-sizes="[[1,3]]" data-ad-bidding="true" data-ad-breakpoint="medium,large" data-ad-refresh="false" data-ad-type="gpt" class="component-ad-gpt ad emailslider ad-desktop "></div></div> <script type="text/javascript"> window._reveConfig = { dfpData: {"adcat1":"technology_computing","adcat2":"hardware","adcat3":"computer","adcat4":"","topic1":[],"topic2":[],"topic3":[],"tags":["group10","configurabletemplate"],"article_id":"38453","pagetype":["article"],"subpagetype":"article","category":"tech_support","subcategory":"reviews","art":"38453","ctype":"article","cat":"techsupport","scat":"reviews","subsubcategory":""}, permutiveData: {"page":{"adcat1":"technology_computing","adcat2":"hardware","adcat3":"computer","adcat4":"","topic1":[],"topic2":[],"topic3":[],"tags":["group_10","configurabletemplate"],"content_name":"What Is the Difference Between a Microcomputer & a Minicomputer?","pagetype":"article","subpagetype":"article","published":"2011-03-25T02:32:13+00:00","updated":"2011-03-25T02:32:13+00:00","author":"jchloe","scroll":0,"category":"Tech Support","subcategory":"Reviews","subsubcat":"","pageview_type":"standard","vertical":"","user":{"lg_uuid":"","user_id":"","logged_in":false}}}, } </script> </div></div></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,_,$,aa,ab,ac,ad,ae,af,ag,ah,ai,aj,ak,al,am,an,ao,ap,aq,ar,as,at,au,av,aw,ax,ay,az,aA,aB,aC,aD,aE,aF,aG,aH,aI,aJ,aK,aL,aM,aN,aO,aP,aQ,aR,aS,aT,aU,aV,aW,aX,aY,aZ,a_,a$,ba,bb,bc,bd,be,bf,bg,bh,bi,bj,bk,bl,bm,bn,bo,bp,bq,br,bs,bt,bu,bv,bw,bx,by,bz,bA,bB,bC,bD,bE,bF,bG,bH,bI,bJ,bK,bL,bM,bN,bO,bP,bQ,bR,bS,bT,bU,bV,bW,bX,bY,bZ,b_,b$,ca,cb,cc,cd,ce,cf,cg,ch,ci,cj,ck,cl,cm,cn,co,cp,cq,cr,cs,ct,cu,cv,cw,cx,cy,cz,cA,cB,cC,cD,cE,cF,cG,cH,cI,cJ,cK,cL,cM,cN,cO,cP,cQ,cR,cS,cT,cU,cV,cW,cX,cY,cZ,c_,c$,da,db,dc,dd,de,df,dg,dh,di,dj,dk,dl,dm,dn,do0,dp,dq,dr,ds,dt,du,dv,dw,dx,dy,dz,dA,dB,dC,dD,dE,dF,dG,dH,dI,dJ,dK,dL,dM,dN,dO,dP,dQ,dR,dS,dT,dU,dV,dW,dX,dY,dZ,d_,d$,ea,eb,ec,ed,ee,ef,eg,eh,ei,ej,ek,el,em,en,eo,ep,eq,er,es,et,eu,ev,ew,ex,ey,ez,eA,eB,eC,eD,eE,eF,eG,eH,eI,eJ,eK,eL,eM,eN,eO,eP,eQ,eR,eS,eT,eU,eV,eW,eX,eY,eZ,e_,e$,fa,fb,fc,fd,fe,ff,fg,fh,fi,fj,fk,fl,fm,fn,fo,fp,fq,fr,fs,ft,fu){aS[0]=[s,n];aS[1]=[as,cN];aS[2]=[cO,n];cp.category={name:d,slug:e};cp.subcategory={name:j,slug:k};cp.body=[{parts:[{image:cq},{content:cr}]},{parts:[{content:cs},{content:ct},{content:cu}],title:cv},{parts:[{content:cw},{content:cx},{content:cy},{content:cz}],title:cA},{parts:[{content:cB},{content:cC}],title:cD},{parts:[{content:cE},{content:cF},{content:cG}],title:cH}];cp.content_origin="raw";cp.description="brief";cp.format=f;cp.id=H;cp.image={x:al,url:I,width:am,credit:w,height:an,alttext:l,caption:J,photoid:ae,thumburl:ap,aspectratio:aq,attributionhtml:w,getty_id:ao,unique_id:af};cp.last_published=aP;cp.new_content=c;cp.og_title=E;cp.page_title=E;cp.third_party_titles={article_subtitle:a};cp.published_date=aP;cp.references=[{url:"http:\u002F\u002Fdocs.google.com\u002Fviewer?a=v&q=cache:5bI_Xfw-clkJ:pctaonline.com\u002Ffiles\u002Findex.php?option%3Dcom_docman%26task%3Ddoc_download%26gid%3D3%26Itemid%3D55+A+microcomputer+is+a+small+computer+(see+figure)+built+around+a+microprocessor+integrated+circuit,+or+chip.+Whereas+the+early+minicomputers+replaced+vacuum+tubes+with+discrete+transistors,+microcomputers+(and+later+minicomputers+as+well)+used+microprocessors+that+integrated+thousands+or+millions+of+transistors+on+a+single+chip.+In+1971+the+Intel+Corporation+produced+the+first+microprocessor,...&hl=en&gl=us&pid=bl&srcid=ADGEESh5yAk1UeiqJvtOXB8blVnMQsS3p22mwMu8myjRDffwTSy3umjMDIkO6_W4AvCM2EhRlr-rPLVVGS643zvN6u1SMXgAa8Mb3HGchKL1a5O4iZdzZmxFdLt_GIfYrCWX9vf3ccHN&sig=AHIEtbQxLulxKA-ao-FJvAK6YbRPgcoojg&pli=1",title:"The Professional Career Training Academy, Introduction to Computers"},{url:"http:\u002F\u002Fwww.thocp.net\u002Fhardware\u002Fmini_computers.htm",title:"The History of Computing Project, Minicomputers"},{url:"http:\u002F\u002Fusers.rcn.com\u002Fcrfriend\u002Fmuseum\u002Fnarrative.html",title:"Carl Friend’s Minicomputer Museum, The narrative"},{url:"http:\u002F\u002Fwww.sciencemuseum.org.uk\u002Fobjects\u002Fcomputing_and_data_processing\u002F1982-960.aspx",title:"Astonishing Science Spectacular Museum, DEC PDP-8 minicomputer"},{url:"http:\u002F\u002Fbytecollector.com\u002Fmark_8.htm",title:"Bryan’s Old Computers, Mark-8 minicomputer"}];cp.resources=[];cp.slug=aQ;cp.studio_id="d420c4a1-700b-4257-a3e7-b2ba2135987c";cp.summary=cI;cp.tags=[K,"configurabletemplate"];cp.title=E;cp.title_id=38453;cp.type="Article";cp.writer={_id:cJ,display_name:"jchloe",first_name:"Jen",last_name:"Kim",image:{},avatar:a,writer_id:cJ};cp.instant_published=b;cp.subsubcategory={slug:a};cp.last_updated=aP;cp.image_fields=[{url:I,alttext:l,caption:J,unique_id:af,photoid:ae,bodyLocations:["body.0.parts.0.image"],appearsIn:[{url:H,title:E}]}];cp.keywords=["minicomputer microcomputer facts","differences minicomputers microcomputers","minicomputer microcomputer history"];cp.topic={children:[]};cp.ad_category=["technology_computing","hardware","computer"];cp.advanced_bylines={};cp.expert_reviewer={source:G,user_id:aR,url:aR,slug:aR};cp.fact_checked=c;cp.links=[];cp.cache_tags=["techwalla|article","techwalla|format_article","techwalla|38453","techwalla|jen_kim","techwalla|tech-support_reviews","techwalla|2011_2"];cp.null=[];cp.sections=[{type:ar,content:cq},{type:p,content:cr},{type:y,content:{loc:"ad_1",slot:z,slotNumber:q,sizes:[[s,n],[m,A],[m,t]],isLastAd:c}},{type:r,content:{title:cv,formatted_title:a,heading_label:a}},{type:cK,content:{device:"mobile"}},{type:p,content:cs},{type:y,content:{loc:"ad_2",slot:z,slotNumber:v,sizes:[[s,n],[m,A],[m,t]],isLastAd:c}},{type:cK},{type:p,content:ct},{type:p,content:cu},{type:y,content:{loc:"ad_3",slot:z,slotNumber:ag,sizes:[[s,n],[m,A],[m,t]],isLastAd:c}},{type:"inline_rc"},{type:r,content:{title:cA,formatted_title:a,heading_label:a}},{type:p,content:cw},{type:p,content:cx},{type:y,content:{loc:"ad_4",slot:z,slotNumber:cL,sizes:[[s,n],[m,A],[m,t]],isLastAd:c}},{type:cM,content:{loc:"inline_2",slot:L,slotNumber:v,sizes:aS,isLastAd:c}},{type:p,content:cy},{type:p,content:cz},{type:y,content:{loc:"ad_5",slot:z,slotNumber:M,sizes:[[s,n],[m,A],[m,t]],isLastAd:c}},{type:r,content:{title:cD,formatted_title:a,heading_label:a}},{type:p,content:cB},{type:y,content:{loc:"ad_6",slot:z,slotNumber:B,sizes:[[s,n],[m,A],[m,t]],isLastAd:c}},{type:p,content:cC},{type:r,content:{title:cH,formatted_title:a,heading_label:a}},{type:p,content:cE},{type:y,content:{loc:"ad_7",slot:z,slotNumber:aT,sizes:[[s,n],[m,A],[m,t]],isLastAd:c}},{type:p,content:cF},{type:p,content:cG},{type:cM,content:{loc:"inline_3",slot:L,slotNumber:ag,sizes:aS,isLastAd:b}},{type:y,content:{loc:"ad_8",slot:z,slotNumber:aU,sizes:[[s,n],[m,A],[m,t]],isLastAd:b}}];cp.slideshow={article:{title:E,slug:aQ,image:{x:al,url:I,width:am,credit:w,height:an,alttext:l,caption:J,photoid:ae,thumburl:ap,aspectratio:aq,attributionhtml:w,getty_id:ao,unique_id:af},summary:cI},slides:[{title:a,image:{x:al,_id:H,url:I,width:am,credit:w,height:an,alttext:l,caption:J,photoid:ae,getty_id:ao,thumburl:ap,unique_id:af,aspectratio:aq,attributionhtml:w,appearsIn:[{url:H,title:E}],slideIndex:x},content:[]}],currentIndex:x,totalSlides:q};cp.images=[{url:I,alttext:l,caption:J}];cp.mlt=[{_id:N,format:f,category:{name:d,slug:e},subcategory:{name:C,slug:F},keywords:[aV,aW,aX,aY],tags:[O],title_id:aZ,id:N,title:a_,slug:a$,writer:{_id:P,display_name:ba,bio:bb,avatar:bc,type:g,writer_id:P},image:{url:bd,alttext:be},summary:bf,item_type:h,source:i,position:q},{_id:Q,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bg,bh,bi],tags:[u],title_id:bj,id:Q,title:bk,slug:bl,writer:{_id:R,display_name:bm,bio:bn,avatar:bo,type:g,writer_id:R},image:{url:bp,alttext:l},summary:bq,source:i,item_type:h},{_id:S,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[K],title_id:br,id:S,title:bs,slug:bt,writer:{_id:T,display_name:bu,bio:bv,avatar:bw,type:g,writer_id:T},image:{url:bx,alttext:by},summary:bz,item_type:h,source:i,position:ag},{_id:U,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bA,bB,bC],tags:[bD],title_id:bE,id:U,title:bF,slug:bG,writer:{_id:V,display_name:bH,bio:bI,avatar:bJ,type:g,writer_id:V},image:{url:bK,alttext:l},summary:bL,source:i,item_type:h},{_id:W,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[O],title_id:bM,id:W,title:bN,slug:bO,writer:{_id:X,display_name:bP,bio:bQ,avatar:bR,type:g,writer_id:X},image:{url:bS,alttext:l},summary:bT,item_type:h,source:i,position:M},{_id:Y,format:f,category:{name:d,slug:e},subcategory:{name:C,slug:F},keywords:[bU,bV,bW,bX,bY],tags:[u],title_id:bZ,id:Y,title:b_,slug:b$,writer:{_id:Z,display_name:ca,bio:cb,avatar:cc,type:g,writer_id:Z},image:{url:cd,alttext:l},summary:ce,source:i,item_type:h},{_id:at,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[cP,cQ,cR],tags:[cS],title_id:cT,id:at,title:cU,slug:cV,writer:{_id:au,display_name:cW,bio:cX,avatar:cY,type:g,writer_id:au},image:{url:cZ,alttext:l},summary:c_,item_type:h,source:i,position:aT},{_id:av,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[c$,da,db],tags:[aw],title_id:dc,id:av,title:dd,slug:de,writer:{_id:ax,display_name:df,bio:dg,avatar:dh,type:g,writer_id:ax},image:{url:di,alttext:l},summary:dj,item_type:h,source:i,position:aU},{_id:ay,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[dk,dl,dm,dn,do0,dp],tags:[u],title_id:dq,id:ay,title:dr,slug:ds,writer:{_id:az,display_name:dt,bio:du,avatar:dv,type:g,writer_id:az},image:{url:dw,alttext:l},summary:dx,item_type:h,source:i,position:dy},{_id:aA,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[dz,dA,dB],tags:[aw],title_id:dC,id:aA,title:dD,slug:dE,writer:{_id:aB,display_name:dF,bio:dG,avatar:dH,type:g,writer_id:aB},image:{},summary:dI,item_type:h,source:i,position:aC},{_id:aD,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[dJ,dK,dL],tags:[u],title_id:dM,id:aD,title:dN,slug:dO,writer:{_id:aE,display_name:dP,bio:dQ,avatar:dR,type:g,writer_id:aE},image:{},summary:dS,item_type:h,source:i,position:dT},{_id:aF,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[dU,dV,dW],tags:[K],title_id:dX,id:aF,title:dY,slug:dZ,writer:{_id:aG,display_name:d_,bio:d$,avatar:ea,type:g,writer_id:aG},image:{url:eb,alttext:ec},summary:ed,item_type:h,source:i,position:ee}];cp.mlt_type=G;cp.infinite_scroll=[{_id:N,format:f,category:{name:d,slug:e},subcategory:{name:C,slug:F},keywords:[aV,aW,aX,aY],tags:[O],title_id:aZ,id:N,title:a_,slug:a$,writer:{_id:P,display_name:ba,bio:bb,avatar:bc,type:g,writer_id:P},image:{url:bd,alttext:be},summary:bf,source:i,item_type:h},{_id:Q,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bg,bh,bi],tags:[u],title_id:bj,id:Q,title:bk,slug:bl,writer:{_id:R,display_name:bm,bio:bn,avatar:bo,type:g,writer_id:R},image:{url:bp,alttext:l},summary:bq,source:i,item_type:h},{_id:S,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[K],title_id:br,id:S,title:bs,slug:bt,writer:{_id:T,display_name:bu,bio:bv,avatar:bw,type:g,writer_id:T},image:{url:bx,alttext:by},summary:bz,item_type:h,source:i,position:ag},{_id:U,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bA,bB,bC],tags:[bD],title_id:bE,id:U,title:bF,slug:bG,writer:{_id:V,display_name:bH,bio:bI,avatar:bJ,type:g,writer_id:V},image:{url:bK,alttext:l},summary:bL,item_type:h,source:i,position:cL},{_id:W,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[O],title_id:bM,id:W,title:bN,slug:bO,writer:{_id:X,display_name:bP,bio:bQ,avatar:bR,type:g,writer_id:X},image:{url:bS,alttext:l},summary:bT,item_type:h,source:i,position:M},{_id:Y,format:f,category:{name:d,slug:e},subcategory:{name:C,slug:F},keywords:[bU,bV,bW,bX,bY],tags:[u],title_id:bZ,id:Y,title:b_,slug:b$,writer:{_id:Z,display_name:ca,bio:cb,avatar:cc,type:g,writer_id:Z},image:{url:cd,alttext:l},summary:ce,item_type:h,source:i,position:B}];cp.cached_on="2024-08-27T11:07:34.445Z";cp.related_content=ef;cq.x=al;cq._id=H;cq.url=I;cq.width=am;cq.credit=w;cq.height=an;cq.alttext=l;cq.caption=J;cq.photoid=ae;cq.getty_id=ao;cq.thumburl=ap;cq.unique_id=af;cq.aspectratio=aq;cq.attributionhtml=w;cq.appearsIn=[{url:H,title:E}];cq.slideIndex=x;ef[0]={_id:N,format:f,category:{name:d,slug:e},subcategory:{name:C,slug:F},keywords:[aV,aW,aX,aY],tags:[O],title_id:aZ,id:N,title:a_,slug:a$,writer:{_id:P,display_name:ba,bio:bb,avatar:bc,type:g,writer_id:P},image:{url:bd,alttext:be},summary:bf,item_type:h,source:i,position:q};ef[1]={_id:Q,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bg,bh,bi],tags:[u],title_id:bj,id:Q,title:bk,slug:bl,writer:{_id:R,display_name:bm,bio:bn,avatar:bo,type:g,writer_id:R},image:{url:bp,alttext:l},summary:bq,source:i,item_type:h};ef[2]={_id:S,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[K],title_id:br,id:S,title:bs,slug:bt,writer:{_id:T,display_name:bu,bio:bv,avatar:bw,type:g,writer_id:T},image:{url:bx,alttext:by},summary:bz,item_type:h,source:i,position:ag};ef[3]={_id:U,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[bA,bB,bC],tags:[bD],title_id:bE,id:U,title:bF,slug:bG,writer:{_id:V,display_name:bH,bio:bI,avatar:bJ,type:g,writer_id:V},image:{url:bK,alttext:l},summary:bL,source:i,item_type:h};ef[4]={_id:W,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[],tags:[O],title_id:bM,id:W,title:bN,slug:bO,writer:{_id:X,display_name:bP,bio:bQ,avatar:bR,type:g,writer_id:X},image:{url:bS,alttext:l},summary:bT,item_type:h,source:i,position:M};ef[5]={_id:Y,format:f,category:{name:d,slug:e},subcategory:{name:C,slug:F},keywords:[bU,bV,bW,bX,bY],tags:[u],title_id:bZ,id:Y,title:b_,slug:b$,writer:{_id:Z,display_name:ca,bio:cb,avatar:cc,type:g,writer_id:Z},image:{url:cd,alttext:l},summary:ce,source:i,item_type:h};ef[6]={_id:at,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[cP,cQ,cR],tags:[cS],title_id:cT,id:at,title:cU,slug:cV,writer:{_id:au,display_name:cW,bio:cX,avatar:cY,type:g,writer_id:au},image:{url:cZ,alttext:l},summary:c_,item_type:h,source:i,position:aT};ef[7]={_id:av,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[c$,da,db],tags:[aw],title_id:dc,id:av,title:dd,slug:de,writer:{_id:ax,display_name:df,bio:dg,avatar:dh,type:g,writer_id:ax},image:{url:di,alttext:l},summary:dj,item_type:h,source:i,position:aU};ef[8]={_id:ay,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[dk,dl,dm,dn,do0,dp],tags:[u],title_id:dq,id:ay,title:dr,slug:ds,writer:{_id:az,display_name:dt,bio:du,avatar:dv,type:g,writer_id:az},image:{url:dw,alttext:l},summary:dx,item_type:h,source:i,position:dy};ef[9]={_id:aA,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[dz,dA,dB],tags:[aw],title_id:dC,id:aA,title:dD,slug:dE,writer:{_id:aB,display_name:dF,bio:dG,avatar:dH,type:g,writer_id:aB},image:{},summary:dI,item_type:h,source:i,position:aC};ef[10]={_id:aD,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[dJ,dK,dL],tags:[u],title_id:dM,id:aD,title:dN,slug:dO,writer:{_id:aE,display_name:dP,bio:dQ,avatar:dR,type:g,writer_id:aE},image:{},summary:dS,item_type:h,source:i,position:dT};ef[11]={_id:aF,format:f,category:{name:d,slug:e},subcategory:{name:j,slug:k},keywords:[dU,dV,dW],tags:[K],title_id:dX,id:aF,title:dY,slug:dZ,writer:{_id:aG,display_name:d_,bio:d$,avatar:ea,type:g,writer_id:aG},image:{url:eb,alttext:ec},summary:ed,item_type:h,source:i,position:ee};ei[0]="techwallaConfigurableArticleMutator";ei[1]="dateLogicMutator";ei[2]="contentLinksSectionMutation";el.assertiveYield={entityId:"9Ko99wFpDwCm3nYzR",enableYieldManager:b};el.domContentLoadedDelay=x;el.adhesion={article:{interval:em,max:B,screens:v},modern_article:{interval:em,max:B,screens:v}};el.desktopAdLogic={article:{firstAdDistance:v,imageToCharacters:en,lastAdDistance:eo,maxAds:M,midContentDistance:ep,newlineToCharacters:t,sizes:aS},modern_article:{firstAdDistance:v,imageToCharacters:en,lastAdDistance:eo,maxAds:M,midContentDistance:ep,newlineToCharacters:t,sizes:[[s,n],[as,cN],[cO,n]]},batchOne:{rightrail:[q,v]},enableMinInlineAdLogic:b};el.GPT={adServer:"googletag",adUnitPathDesktop:"\u002F6117\u002Fdmd.techwalla\u002F",adUnitPathMobile:"\u002F6117\u002Fdmd.techwalla.mw\u002F",pubID:"3066",type:"aps"};el.ias={id:928482};el.votd={inlineAdSlotTakeOver:q,enableMobile:b};el.mobileAdLogic={article:{disableFirstAdLogic:b,firstAdDistance:q,imageToCharacters:aH,lastAdDistance:n,maxAds:aC,midContentDistance:aH,newlineToCharacters:eq},batchOne:[q,v],lazyloadSlots:b,modern_article:{disableFirstAdLogic:b,firstAdDistance:q,imageToCharacters:aH,lastAdDistance:n,maxAds:aC,midContentDistance:aH,newlineToCharacters:eq},runwaySlots:[q,v]};el.remixdTestArticle="\u002Farticles\u002Fhow-to-program-a-dish-network-remote-control-to-operate-your-tv-if-you-dont-know-the-code";el.reveSrc="https:\u002F\u002Freve.leafmedia.io\u002Ftechwalla.js";el.enableNativeAdUnit=b;er.compensationDisclaimerText="Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process \u003Ca title=\"Learn more about our affiliate and product review process\" href=\"\u002Fabout\"\u003Ehere\u003C\u002Fa\u003E.";er.compensationDisclaimerTags=[];er.instantPublishedCheck=c;er.enableBase64FirstImage=c;er.enableInfiniteScrollDFP=b;er.inlineRc={title:"We Recommend"};er.tagsForReducedAds=["klaymedia"];er.premium_article={compensationDisclaimerText:a};er.modern_article={contributorBio:es,expertReviewer:b,modules:{code:b,references:b,things_needed:b,tip:b,warning:b},desktop:{headerHeight:et,ads:{logic:L,show:{topBanner:b,topBannerInfiniteScroll:b,rr1:b,rr2:b,rr3:b,rr4:b,votd:b}},contentWidth:as,enableStickyHeader:b,imageTreatment:{enableShrunkImages:c,shrunkImagePortraitMaxWidth:eu,shrunkImageLandscapeMaxWidth:ev,onlyFirstFullWidth:c},modules:{rcp:c,rightrail:b,thumbs_poll:b},rcp:{count:B,isSticky:b,heading:ew,keys:[ex,r]},rightrail:ey},mobile:{ads:{logic:L},modules:{rcp:c,rightrail:c},rcp:{count:B}}};er.article={contributorBio:es,expertReviewer:b,modules:{code:c,references:b,things_needed:c,tip:c,warning:c},desktop:{headerHeight:et,ads:{logic:L,show:{topBanner:b,topBannerInfiniteScroll:b,rr1:b,rr2:b,rr3:b,rr4:b,votd:b}},contentWidth:as,enableStickyHeader:b,imageTreatment:{enableShrunkImages:b,shrunkImagePortraitMaxWidth:eu,shrunkImageLandscapeMaxWidth:ev,onlyFirstFullWidth:c},modules:{rcp:c,rightrail:b,thumbs_poll:b},rcp:{count:B,isSticky:b,heading:ew,keys:[ex,r]},rightrail:ey},mobile:{ads:{logic:L},modules:{rcp:c,rightrail:c},rcp:{count:B}}};ez.method="cachedArticleRetrieve";ez.enableWebpFormat=b;eA.cme="cachedMoreLikeThisCmeGet";eA.topic="cachedMoreLikeThisTopicsGet";eA.subtopic="cachedMoreLikeThisSubtopicsGet";eB.id="GTM-KN4LVG";eC.upload=c;eC.bucket="techwalla_data";eD.name=aI;eE.name="frontend-sdk";eE.localDomain=eF;eE.externalDomain=eF;eE.token="token_from_login";eJ.subscriptionListId={urbanOutfitters:[q]};eK.subscriptionListId=[474677];eL.customerId="58c6ff1d6973164eff94f4006e8b2a12";eL.subscriptionListId=["Master List"];eN.google={clientId:"930294572630-2jg0cp068cg1vi6ebnbron6qkd5iqust.apps.googleusercontent.com"};eN.facebook={appId:eO};eP.domain="https:\u002F\u002Fwww.techwalla.com";eP.label=aI;eP.logo={path:"\u002Fimages\u002Flogo.png",height:51,width:221};eP.meta={title:"Tech & Gadget Reviews, Metascores & Recommendations",description:"Tech made simple for your whole family.",info:[{property:"og:site_name",content:cf},{property:"fb:app_id",content:eO},{property:"fb:pages",content:"1116406528374498"},{name:"twitter:site",content:"@techwalla"}]};eP.imageResizerUrl="https:\u002F\u002Fimg.techwallacdn.com\u002F";eP.name="Techwalla.com";eP.swigHost="www.techwalla.com";eP.swigProxy="http:\u002F\u002Ffrontend.techwalla-master:8080";eP.title=cf;eP.publishingPrinciple=cg;eP.sameAs=["https:\u002F\u002Fwww.facebook.com\u002FtechwallaHQ\u002F","https:\u002F\u002Ftwitter.com\u002Ftechwallahq\u002F"];eP.knowsAbout=[eQ,aJ,aK,eR,_];eP.keywords=[eQ,aJ,aK,eR,_];eP.actionableFeedbackPolicy=cg;eP.aboutPage={specialty:"Tech Reviews, Online Safety, Education, Streaming, Entertainment",description:"We strive to be the definitive destination on tech for your home and family. We give you smart, interesting and timely articles about the latest in technology, as well as how-tos, video reviews, and honest product recommendations that promise to make your life much, much easier.",significantLink:cg,reviewedBy:cf,lastReviewed:"2023-03-14T06:01:40.092Z"};eS.rootMargin="50% 0% 100% 0%";eT.articleGrid={articleCards:{profile:ai}};eT.articleImageResizerProfiles={article:[["500px","630x"],["300px","375"]],card:{normal:[["1200px",ai],["991px","320x320"],[D,"275x275"],[$,ai]],"full-grid":[[D,"1235x752"],[$,"355x458"]],"half-grid":[[$,eU]]}};eT.card={profiles:{"half-grid":eU,article:ai,image:eV,product:ai,premium:eV},defaultImage:"\u002Fimages\u002Farticle-card-placeholder.jpg"};eT.images={premium:{parallax:[{resizeProfile:"715x",imgWidth:"715w",mediaQuery:D}],single:[{resizeProfile:"1440x",imgWidth:"1440w",mediaQuery:D}],slides:[{resizeProfile:"x650",imgWidth:a,mediaQuery:D}]}};eT.prc={single:{aspectRatio:{mobile:"100",desktop:"74.67"},imageProfiles:[[D,"150x112"],[$,"100x100"]],imageWidth:{mobile:"100px"}},double:{aspectRatio:{mobile:ch,desktop:"75.08"},imageProfiles:[[D,"305x229"],[$,ci]],imageWidth:{mobile:eW}},triple:{aspectRatio:{mobile:ch,desktop:ch},imageProfiles:[[D,ci],[$,ci]],imageWidth:{mobile:eW}}};eT.home={hero:{keysToShow:[aa,r,eX]},articleGrid:{numArticles:24},articleCards:{keysToShow:[r,"writer"]}};eT.category={getCategoriesAction:"collections\u002FFETCH_ARTICLE_COLLECTION_BY_CATEGORY",showParentCategory:"heroToggle",articleGrid:{numArticles:eY},articleCards:{keysToShow:[ar,[r,o],cj]},pinterest:{showPinterest:b}};eT.subcategory={useSubcategoryAsHeading:b,articleGrid:{numArticles:eY},articleCards:{keysToShow:[ar,[r],cj]}};eT.hubs={banner:{title:{charLimit:35},subTitle:{charLimit:75}},articleCards:{keysToShow:[ar,[r,eX],cj]}};eT.search={header:{optionsToShowResults:[eZ,e_,"summary"],optionsToShowNoResults:[eZ,e_,"no-results-copy"],options:{headingValue:"Search",summaryTemplate:"-numResults- -results- for “\u003Cspan\u003E-searchTerm-\u003C\u002Fspan\u003E”",inputPlaceholderValue:"Type to Search",noResultsCopy:"Check out our latest articles:",showInputValue:b,showSearchButton:b}}};e$.contributors={profileUrl:"http:\u002F\u002Fstg.leaf.co\u002F#\u002Fprofile"};fa.shop={name:ab,slug:aL,title:ab,type:aa,description:"Want to know more on the latest tech gadget for kids or the best tech deal? Techwalla's got you covered with our honest product recs, sales coverage and more.",hero:aM};fa["gift-guides"]={name:fb,slug:"gift-guides",title:fb,type:o,description:"Whether you are looking for the best tech gifts for your toddler or gifts for your smart-home fanatic, we've got you covered with expert gift guides.",hero:aM,parent:{name:ab,slug:aL}};fa["tech-toys"]={name:fc,slug:"tech-toys",title:fc,type:o,description:"Want a gift for your child that is both tech-savvy and educational? We've got you covered with articles on the best STEM and STEAM gifts for the children in your life.",hero:aM,parent:{name:ab,slug:aL}};fa["tech-on-a-budget"]={name:fd,slug:"tech-on-a-budget",title:fd,type:o,description:"Want the latest iPhone but it's not in the budget? We've got you covered with the best tech deals that fit your budget and lifestyle.",hero:aM,parent:{name:ab,slug:aL}};fa["smart-life"]={name:ac,slug:aj,title:ac,type:aa,description:"With the latest smart, family friendly gadget reviews, cool app recs, travel advice and more, Techwalla helps you live life a little smarter.",hero:ak};fa.gadgets={name:fe,slug:"gadgets",title:fe,type:o,description:"Learn more about the coolest and newest tech gadgets with our honest recommendations and on-the-pulse tech coverage.",hero:ak,parent:{name:ac,slug:aj}};fa["cool-apps"]={name:ff,slug:"cool-apps",title:ff,type:o,description:"Whether you want more news on the coolest educational apps for your kids or an honest review on the best apps to help your productivity, we've got it all.",hero:ak,parent:{name:ac,slug:aj}};fa.travel={name:fg,slug:"travel",title:fg,type:o,description:"At Techwalla, we give you the honest take on the best travel tech, travel deals and tips to help make you and your family's lives (and travel) easier.",hero:ak,parent:{name:ac,slug:aj}};fa.smartphones={name:fh,slug:"smartphones",title:fh,type:o,description:"We provide honest reviews and news on the latest smartphones, from iPhones, Androids, phones for kids and more.",hero:ak,parent:{name:ac,slug:aj}};fa["technically-for-parents"]={name:aN,slug:ck,title:aN,type:aa,description:"From articles covering new tech education resources to online safety tips, we've got everything you need to know to be a tech-savvy parent.",hero:cl};fa.education={name:aK,slug:"education",title:aK,type:o,description:"From reviews on educational apps to STEM and STEAM resources, we help you navigate the crowded world of educational tech and make informed decisions on your kids' education.",hero:cl,parent:{name:aN,slug:ck}};fa["online-safety"]={name:aJ,slug:"online-safety",title:aJ,type:o,description:"At Techwalla, we provide you with the information needed to help keep your family safe in their tech, online and more.",hero:cl,parent:{name:aN,slug:ck}};fa["tech-support"]={name:d,slug:e,title:ab,type:aa,description:"Techwalla is your one-stop-shop for tech advice. From step-by-step how tos to reviews and more, we help keep you and your family connected and productive.",hero:cm};fa["how-to"]={name:C,slug:F,title:C,type:o,description:"From articles that help you reset your printer to troubleshooting your phone, at Techwalla, we help you demystify your tech problems.",hero:cm,parent:{name:d,slug:e}};fa.reviews={name:j,slug:k,title:j,type:o,description:"At Techwalla, we provide honest product recommendations, allowing you to be the most informed about your tech, life and purchasing decisions.",hero:cm,parent:{name:d,slug:e}};fa.entertainment={name:_,slug:cn,title:_,type:aa,description:"From what's new in social media to monthly articles covering the best of what's streaming on the various platforms, we have you covered.",hero:co};fa["whats-streaming"]={name:fi,slug:"whats-streaming",title:fi,type:o,description:"Suffer from analysis paralysis when it comes to what to watch tonight? At Techwalla, we've got you covered with weekly and monthly articles on what's streaming per platform.",hero:co,parent:{name:_,slug:cn}};fa["social-media"]={name:fj,slug:"social-media",title:fj,type:o,description:"Want to know the latest in social media? We've got it all with updates on the latest chatting apps to keep your family connected, family friendly social platforms and more.",hero:co,parent:{name:_,slug:cn}};fk.sub_type="emailSignup";fk.data={colorTheme:{background_color:aO,heading_text_color:ad,body_text_color:fl,error_text_color:fm,button_background_color:ad,button_text_color:aO,logo_style:fn,style:"light",arrow_color:fo,arrow_background_color:ad,field_border_color:a,option_unselected_button_background_color:a,option_unselected_button_text_color:a,option_selected_button_background_color:a,option_selected_button_text_color:a},background_color:aO,heading_color:ad,body_color:fl,error_color:fm,button_background_color:ad,button_text_color:aO,logo_style:fn,arrow_color:fo,arrow_background_color:ad,image_url:a,image_altText:a,has_logo:b,custom_logo_url:a,custom_logo_height:x,custom_logo_width:x,heading_text:"Subscribe for home inspiration",body_text:"How-to's and all the latest news.",email_lists:[],button_text:a,button_url:a,data_connection_field:a,data_connection_options:[],partner:a,campaign:a,terms_conditions_url:a};fk.links={privacy_policy:eg};fp.fetchTourArticles=c;fp.fetchLatestArticles=b;fp.heading="Uh Oh! Something went wrong…not found.";fp.subheading=a;fp.articlesSectionTitle="Latest Articles";fq.enable=b;fq.publicVapidKey="BKzIysu8SJHVmHDQKnms8J0YsetirsXMy6d4kgWcgywqa6gtkdEaecfgOGo8rV0HfLn7Nuj1ctfXta082BMC8lg";fr.shop="Do you need tech gift ideas?";fr["smart-life"]="Do you read reviews for tech products?";fr["technically-for-parents"]="Do you want resources to support learning at home?";fr["tech-support"]="Do you read product reviews before purchasing?";fr.entertainment="Are you interested in new movies and TV shows?";fs.sentinels=[{host:"media-twa-redis.lv7.leaf.io",port:26379}];fs.name="mymaster";fs.allowedQueryParams=["q, page"];fs.exclude=[/\/user/,/\/signin/,/\/signout/,/\/signup/,/\/forgot-password/,/\/reset-password/];fu.basePath="\u002F";fu.assetsPath="\u002F_nuxt\u002F";fu.cdnURL=ah;return {layout:G,data:[cp],fetch:{},error:ah,state:{statusCode:200,isActiveModal:c,showPage500:c,testPoolNumber:G,helpers:{},user:{me:{id:a,name:a,email:a,hasPass:a,avatar:a,slug:a,token:a,phone:a,month:a,day:a,year:a,newsletter:c,favoritedArticles:c,favoritedArticleIds:c,tempFavoritedArticleId:c,tempArticleJustFavorited:a},them:{users:{}}},uploads:{status:{}},topics:{articles:[],meta:{}},subscriberManager:{should_show_popup:c,should_show_slider_capture:c},slideshow:{isVisible:c,slides:[],slideIndex:ah,totalSlides:ah,article:{},slideshowOpenPrompt:"unknown"},series:{series:[]},schema:{homepageFAQ:[],brandEthicsFAQ:[],adoptionClubGuide:{}},rcp:{},promotionalPopup:{sub_type:a,data:{background_color:a,heading_text_color:a,body_text_color:a,error_text_color:a,button_background_color:a,button_text_color:a,logo_style:a,style:a,arrow_color:a,arrow_background_color:a,is_popup_rendered:c,is_popup_populated:c,subscribed:c,heading_color:a,body_color:a,error_color:a,image_url:a,image_altText:a,has_logo:c,custom_logo_url:a,custom_logo_height:x,custom_logo_width:x,heading_text:a,body_text:a,email_lists:[],button_text:a,button_url:a,data_connection_field:a,data_connection_options:[],partner:a,campaign:a,terms_conditions_url:a,field_border_color:a,option_unselected_button_background_color:a,option_unselected_button_text_color:a,option_selected_button_background_color:a,option_selected_button_text_color:a}},promos:{showDefaultNewsletterCapture:ah},products:{},privacyCookies:{privacyNoticeSlug:eg,cookieNoticeSlug:"\u002Fcookie-notice",oneTrustWebform:a,oneTrustWebformDSAR:a,trackerTables:[]},predictiveSearch:{predictiveResults:{}},newsletter:{subscribed:c,error:a,showEmailCapture:c,popupData:{}},mobileTray:{tray_is_visible:c},inlineNewsletterForm:{hasSignedUp:c,hasErrors:c,message:{email:a}},imagesWithHotspots:{},hubs:{hubs:{}},home:{hero:{}},helper:{isMobile:c},gallery:{galleryHeadingStuck:c,activeMap:{}},forms:{forms:{},validator:{}},featureToggles:{},features:{articles:[],meta:{}},embeds:{},emailSlider:{sub_type:a,data:{field_border_color:a,background_color:a,button_background_color:a,button_hover_color:a,button_text:a,button_text_color:a,heading_text_color:a,campaign:a,error_color:a,is_slider_populated:c,mail_lists:[],marketing_color:a,marketing_copy:a,partner:a,thank_you_copy:a,preset_image:a,background_type:a,subheading_copy:a,button_url:a}},contributorProfile:{content:{data:{},writtenArticle:{},reviewedArticle:{},contributedArticle:{}}},contributorBioModal:{modal_is_visible:c},config:{globalNoFollowExceptionsRegex:eh,mutators:ei,enableGtmScriptDelay:c,enableInlineCriticalCss:b,enableJsBundleDelay:b,maxJsBundleScriptDelay:ej,maxGtmScriptDelay:ek,ads:el,configurableArticle:er,article:ez,mlt:eA,GTM:eB,s3:eC,fileStorage:eD,sdk:eE,commerceApi:eG,widgetsSource:eH,hasAuthority:b,instanaApiKey:eI,maropost:eJ,iterable:eK,sailthru:eL,activeEsp:eM,social:eN,site:eP,lazyLoaderSetting:eS,components:eT,contentLab:e$,categories:fa,promotionalPopup:fk,error404:fp,pushNotifications:fq,thumbsPollQuestions:fr,redis:fs,testPoolNumber:G,SITE:aI,BRANCH:ft,_app:fu},collections:{articles:{search:[]},meta:{},page:q,searchTerm:a},categoryLegacy:{articles:[],category:a,subCategory:a,subSubCategory:a,collectionMeta:{},family:[],breadcrumbs:[],page:q},category:{category:{},family:{}},bugs:{},auth:{isModal:c,modalIsVisible:c,activeForm:a,isValidResetToken:b,passwordResetToken:a,isCheckedNewsletterSignup:b,GTM:{prompt:a}},article:{articles:[cp],articleFooterVisibility:c,infiniteScrollArticles:ef,hasFetchedDFP:c,hotspotPopoverSeeMoreDesc:c,mostViewedArticles:[],relatedContentInCategory:[],slideshowArticles:[],series:[],loadingMap:{"-1_/articles/what-is-the-difference-between-a-microcomputer-a-minicomputer":b},fields:{},mutators:{}},ads:{},pushNotifications:{},techwalla:{home:{hero:{},section_1:{displayName:a,results:[]},section_2:{displayName:a,results:[]},helpers:{}}}},serverRendered:b,routePath:aQ,config:{globalNoFollowExceptionsRegex:eh,mutators:ei,enableGtmScriptDelay:c,enableInlineCriticalCss:b,enableJsBundleDelay:b,maxJsBundleScriptDelay:ej,maxGtmScriptDelay:ek,ads:el,configurableArticle:er,article:ez,mlt:eA,GTM:eB,s3:eC,fileStorage:eD,sdk:eE,commerceApi:eG,widgetsSource:eH,hasAuthority:b,instanaApiKey:eI,maropost:eJ,iterable:eK,sailthru:eL,activeEsp:eM,social:eN,site:eP,lazyLoaderSetting:eS,components:eT,contentLab:e$,categories:fa,promotionalPopup:fk,error404:fp,pushNotifications:fq,thumbsPollQuestions:fr,redis:fs,testPoolNumber:G,SITE:aI,BRANCH:ft,_app:fu}}}("",true,false,"Tech Support","tech-support","article","contributor","normal","cme","Reviews","reviews","...",320,250,"subcategory","content",1,"title",300,100,"Group 6",2,"Jupiterimages\u002FBrand X Pictures\u002FGetty Images",0,"ad-mobile","slot",50,6,"How To","768px","What Is the Difference Between a Microcomputer & a Minicomputer?","how-to","default","www.techwalla.com\u002Farticles\u002Fwhat-is-the-difference-between-a-microcomputer-a-minicomputer","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002F41d3dd5b4dce46bc8cc35c010cd7a1b0.jpg","A personal laptop is considered a modern microcomputer.","Group 10","inline",5,"www.techwalla.com\u002Farticles\u002Fthe-invention-of-the-first-motherboard","Group 7","www.demandstudios.com\u002Fcontributor\u002Fa0270c28-5d73-40fb-97cc-3dbd2df922cd","www.techwalla.com\u002Farticles\u002Ffirst-generation-computer-characteristics","www.demandstudios.com\u002Fcontributor\u002F2b2e335f-e0e5-41d5-aab8-1dc03b7f7075","www.techwalla.com\u002Farticles\u002F4-main-parts-computer-system","www.demandstudios.com\u002Fcontributor\u002Fbd5752cf-a068-4151-9fad-af044183bbcb","www.techwalla.com\u002Farticles\u002Fthe-advantages-of-using-transistors","www.demandstudios.com\u002Fcontributor\u002Fc3a05dd8-93ee-41f4-ba37-918da78c9049","www.techwalla.com\u002Farticles\u002Ftypes-of-computer-processors","www.demandstudios.com\u002Fcontributor\u002F2f2a103e-d888-44fc-be18-0e355a4153bd","www.techwalla.com\u002Farticles\u002Fthe-function-of-secondary-storage","www.demandstudios.com\u002Fcontributor\u002Feb415968-2397-438e-9019-923c7b3ed52a","Entertainment","320px","category","Shop","Smart Life","#2E2E30","getty\u002F89795386","ommng",3,null,"400x400","smart-life","https:\u002F\u002Fstorage.leafmedia.io\u002Ftechwalla_data\u002Ffiles\u002F3456489a-4e99-4502-b2be-cf84413bcfdf-smartLife.png","1",357,479,"89795386","http:\u002F\u002Fcache.gettyimages.com\u002Fxt\u002F89795386.jpg?v=1&g=fs1|0|BRX|95|386&s=1",.7453027139874739,"image",728,"www.techwalla.com\u002Farticles\u002Ftypes-of-computers-used-in-banks","www.demandstudios.com\u002Fcontributor\u002F69c2f03d-91bd-4688-94ec-46888cad2f7a","www.techwalla.com\u002Farticles\u002Ftypes-of-computers-their-functions","Group 8","www.demandstudios.com\u002Fcontributor\u002F13a30e9a-7156-439f-8db4-1bbd974879ac","www.techwalla.com\u002Farticles\u002Fdifference-between-plc-microprocessor","www.demandstudios.com\u002Fcontributor\u002F8340417e-f81b-4c08-8390-b3eeef0a7aa5","www.techwalla.com\u002Farticles\u002Fhp-pavilion-dv9700-specs","www.demandstudios.com\u002Fcontributor\u002F36952d5a-5dd1-435e-b651-483e14850ba7",10,"www.techwalla.com\u002Farticles\u002Fintel-atom-vs-intel-i5","www.demandstudios.com\u002Fcontributor\u002Fc5e1e28d-d82c-478c-9b25-c733b5431c26","www.techwalla.com\u002Farticles\u002Fhistory-evolution-of-computers","www.demandstudios.com\u002Fcontributor\u002Ff9cb0fdd-76a0-40dc-97fa-f2096f3ee2db",400,"techwalla","Online Safety","Education","shop","https:\u002F\u002Fstorage.leafmedia.io\u002Ftechwalla_data\u002Ffiles\u002Fe45b98b0-4e12-4f2b-b7d3-5df8322f2002-shop.png","Technically for Parents","#FFFFFF","2011-03-25T02:32:13+00:00","\u002Farticles\u002Fwhat-is-the-difference-between-a-microcomputer-a-minicomputer","59288970df194500114056a6",Array(3),7,8,"computer hardware","motherboard design","motherboard history","computer architecture",36602,"The Invention of the First Motherboard","\u002Farticles\u002Fthe-invention-of-the-first-motherboard","Josh Fredman","Josh Fredman is a freelance pen-for-hire and Web developer living in Seattle. He attended the University of Washington, studying engineering, and worked in logistics, health care and newspapers before deciding to go to work for himself.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F14\u002F15\u002F6e545ba3-b0e1-4e2d-8fcd-dc2ba095ceec.Small.png","http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F146\u002F136\u002F80510175.jpg","Man hiding behind circuit board","At the heart of your computer lies a central nexus that unifies all the other bits and pieces of hardware into a single technological force. It is the motherboard. Every other component in your computer, and all of your ports, plug into the motherboard or are directly integrated into it.","first-generation computers","UNIVAC","vacuum tube switches",5218,"First-Generation Computer Characteristics","\u002Farticles\u002Ffirst-generation-computer-characteristics","Frank Gates","Frank Gates started writing technical documents in 1980 as part of his telecommunications job. He is now a full-time technical writer. Gates has published two books, \"Motorcycle Rider Basics\" and \"The Absolute Supervisor.\" He earned a technical diploma in electronic communications from the DeVry Institute of Technology. ","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F5\u002F11\u002Ff53fc470-1b4f-44a3-abe6-43a01f1ad37f.Small.jpg","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002F41493628b6c34eb195b0e07ea1d428b4.jpg","The first computer, built in 1946 with vacuum tubes, was called ENIAC, or Electronic Numerical Integrator and Computer. By today's standards, this computer was huge. It used 18,000 vacuum tubes, took up 15,000 square feet of floor space and weighed in at a hefty 30 tons.",3437,"4 Main Parts of a Computer System","\u002Farticles\u002F4-main-parts-computer-system","Ryan Cockerham","Ryan Cockerham is a nationally recognized author and creator specializing in all things technology innovation. With a strong background in digital development and media, Ryan's work has been featured by Audi City Beijing, the Scattergood Foundation Innovation Award Program, the Institute of Contemporary Art London. Ryan has published and co-written tech-related content for various media organizations, including major internet platforms such as Yahoo!","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fprofile\u002F5\u002F5\u002Fcead6f29afdc4605828c0b1706331ac8.jpg","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fdadbe5682a104b5592efade72509391a.jpg","Close-Up Of Mother Board","The 4 main parts of a computer are responsible for the vast majority of actions and processes it undertakes. Taking the time to research the function and history of these parts will leave you with a better understanding of how your computer works and how far it has evolved over the years.","why we use transistors","transistor history","transistors vs. vacuum tubes","Group 4",36320,"The Advantages of Using Transistors","\u002Farticles\u002Fthe-advantages-of-using-transistors","Dennis Hartman","Dennis Hartman is a freelance writer living in California. His work covers a wide variety of topics and has been published nationally in print as well as online. Hartman holds a Bachelor of Fine Arts from Syracuse University and a Master of Arts from the State University of New York at Buffalo.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F14\u002F8\u002Fbe0669b0-2d06-4ed5-b819-78b336dbf39e.Small.jpg","http:\u002F\u002Fphotos.demandstudios.com\u002F67\u002F187\u002Ffotolia_489694_XS.jpg","The invention of the transistor represents a major milestone in electronics and science in general. As an outgrowth of World War II-era technology, transistors largely replaced vacuum tubes in computers, radios and other devices through the 1950s and '60s.",36952,"Types of Computer Processors","\u002Farticles\u002Ftypes-of-computer-processors","Jason Chavis","Jason Chavis has been a professional freelance writer since 1998. He is the author of four books, two movies and a play as well as numerous articles for \"Scientific American,\" The History Channel, City Pages and \"The Onion.\" In 1996, Chavis won the award for \"best science fiction\u002Ffantasy\" from the River Valley Writer’s Conference. ","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F10\u002F11\u002F9a051c86-d2e6-42cf-8bc1-e5ffe70aad2a.Small.jpg","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_ehow_com\u002Fi.ehow.com\u002Fimages\u002Fa04\u002Fid\u002F07\u002Ftypes-computer-processors-800x800.jpg","Since the creation of electric computers, there has been a need for a central processing unit to control the actions and data flow in the machines. Early methods of computer processors were large and inefficient. The modern microprocessor is the most widely-used method of controlling a computer.","secondary storage","optical disk drive","flash memory","hard disk drive","non-volatile storage",36569,"The Function of Secondary Storage","\u002Farticles\u002Fthe-function-of-secondary-storage","Al Heurung","Al Heurung began his writing career in 1996 as a sports reporter for \"The St. Charles Press.\" He now serves a technology journalist for various online publications. Heurung studied theology at Crossroads College and game art\u002Fdesign at Westwood University.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F15\u002F12\u002Fffdfec51-5e75-45e2-bc80-d31f025ef3e6.Small.jpg","https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002F570f4508782645709ed00a5115e4d84f.jpg","The function of secondary storage is the long-term retention of data in a computer system. Unlike primary storage, or what we refer to as memory, secondary storage is non-volatile and not cleared when the computer is powered off and back on.","Techwalla","https:\u002F\u002Fwww.techwalla.com\u002Fabout","74.87","195x146","dfp","technically-for-parents","https:\u002F\u002Fstorage.leafmedia.io\u002Ftechwalla_data\u002Ffiles\u002Fb7b8ccba-d0d1-48f3-86d1-84cf61194db0-technicallyForParents.png","https:\u002F\u002Fstorage.leafmedia.io\u002Ftechwalla_data\u002Ffiles\u002F7583087e-6512-4b88-862a-64c6e3a2681f-techSupport.png","entertainment","https:\u002F\u002Fstorage.leafmedia.io\u002Ftechwalla_data\u002Ffiles\u002F1468ddc6-b0ea-4df5-acce-701710b4710f-entertainmentImage.png",{},{},"\u003Cp\u003EMicrocomputers and minicomputers may sound similar, but they are very different types of computers. Microcomputers usually refer to laptop or desktop PCs that you use in a typical household, whereas minicomputers, which were primarily used from 1960 to 1980, are generally larger, but have limited functionality and slower processors.\u003C\u002Fp\u003E\n","\u003Cp\u003EMinicomputers were developed in the 1960s as midrange computers, which boasted relatively high processing speed, but at a significantly smaller size and price compared to larger mainframe and supercomputers. But don't let the word "small" fool you. Some minicomputers still stood over 6 feet and weighed upward of 700 pounds.\u003C\u002Fp\u003E\n","\u003Cp\u003EMinicomputers became prevalent in academic institutions, companies and various industries, because of their affordability, size and ease of use.\u003C\u002Fp\u003E\n","\u003Cp\u003EHowever, during the 1970s, personal computing was markedly changed by the introduction of microcomputers. This new generation of even lower cost computers replaced bulkier and space-consuming older models of minicomputers by utilizing brand new microchip technology. Each chip contained a microprocessor, which controlled the CPU (also called the central processing unit). The CPU is generally considered the brain of a computer and is where all of the computing power lies in a system. It is made up of interconnected circuits containing thousands, and sometimes up to millions, of transistors.\u003C\u002Fp\u003E\n","Two Computer Histories","\u003Cp\u003EMinicomputers can be quite bulky. Just the CPU itself can weigh up to 90 pounds.\u003C\u002Fp\u003E\n","\u003Cp\u003EMinis were designed to be less complex than mainframes but still provide multiple terminals for multiple users. However, many of these systems were still slower, had less memory and were unable to integrate into larger networks.\u003C\u002Fp\u003E\n","\u003Cp\u003ELike their name suggests, microcomputers contain the functionality of a larger computer, but in a significantly smaller form. Information systems, which once filled an entire room, could now fit in a small silicon chip.\u003C\u002Fp\u003E\n","\u003Cp\u003EMicrocomputers are generally considered the smallest, most affordable and most reliable computers. They can also maintain a very high processing speed, as well as ample internal and external storage capacity. Unlike minicomputers, Microcomputers can connect online, form networks and use various input and output accessories, such as laser printers, and CD-ROM\u002FDVD drives.\u003C\u002Fp\u003E\n","Different Characteristics","\u003Cp\u003EMinicomputers were primarily used for process control and performing financial and administrative tasks, such as word processing and accounting. Some machines were designed for medical laboratory and teaching aids.\u003C\u002Fp\u003E\n","\u003Cp\u003EMicrocomputers are primarily used for word processing, managing databases or spreadsheets, graphics and general office applications.\u003C\u002Fp\u003E\n","Primary Uses","\u003Cp\u003EDEC PDP-8 or Straight-8 minicomputer (1965): Manufactured by the Digital Equipment Corporation, the PDP-8 is considered the most widely known minicomputer. At the time, it was one of the most affordable machines, priced at $18,000.\u003C\u002Fp\u003E\n","\u003Cp\u003EIntel 4004 (1971): This was the first microprocessor able to read and respond to instructions. The Intel 4004 grouped all the parts of a computer, including CPU, memory and controls on one silicon chip.\u003C\u002Fp\u003E\n","\u003Cp\u003ELisa (1983): Designed by Apple Computers, Lisa was the first microcomputer to utilize a graphical user interface. Lisa also contained a hard drive, two floppy disk drives and a 12-inch black and white monitor.\u003C\u002Fp\u003E\n","Early Models","Microcomputers and minicomputers may sound similar, but they are very different types of computers.","www.demandstudios.com\u002Fcontributor\u002F533e58fb-6e26-4d23-851e-392560195342","votd",4,"ad-desktop-gpt",90,640,"banking computers","bank computers","computers in banks","Group 9",36955,"Types of Computers Used in Banks","\u002Farticles\u002Ftypes-of-computers-used-in-banks","Natasha Gilani ","Natasha Gilani has been a writer since 2004, with work appearing in various online publications. She is also a member of the Canadian Writers Association. Gilani holds a Master of Business Administration in finance and an honors Bachelor of Science in information technology from the University of Peshawar, Pakistan. ","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F1\u002F9\u002F91d85485-f3e4-41a1-899a-51ba7d75bb53.Small.jpg","http:\u002F\u002Fphotos.demandstudios.com\u002F80\u002F212\u002Ffotolia_3337192_XS.jpg","Banks use a wide range of computers to carry out regular, day-to-day operations. Computers allow banking personnel to efficiently carry out transactions, process customer needs, forecast future trends, prepare internal and external reports, communicate with key participants and generate profits.","computer functions","computer types and functions","computer types",36954,"Types of Computers & Their Functions","\u002Farticles\u002Ftypes-of-computers-their-functions","Peyton Brookes","Peyton Brookes is a workforce development expert and has written professionally about technology, education and science since 2009. She spent several years developing technology and finance courses for social programs in the Washington, D.C. area. She studied computer and information science at the University of Maryland College Park.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F13\u002F8\u002Fcde2b53f-5505-4daa-a84c-40f40c86ba0a.Small.jpg","http:\u002F\u002Fphotos.demandstudios.com\u002F90\u002F120\u002Ffotolia_3184071_XS.jpg","Computers are used for a variety of applications—from scientific data recording to engineering to everyday personal use. As a result, computer functions and the models themselves vary based on usage and application.","control systems","relay","Ladder logic","automation","controller","protocols",4756,"Difference Between PLC & Microprocessor","\u002Farticles\u002Fdifference-between-plc-microprocessor","G.B. Crippen","G.B. Crippen has been writing professionally for almost 25 years, including fiction, news reporting, radio, television, technical writing, and websites. Online publications include articles for MyCountryMatch.com, and NovelAdvice.com. Crippen has a degree in creative writing from the University of Victoria, Canada, and currently resides in California. ","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F1\u002F14\u002F3157851e-fbbd-4097-9e08-0767f8a3c710.Small.jpg","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_ehow_com\u002Fphotos.demandstudios.com\u002F46\u002F205\u002Ffotolia_2202186_XS.jpg","A Programmable Logic Controller (PLC) is type of computer designed specifically for industrial applications. A microprocessor is the Central Processing Unit (CPU) of a computer.",9,"HP DV9700 specs","Pavillion DV9700 features","Pavillion DV9700 specifications",34458,"HP Pavilion DV9700 Specs","\u002Farticles\u002Fhp-pavilion-dv9700-specs","Erik Devaney","Erik Devaney is a writing professional specializing in health and science topics. His work has been featured on various websites. Devaney attended McGill University, where he earned a Bachelor of Arts in humanistic studies.\r\n\r\n","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F14\u002F14\u002F6e9bb05a-c396-4107-ae06-510ddda60467.Small.jpg","The HP Pavilion DV9700 entertainment notebook PC refers to a series of laptop computers that Hewlett-Packard Co. released in 2007. All of these laptops share the same basic features, which include back-lit control panels, touch-sensitive media control buttons, 17-inch display screens and glossy exterior casings.","Atom vs i5","Intel Atom","Intel Core i5",34646,"Intel Atom Vs. Intel I5","\u002Farticles\u002Fintel-atom-vs-intel-i5","Andy Josiah","Andy Josiah started writing professionally in 2006. He has worked for companies such as CarsDirect and Rainking. Josiah holds a Bachelor of Arts in history from the University of Maryland and a Master of Professional Studies in journalism from Georgetown University.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F6\u002F2\u002F6678364a-8499-4e64-8261-69b09899c397.Small.jpg","The Intel Atom and Intel i5 are two processor, or central processing unit, lines from semiconductor company Intel Corp. The Intel Atom, debuting in 2008, is specifically made for relatively small electronic products, especially small laptops known as netbooks.",11,"evolution of computers","computer development timeline","history of computers",5430,"History & Evolution of Computers","\u002Farticles\u002Fhistory-evolution-of-computers","Alex Cosper","I've been a radio personality in San Francisco, Sacramento and Milwaukee and a web developer of several sites. My latest site, SacTV.com, is a virtual tour of Sacramento that helps travelers learn about the city quickly with videos. Another site, PlaylistReseach.com is like an encyclopedia of playlists based on themes, genres, eras and other categories. I have a successful track record as an effective content developer.","http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F9\u002F1\u002Ff9472e8d-dca0-4db2-81d8-9422b2c85b30.Small.jpg","http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F83\u002F238\u002F487856425.jpg","Library","Computers have been around a lot longer than many people might imagine. The word \"computer\" has changed meaning over decades, but the electronic computer that we think of in modern times developed throughout the second half of the 20th century.",12,Array(12),"\u002Fprivacy",/.(:?gov|org|edu)\//,Array(3),5000,3500,{},22000,450,700,1500,110,{},"popup",130,"250","300","People are Reading","number","RRV2",{},{},{},{},{},{},"https:\u002F\u002Fapi.techwalla.com","https:\u002F\u002Fapi.leafmedia.io","https:\u002F\u002Fwidgets.leafmedia.io\u002Fload.js","-2q6lR22TEKHFQk2kgDMtg",{},{},{},"sailthru",{},"1578283302422712",{},"Tech Reviews","Streaming",{},{},"800x380","290x535","195px","author",36,"heading","input",{},{},"Gift Guides","Tech Toys","Tech on a Budget","Gadgets","Cool Apps","Travel","Smartphones","What's Streaming","Social Media",{},"#404B51","#AA0A00","dark","opacity(1)",{},{},{},{},"master",{}));</script>    <script data-id="lg-lazy-load-app"> let isAppLazyLoaded = false; const LAZY_LOAD_TIMER = 5000 const lazyLoadEvents = ['mousedown', 'scroll', 'touchstart']; const criticalLazyLoadEvents = [ { event: 'mouseover', selectorPath: '.component-global-navigation .nav__list-parent', }, { event: 'mouseover', selectorPath: '.component-global-navigation .global-nav-search-and-login svg', }, ]; function lazyLoadApp () { if (isAppLazyLoaded) { return; } isAppLazyLoaded = true; ['/_nuxt/3e36a20.js','/_nuxt/d5b0c15.js','/_nuxt/fdb4e38.js','/_nuxt/73d9cfb.js','/_nuxt/c5be747.js','/_nuxt/926df7a.js','/_nuxt/bb276ce.js','/_nuxt/84c2785.js','/_nuxt/18e81fb.js','/_nuxt/591f741.js','/_nuxt/4c20293.js','/_nuxt/d1886e8.js','/_nuxt/8dc21dd.js','/_nuxt/b2ee401.js','/_nuxt/966ec34.js','/_nuxt/0b7be7d.js','/_nuxt/bfac3bd.js','/_nuxt/46a88b1.js','/_nuxt/3414b91.js','/_nuxt/618edbb.js'].forEach(src => { src=src.replace('"', ''); var s = document.createElement("script"); s.setAttribute("crossorigin", "anonymous"); s.setAttribute("async", true); s.src = src; document.body.appendChild(s); }) lazyLoadEvents.forEach(event => { // 'mousedown', 'scroll', 'touchstart' window.removeEventListener(event, lazyLoadApp) }) criticalLazyLoadEvents.forEach(event => { document.querySelectorAll(event.selectorPath).forEach($item => { $item.removeEventListener(event.event, (e) => lazyLoadApp()) }) }) } lazyLoadEvents.forEach(event => { // 'mousedown', 'scroll', 'touchstart' window.addEventListener(event, lazyLoadApp) }) criticalLazyLoadEvents.forEach(event => { document.querySelectorAll(event.selectorPath).forEach($item => { $item.addEventListener(event.event, (e) => lazyLoadApp()) }) }) setTimeout(lazyLoadApp, LAZY_LOAD_TIMER) </script> </body> </html>