{"id":1720717,"date":"2026-10-16T08:36:41","date_gmt":"2026-10-16T08:36:41","guid":{"rendered":"http:\/\/JQ9x9a69R7prL5cQr7Y3ug"},"modified":"2026-10-16T08:36:41","modified_gmt":"2026-10-16T08:36:41","slug":"nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming","status":"publish","type":"post","link":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/","title":{"rendered":"Nvidia&#8217;s RTX Spark makes for an impressive Arm-based gaming laptop but not one I&#8217;d recommend you buy just for PC gaming"},"content":{"rendered":"<article>\n<p>Well, here it is, Nvidia&#8217;s all-in-one silicon, the RTX Spark. This is an SoC that&#8217;s being promoted as the everything chip; the processor that can be all things to all people. It&#8217;s a creator&#8217;s chip, it&#8217;s an AI-lover&#8217;s chip, and it&#8217;s a gamer&#8217;s chip.<\/p>\n<p>But all three of those kinds of people do need to have one thing in common: they need to be rather well off, because <a href=\"https:\/\/www.pcgamer.com\/hardware\/gaming-laptops\/now-we-know-the-prices-of-the-new-rtx-spark-laptops-and-theyre-as-expensive-as-im-sure-you-feared\/\" target=\"_blank\">this is also an expensive chip<\/a>. I spoke about it when the pricing first came to light last week, while I was at the launch event for this Windows-based tech. Even the cheapest of the RTX Spark machines coming our way will cost $2,700, and that will only get you the weaker cores, a paltry 24 GB of unified memory, and a 512 GB SSD.<\/p>\n<p>That is certainly a limitation, but also completely expected in a time where all things PC cost a ludicrous amount of money, especially devices which are locked into requiring a colossal amount of memory to do their main task. Which, let&#8217;s be honest here, is AI.<\/p>\n<p>The unified memory architecture (UMA) of the RTX Spark is perfectly suited to providing a ton of memory for system resources, but also to be able to switch that over to supporting the GPU when it comes to smashing through local AI workloads which fill up the GPU&#8217;s memory pool. It&#8217;s the perfect time for Nvidia to release something like this, because local AI is set for a bit of an explosion in popularity (especially when the cloud services start charging <em>real<\/em> money for their services), but it&#8217;s also the worst time because this sort of memory-heavy hardware is <em>expensive<\/em>.<\/p>\n<p>But here it is in front of me, an RTX Spark laptop that looks for all the world like the slimline MacBook-esque <a href=\"https:\/\/www.pcgamer.com\/hardware\/gaming-laptops\/razer-blade-14-2025-review\/\" target=\"_blank\">Razer Blade<\/a> machines I&#8217;ve loved for years. But this is no Blade, this is an Asus ProArt P16 and it&#8217;s a stunner. Thinner than the <a href=\"https:\/\/www.pcgamer.com\/hardware\/gaming-laptops\/asus-rog-zephyrus-g16-2026-review\/\" target=\"_blank\">Zephyrus G16<\/a> with a sleek aluminium body and a 64 GB, 20-core RTX Spark N1X chip inside it.<\/p>\n<figure class=\"van-image-figure inline-layout\" data-bordeaux-image-check >\n<div class='image-full-width-wrapper'>\n<div class='image-widthsetter' style=\"max-width:2560px;\">\n<p class=\"vanilla-image-block\" style=\"padding-top:56.25%;\"><img loading=\"lazy\" decoding=\"async\" id=\"335dER7yYLxcPPfk7AdnLL\" name=\"rtx-spark-04\" alt=\"Asus ProArt P16 laptop with Nvidia's RTX Spark inside\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.jpg\" mos=\"\" align=\"middle\" fullscreen=\"\" width=\"2560\" height=\"1440\" attribution=\"\" endorsement=\"\" class=\"inline\"><\/p>\n<\/div>\n<\/div><figcaption itemprop=\"caption description\" class=\" inline-layout\"><span class=\"credit\" itemprop=\"copyrightHolder\">(Image credit: Future)<\/span><\/figcaption><\/figure>\n<div>\n<blockquote>\n<p>From the get-go I can say that this is not a platform I can really recommend to the average PC gamer<\/p>\n<\/blockquote>\n<\/div>\n<p>I&#8217;ve only been using it a short time, and there is so much to it and so much that is going to change over the next few months that I&#8217;m only really going to scratch the surface here. But today I&#8217;m going to go over the architecture and the gaming performance, and maybe I&#8217;ll give you a little bit about my adventures in agentic AI as a palate cleanser later on.<\/p>\n<p>Yet, even having spent under a week with an RTX Spark as my daily driver, I think from the get-go I can probably say that this is not a platform I can really recommend to the average PC gamer. It&#8217;s too expensive and we&#8217;re better served by the gaming laptops already on the market. But, it is an absolutely fascinating, and genuinely impressive platform, and could be a real glimpse at the future of PCs and laptops as a whole.<\/p>\n<h2 class=\"article-body__section\" id=\"section-nvidia-rtx-spark-architecture\"><span>Nvidia RTX Spark &#8211; architecture<\/span><\/h2>\n<figure class=\"van-image-figure inline-layout\" data-bordeaux-image-check >\n<div class='image-full-width-wrapper'>\n<div class='image-widthsetter' style=\"max-width:2560px;\">\n<p class=\"vanilla-image-block\" style=\"padding-top:56.25%;\"><img loading=\"lazy\" decoding=\"async\" id=\"43r9NsyWuCiCCXfqYWp4eL\" name=\"rtx-spark-06\" alt=\"Asus ProArt P16 laptop with Nvidia's RTX Spark inside\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming-1.jpg\" mos=\"\" align=\"middle\" fullscreen=\"\" width=\"2560\" height=\"1440\" attribution=\"\" endorsement=\"\" class=\"inline\"><\/p>\n<\/div>\n<\/div><figcaption itemprop=\"caption description\" class=\" inline-layout\"><span class=\"credit\" itemprop=\"copyrightHolder\">(Image credit: Future)<\/span><\/figcaption><\/figure>\n<p>I&#8217;ve been waiting for this moment for a long time. The promise of an all-Nvidia gaming laptop has been a tantalising prospect for years now; even before the company tried to buy Arm itself there were rumours of an SoC that would combine Arm cores with Nvidia&#8217;s powerful GPU silicon.<\/p>\n<p>AMD&#8217;s had its own APUs for the longest time, and Intel has been running every facet of a laptop since the dark ages. So it&#8217;s no surprise Nvidia wanted a piece of that pie.<\/p>\n<p>And with Qualcomm taking the initial Windows-on-Arm hit with its Snapdragon Elite and Plus chips, letting the OS evolve around the early teething troubles, the time is now ripe for Nvidia&#8217;s platform to come to fruition. <\/p>\n<p>Actually, there is no Windows-on-Arm anymore as Microsoft is ditching the suffix and just calling it Windows, because Microsoft is all-in here, too. To be honest, I think that&#8217;s largely down to the push for local AI and the fact Linux is generally where that lives right now\u2014including the <a href=\"https:\/\/www.pcgamer.com\/hardware\/graphics-cards\/nvidias-little-gold-box-of-pure-ai-power-the-dgx-spark-is-finally-out-and-the-comparison-with-amds-much-cheaper-strix-halo-chip-is-looking-a-little-fugly\/\" target=\"_blank\">DGX Spark<\/a>, which was the first desktop home of the N1X chip that&#8217;s running the RTX Spark. But Microsoft is also helping on the gaming side, making the Prism emulation layer more robust on an Arm platform and also committing to bringing all the anti-cheat apps over that Linux currently doesn&#8217;t have.<\/p>\n<p>Though <a href=\"https:\/\/www.pcgamer.com\/games\/battle-royale\/fortnite-is-coming-to-linux-once-epic-improves-easy-anti-cheat\/\" target=\"_blank\">Epic is working on the Linux side<\/a> of that right now.<\/p>\n<div >\n<table>\n<caption>Nvidia RTX Spark configurations<\/caption>\n<tbody>\n<tr>\n<td class=\"firstcol empty\" ><\/td>\n<td >\n<p><strong>RTX Spark N1X<\/strong><br \/>(5120-core GPU, 18-core CPU)<\/p>\n<\/td>\n<td >\n<p><strong>RTX Spark N1X<\/strong><br \/>(6144-core GPU, 20-core CPU)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>CPU cores<\/strong><\/p>\n<\/td>\n<td >\n<p>18 total<br \/>(9 Arm Cortex-X925 + 9 Arm Cortex-A725)<\/p>\n<\/td>\n<td >\n<p>20 total<br \/>(10 Arm Cortex-X925 + 10 Arm Cortex-A725)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Maximum performance-core clock<\/strong><\/p>\n<\/td>\n<td >\n<p>3.9 GHz<\/p>\n<\/td>\n<td >\n<p>4.0\u20134.1 GHz<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Maximum efficiency-core clock<\/strong><\/p>\n<\/td>\n<td >\n<p>2.8 GHz<\/p>\n<\/td>\n<td >\n<p>2.8 GHz<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>GPU architecture<\/strong><\/p>\n<\/td>\n<td >\n<p>Blackwell RTX<\/p>\n<\/td>\n<td >\n<p>Blackwell RTX<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>CUDA cores<\/strong><\/p>\n<\/td>\n<td >\n<p>5,120<\/p>\n<\/td>\n<td >\n<p>6,144<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Streaming multiprocessors (SMs)<\/strong><\/p>\n<\/td>\n<td >\n<p>40<\/p>\n<\/td>\n<td >\n<p>48<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>RT core generation<\/strong><\/p>\n<\/td>\n<td >\n<p>Fourth generation<\/p>\n<\/td>\n<td >\n<p>Fourth generation<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Tensor core generation<\/strong><\/p>\n<\/td>\n<td >\n<p>Fifth generation<\/p>\n<\/td>\n<td >\n<p>Fifth generation<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Unified memory type<\/strong><\/p>\n<\/td>\n<td >\n<p>LPDDR5X<\/p>\n<\/td>\n<td >\n<p>LPDDR5X<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Memory interface<\/strong><\/p>\n<\/td>\n<td >\n<p>256-bit \/ 16-channel<\/p>\n<\/td>\n<td >\n<p>256-bit \/ 16-channel<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Memory interface speed<\/strong><\/p>\n<\/td>\n<td >\n<p>Up to 9,400 Mbps<\/p>\n<\/td>\n<td >\n<p>Up to 9,400 Mbps<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Peak memory bandwidth<\/strong><\/p>\n<\/td>\n<td >\n<p>Up to 300 GB\/s<\/p>\n<\/td>\n<td >\n<p>Up to 300 GB\/s<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>NVLink C2C bandwidth<\/strong><\/p>\n<\/td>\n<td >\n<p>600 GB\/s bidirectional<\/p>\n<\/td>\n<td >\n<p>600 GB\/s bidirectional<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Display interface support<\/strong><\/p>\n<\/td>\n<td >\n<p>HDMI 2.1a; DisplayPort 2.0 over USB4<\/p>\n<\/td>\n<td >\n<p>HDMI 2.1a; DisplayPort 2.0 over USB4<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Process technology<\/strong><\/p>\n<\/td>\n<td >\n<p>TSMC 3 nm (both dies)<\/p>\n<\/td>\n<td >\n<p>TSMC 3 nm (both dies)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Configurable SoC TDP<\/strong><\/p>\n<\/td>\n<td >\n<p>45\u201380 W<\/p>\n<\/td>\n<td >\n<p>45\u201380 W<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>The Nvidia RTX Spark SoC packs in all the Nvidia good stuff alongside a whole slew of, what appear to be, relatively off-the-shelf Arm cores. This is all packed in alongside up to 128 GB of unified LPDDR5X-9400 memory.<\/p>\n<p>First the GPU side. This is exactly the same as we&#8217;ve already seen drop in the DGX Spark machine launched around this time last year; it&#8217;s an RTX Blackwell-based chip, sporting 6144 CUDA cores across 48 SMs. Effectively, that&#8217;s the same core configuration as the desktop <a href=\"https:\/\/www.pcgamer.com\/hardware\/graphics-cards\/nvidia-rtx-5070-founders-edition-review\/\" target=\"_blank\">RTX 5070 GPU<\/a>, the GB205, although with a chunk less L2 cache, and a necessarily slower clock speed.<\/p>\n<figure class=\"van-image-figure inline-layout\" data-bordeaux-image-check >\n<div class='image-full-width-wrapper'>\n<div class='image-widthsetter' style=\"max-width:2642px;\">\n<p class=\"vanilla-image-block\" style=\"padding-top:56.25%;\"><img loading=\"lazy\" decoding=\"async\" id=\"qzrcjehY65D8RBz9QyASbD\" name=\"rtx-spark-in-hand\" alt=\"Dave holding an Nvidia RTX Spark chip in his hand\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming-3.jpg\" mos=\"\" align=\"middle\" fullscreen=\"\" width=\"2642\" height=\"1486\" attribution=\"\" endorsement=\"\" class=\"inline\"><\/p>\n<\/div>\n<\/div><figcaption itemprop=\"caption description\" class=\" inline-layout\"><span class=\"credit\" itemprop=\"copyrightHolder\">(Image credit: Future)<\/span><\/figcaption><\/figure>\n<p>This is one of the reasons that, despite having the same configuration as the desktop RTX 5070, Nvidia is tempering performance expectations by suggesting it will be more akin to the performance of the <em>mobile <\/em>RTX 5070 (which has fewer SM) in actual gaming performance. <\/p>\n<p>Aside from the cache difference, and the overall difference in attached system memory (LPDDR5X not GDDR7) we can assume that the layout of the Blackwell SM remains the same as it has done since the architecture first launched. There are still 128 CUDA cores per SM and I would expect 192 fifth gen Tensor Cores and 48 fourth gen RT Cores, as there are in the DGX Spark&#8217;s chip.<\/p>\n<p>The 256-bit memory interface and slower memory means you&#8217;re getting 300 GB\/s of memory bandwidth, against the 672 GB\/s the desktop RTX 5070 configuration can offer on its 192-bit bus. But these are slightly apples vs. oranges comparisons because of the platform the RTX Spark is sitting in, the unified memory architecture (UMA) it&#8217;s surrounded by, and the CPU companion it has.<\/p>\n<figure role=\"gallery\">\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming-5.jpg\" alt=\"Nvidia's N1X RTX Spark cores\" \/><figcaption><small role=\"credit\">Nvidia<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming-7.jpg\" alt=\"Nvidia's N1X RTX Spark cores\" \/><figcaption><small role=\"credit\">Nvidia<\/small><\/figcaption><\/figure>\n<\/figure>\n<p>Which, although Nvidia is calling it a Grace CPU, and custom-made with MediaTek, does still just sport some off-the-shelf Arm cores. But a lot of them, to be fair. There are 10 &#8216;performance&#8217; Arm Cortex-X925 cores and 10 &#8216;efficient&#8217; Arm Cortex-A725 cores and they mark the peak of Arm&#8217;s 2024 lineup.<\/p>\n<p>As far as we know, however, there hasn&#8217;t been any additional work done with these cores to help bolster the necessary emulation to be able to run the x86-focused workloads that are going to be thrown their way. This is the step Apple has taken with its own Arm cores, making sure they&#8217;re designed from the ground up to take care of such things.<\/p>\n<p>There is also a second, cut-down RTX Spark SoC. That comes with 5120 CUDA cores across 40 SMs (so a commensurate reduction in Tensor cores and RT cores, too) and with 18 Arm CPU cores, meaning one less of each of the performance and efficient cores.<\/p>\n<h2 class=\"article-body__section\" id=\"section-nvidia-rtx-spark-gaming-performance\"><span>Nvidia RTX Spark &#8211; Gaming performance<\/span><\/h2>\n<div class=\"vizualizer-embed\">\n<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;700&display=swap'); @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap'); #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper *, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper *:before, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper *:after, #fv-chart-1792075982248-y64zpc686-slideshow *, #fv-chart-1792075982248-y64zpc686-slideshow *:before, #fv-chart-1792075982248-y64zpc686-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper, #fv-chart-1792075982248-y64zpc686-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-inner-wrapper { color: #1F2937 !important; background-color: #ededed !important; padding: 1.5rem 1.5rem 2rem !important; border-radius: 0.5rem !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; margin: 1rem 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.fv-full-bleed .fv-inner-wrapper { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792075982248-y64zpc686-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-slideshow-nav-row { position: relative !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 0 0 16px 0 !important; width: 100% !important; z-index: 20 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-nav-btn { background-color: var(--riv-primary) !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; padding: 8px 16px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; transition: opacity 0.2s, background-color 0.2s !important; height: 36px !important; text-transform: none !important; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-nav-btn.disabled, #fv-chart-1792075982248-y64zpc686-slideshow .fv-nav-btn:disabled { background-color: #E5E7EB !important; color: #9CA3AF !important; cursor: default !important; pointer-events: none !important; box-shadow: none !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-slide-counter { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; text-align: center !important; min-width: 40px !important; background-color: rgba(255,255,255,0.8) !important; padding: 2px 8px !important; border-radius: 10px !important; user-select: none !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-slideshow-select { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 20 !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white !important; border: 1px solid #d1d5db !important; color: #1F2937 !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; padding: 6px 32px 6px 12px !important; border-radius: 4px !important; cursor: pointer !important; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'\/%3e%3c\/svg%3e\") !important; background-position: right 0.5rem center !important; background-repeat: no-repeat !important; background-size: 1.5em 1.5em !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-chart-title { font-weight: bold !important; text-align: center !important; margin-bottom: 0.5rem !important; color: var(--riv-primary) !important; font-size: 20px !important; line-height: 1.2 !important; font-family: 'Open Sans', sans-serif !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; padding: 0 20px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-chart-subhead { font-size: 18px !important; font-weight: 500 !important; text-align: center !important; margin-bottom: 2rem !important; color: #374151 !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; text-transform: none !important; padding: 0 20px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .rv-chart-caption { font-size: 15px !important; color: #374151 !important; text-align: center !important; font-style: normal !important; font-weight: normal !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select { background: transparent; border: none; border-bottom: 2px solid; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select option { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #374151; direction: ltr; text-align: left; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-vs { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; color: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-bar { height: 32px; width: var(--target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; display: flex; align-items: center; overflow: hidden; color: #ffffff; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-bar-right { border-radius: 0 4px 4px 0; justify-content: flex-start; padding: 0 8px; } @keyframes fv-grow-max-width { from { max-width: 0; } to { max-width: 100%; } } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-center-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background-color: #ffffff; transform: translateX(-50%); z-index: 1; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-label { position: absolute; left: 50%; transform: translateX(-50%); top: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #374151; white-space: nowrap; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-logo { display: block !important; margin: 0 auto !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: auto !important; object-fit: contain !important; flex-shrink: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-dropdown-title { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: transparent !important; border: none !important; font-size: 18px !important; font-weight: 600 !important; color: var(--riv-primary) !important; padding-right: 28px !important; padding-left: 10px !important; cursor: pointer !important; text-align: center !important; text-align-last: center !important; width: auto !important; max-width: 100% !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; margin: 0 !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-dropdown-chevron { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; color: var(--riv-primary) !important; display: flex !important; align-items: center !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-carousel-title-controls { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; width: 100% !important; gap: 12px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-carousel-nav-btn { background: transparent !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; padding: 6px 10px !important; cursor: pointer !important; font-size: 14px !important; color: #374151 !important; display: flex !important; align-items: center !important; gap: 4px !important; font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px 16px !important; margin: 0 !important; padding: 0 !important; margin-top: 1rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-multi-value-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px 24px !important; margin-bottom: 1.5rem !important; padding: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-multi-legend-item { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #374151 !important; font-weight: 500 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-benchmark-title { font-size: 18px !important; font-weight: 600 !important; margin-bottom: 16px !important; margin-top: 0 !important; padding: 0 !important; text-align: center !important; color: var(--riv-primary) !important; flex: 1 !important; min-width: 0 !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; word-wrap: break-word !important; max-width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-row, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-label { width: 150px !important; flex-shrink: 0 !important; font-size: 14px !important; color: #374151 !important; padding-right: 10px !important; text-align: right !important; font-weight: 500 !important; display: block !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-container { flex-grow: 1 !important; background-color: #E5E7EB !important; border-radius: 4px !important; min-height: 25px !important; border: 1px solid #D1D5DB !important; position: relative !important; display: flex !important; align-items: center !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-commentary-inline { display: none !important; position: absolute !important; left: 150px !important; top: 0 !important; bottom: 0 !important; right: 0 !important; width: calc(100% - 150px) !important; margin: 0 !important; padding: 0 8px !important; font-size: 13px !important; color: #fff !important; background: rgba(0,0,0,0.8) !important; border-radius: 4px !important; line-height: 1.4 !important; font-weight: normal !important; text-transform: none !important; word-wrap: break-word !important; z-index: 10 !important; align-items: center !important; overflow-y: auto !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar { height: 100% !important; border-radius: 3px !important; display: flex !important; align-items: center !important; transition: opacity 0.2s ease, width 0.8s ease-out !important; min-height: 23px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-inner-content { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; height: 100% !important; padding: 0 8px !important; font-size: 14px !important; font-weight: bold !important; overflow: hidden !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-value-outside { padding-left: 8px !important; font-size: 14px !important; font-weight: bold !important; color: #374151 !important; white-space: nowrap !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-stacked-segment { height: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 8px !important; border-right: 1px solid rgba(255,255,255,0.3) !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.5rem !important; font-weight: 700 !important; font-size: 14px !important; color: #374151 !important; text-transform: none !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-ticks { display: flex !important; justify-content: space-between !important; padding-top: 4px !important; font-size: 13px !important; color: #374151 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-ticks span::before { content: '' !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 2px !important; height: 4px !important; background-color: #D1D5DB !important; border-radius: 1px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-title { text-align: center !important; font-size: 15px !important; color: #374151 !important; margin-top: 8px !important; margin-bottom: 16px !important; line-height: 1.5 !important; padding: 0 1rem !important; display: block !important; font-weight: bold !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-y-axis-title { font-size: 15px !important; color: #374151 !important; line-height: 1.5 !important; text-align: left !important; padding-left: 5.83% !important; margin-bottom: 4px !important; display: block !important; font-weight: bold !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-pie-container, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-row, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-stacked-product, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-grouped-bar-product, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-row, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-stacked-product, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-label, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-grouped-product-title, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-label, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-container, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-cluster, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-container, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-x-axis-wrapper, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-x-axis-label-space, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-x-axis-chart-space, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-benchmark-title, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-dropdown-title, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-carousel-nav-btn, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-chart-title, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-chart-subhead, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-versus-header, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select-wrapper, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-versus-vs, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select-container, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-stl-shop-all-btn, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-stl-shop-all-logo, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-stl-shop-all-icon, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-bar-commentary-inline, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-row, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-stacked-product, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-label, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-container, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-cluster { width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-label-space { display: none !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-stl-shop-all-logo, #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792075982248-y64zpc686-slideshow .fv-chart-wrapper.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } }<\/style>\n<p><script type=\"application\/ld+json\">[{ \"@context\": \"https:\/\/schema.org\", \"@type\": \"Dataset\", \"name\": \"1080p gaming performance\", \"description\": \"Testing the relative gaming performance of different laptops across multiple games.\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-10-15T14:53:02.249Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"Asus ProArt P16 | RTX Spark\", \"Framework 16\", \"Razer Blade 14 (2025)\", \"Cyberpunk 2077 (1080p RT Ultra)\", \"Baldur's Gate 3 (1080p Ultra)\", \"Black Myth: Wukong benchmarking tool (1080p High)\", \"Metro Exodus Enhanced Edition (1080p Ultra)\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark \u2013 Cyberpunk 2077 (1080p RT Ultra)\", \"value\": 36, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | RTX 5070 100 W \u2013 Cyberpunk 2077 (1080p RT Ultra)\", \"value\": 43, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | RTX 5070 115 W \u2013 Cyberpunk 2077 (1080p RT Ultra)\", \"value\": 45, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark \u2013 Baldur's Gate 3 (1080p Ultra)\", \"value\": 42, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | RTX 5070 100 W \u2013 Baldur's Gate 3 (1080p Ultra)\", \"value\": 69, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | RTX 5070 115 W \u2013 Baldur's Gate 3 (1080p Ultra)\", \"value\": 65, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark \u2013 Black Myth: Wukong benchmarking tool (1080p High)\", \"value\": 66, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | RTX 5070 100 W \u2013 Black Myth: Wukong benchmarking tool (1080p High)\", \"value\": 64, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | RTX 5070 115 W \u2013 Black Myth: Wukong benchmarking tool (1080p High)\", \"value\": 65, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark \u2013 Metro Exodus Enhanced Edition (1080p Ultra)\", \"value\": 75, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | RTX 5070 100 W \u2013 Metro Exodus Enhanced Edition (1080p Ultra)\", \"value\": 82, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | RTX 5070 115 W \u2013 Metro Exodus Enhanced Edition (1080p Ultra)\", \"value\": 84, \"unitText\": \"Avg FPS\" } ]},{ \"@context\": \"https:\/\/schema.org\", \"@type\": \"Dataset\", \"name\": \"Native gaming performance\", \"description\": \"Testing the relative gaming performance across multiple games at the laptop screen's native resolution.\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-10-15T14:53:02.249Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"Asus ProArt P16 | RTX Spark\", \"Framework 16\", \"Razer Blade 14 (2025)\", \"Cyberpunk 2077 (Native res. RT Ultra)\", \"Baldur's Gate 3 (Native res. Ultra)\", \"Black Myth: Wukong benchmarking tool (Native res. High)\", \"Metro Exodus Enhanced Edition (Native res. Ultra)\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark | 1880p \u2013 Cyberpunk 2077 (Native res. RT Ultra)\", \"value\": 18, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | RTX 5070 100 W | 1600p \u2013 Cyberpunk 2077 (Native res. RT Ultra)\", \"value\": 18, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | RTX 5070 115 W | 1800p \u2013 Cyberpunk 2077 (Native res. RT Ultra)\", \"value\": 7, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark | 1880p \u2013 Baldur's Gate 3 (Native res. Ultra)\", \"value\": 36, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | RTX 5070 100 W | 1600p \u2013 Baldur's Gate 3 (Native res. Ultra)\", \"value\": 67, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | RTX 5070 115 W | 1800p \u2013 Baldur's Gate 3 (Native res. Ultra)\", \"value\": 61, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark | 1880p \u2013 Black Myth: Wukong benchmarking tool (Native res. High)\", \"value\": 38, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | RTX 5070 100 W | 1600p \u2013 Black Myth: Wukong benchmarking tool (Native res. High)\", \"value\": 72, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | RTX 5070 115 W | 1800p \u2013 Black Myth: Wukong benchmarking tool (Native res. High)\", \"value\": 63, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark | 1880p \u2013 Metro Exodus Enhanced Edition (Native res. Ultra)\", \"value\": 46, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | RTX 5070 100 W | 1600p \u2013 Metro Exodus Enhanced Edition (Native res. Ultra)\", \"value\": 54, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | RTX 5070 115 W | 1800p \u2013 Metro Exodus Enhanced Edition (Native res. Ultra)\", \"value\": 49, \"unitText\": \"Avg FPS\" } ]},{ \"@context\": \"https:\/\/schema.org\", \"@type\": \"Dataset\", \"name\": \"Upscaled gaming performance\", \"description\": \"Testing the relative gaming performance of different laptops across multiple games.\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-10-15T14:53:02.249Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"Asus ProArt P16 | RTX Spark\", \"Framework 16\", \"Razer Blade 14 (2025)\", \"Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG)\", \"Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%))\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark \u2013 Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG)\", \"value\": 54, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | RTX 5070 100 W \u2013 Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG)\", \"value\": 75, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | RTX 5070 115 W \u2013 Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG)\", \"value\": 62, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark \u2013 Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%))\", \"value\": 62, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | RTX 5070 100 W \u2013 Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%))\", \"value\": 72, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | RTX 5070 115 W \u2013 Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%))\", \"value\": 63, \"unitText\": \"Avg FPS\" } ]}]<\/script><script type=\"application\/json\" class=\"fv-embed-state\" data-version=\"2\">{\"version\":2,\"exportedAt\":\"2026-10-15T14:53:02.249Z\",\"state\":{\"data\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"attribute\":\"Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG)\",\"value\":54,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":54,\"unit\":\"Avg FPS\"},{\"value\":34,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"attribute\":\"Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%))\",\"value\":62,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":62,\"unit\":\"Avg FPS\"},{\"value\":37,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Framework 16\",\"attribute\":\"Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG)\",\"value\":75,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":75,\"unit\":\"Avg FPS\"},{\"value\":58,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Framework 16\",\"attribute\":\"Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%))\",\"value\":72,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":72,\"unit\":\"Avg FPS\"},{\"value\":62,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Razer Blade 14 (2025)\",\"attribute\":\"Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG)\",\"value\":62,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":62,\"unit\":\"Avg FPS\"},{\"value\":43,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Razer Blade 14 (2025)\",\"attribute\":\"Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%))\",\"value\":63,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":63,\"unit\":\"Avg FPS\"},{\"value\":55,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"}],\"products\":[\"Asus ProArt P16 | RTX Spark\",\"Framework 16\",\"Razer Blade 14 (2025)\"],\"attributes\":[\"Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG)\",\"Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%))\"],\"selectedProducts\":[],\"selectedPrimaryProduct\":null,\"selectedAttributes\":[],\"productColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"initialProductColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Bar\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"Dropdown\",\"brand\":{\"name\":\"PC Gamer\",\"logoUrl\":\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/pcgamer.png\",\"sliderLogoShape\":\"square\",\"embedBg\":\"#ededed\",\"colors\":{\"primary\":\"#E33235\",\"secondary\":\"#FE9F58\",\"accent\":\"#1CA9C4\",\"background\":\"#ededed\",\"text\":\"#1F2937\",\"productColors\":[\"#E33235\",\"#FE9F58\",\"#1CA9C4\",\"#EB6F71\",\"#FFC08B\",\"#66C5D7\",\"#B5282A\",\"#D07F46\"]}},\"textContent\":{\"title\":\"Upscaled gaming performance\",\"subhead\":\"Testing the relative gaming performance of different laptops across multiple games.\",\"caption\":\"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",\"productNameOverrides\":{\"Framework 16\":\"Framework 16 | RTX 5070 100 W\",\"MSI Crosshair 16 HX (AI)\":\"MSI Crosshair 16 HX | RTX 5070 115 W\",\"Razer Blade 14 (2025)\":\"Razer Blade 14 | RTX 5070 115 W\"},\"attributeNameOverrides\":{},\"chartTitleOverrides\":{},\"xAxisLabelOverrides\":{},\"subheadOverrides\":{},\"captionOverrides\":{},\"unitOverrides\":{},\"multiValueLegendOverrides\":{},\"barCommentaryOverrides\":{}},\"dataEverLoaded\":true,\"showAISuggestionsButton\":false,\"barChartShowXAxis\":false,\"groupedBarChartShowProductName\":false,\"barChartLabelsOnTop\":true,\"experimentalEnablePieChart\":false,\"slideshowUseDropdown\":false},\"slides\":[{\"id\":\"slide-1792068864174\",\"snapshot\":{\"selectedProducts\":[\"Asus ProArt P16 | RTX Spark\",\"Framework 16\",\"Razer Blade 14 (2025)\"],\"selectedPrimaryProduct\":\"Asus ProArt P16 | RTX Spark\",\"selectedAttributes\":[\"Cyberpunk 2077 (1080p RT Ultra)\",\"Baldur's Gate 3 (1080p Ultra)\",\"Black Myth: Wukong benchmarking tool (1080p High)\",\"Metro Exodus Enhanced Edition (1080p Ultra)\"],\"productColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"initialProductColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Bar\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"Dropdown\",\"brand\":{\"name\":\"PC Gamer\",\"logoUrl\":\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/pcgamer.png\",\"sliderLogoShape\":\"square\",\"embedBg\":\"#ededed\",\"colors\":{\"primary\":\"#E33235\",\"secondary\":\"#FE9F58\",\"accent\":\"#1CA9C4\",\"background\":\"#ededed\",\"text\":\"#1F2937\",\"productColors\":[\"#E33235\",\"#FE9F58\",\"#1CA9C4\",\"#EB6F71\",\"#FFC08B\",\"#66C5D7\",\"#B5282A\",\"#D07F46\"]}},\"textContent\":{\"title\":\"1080p gaming performance\",\"subhead\":\"Testing the relative gaming performance of different laptops across multiple games.\",\"caption\":\"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",\"productNameOverrides\":{\"Framework 16\":\"Framework 16 | RTX 5070 100 W\",\"MSI Crosshair 16 HX (AI)\":\"MSI Crosshair 16 HX | RTX 5070 115 W\",\"Razer Blade 14 (2025)\":\"Razer Blade 14 | RTX 5070 115 W\"},\"attributeNameOverrides\":{},\"chartTitleOverrides\":{},\"xAxisLabelOverrides\":{},\"subheadOverrides\":{},\"captionOverrides\":{},\"unitOverrides\":{},\"multiValueLegendOverrides\":{},\"barCommentaryOverrides\":{}},\"dataEverLoaded\":true,\"showAISuggestionsButton\":false,\"barChartShowXAxis\":false,\"groupedBarChartShowProductName\":false,\"barChartLabelsOnTop\":true,\"experimentalEnablePieChart\":false,\"slideshowUseDropdown\":false}},{\"id\":\"slide-1792075946078\",\"snapshot\":{\"selectedProducts\":[\"Asus ProArt P16 | RTX Spark\",\"Framework 16\",\"Razer Blade 14 (2025)\"],\"selectedPrimaryProduct\":\"Asus ProArt P16 | RTX Spark\",\"selectedAttributes\":[\"Cyberpunk 2077 (Native res. RT Ultra)\",\"Baldur's Gate 3 (Native res. Ultra)\",\"Black Myth: Wukong benchmarking tool (Native res. High)\",\"Metro Exodus Enhanced Edition (Native res. Ultra)\"],\"productColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"initialProductColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Bar\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"Dropdown\",\"brand\":{\"name\":\"PC Gamer\",\"logoUrl\":\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/pcgamer.png\",\"sliderLogoShape\":\"square\",\"embedBg\":\"#ededed\",\"colors\":{\"primary\":\"#E33235\",\"secondary\":\"#FE9F58\",\"accent\":\"#1CA9C4\",\"background\":\"#ededed\",\"text\":\"#1F2937\",\"productColors\":[\"#E33235\",\"#FE9F58\",\"#1CA9C4\",\"#EB6F71\",\"#FFC08B\",\"#66C5D7\",\"#B5282A\",\"#D07F46\"]}},\"textContent\":{\"title\":\"Native gaming performance\",\"subhead\":\"Testing the relative gaming performance across multiple games at the laptop screen's native resolution.\",\"caption\":\"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",\"productNameOverrides\":{\"Framework 16\":\"Framework 16 | RTX 5070 100 W | 1600p\",\"MSI Crosshair 16 HX (AI)\":\"MSI Crosshair 16 HX | RTX 5070 115 W | 1600p\",\"Razer Blade 14 (2025)\":\"Razer Blade 14 | RTX 5070 115 W | 1800p\",\"Asus ProArt P16 | RTX Spark\":\"Asus ProArt P16 | RTX Spark | 1880p\"},\"attributeNameOverrides\":{},\"chartTitleOverrides\":{},\"xAxisLabelOverrides\":{},\"subheadOverrides\":{},\"captionOverrides\":{},\"unitOverrides\":{},\"multiValueLegendOverrides\":{},\"barCommentaryOverrides\":{}},\"dataEverLoaded\":true,\"showAISuggestionsButton\":false,\"barChartShowXAxis\":false,\"groupedBarChartShowProductName\":false,\"barChartLabelsOnTop\":true,\"experimentalEnablePieChart\":false,\"slideshowUseDropdown\":false}},{\"id\":\"slide-1792075980795\",\"snapshot\":{\"selectedProducts\":[\"Asus ProArt P16 | RTX Spark\",\"Framework 16\",\"Razer Blade 14 (2025)\"],\"selectedPrimaryProduct\":\"Asus ProArt P16 | RTX Spark\",\"selectedAttributes\":[\"Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG)\",\"Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%))\"],\"productColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"initialProductColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Bar\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"Dropdown\",\"brand\":{\"name\":\"PC Gamer\",\"logoUrl\":\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/pcgamer.png\",\"sliderLogoShape\":\"square\",\"embedBg\":\"#ededed\",\"colors\":{\"primary\":\"#E33235\",\"secondary\":\"#FE9F58\",\"accent\":\"#1CA9C4\",\"background\":\"#ededed\",\"text\":\"#1F2937\",\"productColors\":[\"#E33235\",\"#FE9F58\",\"#1CA9C4\",\"#EB6F71\",\"#FFC08B\",\"#66C5D7\",\"#B5282A\",\"#D07F46\"]}},\"textContent\":{\"title\":\"Upscaled gaming performance\",\"subhead\":\"Testing the relative gaming performance of different laptops across multiple games.\",\"caption\":\"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",\"productNameOverrides\":{\"Framework 16\":\"Framework 16 | RTX 5070 100 W\",\"MSI Crosshair 16 HX (AI)\":\"MSI Crosshair 16 HX | RTX 5070 115 W\",\"Razer Blade 14 (2025)\":\"Razer Blade 14 | RTX 5070 115 W\"},\"attributeNameOverrides\":{},\"chartTitleOverrides\":{},\"xAxisLabelOverrides\":{},\"subheadOverrides\":{},\"captionOverrides\":{},\"unitOverrides\":{},\"multiValueLegendOverrides\":{},\"barCommentaryOverrides\":{}},\"dataEverLoaded\":true,\"showAISuggestionsButton\":false,\"barChartShowXAxis\":false,\"groupedBarChartShowProductName\":false,\"barChartLabelsOnTop\":true,\"experimentalEnablePieChart\":false,\"slideshowUseDropdown\":false}}]}<\/script><\/p>\n<div id=\"fv-chart-1792075982248-y64zpc686-slideshow\" class=\"fv-slideshow-container\" data-slide-count=\"3\" data-iframe-height=\"true\">\n<div class=\"fv-slideshow-nav-row\"><button class=\"fv-nav-btn prev disabled\" aria-label=\"Previous Slide\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg><span>Previous<\/span><\/button><\/p>\n<div class=\"fv-slide-counter\">1 \/ 3<\/div>\n<p><button class=\"fv-nav-btn next\" aria-label=\"Next Slide\"><span>Next<\/span><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg><\/button><\/div>\n<div class=\"fv-slides-wrapper\">\n<div class=\"fv-slide\" id=\"fv-chart-1792075982248-y64zpc686-slide-0-wrapper\" data-index=\"0\" style=\"display: block;\">\n<div id=\"fv-chart-1792075982248-y64zpc686-slide-0\" class=\"fv-chart-wrapper labels-on-top \" data-bar-labels-on-top=\"true\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">1080p gaming performance<\/h3>\n<p class=\"fv-chart-subhead\">Testing the relative gaming performance of different laptops across multiple games.<\/p>\n<div class=\"fv-dropdown-wrapper\">\n<div class=\"fv-dropdown-title-container\"><select class=\"fv-dropdown-title\"><option value=\"0\">Cyberpunk 2077 (1080p RT Ultra)<\/option><option value=\"1\">Baldur&#8217;s Gate 3 (1080p Ultra)<\/option><option value=\"2\">Black Myth: Wukong benchmarking tool (1080p High)<\/option><option value=\"3\">Metro Exodus Enhanced Edition (1080p Ultra)<\/option><\/select><\/p>\n<div class=\"fv-dropdown-chevron\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/div>\n<\/div>\n<\/div>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1792075982248-y64zpc686-slide-0-bar-Cyberpunk 2077 (1080p RT Ultra)\" data-chart-type=\"Bar\" data-title=\"Cyberpunk 2077 (1080p RT Ultra)\" data-subhead=\"Testing the relative gaming performance of different laptops across multiple games.\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 60%; background-color: #E33235;\" data-target-width=\"60\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">36<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 45%; background-color: #FE9F58;\" data-target-width=\"45\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">27<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | RTX 5070 100 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 71.66666666666667%; background-color: #E33235;\" data-target-width=\"71.66666666666667\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">43<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 55.00000000000001%; background-color: #FE9F58;\" data-target-width=\"55.00000000000001\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">33<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | RTX 5070 115 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 75%; background-color: #E33235;\" data-target-width=\"75\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">45<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 46.666666666666664%; background-color: #FE9F58;\" data-target-width=\"46.666666666666664\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">28<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Cyberpunk 2077 (1080p RT Ultra) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark<\/td>\n<td>36 Avg FPS, 27 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | RTX 5070 100 W<\/td>\n<td>43 Avg FPS, 33 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | RTX 5070 115 W<\/td>\n<td>45 Avg FPS, 28 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792075982248-y64zpc686-slide-0-bar-Baldur's Gate 3 (1080p Ultra)\" data-chart-type=\"Bar\" data-title=\"Baldur's Gate 3 (1080p Ultra)\" data-subhead=\"Testing the relative gaming performance of different laptops across multiple games.\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 52.5%; background-color: #E33235;\" data-target-width=\"52.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">42<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 30%; background-color: #FE9F58;\" data-target-width=\"30\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">24<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | RTX 5070 100 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 86.25%; background-color: #E33235;\" data-target-width=\"86.25\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">69<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 51.24999999999999%; background-color: #FE9F58;\" data-target-width=\"51.24999999999999\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">41<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | RTX 5070 115 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 81.25%; background-color: #E33235;\" data-target-width=\"81.25\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">65<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 47.5%; background-color: #FE9F58;\" data-target-width=\"47.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">38<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Baldur&#8217;s Gate 3 (1080p Ultra) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark<\/td>\n<td>42 Avg FPS, 24 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | RTX 5070 100 W<\/td>\n<td>69 Avg FPS, 41 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | RTX 5070 115 W<\/td>\n<td>65 Avg FPS, 38 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792075982248-y64zpc686-slide-0-bar-Black Myth: Wukong benchmarking tool (1080p High)\" data-chart-type=\"Bar\" data-title=\"Black Myth: Wukong benchmarking tool (1080p High)\" data-subhead=\"Testing the relative gaming performance of different laptops across multiple games.\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 82.5%; background-color: #E33235;\" data-target-width=\"82.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">66<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 52.5%; background-color: #FE9F58;\" data-target-width=\"52.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">42<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | RTX 5070 100 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 80%; background-color: #E33235;\" data-target-width=\"80\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">64<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 68.75%; background-color: #FE9F58;\" data-target-width=\"68.75\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">55<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | RTX 5070 115 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 81.25%; background-color: #E33235;\" data-target-width=\"81.25\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">65<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 70%; background-color: #FE9F58;\" data-target-width=\"70\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">56<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Black Myth: Wukong benchmarking tool (1080p High) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark<\/td>\n<td>66 Avg FPS, 42 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | RTX 5070 100 W<\/td>\n<td>64 Avg FPS, 55 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | RTX 5070 115 W<\/td>\n<td>65 Avg FPS, 56 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792075982248-y64zpc686-slide-0-bar-Metro Exodus Enhanced Edition (1080p Ultra)\" data-chart-type=\"Bar\" data-title=\"Metro Exodus Enhanced Edition (1080p Ultra)\" data-subhead=\"Testing the relative gaming performance of different laptops across multiple games.\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 75%; background-color: #E33235;\" data-target-width=\"75\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">75<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 28.999999999999996%; background-color: #FE9F58;\" data-target-width=\"28.999999999999996\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">29<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | RTX 5070 100 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 82%; background-color: #E33235;\" data-target-width=\"82\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">82<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 51%; background-color: #FE9F58;\" data-target-width=\"51\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">51<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | RTX 5070 115 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 84%; background-color: #E33235;\" data-target-width=\"84\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">84<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 50%; background-color: #FE9F58;\" data-target-width=\"50\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">50<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Metro Exodus Enhanced Edition (1080p Ultra) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark<\/td>\n<td>75 Avg FPS, 29 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | RTX 5070 100 W<\/td>\n<td>82 Avg FPS, 51 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | RTX 5070 115 W<\/td>\n<td>84 Avg FPS, 50 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\" style=\"display: block;\"><span class=\"fv-original-caption\" style=\"display: block;\"><\/span><span class=\"fv-ia-dynamic-caption\" style=\"display: none;\"><\/span><\/div>\n<\/div>\n<div class=\"fv-logo-explore-bar\"><img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\" alt=\"PC Gamer Logo\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-slide\" id=\"fv-chart-1792075982248-y64zpc686-slide-1-wrapper\" data-index=\"1\" style=\"display: none;\">\n<div id=\"fv-chart-1792075982248-y64zpc686-slide-1\" class=\"fv-chart-wrapper labels-on-top \" data-bar-labels-on-top=\"true\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">Native gaming performance<\/h3>\n<p class=\"fv-chart-subhead\">Testing the relative gaming performance across multiple games at the laptop screen&#8217;s native resolution.<\/p>\n<div class=\"fv-dropdown-wrapper\">\n<div class=\"fv-dropdown-title-container\"><select class=\"fv-dropdown-title\"><option value=\"0\">Cyberpunk 2077 (Native res. RT Ultra)<\/option><option value=\"1\">Baldur&#8217;s Gate 3 (Native res. Ultra)<\/option><option value=\"2\">Black Myth: Wukong benchmarking tool (Native res. High)<\/option><option value=\"3\">Metro Exodus Enhanced Edition (Native res. Ultra)<\/option><\/select><\/p>\n<div class=\"fv-dropdown-chevron\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/div>\n<\/div>\n<\/div>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1792075982248-y64zpc686-slide-1-bar-Cyberpunk 2077 (Native res. RT Ultra)\" data-chart-type=\"Bar\" data-title=\"Cyberpunk 2077 (Native res. RT Ultra)\" data-subhead=\"Testing the relative gaming performance across multiple games at the laptop screen's native resolution.\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark | 1880p<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 90%; background-color: #E33235;\" data-target-width=\"90\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">18<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 65%; background-color: #FE9F58;\" data-target-width=\"65\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">13<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | RTX 5070 100 W | 1600p<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 90%; background-color: #E33235;\" data-target-width=\"90\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">18<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 40%; background-color: #FE9F58;\" data-target-width=\"40\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">8<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | RTX 5070 115 W | 1800p<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 35%; background-color: #E33235;\" data-target-width=\"35\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">7<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 15%; background-color: #FE9F58;\" data-target-width=\"15\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">3<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Cyberpunk 2077 (Native res. RT Ultra) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark | 1880p<\/td>\n<td>18 Avg FPS, 13 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | RTX 5070 100 W | 1600p<\/td>\n<td>18 Avg FPS, 8 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | RTX 5070 115 W | 1800p<\/td>\n<td>7 Avg FPS, 3 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792075982248-y64zpc686-slide-1-bar-Baldur's Gate 3 (Native res. Ultra)\" data-chart-type=\"Bar\" data-title=\"Baldur's Gate 3 (Native res. Ultra)\" data-subhead=\"Testing the relative gaming performance across multiple games at the laptop screen's native resolution.\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark | 1880p<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 45%; background-color: #E33235;\" data-target-width=\"45\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">36<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 27.500000000000004%; background-color: #FE9F58;\" data-target-width=\"27.500000000000004\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">22<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | RTX 5070 100 W | 1600p<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 83.75%; background-color: #E33235;\" data-target-width=\"83.75\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">67<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 46.25%; background-color: #FE9F58;\" data-target-width=\"46.25\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">37<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | RTX 5070 115 W | 1800p<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 76.25%; background-color: #E33235;\" data-target-width=\"76.25\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">61<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 37.5%; background-color: #FE9F58;\" data-target-width=\"37.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">30<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Baldur&#8217;s Gate 3 (Native res. Ultra) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark | 1880p<\/td>\n<td>36 Avg FPS, 22 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | RTX 5070 100 W | 1600p<\/td>\n<td>67 Avg FPS, 37 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | RTX 5070 115 W | 1800p<\/td>\n<td>61 Avg FPS, 30 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792075982248-y64zpc686-slide-1-bar-Black Myth: Wukong benchmarking tool (Native res. High)\" data-chart-type=\"Bar\" data-title=\"Black Myth: Wukong benchmarking tool (Native res. High)\" data-subhead=\"Testing the relative gaming performance across multiple games at the laptop screen's native resolution.\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark | 1880p<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 47.5%; background-color: #E33235;\" data-target-width=\"47.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">38<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 32.5%; background-color: #FE9F58;\" data-target-width=\"32.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">26<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | RTX 5070 100 W | 1600p<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 90%; background-color: #E33235;\" data-target-width=\"90\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">72<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 77.5%; background-color: #FE9F58;\" data-target-width=\"77.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">62<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | RTX 5070 115 W | 1800p<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 78.75%; background-color: #E33235;\" data-target-width=\"78.75\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">63<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 68.75%; background-color: #FE9F58;\" data-target-width=\"68.75\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">55<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Black Myth: Wukong benchmarking tool (Native res. High) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark | 1880p<\/td>\n<td>38 Avg FPS, 26 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | RTX 5070 100 W | 1600p<\/td>\n<td>72 Avg FPS, 62 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | RTX 5070 115 W | 1800p<\/td>\n<td>63 Avg FPS, 55 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792075982248-y64zpc686-slide-1-bar-Metro Exodus Enhanced Edition (Native res. Ultra)\" data-chart-type=\"Bar\" data-title=\"Metro Exodus Enhanced Edition (Native res. Ultra)\" data-subhead=\"Testing the relative gaming performance across multiple games at the laptop screen's native resolution.\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark | 1880p<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 76.66666666666667%; background-color: #E33235;\" data-target-width=\"76.66666666666667\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">46<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 28.333333333333332%; background-color: #FE9F58;\" data-target-width=\"28.333333333333332\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">17<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | RTX 5070 100 W | 1600p<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 90%; background-color: #E33235;\" data-target-width=\"90\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">54<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 65%; background-color: #FE9F58;\" data-target-width=\"65\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">39<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | RTX 5070 115 W | 1800p<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 81.66666666666667%; background-color: #E33235;\" data-target-width=\"81.66666666666667\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">49<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 58.333333333333336%; background-color: #FE9F58;\" data-target-width=\"58.333333333333336\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">35<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Metro Exodus Enhanced Edition (Native res. Ultra) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark | 1880p<\/td>\n<td>46 Avg FPS, 17 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | RTX 5070 100 W | 1600p<\/td>\n<td>54 Avg FPS, 39 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | RTX 5070 115 W | 1800p<\/td>\n<td>49 Avg FPS, 35 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\" style=\"display: block;\"><span class=\"fv-original-caption\" style=\"display: block;\"><\/span><span class=\"fv-ia-dynamic-caption\" style=\"display: none;\"><\/span><\/div>\n<\/div>\n<div class=\"fv-logo-explore-bar\"><img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\" alt=\"PC Gamer Logo\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-slide\" id=\"fv-chart-1792075982248-y64zpc686-slide-2-wrapper\" data-index=\"2\" style=\"display: none;\">\n<div id=\"fv-chart-1792075982248-y64zpc686-slide-2\" class=\"fv-chart-wrapper labels-on-top \" data-bar-labels-on-top=\"true\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">Upscaled gaming performance<\/h3>\n<p class=\"fv-chart-subhead\">Testing the relative gaming performance of different laptops across multiple games.<\/p>\n<div class=\"fv-dropdown-wrapper\">\n<div class=\"fv-dropdown-title-container\"><select class=\"fv-dropdown-title\"><option value=\"0\">Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG)<\/option><option value=\"1\">Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%))<\/option><\/select><\/p>\n<div class=\"fv-dropdown-chevron\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/div>\n<\/div>\n<\/div>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1792075982248-y64zpc686-slide-2-bar-Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG)\" data-chart-type=\"Bar\" data-title=\"Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG)\" data-subhead=\"Testing the relative gaming performance of different laptops across multiple games.\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 67.5%; background-color: #E33235;\" data-target-width=\"67.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">54<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 42.5%; background-color: #FE9F58;\" data-target-width=\"42.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">34<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | RTX 5070 100 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 93.75%; background-color: #E33235;\" data-target-width=\"93.75\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">75<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 72.5%; background-color: #FE9F58;\" data-target-width=\"72.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">58<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | RTX 5070 115 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 77.5%; background-color: #E33235;\" data-target-width=\"77.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">62<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 53.75%; background-color: #FE9F58;\" data-target-width=\"53.75\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">43<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Cyberpunk 2077 (Native res. RT Ultra + upscaling (quality), 2x FG) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark<\/td>\n<td>54 Avg FPS, 34 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | RTX 5070 100 W<\/td>\n<td>75 Avg FPS, 58 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | RTX 5070 115 W<\/td>\n<td>62 Avg FPS, 43 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792075982248-y64zpc686-slide-2-bar-Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%))\" data-chart-type=\"Bar\" data-title=\"Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%))\" data-subhead=\"Testing the relative gaming performance of different laptops across multiple games.\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 77.5%; background-color: #E33235;\" data-target-width=\"77.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">62<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 46.25%; background-color: #FE9F58;\" data-target-width=\"46.25\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">37<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | RTX 5070 100 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 90%; background-color: #E33235;\" data-target-width=\"90\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">72<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 77.5%; background-color: #FE9F58;\" data-target-width=\"77.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">62<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | RTX 5070 115 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 78.75%; background-color: #E33235;\" data-target-width=\"78.75\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">63<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 68.75%; background-color: #FE9F58;\" data-target-width=\"68.75\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">55<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Black Myth: Wukong benchmarking tool (Native res. High + upscaling (quality, 67%)) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark<\/td>\n<td>62 Avg FPS, 37 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | RTX 5070 100 W<\/td>\n<td>72 Avg FPS, 62 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | RTX 5070 115 W<\/td>\n<td>63 Avg FPS, 55 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\" style=\"display: block;\"><span class=\"fv-original-caption\" style=\"display: block;\"><\/span><span class=\"fv-ia-dynamic-caption\" style=\"display: none;\"><\/span><\/div>\n<\/div>\n<div class=\"fv-logo-explore-bar\"><img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\" alt=\"PC Gamer Logo\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script> window.iFrameResizer = { heightCalculationMethod: 'taggedElement' }; <\/script> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/iframe-resizer\/4.2.11\/iframeResizer.contentWindow.min.js\" async><\/script> <script> (function() { function createChartAnimator() { return function animateChartWrapper(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment'); bars.forEach(function(bar, index) { bar.style.setProperty('width', '0%', 'important'); bar.style.setProperty('transition', 'none', 'important'); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.style.setProperty('margin-left', baseMargin + '%', 'important'); } setTimeout(function() { var marginTransition = baseMargin !== undefined ? ', margin-left 0.8s ease-out' : ''; bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out' + marginTransition, 'important'); bar.style.setProperty('width', targetWidth + '%', 'important'); if (targetMargin !== undefined && baseMargin !== undefined) { bar.style.setProperty('margin-left', targetMargin + '%', 'important'); } }, index * 50 + 50); }); } function animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector('svg'); if (!lineSvg) return; var paths = lineSvg.querySelectorAll('.riv-line-path'); paths.forEach(function(p, i) { if (typeof p.getTotalLength === 'function') { var len = p.getTotalLength(); p.style.transition = 'none'; p.style.strokeDasharray = len; p.style.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(function() { p.style.transition = 'stroke-dashoffset 1s ease-out ' + (i * 0.1) + 's, stroke-width 0.2s, opacity 0.2s'; p.style.strokeDashoffset = '0'; }, 100); } }); var dots = lineSvg.querySelectorAll('.riv-dot'); dots.forEach(function(dot, i) { dot.style.opacity = '0'; setTimeout(function() { dot.style.transition = 'opacity 0.3s ease'; dot.style.opacity = '1'; }, 500 + i * 10); }); } var charts = chartWrapper.querySelectorAll('.fv-chart-item'); charts.forEach(function(chart) { if (window.getComputedStyle(chart).display === 'none') return; var chartType = chart.dataset.chartType; if (chartType === 'Line') { animateLineChart(chart); } else if (chartType !== 'Pie') { animateBars(chart); } }); }; } var fvLocalAnimate = createChartAnimator(); window.fvAnimateCharts = fvLocalAnimate; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); if (!root && !isSlideshow) return; function setupWrapper(chartWrapper) { if (!chartWrapper) return; \/* Responsive mobile view handling *\/ function checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height) <= 599; var isMobile; if (width === 0) { isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { isMobile = isMobileDevice || width < 600; } if (isMobile) { chartWrapper.classList.add('mobile-view'); } else { chartWrapper.classList.remove('mobile-view'); } } checkMobileView(); if (typeof ResizeObserver !== 'undefined') { var ro = new ResizeObserver(function() { checkMobileView(); }); ro.observe(chartWrapper); } window.addEventListener('resize', checkMobileView); var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop) { var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var hasVisibleBarChart = false; charts.forEach(function(c) { if (window.getComputedStyle(c).display !== 'none') { var cType = c.dataset.chartType; if (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus') { hasVisibleBarChart = true; } } }); if (hasVisibleBarChart) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } else { chartWrapper.classList.remove('labels-on-top'); } \/* Legend interactions *\/ chartWrapper.querySelectorAll('.riv-line-legend').forEach(function(legend) { var chartId = legend.dataset.chart; var chart = chartWrapper.querySelector('[id=\"' + chartId + '\"]'); if (!chart) return; var lines = chart.querySelectorAll('.riv-line-path'); var dots = chart.querySelectorAll('.riv-dot'); var legendItems = legend.querySelectorAll('.riv-legend-item'); legendItems.forEach(function(item) { var productName = item.dataset.product; var safeProductName = productName.replace(\/\"\/g, '\\\\\"'); var line = chart.querySelector('.riv-line-path[data-product=\"' + safeProductName + '\"]'); var productDots = chart.querySelectorAll('.riv-dot[data-product=\"' + safeProductName + '\"]'); if (line &#038;&#038; !line.dataset.origStroke) { line.dataset.origStroke = line.getAttribute('stroke-width') || '2'; } var highlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; }; var clearHighlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); }; var toggleIsolate = function() { var isIsolated = item.classList.contains('isolated'); legendItems.forEach(function(i) { i.classList.remove('isolated'); }); if (isIsolated) { lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); } else { item.classList.add('isolated'); lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; } }; item.addEventListener('mouseenter', highlight); item.addEventListener('focus', highlight); item.addEventListener('mouseleave', clearHighlight); item.addEventListener('blur', clearHighlight); item.addEventListener('click', toggleIsolate); if (line) { line.style.cursor = 'pointer'; line.addEventListener('mouseenter', highlight); line.addEventListener('mouseleave', clearHighlight); line.addEventListener('click', toggleIsolate); } }); }); \/* Versus Chart Logic *\/ var versusCharts = chartWrapper.querySelectorAll('.fv-versus-chart'); versusCharts.forEach(function(vc) { var dataJson = vc.getAttribute('data-versus-data'); var leftColor = vc.getAttribute('data-left-color') || '#E53935'; var rightColor = vc.getAttribute('data-right-color') || '#FFB300'; if (!dataJson) return; var versusData = JSON.parse(dataJson); var leftSelect = vc.querySelector('.fv-select-left'); var rightSelect = vc.querySelector('.fv-select-right'); var rows = vc.querySelectorAll('.fv-versus-row'); function updateVersusChart() { var leftProduct = leftSelect.value; var rightProduct = rightSelect.value; leftSelect.style.color = leftColor; leftSelect.style.borderColor = leftColor; rightSelect.style.color = rightColor; rightSelect.style.borderColor = rightColor; rows.forEach(function(row) { var index = parseInt(row.getAttribute('data-index')); var data = versusData[index]; if (!data) return; var leftVal = data.productData[leftProduct] ? data.productData[leftProduct].value : undefined; var rightVal = data.productData[rightProduct] ? data.productData[rightProduct].value : undefined; var leftIsNum = typeof leftVal === 'number'; var rightIsNum = typeof rightVal === 'number'; var leftNum = leftIsNum ? leftVal : 0; var rightNum = rightIsNum ? rightVal : 0; var maxVal = Math.max(leftNum, rightNum, 0.0001); var leftWidth = leftIsNum ? (leftNum \/ maxVal) * 95 : 0; var rightWidth = rightIsNum ? (rightNum \/ maxVal) * 85 : 0; var winner = null; var pctDiffStr = null; if (leftIsNum &#038;&#038; rightIsNum) { if (leftNum > rightNum) { winner = 'left'; if (rightNum > 0) { var diff = Math.round(((leftNum - rightNum) \/ rightNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } else if (rightNum > leftNum) { winner = 'right'; if (leftNum > 0) { var diff = Math.round(((rightNum - leftNum) \/ leftNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } } var leftDisplay = data.productData[leftProduct] && data.productData[leftProduct].displayValue !== undefined ? data.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : '-')); var rightDisplay = data.productData[rightProduct] && data.productData[rightProduct].displayValue !== undefined ? data.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : '-')); var unit = (data.productData[leftProduct] && data.productData[leftProduct].unit) || (data.productData[rightProduct] && data.productData[rightProduct].unit) || ''; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector('.fv-versus-bar-left'); var rightBar = row.querySelector('.fv-versus-bar-right'); var leftText = row.querySelector('.fv-inside-left'); var rightText = row.querySelector('.fv-inside-right'); var labelText = row.querySelector('.fv-versus-label span'); var existingPctDiffs = row.querySelectorAll('.fv-versus-pct-diff'); existingPctDiffs.forEach(function(el) { el.remove(); }); if (winner === 'left' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === 'right' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.style.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.style.setProperty('--target-width', leftWidth + '%'); leftBar.style.width = leftWidth + '%'; } if (rightBar) { rightBar.style.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.style.setProperty('--target-width', rightWidth + '%'); rightBar.style.width = rightWidth + '%'; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = data.attribute + (unit ? ' (' + unit + ')' : ''); } }); } if (leftSelect) leftSelect.addEventListener('change', updateVersusChart); if (rightSelect) rightSelect.addEventListener('change', updateVersusChart); }); \/* Bar Commentary Hover Logic *\/ var barRows = chartWrapper.querySelectorAll('.fv-bar-row'); var globalCaptionEl = chartWrapper.querySelector('.rv-chart-caption'); var fallbackCaptionHtml = globalCaptionEl ? globalCaptionEl.innerHTML : ''; barRows.forEach(function(row) { var commentaryEl = row.querySelector('[data-commentary-key]'); if (commentaryEl) { var commentaryText = commentaryEl.textContent; if (commentaryText && commentaryText.trim().length > 0) { row.addEventListener('mouseenter', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = commentaryText; globalCaptionEl.classList.add('fv-bar-active-caption'); } }); row.addEventListener('mouseleave', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = fallbackCaptionHtml; globalCaptionEl.classList.remove('fv-bar-active-caption'); } }); } } }); \/* Carousel & Dropdown Logic *\/ var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var dropdown = chartWrapper.querySelector('.fv-dropdown-title'); var prevBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.prev'); var nextBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.next'); var carouselTitle = chartWrapper.querySelector('.fv-carousel-title-controls .fv-benchmark-title'); var counter = chartWrapper.querySelector('.fv-carousel-counter'); var subheadEl = chartWrapper.querySelector('.fv-chart-subhead'); var captionEl = chartWrapper.querySelector('.rv-chart-caption'); var footerContentEl = chartWrapper.querySelector('.fv-footer-content'); var bottomBarEl = chartWrapper.querySelector('.fv-bottom-bar'); var logoEl = chartWrapper.querySelector('.fv-logo'); if (charts.length > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.options).map(function(o) { return o.text; }); } else { charts.forEach(function(c) { titles.push(c.getAttribute('data-title') || ''); }); } function showInternalChart(index) { if (index < 0) index = charts.length - 1; if (index >= charts.length) index = 0; currentChartIndex = index; charts.forEach(function(c, i) { c.style.display = i === index ? 'block' : 'none'; if (i === index) { var cType = c.dataset.chartType; if (cType !== 'Pie') { fvLocalAnimate(chartWrapper); } var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop && (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus')) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } }); if (dropdown) dropdown.value = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ' of ' + charts.length; var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute('data-subhead'); var newCaption = activeChart.getAttribute('data-caption'); var currentChartType = activeChart.getAttribute('data-chart-type'); var hideGlobalCaption = currentChartType === 'Countdown' || currentChartType === 'Image Comparison' || currentChartType === 'Shop the Collection'; if (subheadEl) subheadEl.textContent = newSubhead || ''; if (captionEl) { captionEl.textContent = newCaption || ''; fallbackCaptionHtml = newCaption || ''; } if (footerContentEl) { if (newCaption && newCaption.trim().length > 0 && !hideGlobalCaption) { footerContentEl.style.display = 'block'; if (bottomBarEl) bottomBarEl.style.display = 'flex'; } else { footerContentEl.style.display = 'none'; if (bottomBarEl && !logoEl) { bottomBarEl.style.display = 'none'; } } } } } if (dropdown) dropdown.addEventListener('change', function(e) { showInternalChart(parseInt(e.target.value)); }); if (prevBtn) prevBtn.addEventListener('click', function() { showInternalChart(currentChartIndex - 1); }); if (nextBtn) nextBtn.addEventListener('click', function() { showInternalChart(currentChartIndex + 1); }); } \/* Image Comparison Logic *\/ var imageCompareWrappers = chartWrapper.querySelectorAll('.fv-image-compare-wrapper'); imageCompareWrappers.forEach(function(wrapper) { var inner = wrapper.querySelector('.fv-image-compare-inner') || wrapper; var slider = wrapper.querySelector('.fv-image-compare-slider'); var fgImage = wrapper.querySelector('.fv-image-compare-fg'); var bgImage = wrapper.querySelector('.fv-image-compare-bg'); var labelLeft = wrapper.querySelector('.fv-image-compare-label-left'); var labelRight = wrapper.querySelector('.fv-image-compare-label-right'); var isDragging = false; var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; function updateTransform() { if (wrapper.classList.contains('fv-image-compare-fullscreen')) { inner.style.setProperty('transform', 'translate(' + panX + 'px, ' + panY + 'px) scale(' + scale + ')', 'important'); } else { inner.style.removeProperty('transform'); scale = 1; panX = 0; panY = 0; } } function constrainPan() { var rect = wrapper.getBoundingClientRect(); var maxPanX = Math.max(0, (rect.width * scale - rect.width) \/ 2); var maxPanY = Math.max(0, (rect.height * scale - rect.height) \/ 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener('wheel', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX - rect.left - rect.width \/ 2; var mouseY = e.clientY - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = mouseX - (mouseX - panX) * ratio; panY = mouseY - (mouseY - panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener('mousedown', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen') || scale <= 1) return; if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.clientX; lastClientY = e.clientY; }); window.addEventListener('mousemove', function(e) { if (!isPanning) return; var dx = e.clientX - lastClientX; var dy = e.clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener('mouseup', function() { isPanning = false; }); wrapper.addEventListener('touchstart', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; hasPanned = true; } else if (e.touches.length === 1 && scale > 1) { if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; } }, { passive: false }); wrapper.addEventListener('touchmove', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance \/ initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = centerX - (centerX - panX) * ratio; panY = centerY - (centerY - panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX - lastCenterX); panY += (centerY - lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.length === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX - lastClientX; var dy = e.touches[0].clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener('touchend', function(e) { if (e.touches.length < 2) { initialDistance = null; } if (e.touches.length === 0) { isPanning = false; } }); function handleMove(clientX) { var rect = inner.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX - rect.left, rect.width)); var percent = Math.max(0, Math.min((x \/ rect.width) * 100, 100)); if (slider) slider.style.setProperty('left', percent + '%', 'important'); if (fgImage) fgImage.style.setProperty('clip-path', 'polygon(0 0, ' + percent + '% 0, ' + percent + '% 100%, 0 100%)', 'important'); if (labelLeft) { if (percent < 10) { labelLeft.style.setProperty('opacity', '0', 'important'); } else { labelLeft.style.setProperty('opacity', '1', 'important'); } } if (labelRight) { if (percent > 90) { labelRight.style.setProperty('opacity', '0', 'important'); } else { labelRight.style.setProperty('opacity', '1', 'important'); } } } function onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } function onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } function stopDragging() { isDragging = false; window.removeEventListener('mousemove', onMouseMove); window.removeEventListener('mouseup', stopDragging); window.removeEventListener('touchmove', onTouchMove); window.removeEventListener('touchend', stopDragging); } if (slider) { var startDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('mousemove', onMouseMove); window.addEventListener('mouseup', stopDragging); }; var startTouchDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('touchmove', onTouchMove, { passive: false }); window.addEventListener('touchend', stopDragging); }; slider.addEventListener('mousedown', function(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener('touchstart', function(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } var expandBtn = wrapper.querySelector('.fv-image-compare-expand-btn'); var closeBtn = wrapper.querySelector('.fv-image-compare-close-btn'); if (expandBtn) { if (window !== window.parent) { expandBtn.style.display = 'none'; } else { expandBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.add('fv-image-compare-fullscreen'); document.body.style.overflow = 'hidden'; if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute('srcset'); fgImage.removeAttribute('sizes'); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute('srcset'); bgImage.removeAttribute('sizes'); } }); } } if (closeBtn) { closeBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); }); } document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && wrapper.classList.contains('fv-image-compare-fullscreen')) { wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); } }); }); \/* Shop The Look Hotspots *\/ var hotspots = chartWrapper.querySelectorAll('.fv-stl-hotspot-btn'); var allProductsModal = chartWrapper.querySelector('.fv-stl-all-products-modal'); var shopAllBtn = chartWrapper.querySelector('.fv-stl-shop-all-btn'); var stlContainer = chartWrapper.querySelector('.fv-stl-container'); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove('is-active'); var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item'); items.forEach(function(item) { item.classList.remove('is-highlighted'); }); if (stlContainer) { setTimeout(function() { if (!allProductsModal.classList.contains('is-active')) { stlContainer.style.minHeight = ''; if ('parentIFrame' in window) { window.parentIFrame.size(); } } }, 300); } } hotspots.forEach(function(btn) { btn.setAttribute('aria-expanded', 'false'); }); if ('parentIFrame' in window) { window.parentIFrame.size(); } } hotspots.forEach(function(btn) { btn.addEventListener('click', function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute('data-hotspot-id'); var isExpanded = btn.getAttribute('aria-expanded') === 'true'; closeAllModals(); if (!isExpanded && allProductsModal) { btn.setAttribute('aria-expanded', 'true'); allProductsModal.classList.add('is-active'); var container = btn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id=\"' + hotspotId + '\"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(function() { targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.size(); } } }); }); if (shopAllBtn &#038;&#038; allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); var container = shopAllBtn.closest('.fv-stl-container'); if (container &#038;&#038; container.offsetHeight < 450) { container.style.minHeight = '450px'; } if ('parentIFrame' in window) { window.parentIFrame.size(); } }); } if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } chartWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); if (allProductsModal) { allProductsModal.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); } \/* Image Annotation Logic *\/ var iaNodes = chartWrapper.querySelectorAll('.fv-ia-node-button'); var iaWrapper = chartWrapper.querySelector('.fv-ia-wrapper'); var originalCaption = chartWrapper.querySelector('.fv-original-caption') || captionEl; var dynamicCaption = chartWrapper.querySelector('.fv-ia-dynamic-caption'); var exploreBtn = chartWrapper.querySelector('.fv-ia-explore-btn'); var currentIaIndex = -1; function closeAllIANodes() { iaNodes.forEach(function(btn) { btn.classList.remove('is-active'); }); if (originalCaption) originalCaption.style.display = 'block'; if (dynamicCaption) dynamicCaption.style.display = 'none'; } function resetExploreBtn() { currentIaIndex = -1; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Explore'; } } iaNodes.forEach(function(btn, index) { btn.addEventListener('click', function(e) { e.stopPropagation(); var isActive = btn.classList.contains('is-active'); closeAllIANodes(); if (!isActive) { currentIaIndex = index; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Next'; } btn.classList.add('is-active'); if (dynamicCaption) { var title = btn.getAttribute('data-title') || ''; var desc = btn.getAttribute('data-desc') || ''; dynamicCaption.innerHTML = ''; var strongTag = document.createElement('strong'); strongTag.textContent = title; dynamicCaption.appendChild(strongTag); if (desc) { dynamicCaption.appendChild(document.createTextNode(' - ' + desc)); } if (originalCaption) originalCaption.style.display = 'none'; dynamicCaption.style.display = 'block'; if (footerContentEl) footerContentEl.style.display = 'block'; } } else { resetExploreBtn(); } }); }); if (exploreBtn) { exploreBtn.addEventListener('click', function(e) { e.stopPropagation(); if (iaNodes.length === 0) return; var nextIndex = currentIaIndex + 1; if (nextIndex >= iaNodes.length) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if (targetBtn.classList.contains('is-active')) { targetBtn.click(); } targetBtn.click(); } } }); } if (iaWrapper) { iaWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-ia-node-button') && !e.target.closest('.fv-ia-explore-btn')) { closeAllIANodes(); resetExploreBtn(); } }); } \/* Initial Animation *\/ chartWrapper._fvAnimate = fvLocalAnimate; fvLocalAnimate(chartWrapper); \/* Countdown Logic *\/ var countdownContainer = chartWrapper.querySelector('.fv-countdown-container'); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute('data-target-date'); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var pad = function(n) { return (n < 10 ? '0' : '') + n; }; var updateCountdown = function() { var difference = +targetDate - +new Date(); var d = 0, h = 0, m = 0, s = 0; if (difference > 0) { d = Math.floor(difference \/ (1000 * 60 * 60 * 24)); h = Math.floor((difference \/ (1000 * 60 * 60)) % 24); m = Math.floor((difference \/ 1000 \/ 60) % 60); s = Math.floor((difference \/ 1000) % 60); } var daysEl = countdownContainer.querySelector('[data-time=\"days\"]'); var hoursEl = countdownContainer.querySelector('[data-time=\"hours\"]'); var minsEl = countdownContainer.querySelector('[data-time=\"minutes\"]'); var secsEl = countdownContainer.querySelector('[data-time=\"seconds\"]'); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (true) { var slideshowContainer = document.getElementById(uniqueId + '-slideshow'); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll('.fv-slide'); slides.forEach(function(slide) { setupWrapper(slide.querySelector('.fv-chart-wrapper')); }); } var slideshowContainer = document.getElementById(uniqueId + '-slideshow'); if (slideshowContainer) { var currentSlideIndex = 0; var slides = slideshowContainer.querySelectorAll('.fv-slide'); var counter = slideshowContainer.querySelector('.fv-slide-counter'); var prevBtn = slideshowContainer.querySelector('.fv-nav-btn.prev'); var nextBtn = slideshowContainer.querySelector('.fv-nav-btn.next'); var dropdown = slideshowContainer.querySelector('.fv-slideshow-select'); function updateControls(index) { if (counter) counter.textContent = (index + 1) + ' \/ ' + slides.length; if (dropdown) dropdown.value = index; if (prevBtn) { if (index === 0) prevBtn.classList.add('disabled'); else prevBtn.classList.remove('disabled'); } if (nextBtn) { if (index === slides.length - 1) nextBtn.classList.add('disabled'); else nextBtn.classList.remove('disabled'); } } function showSlide(index) { if (index < 0) return; if (index >= slides.length) return; currentSlideIndex = index; slides.forEach(function(slide, i) { slide.style.display = i === index ? 'block' : 'none'; if (i === index) { var chartEl = slide.querySelector('.fv-chart-wrapper'); if (chartEl) { fvLocalAnimate(chartEl); } } }); updateControls(currentSlideIndex); } if (prevBtn) { prevBtn.addEventListener('click', function() { showSlide(currentSlideIndex - 1); }); } if (nextBtn) { nextBtn.addEventListener('click', function() { showSlide(currentSlideIndex + 1); }); } if (dropdown) { dropdown.addEventListener('change', function(e) { showSlide(parseInt(e.target.value)); }); } updateControls(currentSlideIndex); if (slides.length > 0) { var firstChart = slides[0].querySelector('.fv-chart-wrapper'); if (firstChart) { setTimeout(function() { fvLocalAnimate(firstChart); }, 100); } } } } else { setupWrapper(root); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1792075982248-y64zpc686', true); }); } else { initialize('fv-chart-1792075982248-y64zpc686', true); } })(); <\/script><\/div>\n<p>The performance I&#8217;ve been getting out of this slim little gaming laptop has been impressive. Especially when you consider the power it&#8217;s drawing to get mighty close to (and sometimes matching) the performance of gaming laptops whose GPUs alone are running to 115 W of power. <\/p>\n<p>The Metro Exodus Enhanced benchmark is the one we&#8217;ve been consistently using for gaming performance metrics because we can easily loop the test runs to provide a more long-term understanding of what happens over a gaming session. And, looking at the numbers the RTX Spark in this Asus ProArt P16 laptop is demonstrating, you can see what an efficient piece of silicon this is. <\/p>\n<p>We ran a triple loop of the Metro Exodus Enhanced benchmark at top 1080p settings and while the RTX Spark machine was demonstrably slower than the other RTX 5070 systems I&#8217;m comparing it against, it&#8217;s running at a fraction of the power draw. At 75 fps it is behind the 115 W RTX 5070 in the Blade 14 at 84 fps, but the chip is running almost 700 MHz slower and drawing down an average of 43 W over that run compared to 97 W for the Razer laptop.<\/p>\n<div class=\"vizualizer-embed\">\n<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;700&display=swap'); @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap'); #fv-chart-1792069139376-wv6lyi9yj *, #fv-chart-1792069139376-wv6lyi9yj *:before, #fv-chart-1792069139376-wv6lyi9yj *:after, #fv-chart-1792069139376-wv6lyi9yj-slideshow *, #fv-chart-1792069139376-wv6lyi9yj-slideshow *:before, #fv-chart-1792069139376-wv6lyi9yj-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1792069139376-wv6lyi9yj, #fv-chart-1792069139376-wv6lyi9yj-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792069139376-wv6lyi9yj { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1792069139376-wv6lyi9yj .fv-inner-wrapper { color: #1F2937 !important; background-color: #ededed !important; padding: 1.5rem 1.5rem 2rem !important; border-radius: 0.5rem !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; margin: 1rem 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1792069139376-wv6lyi9yj.fv-full-bleed .fv-inner-wrapper { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792069139376-wv6lyi9yj-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1792069139376-wv6lyi9yj-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1792069139376-wv6lyi9yj-slideshow .fv-slideshow-nav-row { position: relative !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 0 0 16px 0 !important; width: 100% !important; z-index: 20 !important; } #fv-chart-1792069139376-wv6lyi9yj-slideshow .fv-nav-btn { background-color: var(--riv-primary) !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; padding: 8px 16px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; transition: opacity 0.2s, background-color 0.2s !important; height: 36px !important; text-transform: none !important; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; } #fv-chart-1792069139376-wv6lyi9yj-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1792069139376-wv6lyi9yj-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1792069139376-wv6lyi9yj-slideshow .fv-nav-btn.disabled, #fv-chart-1792069139376-wv6lyi9yj-slideshow .fv-nav-btn:disabled { background-color: #E5E7EB !important; color: #9CA3AF !important; cursor: default !important; pointer-events: none !important; box-shadow: none !important; } #fv-chart-1792069139376-wv6lyi9yj-slideshow .fv-slide-counter { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; text-align: center !important; min-width: 40px !important; background-color: rgba(255,255,255,0.8) !important; padding: 2px 8px !important; border-radius: 10px !important; user-select: none !important; } #fv-chart-1792069139376-wv6lyi9yj-slideshow .fv-slideshow-select { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 20 !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white !important; border: 1px solid #d1d5db !important; color: #1F2937 !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; padding: 6px 32px 6px 12px !important; border-radius: 4px !important; cursor: pointer !important; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'\/%3e%3c\/svg%3e\") !important; background-position: right 0.5rem center !important; background-repeat: no-repeat !important; background-size: 1.5em 1.5em !important; } #fv-chart-1792069139376-wv6lyi9yj-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1792069139376-wv6lyi9yj .fv-chart-title { font-weight: bold !important; text-align: center !important; margin-bottom: 0.5rem !important; color: var(--riv-primary) !important; font-size: 20px !important; line-height: 1.2 !important; font-family: 'Open Sans', sans-serif !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; padding: 0 20px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-chart-subhead { font-size: 18px !important; font-weight: 500 !important; text-align: center !important; margin-bottom: 2rem !important; color: #374151 !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; text-transform: none !important; padding: 0 20px !important; } #fv-chart-1792069139376-wv6lyi9yj .rv-chart-caption { font-size: 15px !important; color: #374151 !important; text-align: center !important; font-style: normal !important; font-weight: normal !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select { background: transparent; border: none; border-bottom: 2px solid; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select option { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #374151; direction: ltr; text-align: left; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-vs { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; color: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-bar { height: 32px; width: var(--target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; display: flex; align-items: center; overflow: hidden; color: #ffffff; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-bar-right { border-radius: 0 4px 4px 0; justify-content: flex-start; padding: 0 8px; } @keyframes fv-grow-max-width { from { max-width: 0; } to { max-width: 100%; } } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-center-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background-color: #ffffff; transform: translateX(-50%); z-index: 1; } #fv-chart-1792069139376-wv6lyi9yj .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792069139376-wv6lyi9yj .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-label { position: absolute; left: 50%; transform: translateX(-50%); top: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #374151; white-space: nowrap; } #fv-chart-1792069139376-wv6lyi9yj .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-logo { display: block !important; margin: 0 auto !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: auto !important; object-fit: contain !important; flex-shrink: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-dropdown-title { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: transparent !important; border: none !important; font-size: 18px !important; font-weight: 600 !important; color: var(--riv-primary) !important; padding-right: 28px !important; padding-left: 10px !important; cursor: pointer !important; text-align: center !important; text-align-last: center !important; width: auto !important; max-width: 100% !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; margin: 0 !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-dropdown-chevron { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; color: var(--riv-primary) !important; display: flex !important; align-items: center !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-carousel-title-controls { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; width: 100% !important; gap: 12px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-carousel-nav-btn { background: transparent !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; padding: 6px 10px !important; cursor: pointer !important; font-size: 14px !important; color: #374151 !important; display: flex !important; align-items: center !important; gap: 4px !important; font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px 16px !important; margin: 0 !important; padding: 0 !important; margin-top: 1rem !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-multi-value-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px 24px !important; margin-bottom: 1.5rem !important; padding: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-multi-legend-item { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #374151 !important; font-weight: 500 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-benchmark-title { font-size: 18px !important; font-weight: 600 !important; margin-bottom: 16px !important; margin-top: 0 !important; padding: 0 !important; text-align: center !important; color: var(--riv-primary) !important; flex: 1 !important; min-width: 0 !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; word-wrap: break-word !important; max-width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-row, #fv-chart-1792069139376-wv6lyi9yj .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-label { width: 150px !important; flex-shrink: 0 !important; font-size: 14px !important; color: #374151 !important; padding-right: 10px !important; text-align: right !important; font-weight: 500 !important; display: block !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-container { flex-grow: 1 !important; background-color: #E5E7EB !important; border-radius: 4px !important; min-height: 25px !important; border: 1px solid #D1D5DB !important; position: relative !important; display: flex !important; align-items: center !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-commentary-inline { display: none !important; position: absolute !important; left: 150px !important; top: 0 !important; bottom: 0 !important; right: 0 !important; width: calc(100% - 150px) !important; margin: 0 !important; padding: 0 8px !important; font-size: 13px !important; color: #fff !important; background: rgba(0,0,0,0.8) !important; border-radius: 4px !important; line-height: 1.4 !important; font-weight: normal !important; text-transform: none !important; word-wrap: break-word !important; z-index: 10 !important; align-items: center !important; overflow-y: auto !important; } #fv-chart-1792069139376-wv6lyi9yj.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792069139376-wv6lyi9yj.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1792069139376-wv6lyi9yj.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar { height: 100% !important; border-radius: 3px !important; display: flex !important; align-items: center !important; transition: opacity 0.2s ease, width 0.8s ease-out !important; min-height: 23px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-inner-content { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; height: 100% !important; padding: 0 8px !important; font-size: 14px !important; font-weight: bold !important; overflow: hidden !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-value-outside { padding-left: 8px !important; font-size: 14px !important; font-weight: bold !important; color: #374151 !important; white-space: nowrap !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-stacked-segment { height: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 8px !important; border-right: 1px solid rgba(255,255,255,0.3) !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.5rem !important; font-weight: 700 !important; font-size: 14px !important; color: #374151 !important; text-transform: none !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1792069139376-wv6lyi9yj .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-ticks { display: flex !important; justify-content: space-between !important; padding-top: 4px !important; font-size: 13px !important; color: #374151 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-ticks span::before { content: '' !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 2px !important; height: 4px !important; background-color: #D1D5DB !important; border-radius: 1px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-title { text-align: center !important; font-size: 15px !important; color: #374151 !important; margin-top: 8px !important; margin-bottom: 16px !important; line-height: 1.5 !important; padding: 0 1rem !important; display: block !important; font-weight: bold !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-y-axis-title { font-size: 15px !important; color: #374151 !important; line-height: 1.5 !important; text-align: left !important; padding-left: 5.83% !important; margin-bottom: 4px !important; display: block !important; font-weight: bold !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-pie-container, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-row, #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-stacked-product, #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-grouped-bar-product, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-bar-row, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-stacked-product, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-label, #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-grouped-product-title, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-bar-label, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-container, #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-cluster, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-bar-container, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-x-axis-wrapper, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-x-axis-label-space, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-x-axis-chart-space, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-benchmark-title, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-dropdown-title, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-carousel-nav-btn, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-chart-title, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-chart-subhead, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-versus-header, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-versus-select-wrapper, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-versus-vs, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-versus-select-container, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-versus-select, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-stl-shop-all-btn, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-stl-shop-all-logo, #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-stl-shop-all-icon, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-bar-commentary-inline, #fv-chart-1792069139376-wv6lyi9yj.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792069139376-wv6lyi9yj.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1792069139376-wv6lyi9yj .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-row, #fv-chart-1792069139376-wv6lyi9yj .fv-stacked-product, #fv-chart-1792069139376-wv6lyi9yj .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-label, #fv-chart-1792069139376-wv6lyi9yj .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-container, #fv-chart-1792069139376-wv6lyi9yj .fv-bar-cluster { width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792069139376-wv6lyi9yj .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792069139376-wv6lyi9yj .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792069139376-wv6lyi9yj .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-label-space { display: none !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-stl-shop-all-logo, #fv-chart-1792069139376-wv6lyi9yj .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792069139376-wv6lyi9yj .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792069139376-wv6lyi9yj.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } }<\/style>\n<p><script type=\"application\/ld+json\">{ \"@context\": \"https:\/\/schema.org\", \"@type\": \"Dataset\", \"name\": \"System performance\", \"description\": \"Measuring the relative performance of the different laptop chips in terms of power and thermals.\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-10-15T12:58:59.376Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"Asus ProArt P16 | RTX Spark\", \"Framework 16\", \"Razer Blade 14 (2025)\", \"GPU stats\", \"Gaming temperatures\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark \u2013 GPU stats\", \"value\": 1906, \"unitText\": \"Avg GPU freq. (MHz)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | RTX 5070 100 W \u2013 GPU stats\", \"value\": 2421, \"unitText\": \"Avg GPU freq. (MHz)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | RTX 5070 115 W \u2013 GPU stats\", \"value\": 2589, \"unitText\": \"Avg GPU freq. (MHz)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark \u2013 Gaming temperatures\", \"value\": 75, \"unitText\": \"Avg CPU (\u00b0C)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | RTX 5070 100 W \u2013 Gaming temperatures\", \"value\": 65, \"unitText\": \"Avg CPU (\u00b0C)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | RTX 5070 115 W \u2013 Gaming temperatures\", \"value\": 79, \"unitText\": \"Avg CPU (\u00b0C)\" } ]}<\/script><script type=\"application\/json\" class=\"fv-embed-state\" data-version=\"2\">{\"version\":2,\"exportedAt\":\"2026-10-15T12:58:59.376Z\",\"state\":{\"data\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"attribute\":\"Gaming temperatures\",\"value\":75,\"unit\":\"Avg CPU (\u00b0C)\",\"multiValues\":[{\"value\":75,\"unit\":\"Avg CPU (\u00b0C)\"},{\"value\":83,\"unit\":\"Max CPU (\u00b0C)\"},{\"value\":67,\"unit\":\"Avg GPU (\u00b0C)\"},{\"value\":70,\"unit\":\"Max GPU (\u00b0C)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"attribute\":\"GPU stats\",\"value\":1906,\"unit\":\"Avg GPU freq. (MHz)\",\"multiValues\":[{\"value\":1906,\"unit\":\"Avg GPU freq. (MHz)\"},{\"value\":43,\"unit\":\"Avg GPU power (W)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Framework 16\",\"attribute\":\"Gaming temperatures\",\"value\":65,\"unit\":\"Avg CPU (\u00b0C)\",\"multiValues\":[{\"value\":65,\"unit\":\"Avg CPU (\u00b0C)\"},{\"value\":73,\"unit\":\"Max CPU (\u00b0C)\"},{\"value\":68,\"unit\":\"Avg GPU (\u00b0C)\"},{\"value\":71,\"unit\":\"Max GPU (\u00b0C)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Framework 16\",\"attribute\":\"GPU stats\",\"value\":2421,\"unit\":\"Avg GPU freq. (MHz)\",\"multiValues\":[{\"value\":2421,\"unit\":\"Avg GPU freq. (MHz)\"},{\"value\":77,\"unit\":\"Avg GPU power (W)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"attribute\":\"Gaming temperatures\",\"value\":55,\"unit\":\"Avg CPU (\u00b0C)\",\"multiValues\":[{\"value\":55,\"unit\":\"Avg CPU (\u00b0C)\"},{\"value\":98,\"unit\":\"Max CPU (\u00b0C)\"},{\"value\":28,\"unit\":\"Avg GPU (\u00b0C)\"},{\"value\":69,\"unit\":\"Max GPU (\u00b0C)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"attribute\":\"GPU stats\",\"value\":1750,\"unit\":\"Avg GPU freq. (MHz)\",\"multiValues\":[{\"value\":1750,\"unit\":\"Avg GPU freq. (MHz)\"},{\"value\":55,\"unit\":\"Avg GPU power (W)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Razer Blade 14 (2025)\",\"attribute\":\"Gaming temperatures\",\"value\":79,\"unit\":\"Avg CPU (\u00b0C)\",\"multiValues\":[{\"value\":79,\"unit\":\"Avg CPU (\u00b0C)\"},{\"value\":85,\"unit\":\"Max CPU (\u00b0C)\"},{\"value\":78,\"unit\":\"Avg GPU (\u00b0C)\"},{\"value\":81,\"unit\":\"Max GPU (\u00b0C)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Razer Blade 14 (2025)\",\"attribute\":\"GPU stats\",\"value\":2589,\"unit\":\"Avg GPU freq. (MHz)\",\"multiValues\":[{\"value\":2589,\"unit\":\"Avg GPU freq. (MHz)\"},{\"value\":97,\"unit\":\"Avg GPU power (W)\"}],\"color\":\"\",\"site\":\"PC Gamer\"}],\"products\":[\"Asus ProArt P16 | RTX Spark\",\"Framework 16\",\"MSI Crosshair 16 HX (AI)\",\"Razer Blade 14 (2025)\"],\"attributes\":[\"Gaming temperatures\",\"GPU stats\"],\"selectedProducts\":[\"Asus ProArt P16 | RTX Spark\",\"Framework 16\",\"Razer Blade 14 (2025)\"],\"selectedPrimaryProduct\":\"Asus ProArt P16 | RTX Spark\",\"selectedAttributes\":[\"GPU stats\",\"Gaming temperatures\"],\"productColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"initialProductColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Bar\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"Dropdown\",\"brand\":{\"name\":\"PC Gamer\",\"logoUrl\":\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/pcgamer.png\",\"sliderLogoShape\":\"square\",\"embedBg\":\"#ededed\",\"colors\":{\"primary\":\"#E33235\",\"secondary\":\"#FE9F58\",\"accent\":\"#1CA9C4\",\"background\":\"#ededed\",\"text\":\"#1F2937\",\"productColors\":[\"#E33235\",\"#FE9F58\",\"#1CA9C4\",\"#EB6F71\",\"#FFC08B\",\"#66C5D7\",\"#B5282A\",\"#D07F46\"]}},\"textContent\":{\"title\":\"System performance\",\"subhead\":\"Measuring the relative performance of the different laptop chips in terms of power and thermals.\",\"caption\":\"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",\"productNameOverrides\":{\"Framework 16\":\"Framework 16 | RTX 5070 100 W\",\"MSI Crosshair 16 HX (AI)\":\"MSI Crosshair 16 HX | RTX 5070 115 W\",\"Razer Blade 14 (2025)\":\"Razer Blade 14 | RTX 5070 115 W\"},\"attributeNameOverrides\":{},\"chartTitleOverrides\":{},\"xAxisLabelOverrides\":{},\"subheadOverrides\":{},\"captionOverrides\":{},\"unitOverrides\":{},\"multiValueLegendOverrides\":{},\"barCommentaryOverrides\":{}},\"dataEverLoaded\":true,\"showAISuggestionsButton\":false,\"barChartShowXAxis\":false,\"groupedBarChartShowProductName\":false,\"barChartLabelsOnTop\":true,\"experimentalEnablePieChart\":false,\"slideshowUseDropdown\":false},\"slides\":[]}<\/script><\/p>\n<div id=\"fv-chart-1792069139376-wv6lyi9yj\" class=\"fv-chart-wrapper labels-on-top \" data-bar-labels-on-top=\"true\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">System performance<\/h3>\n<p class=\"fv-chart-subhead\">Measuring the relative performance of the different laptop chips in terms of power and thermals.<\/p>\n<div class=\"fv-dropdown-wrapper\">\n<div class=\"fv-dropdown-title-container\"><select class=\"fv-dropdown-title\"><option value=\"0\">GPU stats<\/option><option value=\"1\">Gaming temperatures<\/option><\/select><\/p>\n<div class=\"fv-dropdown-chevron\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/div>\n<\/div>\n<\/div>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1792069139376-wv6lyi9yj-bar-GPU stats\" data-chart-type=\"Bar\" data-title=\"GPU stats\" data-subhead=\"Measuring the relative performance of the different laptop chips in terms of power and thermals.\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg GPU freq. (MHz)<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>Avg GPU power (W)<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 63.53333333333333%; background-color: #E33235;\" data-target-width=\"63.53333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">1906<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 1.4333333333333333%; background-color: #FE9F58;\" data-target-width=\"1.4333333333333333\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">43<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | RTX 5070 100 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 80.7%; background-color: #E33235;\" data-target-width=\"80.7\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">2421<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 2.566666666666667%; background-color: #FE9F58;\" data-target-width=\"2.566666666666667\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">77<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | RTX 5070 115 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 86.3%; background-color: #E33235;\" data-target-width=\"86.3\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">2589<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 3.2333333333333334%; background-color: #FE9F58;\" data-target-width=\"3.2333333333333334\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">97<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>GPU stats Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark<\/td>\n<td>1906 Avg GPU freq. (MHz), 43 Avg GPU power (W)<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | RTX 5070 100 W<\/td>\n<td>2421 Avg GPU freq. (MHz), 77 Avg GPU power (W)<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | RTX 5070 115 W<\/td>\n<td>2589 Avg GPU freq. (MHz), 97 Avg GPU power (W)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792069139376-wv6lyi9yj-bar-Gaming temperatures\" data-chart-type=\"Bar\" data-title=\"Gaming temperatures\" data-subhead=\"Measuring the relative performance of the different laptop chips in terms of power and thermals.\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg CPU (\u00b0C)<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>Max CPU (\u00b0C)<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #1CA9C4;\"><\/div>\n<p><span>Avg GPU (\u00b0C)<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #EB6F71;\"><\/div>\n<p><span>Max GPU (\u00b0C)<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 75%; background-color: #E33235;\" data-target-width=\"75\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">75<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 83%; background-color: #FE9F58;\" data-target-width=\"83\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">83<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 67%; background-color: #1CA9C4;\" data-target-width=\"67\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">67<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 70%; background-color: #EB6F71;\" data-target-width=\"70\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">70<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | RTX 5070 100 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 65%; background-color: #E33235;\" data-target-width=\"65\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">65<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 73%; background-color: #FE9F58;\" data-target-width=\"73\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">73<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 68%; background-color: #1CA9C4;\" data-target-width=\"68\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">68<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 71%; background-color: #EB6F71;\" data-target-width=\"71\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">71<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | RTX 5070 115 W<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 79%; background-color: #E33235;\" data-target-width=\"79\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">79<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 85%; background-color: #FE9F58;\" data-target-width=\"85\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">85<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 78%; background-color: #1CA9C4;\" data-target-width=\"78\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">78<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 81%; background-color: #EB6F71;\" data-target-width=\"81\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">81<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Gaming temperatures Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark<\/td>\n<td>75 Avg CPU (\u00b0C), 83 Max CPU (\u00b0C), 67 Avg GPU (\u00b0C), 70 Max GPU (\u00b0C)<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | RTX 5070 100 W<\/td>\n<td>65 Avg CPU (\u00b0C), 73 Max CPU (\u00b0C), 68 Avg GPU (\u00b0C), 71 Max GPU (\u00b0C)<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | RTX 5070 115 W<\/td>\n<td>79 Avg CPU (\u00b0C), 85 Max CPU (\u00b0C), 78 Avg GPU (\u00b0C), 81 Max GPU (\u00b0C)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\" style=\"display: block;\"><span class=\"fv-original-caption\" style=\"display: block;\"><\/span><span class=\"fv-ia-dynamic-caption\" style=\"display: none;\"><\/span><\/div>\n<\/div>\n<div class=\"fv-logo-explore-bar\"><img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\" alt=\"PC Gamer Logo\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script> window.iFrameResizer = { heightCalculationMethod: 'taggedElement' }; <\/script> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/iframe-resizer\/4.2.11\/iframeResizer.contentWindow.min.js\" async><\/script> <script> (function() { function createChartAnimator() { return function animateChartWrapper(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment'); bars.forEach(function(bar, index) { bar.style.setProperty('width', '0%', 'important'); bar.style.setProperty('transition', 'none', 'important'); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.style.setProperty('margin-left', baseMargin + '%', 'important'); } setTimeout(function() { var marginTransition = baseMargin !== undefined ? ', margin-left 0.8s ease-out' : ''; bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out' + marginTransition, 'important'); bar.style.setProperty('width', targetWidth + '%', 'important'); if (targetMargin !== undefined && baseMargin !== undefined) { bar.style.setProperty('margin-left', targetMargin + '%', 'important'); } }, index * 50 + 50); }); } function animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector('svg'); if (!lineSvg) return; var paths = lineSvg.querySelectorAll('.riv-line-path'); paths.forEach(function(p, i) { if (typeof p.getTotalLength === 'function') { var len = p.getTotalLength(); p.style.transition = 'none'; p.style.strokeDasharray = len; p.style.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(function() { p.style.transition = 'stroke-dashoffset 1s ease-out ' + (i * 0.1) + 's, stroke-width 0.2s, opacity 0.2s'; p.style.strokeDashoffset = '0'; }, 100); } }); var dots = lineSvg.querySelectorAll('.riv-dot'); dots.forEach(function(dot, i) { dot.style.opacity = '0'; setTimeout(function() { dot.style.transition = 'opacity 0.3s ease'; dot.style.opacity = '1'; }, 500 + i * 10); }); } var charts = chartWrapper.querySelectorAll('.fv-chart-item'); charts.forEach(function(chart) { if (window.getComputedStyle(chart).display === 'none') return; var chartType = chart.dataset.chartType; if (chartType === 'Line') { animateLineChart(chart); } else if (chartType !== 'Pie') { animateBars(chart); } }); }; } var fvLocalAnimate = createChartAnimator(); window.fvAnimateCharts = fvLocalAnimate; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); if (!root && !isSlideshow) return; function setupWrapper(chartWrapper) { if (!chartWrapper) return; \/* Responsive mobile view handling *\/ function checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height) <= 599; var isMobile; if (width === 0) { isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { isMobile = isMobileDevice || width < 600; } if (isMobile) { chartWrapper.classList.add('mobile-view'); } else { chartWrapper.classList.remove('mobile-view'); } } checkMobileView(); if (typeof ResizeObserver !== 'undefined') { var ro = new ResizeObserver(function() { checkMobileView(); }); ro.observe(chartWrapper); } window.addEventListener('resize', checkMobileView); var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop) { var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var hasVisibleBarChart = false; charts.forEach(function(c) { if (window.getComputedStyle(c).display !== 'none') { var cType = c.dataset.chartType; if (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus') { hasVisibleBarChart = true; } } }); if (hasVisibleBarChart) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } else { chartWrapper.classList.remove('labels-on-top'); } \/* Legend interactions *\/ chartWrapper.querySelectorAll('.riv-line-legend').forEach(function(legend) { var chartId = legend.dataset.chart; var chart = chartWrapper.querySelector('[id=\"' + chartId + '\"]'); if (!chart) return; var lines = chart.querySelectorAll('.riv-line-path'); var dots = chart.querySelectorAll('.riv-dot'); var legendItems = legend.querySelectorAll('.riv-legend-item'); legendItems.forEach(function(item) { var productName = item.dataset.product; var safeProductName = productName.replace(\/\"\/g, '\\\\\"'); var line = chart.querySelector('.riv-line-path[data-product=\"' + safeProductName + '\"]'); var productDots = chart.querySelectorAll('.riv-dot[data-product=\"' + safeProductName + '\"]'); if (line &#038;&#038; !line.dataset.origStroke) { line.dataset.origStroke = line.getAttribute('stroke-width') || '2'; } var highlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; }; var clearHighlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); }; var toggleIsolate = function() { var isIsolated = item.classList.contains('isolated'); legendItems.forEach(function(i) { i.classList.remove('isolated'); }); if (isIsolated) { lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); } else { item.classList.add('isolated'); lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; } }; item.addEventListener('mouseenter', highlight); item.addEventListener('focus', highlight); item.addEventListener('mouseleave', clearHighlight); item.addEventListener('blur', clearHighlight); item.addEventListener('click', toggleIsolate); if (line) { line.style.cursor = 'pointer'; line.addEventListener('mouseenter', highlight); line.addEventListener('mouseleave', clearHighlight); line.addEventListener('click', toggleIsolate); } }); }); \/* Versus Chart Logic *\/ var versusCharts = chartWrapper.querySelectorAll('.fv-versus-chart'); versusCharts.forEach(function(vc) { var dataJson = vc.getAttribute('data-versus-data'); var leftColor = vc.getAttribute('data-left-color') || '#E53935'; var rightColor = vc.getAttribute('data-right-color') || '#FFB300'; if (!dataJson) return; var versusData = JSON.parse(dataJson); var leftSelect = vc.querySelector('.fv-select-left'); var rightSelect = vc.querySelector('.fv-select-right'); var rows = vc.querySelectorAll('.fv-versus-row'); function updateVersusChart() { var leftProduct = leftSelect.value; var rightProduct = rightSelect.value; leftSelect.style.color = leftColor; leftSelect.style.borderColor = leftColor; rightSelect.style.color = rightColor; rightSelect.style.borderColor = rightColor; rows.forEach(function(row) { var index = parseInt(row.getAttribute('data-index')); var data = versusData[index]; if (!data) return; var leftVal = data.productData[leftProduct] ? data.productData[leftProduct].value : undefined; var rightVal = data.productData[rightProduct] ? data.productData[rightProduct].value : undefined; var leftIsNum = typeof leftVal === 'number'; var rightIsNum = typeof rightVal === 'number'; var leftNum = leftIsNum ? leftVal : 0; var rightNum = rightIsNum ? rightVal : 0; var maxVal = Math.max(leftNum, rightNum, 0.0001); var leftWidth = leftIsNum ? (leftNum \/ maxVal) * 95 : 0; var rightWidth = rightIsNum ? (rightNum \/ maxVal) * 85 : 0; var winner = null; var pctDiffStr = null; if (leftIsNum &#038;&#038; rightIsNum) { if (leftNum > rightNum) { winner = 'left'; if (rightNum > 0) { var diff = Math.round(((leftNum - rightNum) \/ rightNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } else if (rightNum > leftNum) { winner = 'right'; if (leftNum > 0) { var diff = Math.round(((rightNum - leftNum) \/ leftNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } } var leftDisplay = data.productData[leftProduct] && data.productData[leftProduct].displayValue !== undefined ? data.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : '-')); var rightDisplay = data.productData[rightProduct] && data.productData[rightProduct].displayValue !== undefined ? data.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : '-')); var unit = (data.productData[leftProduct] && data.productData[leftProduct].unit) || (data.productData[rightProduct] && data.productData[rightProduct].unit) || ''; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector('.fv-versus-bar-left'); var rightBar = row.querySelector('.fv-versus-bar-right'); var leftText = row.querySelector('.fv-inside-left'); var rightText = row.querySelector('.fv-inside-right'); var labelText = row.querySelector('.fv-versus-label span'); var existingPctDiffs = row.querySelectorAll('.fv-versus-pct-diff'); existingPctDiffs.forEach(function(el) { el.remove(); }); if (winner === 'left' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === 'right' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.style.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.style.setProperty('--target-width', leftWidth + '%'); leftBar.style.width = leftWidth + '%'; } if (rightBar) { rightBar.style.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.style.setProperty('--target-width', rightWidth + '%'); rightBar.style.width = rightWidth + '%'; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = data.attribute + (unit ? ' (' + unit + ')' : ''); } }); } if (leftSelect) leftSelect.addEventListener('change', updateVersusChart); if (rightSelect) rightSelect.addEventListener('change', updateVersusChart); }); \/* Bar Commentary Hover Logic *\/ var barRows = chartWrapper.querySelectorAll('.fv-bar-row'); var globalCaptionEl = chartWrapper.querySelector('.rv-chart-caption'); var fallbackCaptionHtml = globalCaptionEl ? globalCaptionEl.innerHTML : ''; barRows.forEach(function(row) { var commentaryEl = row.querySelector('[data-commentary-key]'); if (commentaryEl) { var commentaryText = commentaryEl.textContent; if (commentaryText && commentaryText.trim().length > 0) { row.addEventListener('mouseenter', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = commentaryText; globalCaptionEl.classList.add('fv-bar-active-caption'); } }); row.addEventListener('mouseleave', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = fallbackCaptionHtml; globalCaptionEl.classList.remove('fv-bar-active-caption'); } }); } } }); \/* Carousel & Dropdown Logic *\/ var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var dropdown = chartWrapper.querySelector('.fv-dropdown-title'); var prevBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.prev'); var nextBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.next'); var carouselTitle = chartWrapper.querySelector('.fv-carousel-title-controls .fv-benchmark-title'); var counter = chartWrapper.querySelector('.fv-carousel-counter'); var subheadEl = chartWrapper.querySelector('.fv-chart-subhead'); var captionEl = chartWrapper.querySelector('.rv-chart-caption'); var footerContentEl = chartWrapper.querySelector('.fv-footer-content'); var bottomBarEl = chartWrapper.querySelector('.fv-bottom-bar'); var logoEl = chartWrapper.querySelector('.fv-logo'); if (charts.length > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.options).map(function(o) { return o.text; }); } else { charts.forEach(function(c) { titles.push(c.getAttribute('data-title') || ''); }); } function showInternalChart(index) { if (index < 0) index = charts.length - 1; if (index >= charts.length) index = 0; currentChartIndex = index; charts.forEach(function(c, i) { c.style.display = i === index ? 'block' : 'none'; if (i === index) { var cType = c.dataset.chartType; if (cType !== 'Pie') { fvLocalAnimate(chartWrapper); } var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop && (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus')) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } }); if (dropdown) dropdown.value = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ' of ' + charts.length; var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute('data-subhead'); var newCaption = activeChart.getAttribute('data-caption'); var currentChartType = activeChart.getAttribute('data-chart-type'); var hideGlobalCaption = currentChartType === 'Countdown' || currentChartType === 'Image Comparison' || currentChartType === 'Shop the Collection'; if (subheadEl) subheadEl.textContent = newSubhead || ''; if (captionEl) { captionEl.textContent = newCaption || ''; fallbackCaptionHtml = newCaption || ''; } if (footerContentEl) { if (newCaption && newCaption.trim().length > 0 && !hideGlobalCaption) { footerContentEl.style.display = 'block'; if (bottomBarEl) bottomBarEl.style.display = 'flex'; } else { footerContentEl.style.display = 'none'; if (bottomBarEl && !logoEl) { bottomBarEl.style.display = 'none'; } } } } } if (dropdown) dropdown.addEventListener('change', function(e) { showInternalChart(parseInt(e.target.value)); }); if (prevBtn) prevBtn.addEventListener('click', function() { showInternalChart(currentChartIndex - 1); }); if (nextBtn) nextBtn.addEventListener('click', function() { showInternalChart(currentChartIndex + 1); }); } \/* Image Comparison Logic *\/ var imageCompareWrappers = chartWrapper.querySelectorAll('.fv-image-compare-wrapper'); imageCompareWrappers.forEach(function(wrapper) { var inner = wrapper.querySelector('.fv-image-compare-inner') || wrapper; var slider = wrapper.querySelector('.fv-image-compare-slider'); var fgImage = wrapper.querySelector('.fv-image-compare-fg'); var bgImage = wrapper.querySelector('.fv-image-compare-bg'); var labelLeft = wrapper.querySelector('.fv-image-compare-label-left'); var labelRight = wrapper.querySelector('.fv-image-compare-label-right'); var isDragging = false; var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; function updateTransform() { if (wrapper.classList.contains('fv-image-compare-fullscreen')) { inner.style.setProperty('transform', 'translate(' + panX + 'px, ' + panY + 'px) scale(' + scale + ')', 'important'); } else { inner.style.removeProperty('transform'); scale = 1; panX = 0; panY = 0; } } function constrainPan() { var rect = wrapper.getBoundingClientRect(); var maxPanX = Math.max(0, (rect.width * scale - rect.width) \/ 2); var maxPanY = Math.max(0, (rect.height * scale - rect.height) \/ 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener('wheel', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX - rect.left - rect.width \/ 2; var mouseY = e.clientY - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = mouseX - (mouseX - panX) * ratio; panY = mouseY - (mouseY - panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener('mousedown', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen') || scale <= 1) return; if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.clientX; lastClientY = e.clientY; }); window.addEventListener('mousemove', function(e) { if (!isPanning) return; var dx = e.clientX - lastClientX; var dy = e.clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener('mouseup', function() { isPanning = false; }); wrapper.addEventListener('touchstart', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; hasPanned = true; } else if (e.touches.length === 1 && scale > 1) { if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; } }, { passive: false }); wrapper.addEventListener('touchmove', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance \/ initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = centerX - (centerX - panX) * ratio; panY = centerY - (centerY - panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX - lastCenterX); panY += (centerY - lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.length === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX - lastClientX; var dy = e.touches[0].clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener('touchend', function(e) { if (e.touches.length < 2) { initialDistance = null; } if (e.touches.length === 0) { isPanning = false; } }); function handleMove(clientX) { var rect = inner.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX - rect.left, rect.width)); var percent = Math.max(0, Math.min((x \/ rect.width) * 100, 100)); if (slider) slider.style.setProperty('left', percent + '%', 'important'); if (fgImage) fgImage.style.setProperty('clip-path', 'polygon(0 0, ' + percent + '% 0, ' + percent + '% 100%, 0 100%)', 'important'); if (labelLeft) { if (percent < 10) { labelLeft.style.setProperty('opacity', '0', 'important'); } else { labelLeft.style.setProperty('opacity', '1', 'important'); } } if (labelRight) { if (percent > 90) { labelRight.style.setProperty('opacity', '0', 'important'); } else { labelRight.style.setProperty('opacity', '1', 'important'); } } } function onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } function onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } function stopDragging() { isDragging = false; window.removeEventListener('mousemove', onMouseMove); window.removeEventListener('mouseup', stopDragging); window.removeEventListener('touchmove', onTouchMove); window.removeEventListener('touchend', stopDragging); } if (slider) { var startDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('mousemove', onMouseMove); window.addEventListener('mouseup', stopDragging); }; var startTouchDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('touchmove', onTouchMove, { passive: false }); window.addEventListener('touchend', stopDragging); }; slider.addEventListener('mousedown', function(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener('touchstart', function(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } var expandBtn = wrapper.querySelector('.fv-image-compare-expand-btn'); var closeBtn = wrapper.querySelector('.fv-image-compare-close-btn'); if (expandBtn) { if (window !== window.parent) { expandBtn.style.display = 'none'; } else { expandBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.add('fv-image-compare-fullscreen'); document.body.style.overflow = 'hidden'; if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute('srcset'); fgImage.removeAttribute('sizes'); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute('srcset'); bgImage.removeAttribute('sizes'); } }); } } if (closeBtn) { closeBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); }); } document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && wrapper.classList.contains('fv-image-compare-fullscreen')) { wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); } }); }); \/* Shop The Look Hotspots *\/ var hotspots = chartWrapper.querySelectorAll('.fv-stl-hotspot-btn'); var allProductsModal = chartWrapper.querySelector('.fv-stl-all-products-modal'); var shopAllBtn = chartWrapper.querySelector('.fv-stl-shop-all-btn'); var stlContainer = chartWrapper.querySelector('.fv-stl-container'); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove('is-active'); var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item'); items.forEach(function(item) { item.classList.remove('is-highlighted'); }); if (stlContainer) { setTimeout(function() { if (!allProductsModal.classList.contains('is-active')) { stlContainer.style.minHeight = ''; if ('parentIFrame' in window) { window.parentIFrame.size(); } } }, 300); } } hotspots.forEach(function(btn) { btn.setAttribute('aria-expanded', 'false'); }); if ('parentIFrame' in window) { window.parentIFrame.size(); } } hotspots.forEach(function(btn) { btn.addEventListener('click', function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute('data-hotspot-id'); var isExpanded = btn.getAttribute('aria-expanded') === 'true'; closeAllModals(); if (!isExpanded && allProductsModal) { btn.setAttribute('aria-expanded', 'true'); allProductsModal.classList.add('is-active'); var container = btn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id=\"' + hotspotId + '\"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(function() { targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.size(); } } }); }); if (shopAllBtn &#038;&#038; allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); var container = shopAllBtn.closest('.fv-stl-container'); if (container &#038;&#038; container.offsetHeight < 450) { container.style.minHeight = '450px'; } if ('parentIFrame' in window) { window.parentIFrame.size(); } }); } if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } chartWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); if (allProductsModal) { allProductsModal.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); } \/* Image Annotation Logic *\/ var iaNodes = chartWrapper.querySelectorAll('.fv-ia-node-button'); var iaWrapper = chartWrapper.querySelector('.fv-ia-wrapper'); var originalCaption = chartWrapper.querySelector('.fv-original-caption') || captionEl; var dynamicCaption = chartWrapper.querySelector('.fv-ia-dynamic-caption'); var exploreBtn = chartWrapper.querySelector('.fv-ia-explore-btn'); var currentIaIndex = -1; function closeAllIANodes() { iaNodes.forEach(function(btn) { btn.classList.remove('is-active'); }); if (originalCaption) originalCaption.style.display = 'block'; if (dynamicCaption) dynamicCaption.style.display = 'none'; } function resetExploreBtn() { currentIaIndex = -1; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Explore'; } } iaNodes.forEach(function(btn, index) { btn.addEventListener('click', function(e) { e.stopPropagation(); var isActive = btn.classList.contains('is-active'); closeAllIANodes(); if (!isActive) { currentIaIndex = index; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Next'; } btn.classList.add('is-active'); if (dynamicCaption) { var title = btn.getAttribute('data-title') || ''; var desc = btn.getAttribute('data-desc') || ''; dynamicCaption.innerHTML = ''; var strongTag = document.createElement('strong'); strongTag.textContent = title; dynamicCaption.appendChild(strongTag); if (desc) { dynamicCaption.appendChild(document.createTextNode(' - ' + desc)); } if (originalCaption) originalCaption.style.display = 'none'; dynamicCaption.style.display = 'block'; if (footerContentEl) footerContentEl.style.display = 'block'; } } else { resetExploreBtn(); } }); }); if (exploreBtn) { exploreBtn.addEventListener('click', function(e) { e.stopPropagation(); if (iaNodes.length === 0) return; var nextIndex = currentIaIndex + 1; if (nextIndex >= iaNodes.length) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if (targetBtn.classList.contains('is-active')) { targetBtn.click(); } targetBtn.click(); } } }); } if (iaWrapper) { iaWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-ia-node-button') && !e.target.closest('.fv-ia-explore-btn')) { closeAllIANodes(); resetExploreBtn(); } }); } \/* Initial Animation *\/ chartWrapper._fvAnimate = fvLocalAnimate; fvLocalAnimate(chartWrapper); \/* Countdown Logic *\/ var countdownContainer = chartWrapper.querySelector('.fv-countdown-container'); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute('data-target-date'); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var pad = function(n) { return (n < 10 ? '0' : '') + n; }; var updateCountdown = function() { var difference = +targetDate - +new Date(); var d = 0, h = 0, m = 0, s = 0; if (difference > 0) { d = Math.floor(difference \/ (1000 * 60 * 60 * 24)); h = Math.floor((difference \/ (1000 * 60 * 60)) % 24); m = Math.floor((difference \/ 1000 \/ 60) % 60); s = Math.floor((difference \/ 1000) % 60); } var daysEl = countdownContainer.querySelector('[data-time=\"days\"]'); var hoursEl = countdownContainer.querySelector('[data-time=\"hours\"]'); var minsEl = countdownContainer.querySelector('[data-time=\"minutes\"]'); var secsEl = countdownContainer.querySelector('[data-time=\"seconds\"]'); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = document.getElementById(uniqueId + '-slideshow'); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll('.fv-slide'); slides.forEach(function(slide) { setupWrapper(slide.querySelector('.fv-chart-wrapper')); }); } } else { setupWrapper(root); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1792069139376-wv6lyi9yj', false); }); } else { initialize('fv-chart-1792069139376-wv6lyi9yj', false); } })(); <\/script><\/div>\n<p>The other side of that is that, because it&#8217;s such an efficient setup pulling the plug out of the side of the thing isn&#8217;t going to slam the frame rate. You&#8217;re still going to get within a percentage point of the same performance whether you&#8217;re plugged into the wall or not.<\/p>\n<p>Keep this thing in Performance mode and I&#8217;ve seen the frame rate change by maybe a couple of fps, but nothing that&#8217;s really more than could be explained by statistical variance. Nvidia says that you will get around 99% of the performance from the battery you get from the plug, and that bears out.<\/p>\n<p>But even on Balanced power mode, in the ProArt Creator Hub (a reskinned Armoury Crate), while the power draw drops to 30 W and the GPU clock speed to 1572 MHz, I only saw Metro&#8217;s benchmark drop by maybe five frames per second on average.<\/p>\n<p>That&#8217;s not to say there aren&#8217;t issues here, because at full power you&#8217;re still not going to be gaming for <em>hours. <\/em>I measured under an hour and a half running the Fire Strike benchmark on loop via the PCMark 10 CLI. Which is not really what I&#8217;d hoped to see from an efficient Arm-based system.<\/p>\n<p>This is still a gaming laptop that wants to be plugged in for the most part, maybe not for performance but definitely for longevity. <\/p>\n<div class=\"vizualizer-embed\">\n<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;700&display=swap'); @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap'); #fv-chart-1792069147073-kaaqw666i *, #fv-chart-1792069147073-kaaqw666i *:before, #fv-chart-1792069147073-kaaqw666i *:after, #fv-chart-1792069147073-kaaqw666i-slideshow *, #fv-chart-1792069147073-kaaqw666i-slideshow *:before, #fv-chart-1792069147073-kaaqw666i-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1792069147073-kaaqw666i, #fv-chart-1792069147073-kaaqw666i-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792069147073-kaaqw666i { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1792069147073-kaaqw666i .fv-inner-wrapper { color: #1F2937 !important; background-color: #ededed !important; padding: 1.5rem 1.5rem 2rem !important; border-radius: 0.5rem !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; margin: 1rem 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } #fv-chart-1792069147073-kaaqw666i .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1792069147073-kaaqw666i.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1792069147073-kaaqw666i.fv-full-bleed .fv-inner-wrapper { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792069147073-kaaqw666i .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792069147073-kaaqw666i-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1792069147073-kaaqw666i-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1792069147073-kaaqw666i-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1792069147073-kaaqw666i-slideshow .fv-slideshow-nav-row { position: relative !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 0 0 16px 0 !important; width: 100% !important; z-index: 20 !important; } #fv-chart-1792069147073-kaaqw666i-slideshow .fv-nav-btn { background-color: var(--riv-primary) !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; padding: 8px 16px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; transition: opacity 0.2s, background-color 0.2s !important; height: 36px !important; text-transform: none !important; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; } #fv-chart-1792069147073-kaaqw666i-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1792069147073-kaaqw666i-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1792069147073-kaaqw666i-slideshow .fv-nav-btn.disabled, #fv-chart-1792069147073-kaaqw666i-slideshow .fv-nav-btn:disabled { background-color: #E5E7EB !important; color: #9CA3AF !important; cursor: default !important; pointer-events: none !important; box-shadow: none !important; } #fv-chart-1792069147073-kaaqw666i-slideshow .fv-slide-counter { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; text-align: center !important; min-width: 40px !important; background-color: rgba(255,255,255,0.8) !important; padding: 2px 8px !important; border-radius: 10px !important; user-select: none !important; } #fv-chart-1792069147073-kaaqw666i-slideshow .fv-slideshow-select { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 20 !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white !important; border: 1px solid #d1d5db !important; color: #1F2937 !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; padding: 6px 32px 6px 12px !important; border-radius: 4px !important; cursor: pointer !important; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'\/%3e%3c\/svg%3e\") !important; background-position: right 0.5rem center !important; background-repeat: no-repeat !important; background-size: 1.5em 1.5em !important; } #fv-chart-1792069147073-kaaqw666i-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1792069147073-kaaqw666i .fv-chart-title { font-weight: bold !important; text-align: center !important; margin-bottom: 0.5rem !important; color: var(--riv-primary) !important; font-size: 20px !important; line-height: 1.2 !important; font-family: 'Open Sans', sans-serif !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; padding: 0 20px !important; } #fv-chart-1792069147073-kaaqw666i .fv-chart-subhead { font-size: 18px !important; font-weight: 500 !important; text-align: center !important; margin-bottom: 2rem !important; color: #374151 !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; text-transform: none !important; padding: 0 20px !important; } #fv-chart-1792069147073-kaaqw666i .rv-chart-caption { font-size: 15px !important; color: #374151 !important; text-align: center !important; font-style: normal !important; font-weight: normal !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; } #fv-chart-1792069147073-kaaqw666i .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1792069147073-kaaqw666i .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1792069147073-kaaqw666i .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select { background: transparent; border: none; border-bottom: 2px solid; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select option { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #374151; direction: ltr; text-align: left; } #fv-chart-1792069147073-kaaqw666i .fv-versus-vs { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; color: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1792069147073-kaaqw666i .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1792069147073-kaaqw666i .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1792069147073-kaaqw666i .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1792069147073-kaaqw666i .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1792069147073-kaaqw666i .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1792069147073-kaaqw666i .fv-versus-bar { height: 32px; width: var(--target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; display: flex; align-items: center; overflow: hidden; color: #ffffff; } #fv-chart-1792069147073-kaaqw666i .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1792069147073-kaaqw666i .fv-versus-bar-right { border-radius: 0 4px 4px 0; justify-content: flex-start; padding: 0 8px; } @keyframes fv-grow-max-width { from { max-width: 0; } to { max-width: 100%; } } #fv-chart-1792069147073-kaaqw666i .fv-versus-center-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background-color: #ffffff; transform: translateX(-50%); z-index: 1; } #fv-chart-1792069147073-kaaqw666i .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792069147073-kaaqw666i .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792069147073-kaaqw666i .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1792069147073-kaaqw666i .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1792069147073-kaaqw666i .fv-versus-label { position: absolute; left: 50%; transform: translateX(-50%); top: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #374151; white-space: nowrap; } #fv-chart-1792069147073-kaaqw666i .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1792069147073-kaaqw666i .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1792069147073-kaaqw666i .fv-logo { display: block !important; margin: 0 auto !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: auto !important; object-fit: contain !important; flex-shrink: 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1792069147073-kaaqw666i .fv-dropdown-title { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: transparent !important; border: none !important; font-size: 18px !important; font-weight: 600 !important; color: var(--riv-primary) !important; padding-right: 28px !important; padding-left: 10px !important; cursor: pointer !important; text-align: center !important; text-align-last: center !important; width: auto !important; max-width: 100% !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; margin: 0 !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; } #fv-chart-1792069147073-kaaqw666i .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1792069147073-kaaqw666i .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1792069147073-kaaqw666i .fv-dropdown-chevron { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; color: var(--riv-primary) !important; display: flex !important; align-items: center !important; } #fv-chart-1792069147073-kaaqw666i .fv-carousel-title-controls { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; width: 100% !important; gap: 12px !important; } #fv-chart-1792069147073-kaaqw666i .fv-carousel-nav-btn { background: transparent !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; padding: 6px 10px !important; cursor: pointer !important; font-size: 14px !important; color: #374151 !important; display: flex !important; align-items: center !important; gap: 4px !important; font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792069147073-kaaqw666i .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1792069147073-kaaqw666i .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1792069147073-kaaqw666i .fv-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px 16px !important; margin: 0 !important; padding: 0 !important; margin-top: 1rem !important; } #fv-chart-1792069147073-kaaqw666i .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1792069147073-kaaqw666i .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1792069147073-kaaqw666i .fv-multi-value-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px 24px !important; margin-bottom: 1.5rem !important; padding: 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-multi-legend-item { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #374151 !important; font-weight: 500 !important; } #fv-chart-1792069147073-kaaqw666i .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1792069147073-kaaqw666i .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1792069147073-kaaqw666i .fv-benchmark-title { font-size: 18px !important; font-weight: 600 !important; margin-bottom: 16px !important; margin-top: 0 !important; padding: 0 !important; text-align: center !important; color: var(--riv-primary) !important; flex: 1 !important; min-width: 0 !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; word-wrap: break-word !important; max-width: 100% !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-row, #fv-chart-1792069147073-kaaqw666i .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-label { width: 150px !important; flex-shrink: 0 !important; font-size: 14px !important; color: #374151 !important; padding-right: 10px !important; text-align: right !important; font-weight: 500 !important; display: block !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-container { flex-grow: 1 !important; background-color: #E5E7EB !important; border-radius: 4px !important; min-height: 25px !important; border: 1px solid #D1D5DB !important; position: relative !important; display: flex !important; align-items: center !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-commentary-inline { display: none !important; position: absolute !important; left: 150px !important; top: 0 !important; bottom: 0 !important; right: 0 !important; width: calc(100% - 150px) !important; margin: 0 !important; padding: 0 8px !important; font-size: 13px !important; color: #fff !important; background: rgba(0,0,0,0.8) !important; border-radius: 4px !important; line-height: 1.4 !important; font-weight: normal !important; text-transform: none !important; word-wrap: break-word !important; z-index: 10 !important; align-items: center !important; overflow-y: auto !important; } #fv-chart-1792069147073-kaaqw666i.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792069147073-kaaqw666i.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1792069147073-kaaqw666i.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar { height: 100% !important; border-radius: 3px !important; display: flex !important; align-items: center !important; transition: opacity 0.2s ease, width 0.8s ease-out !important; min-height: 23px !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-inner-content { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; height: 100% !important; padding: 0 8px !important; font-size: 14px !important; font-weight: bold !important; overflow: hidden !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-value-outside { padding-left: 8px !important; font-size: 14px !important; font-weight: bold !important; color: #374151 !important; white-space: nowrap !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1792069147073-kaaqw666i .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1792069147073-kaaqw666i .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1792069147073-kaaqw666i .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1792069147073-kaaqw666i .fv-stacked-segment { height: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 8px !important; border-right: 1px solid rgba(255,255,255,0.3) !important; } #fv-chart-1792069147073-kaaqw666i .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1792069147073-kaaqw666i .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1792069147073-kaaqw666i .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1792069147073-kaaqw666i .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1792069147073-kaaqw666i .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.5rem !important; font-weight: 700 !important; font-size: 14px !important; color: #374151 !important; text-transform: none !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1792069147073-kaaqw666i .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-ticks { display: flex !important; justify-content: space-between !important; padding-top: 4px !important; font-size: 13px !important; color: #374151 !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-ticks span::before { content: '' !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 2px !important; height: 4px !important; background-color: #D1D5DB !important; border-radius: 1px !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-title { text-align: center !important; font-size: 15px !important; color: #374151 !important; margin-top: 8px !important; margin-bottom: 16px !important; line-height: 1.5 !important; padding: 0 1rem !important; display: block !important; font-weight: bold !important; } #fv-chart-1792069147073-kaaqw666i .fv-y-axis-title { font-size: 15px !important; color: #374151 !important; line-height: 1.5 !important; text-align: left !important; padding-left: 5.83% !important; margin-bottom: 4px !important; display: block !important; font-weight: bold !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-pie-container, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-row, #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-stacked-product, #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-grouped-bar-product, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-bar-row, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-stacked-product, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-label, #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-grouped-product-title, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-bar-label, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-container, #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-cluster, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-bar-container, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-x-axis-wrapper, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-x-axis-label-space, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-x-axis-chart-space, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-benchmark-title, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-dropdown-title, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-carousel-nav-btn, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-chart-title, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-chart-subhead, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-versus-header, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-versus-select-wrapper, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-versus-vs, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-versus-select-container, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-versus-select, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-stl-shop-all-btn, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-stl-shop-all-logo, #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-stl-shop-all-icon, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-bar-commentary-inline, #fv-chart-1792069147073-kaaqw666i.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792069147073-kaaqw666i.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1792069147073-kaaqw666i .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792069147073-kaaqw666i .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-row, #fv-chart-1792069147073-kaaqw666i .fv-stacked-product, #fv-chart-1792069147073-kaaqw666i .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-label, #fv-chart-1792069147073-kaaqw666i .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-container, #fv-chart-1792069147073-kaaqw666i .fv-bar-cluster { width: 100% !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792069147073-kaaqw666i .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792069147073-kaaqw666i .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792069147073-kaaqw666i .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-label-space { display: none !important; } #fv-chart-1792069147073-kaaqw666i .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792069147073-kaaqw666i .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792069147073-kaaqw666i .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792069147073-kaaqw666i .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792069147073-kaaqw666i .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792069147073-kaaqw666i .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792069147073-kaaqw666i .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792069147073-kaaqw666i .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792069147073-kaaqw666i .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792069147073-kaaqw666i .fv-stl-shop-all-logo, #fv-chart-1792069147073-kaaqw666i .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792069147073-kaaqw666i .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792069147073-kaaqw666i .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792069147073-kaaqw666i .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792069147073-kaaqw666i.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } }<\/style>\n<p><script type=\"application\/ld+json\">{ \"@context\": \"https:\/\/schema.org\", \"@type\": \"Dataset\", \"name\": \"Battery life\", \"description\": \"Testing gaming battery life using PCMark 10's dedicate gaming battery life test.\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-10-15T12:59:07.074Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"Asus ProArt P16 | RTX Spark\", \"Framework 16\", \"Razer Blade 14 (2025)\", \"PCMark 10\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark \u2013 PCMark 10\", \"value\": 86, \"unitText\": \"Battery life (minutes)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 \u2013 PCMark 10\", \"value\": 131, \"unitText\": \"Battery life (minutes)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 (2025) \u2013 PCMark 10\", \"value\": 134, \"unitText\": \"Battery life (minutes)\" } ]}<\/script><script type=\"application\/json\" class=\"fv-embed-state\" data-version=\"2\">{\"version\":2,\"exportedAt\":\"2026-10-15T12:59:07.074Z\",\"state\":{\"data\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"attribute\":\"PCMark 10\",\"value\":86,\"unit\":\"Battery life (minutes)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Framework 16\",\"attribute\":\"PCMark 10\",\"value\":131,\"unit\":\"Battery life (minutes)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"attribute\":\"PCMark 10\",\"value\":101,\"unit\":\"Battery life (minutes)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Razer Blade 14 (2025)\",\"attribute\":\"PCMark 10\",\"value\":134,\"unit\":\"Battery life (minutes)\",\"color\":\"\",\"site\":\"PC Gamer\"}],\"products\":[\"Asus ProArt P16 | RTX Spark\",\"Framework 16\",\"MSI Crosshair 16 HX (AI)\",\"Razer Blade 14 (2025)\"],\"attributes\":[\"PCMark 10\"],\"selectedProducts\":[\"Asus ProArt P16 | RTX Spark\",\"Framework 16\",\"Razer Blade 14 (2025)\"],\"selectedPrimaryProduct\":\"Asus ProArt P16 | RTX Spark\",\"selectedAttributes\":[\"PCMark 10\"],\"productColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"initialProductColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Bar\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"All Charts\",\"brand\":{\"name\":\"PC Gamer\",\"logoUrl\":\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/pcgamer.png\",\"sliderLogoShape\":\"square\",\"embedBg\":\"#ededed\",\"colors\":{\"primary\":\"#E33235\",\"secondary\":\"#FE9F58\",\"accent\":\"#1CA9C4\",\"background\":\"#ededed\",\"text\":\"#1F2937\",\"productColors\":[\"#E33235\",\"#FE9F58\",\"#1CA9C4\",\"#EB6F71\",\"#FFC08B\",\"#66C5D7\",\"#B5282A\",\"#D07F46\"]}},\"textContent\":{\"title\":\"Battery life\",\"subhead\":\"Testing gaming battery life using PCMark 10's dedicate gaming battery life test.\",\"caption\":\"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",\"productNameOverrides\":{},\"attributeNameOverrides\":{},\"chartTitleOverrides\":{},\"xAxisLabelOverrides\":{},\"subheadOverrides\":{},\"captionOverrides\":{},\"unitOverrides\":{},\"multiValueLegendOverrides\":{},\"barCommentaryOverrides\":{}},\"dataEverLoaded\":true,\"showAISuggestionsButton\":false,\"barChartShowXAxis\":true,\"groupedBarChartShowProductName\":false,\"barChartLabelsOnTop\":true,\"experimentalEnablePieChart\":false,\"slideshowUseDropdown\":false},\"slides\":[]}<\/script><\/p>\n<div id=\"fv-chart-1792069147073-kaaqw666i\" class=\"fv-chart-wrapper labels-on-top \" data-bar-labels-on-top=\"true\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">Battery life<\/h3>\n<p class=\"fv-chart-subhead\">Testing gaming battery life using PCMark 10&#8217;s dedicate gaming battery life test.<\/p>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1792069147073-kaaqw666i-bar-PCMark 10\" data-chart-type=\"Bar\" data-title=\"PCMark 10\" data-subhead=\"Testing gaming battery life using PCMark 10's dedicate gaming battery life test.\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<h4 class=\"fv-benchmark-title\">PCMark 10<\/h4>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 57.333333333333336%; background-color: #E33235;\" data-target-width=\"57.333333333333336\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">86<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 87.33333333333333%; background-color: #FE9F58;\" data-target-width=\"87.33333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">131<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 (2025)<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 89.33333333333333%; background-color: #EB6F71;\" data-target-width=\"89.33333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">134<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>37.5<\/span><span>75<\/span><span>112.5<\/span><span>150<\/span><\/div>\n<div class=\"fv-x-axis-unit\">Battery life (minutes)<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>PCMark 10 Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark<\/td>\n<td>86<\/td>\n<\/tr>\n<tr>\n<td>Framework 16<\/td>\n<td>131<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 (2025)<\/td>\n<td>134<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\" style=\"display: block;\"><span class=\"fv-original-caption\" style=\"display: block;\"><\/span><span class=\"fv-ia-dynamic-caption\" style=\"display: none;\"><\/span><\/div>\n<\/div>\n<div class=\"fv-logo-explore-bar\"><img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\" alt=\"PC Gamer Logo\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script> window.iFrameResizer = { heightCalculationMethod: 'taggedElement' }; <\/script> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/iframe-resizer\/4.2.11\/iframeResizer.contentWindow.min.js\" async><\/script> <script> (function() { function createChartAnimator() { return function animateChartWrapper(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment'); bars.forEach(function(bar, index) { bar.style.setProperty('width', '0%', 'important'); bar.style.setProperty('transition', 'none', 'important'); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.style.setProperty('margin-left', baseMargin + '%', 'important'); } setTimeout(function() { var marginTransition = baseMargin !== undefined ? ', margin-left 0.8s ease-out' : ''; bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out' + marginTransition, 'important'); bar.style.setProperty('width', targetWidth + '%', 'important'); if (targetMargin !== undefined && baseMargin !== undefined) { bar.style.setProperty('margin-left', targetMargin + '%', 'important'); } }, index * 50 + 50); }); } function animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector('svg'); if (!lineSvg) return; var paths = lineSvg.querySelectorAll('.riv-line-path'); paths.forEach(function(p, i) { if (typeof p.getTotalLength === 'function') { var len = p.getTotalLength(); p.style.transition = 'none'; p.style.strokeDasharray = len; p.style.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(function() { p.style.transition = 'stroke-dashoffset 1s ease-out ' + (i * 0.1) + 's, stroke-width 0.2s, opacity 0.2s'; p.style.strokeDashoffset = '0'; }, 100); } }); var dots = lineSvg.querySelectorAll('.riv-dot'); dots.forEach(function(dot, i) { dot.style.opacity = '0'; setTimeout(function() { dot.style.transition = 'opacity 0.3s ease'; dot.style.opacity = '1'; }, 500 + i * 10); }); } var charts = chartWrapper.querySelectorAll('.fv-chart-item'); charts.forEach(function(chart) { if (window.getComputedStyle(chart).display === 'none') return; var chartType = chart.dataset.chartType; if (chartType === 'Line') { animateLineChart(chart); } else if (chartType !== 'Pie') { animateBars(chart); } }); }; } var fvLocalAnimate = createChartAnimator(); window.fvAnimateCharts = fvLocalAnimate; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); if (!root && !isSlideshow) return; function setupWrapper(chartWrapper) { if (!chartWrapper) return; \/* Responsive mobile view handling *\/ function checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height) <= 599; var isMobile; if (width === 0) { isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { isMobile = isMobileDevice || width < 600; } if (isMobile) { chartWrapper.classList.add('mobile-view'); } else { chartWrapper.classList.remove('mobile-view'); } } checkMobileView(); if (typeof ResizeObserver !== 'undefined') { var ro = new ResizeObserver(function() { checkMobileView(); }); ro.observe(chartWrapper); } window.addEventListener('resize', checkMobileView); var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop) { var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var hasVisibleBarChart = false; charts.forEach(function(c) { if (window.getComputedStyle(c).display !== 'none') { var cType = c.dataset.chartType; if (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus') { hasVisibleBarChart = true; } } }); if (hasVisibleBarChart) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } else { chartWrapper.classList.remove('labels-on-top'); } \/* Legend interactions *\/ chartWrapper.querySelectorAll('.riv-line-legend').forEach(function(legend) { var chartId = legend.dataset.chart; var chart = chartWrapper.querySelector('[id=\"' + chartId + '\"]'); if (!chart) return; var lines = chart.querySelectorAll('.riv-line-path'); var dots = chart.querySelectorAll('.riv-dot'); var legendItems = legend.querySelectorAll('.riv-legend-item'); legendItems.forEach(function(item) { var productName = item.dataset.product; var safeProductName = productName.replace(\/\"\/g, '\\\\\"'); var line = chart.querySelector('.riv-line-path[data-product=\"' + safeProductName + '\"]'); var productDots = chart.querySelectorAll('.riv-dot[data-product=\"' + safeProductName + '\"]'); if (line &#038;&#038; !line.dataset.origStroke) { line.dataset.origStroke = line.getAttribute('stroke-width') || '2'; } var highlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; }; var clearHighlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); }; var toggleIsolate = function() { var isIsolated = item.classList.contains('isolated'); legendItems.forEach(function(i) { i.classList.remove('isolated'); }); if (isIsolated) { lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); } else { item.classList.add('isolated'); lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; } }; item.addEventListener('mouseenter', highlight); item.addEventListener('focus', highlight); item.addEventListener('mouseleave', clearHighlight); item.addEventListener('blur', clearHighlight); item.addEventListener('click', toggleIsolate); if (line) { line.style.cursor = 'pointer'; line.addEventListener('mouseenter', highlight); line.addEventListener('mouseleave', clearHighlight); line.addEventListener('click', toggleIsolate); } }); }); \/* Versus Chart Logic *\/ var versusCharts = chartWrapper.querySelectorAll('.fv-versus-chart'); versusCharts.forEach(function(vc) { var dataJson = vc.getAttribute('data-versus-data'); var leftColor = vc.getAttribute('data-left-color') || '#E53935'; var rightColor = vc.getAttribute('data-right-color') || '#FFB300'; if (!dataJson) return; var versusData = JSON.parse(dataJson); var leftSelect = vc.querySelector('.fv-select-left'); var rightSelect = vc.querySelector('.fv-select-right'); var rows = vc.querySelectorAll('.fv-versus-row'); function updateVersusChart() { var leftProduct = leftSelect.value; var rightProduct = rightSelect.value; leftSelect.style.color = leftColor; leftSelect.style.borderColor = leftColor; rightSelect.style.color = rightColor; rightSelect.style.borderColor = rightColor; rows.forEach(function(row) { var index = parseInt(row.getAttribute('data-index')); var data = versusData[index]; if (!data) return; var leftVal = data.productData[leftProduct] ? data.productData[leftProduct].value : undefined; var rightVal = data.productData[rightProduct] ? data.productData[rightProduct].value : undefined; var leftIsNum = typeof leftVal === 'number'; var rightIsNum = typeof rightVal === 'number'; var leftNum = leftIsNum ? leftVal : 0; var rightNum = rightIsNum ? rightVal : 0; var maxVal = Math.max(leftNum, rightNum, 0.0001); var leftWidth = leftIsNum ? (leftNum \/ maxVal) * 95 : 0; var rightWidth = rightIsNum ? (rightNum \/ maxVal) * 85 : 0; var winner = null; var pctDiffStr = null; if (leftIsNum &#038;&#038; rightIsNum) { if (leftNum > rightNum) { winner = 'left'; if (rightNum > 0) { var diff = Math.round(((leftNum - rightNum) \/ rightNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } else if (rightNum > leftNum) { winner = 'right'; if (leftNum > 0) { var diff = Math.round(((rightNum - leftNum) \/ leftNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } } var leftDisplay = data.productData[leftProduct] && data.productData[leftProduct].displayValue !== undefined ? data.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : '-')); var rightDisplay = data.productData[rightProduct] && data.productData[rightProduct].displayValue !== undefined ? data.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : '-')); var unit = (data.productData[leftProduct] && data.productData[leftProduct].unit) || (data.productData[rightProduct] && data.productData[rightProduct].unit) || ''; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector('.fv-versus-bar-left'); var rightBar = row.querySelector('.fv-versus-bar-right'); var leftText = row.querySelector('.fv-inside-left'); var rightText = row.querySelector('.fv-inside-right'); var labelText = row.querySelector('.fv-versus-label span'); var existingPctDiffs = row.querySelectorAll('.fv-versus-pct-diff'); existingPctDiffs.forEach(function(el) { el.remove(); }); if (winner === 'left' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === 'right' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.style.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.style.setProperty('--target-width', leftWidth + '%'); leftBar.style.width = leftWidth + '%'; } if (rightBar) { rightBar.style.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.style.setProperty('--target-width', rightWidth + '%'); rightBar.style.width = rightWidth + '%'; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = data.attribute + (unit ? ' (' + unit + ')' : ''); } }); } if (leftSelect) leftSelect.addEventListener('change', updateVersusChart); if (rightSelect) rightSelect.addEventListener('change', updateVersusChart); }); \/* Bar Commentary Hover Logic *\/ var barRows = chartWrapper.querySelectorAll('.fv-bar-row'); var globalCaptionEl = chartWrapper.querySelector('.rv-chart-caption'); var fallbackCaptionHtml = globalCaptionEl ? globalCaptionEl.innerHTML : ''; barRows.forEach(function(row) { var commentaryEl = row.querySelector('[data-commentary-key]'); if (commentaryEl) { var commentaryText = commentaryEl.textContent; if (commentaryText && commentaryText.trim().length > 0) { row.addEventListener('mouseenter', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = commentaryText; globalCaptionEl.classList.add('fv-bar-active-caption'); } }); row.addEventListener('mouseleave', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = fallbackCaptionHtml; globalCaptionEl.classList.remove('fv-bar-active-caption'); } }); } } }); \/* Carousel & Dropdown Logic *\/ var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var dropdown = chartWrapper.querySelector('.fv-dropdown-title'); var prevBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.prev'); var nextBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.next'); var carouselTitle = chartWrapper.querySelector('.fv-carousel-title-controls .fv-benchmark-title'); var counter = chartWrapper.querySelector('.fv-carousel-counter'); var subheadEl = chartWrapper.querySelector('.fv-chart-subhead'); var captionEl = chartWrapper.querySelector('.rv-chart-caption'); var footerContentEl = chartWrapper.querySelector('.fv-footer-content'); var bottomBarEl = chartWrapper.querySelector('.fv-bottom-bar'); var logoEl = chartWrapper.querySelector('.fv-logo'); if (charts.length > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.options).map(function(o) { return o.text; }); } else { charts.forEach(function(c) { titles.push(c.getAttribute('data-title') || ''); }); } function showInternalChart(index) { if (index < 0) index = charts.length - 1; if (index >= charts.length) index = 0; currentChartIndex = index; charts.forEach(function(c, i) { c.style.display = i === index ? 'block' : 'none'; if (i === index) { var cType = c.dataset.chartType; if (cType !== 'Pie') { fvLocalAnimate(chartWrapper); } var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop && (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus')) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } }); if (dropdown) dropdown.value = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ' of ' + charts.length; var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute('data-subhead'); var newCaption = activeChart.getAttribute('data-caption'); var currentChartType = activeChart.getAttribute('data-chart-type'); var hideGlobalCaption = currentChartType === 'Countdown' || currentChartType === 'Image Comparison' || currentChartType === 'Shop the Collection'; if (subheadEl) subheadEl.textContent = newSubhead || ''; if (captionEl) { captionEl.textContent = newCaption || ''; fallbackCaptionHtml = newCaption || ''; } if (footerContentEl) { if (newCaption && newCaption.trim().length > 0 && !hideGlobalCaption) { footerContentEl.style.display = 'block'; if (bottomBarEl) bottomBarEl.style.display = 'flex'; } else { footerContentEl.style.display = 'none'; if (bottomBarEl && !logoEl) { bottomBarEl.style.display = 'none'; } } } } } if (dropdown) dropdown.addEventListener('change', function(e) { showInternalChart(parseInt(e.target.value)); }); if (prevBtn) prevBtn.addEventListener('click', function() { showInternalChart(currentChartIndex - 1); }); if (nextBtn) nextBtn.addEventListener('click', function() { showInternalChart(currentChartIndex + 1); }); } \/* Image Comparison Logic *\/ var imageCompareWrappers = chartWrapper.querySelectorAll('.fv-image-compare-wrapper'); imageCompareWrappers.forEach(function(wrapper) { var inner = wrapper.querySelector('.fv-image-compare-inner') || wrapper; var slider = wrapper.querySelector('.fv-image-compare-slider'); var fgImage = wrapper.querySelector('.fv-image-compare-fg'); var bgImage = wrapper.querySelector('.fv-image-compare-bg'); var labelLeft = wrapper.querySelector('.fv-image-compare-label-left'); var labelRight = wrapper.querySelector('.fv-image-compare-label-right'); var isDragging = false; var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; function updateTransform() { if (wrapper.classList.contains('fv-image-compare-fullscreen')) { inner.style.setProperty('transform', 'translate(' + panX + 'px, ' + panY + 'px) scale(' + scale + ')', 'important'); } else { inner.style.removeProperty('transform'); scale = 1; panX = 0; panY = 0; } } function constrainPan() { var rect = wrapper.getBoundingClientRect(); var maxPanX = Math.max(0, (rect.width * scale - rect.width) \/ 2); var maxPanY = Math.max(0, (rect.height * scale - rect.height) \/ 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener('wheel', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX - rect.left - rect.width \/ 2; var mouseY = e.clientY - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = mouseX - (mouseX - panX) * ratio; panY = mouseY - (mouseY - panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener('mousedown', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen') || scale <= 1) return; if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.clientX; lastClientY = e.clientY; }); window.addEventListener('mousemove', function(e) { if (!isPanning) return; var dx = e.clientX - lastClientX; var dy = e.clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener('mouseup', function() { isPanning = false; }); wrapper.addEventListener('touchstart', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; hasPanned = true; } else if (e.touches.length === 1 && scale > 1) { if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; } }, { passive: false }); wrapper.addEventListener('touchmove', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance \/ initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = centerX - (centerX - panX) * ratio; panY = centerY - (centerY - panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX - lastCenterX); panY += (centerY - lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.length === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX - lastClientX; var dy = e.touches[0].clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener('touchend', function(e) { if (e.touches.length < 2) { initialDistance = null; } if (e.touches.length === 0) { isPanning = false; } }); function handleMove(clientX) { var rect = inner.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX - rect.left, rect.width)); var percent = Math.max(0, Math.min((x \/ rect.width) * 100, 100)); if (slider) slider.style.setProperty('left', percent + '%', 'important'); if (fgImage) fgImage.style.setProperty('clip-path', 'polygon(0 0, ' + percent + '% 0, ' + percent + '% 100%, 0 100%)', 'important'); if (labelLeft) { if (percent < 10) { labelLeft.style.setProperty('opacity', '0', 'important'); } else { labelLeft.style.setProperty('opacity', '1', 'important'); } } if (labelRight) { if (percent > 90) { labelRight.style.setProperty('opacity', '0', 'important'); } else { labelRight.style.setProperty('opacity', '1', 'important'); } } } function onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } function onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } function stopDragging() { isDragging = false; window.removeEventListener('mousemove', onMouseMove); window.removeEventListener('mouseup', stopDragging); window.removeEventListener('touchmove', onTouchMove); window.removeEventListener('touchend', stopDragging); } if (slider) { var startDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('mousemove', onMouseMove); window.addEventListener('mouseup', stopDragging); }; var startTouchDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('touchmove', onTouchMove, { passive: false }); window.addEventListener('touchend', stopDragging); }; slider.addEventListener('mousedown', function(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener('touchstart', function(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } var expandBtn = wrapper.querySelector('.fv-image-compare-expand-btn'); var closeBtn = wrapper.querySelector('.fv-image-compare-close-btn'); if (expandBtn) { if (window !== window.parent) { expandBtn.style.display = 'none'; } else { expandBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.add('fv-image-compare-fullscreen'); document.body.style.overflow = 'hidden'; if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute('srcset'); fgImage.removeAttribute('sizes'); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute('srcset'); bgImage.removeAttribute('sizes'); } }); } } if (closeBtn) { closeBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); }); } document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && wrapper.classList.contains('fv-image-compare-fullscreen')) { wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); } }); }); \/* Shop The Look Hotspots *\/ var hotspots = chartWrapper.querySelectorAll('.fv-stl-hotspot-btn'); var allProductsModal = chartWrapper.querySelector('.fv-stl-all-products-modal'); var shopAllBtn = chartWrapper.querySelector('.fv-stl-shop-all-btn'); var stlContainer = chartWrapper.querySelector('.fv-stl-container'); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove('is-active'); var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item'); items.forEach(function(item) { item.classList.remove('is-highlighted'); }); if (stlContainer) { setTimeout(function() { if (!allProductsModal.classList.contains('is-active')) { stlContainer.style.minHeight = ''; if ('parentIFrame' in window) { window.parentIFrame.size(); } } }, 300); } } hotspots.forEach(function(btn) { btn.setAttribute('aria-expanded', 'false'); }); if ('parentIFrame' in window) { window.parentIFrame.size(); } } hotspots.forEach(function(btn) { btn.addEventListener('click', function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute('data-hotspot-id'); var isExpanded = btn.getAttribute('aria-expanded') === 'true'; closeAllModals(); if (!isExpanded && allProductsModal) { btn.setAttribute('aria-expanded', 'true'); allProductsModal.classList.add('is-active'); var container = btn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id=\"' + hotspotId + '\"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(function() { targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.size(); } } }); }); if (shopAllBtn &#038;&#038; allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); var container = shopAllBtn.closest('.fv-stl-container'); if (container &#038;&#038; container.offsetHeight < 450) { container.style.minHeight = '450px'; } if ('parentIFrame' in window) { window.parentIFrame.size(); } }); } if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } chartWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); if (allProductsModal) { allProductsModal.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); } \/* Image Annotation Logic *\/ var iaNodes = chartWrapper.querySelectorAll('.fv-ia-node-button'); var iaWrapper = chartWrapper.querySelector('.fv-ia-wrapper'); var originalCaption = chartWrapper.querySelector('.fv-original-caption') || captionEl; var dynamicCaption = chartWrapper.querySelector('.fv-ia-dynamic-caption'); var exploreBtn = chartWrapper.querySelector('.fv-ia-explore-btn'); var currentIaIndex = -1; function closeAllIANodes() { iaNodes.forEach(function(btn) { btn.classList.remove('is-active'); }); if (originalCaption) originalCaption.style.display = 'block'; if (dynamicCaption) dynamicCaption.style.display = 'none'; } function resetExploreBtn() { currentIaIndex = -1; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Explore'; } } iaNodes.forEach(function(btn, index) { btn.addEventListener('click', function(e) { e.stopPropagation(); var isActive = btn.classList.contains('is-active'); closeAllIANodes(); if (!isActive) { currentIaIndex = index; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Next'; } btn.classList.add('is-active'); if (dynamicCaption) { var title = btn.getAttribute('data-title') || ''; var desc = btn.getAttribute('data-desc') || ''; dynamicCaption.innerHTML = ''; var strongTag = document.createElement('strong'); strongTag.textContent = title; dynamicCaption.appendChild(strongTag); if (desc) { dynamicCaption.appendChild(document.createTextNode(' - ' + desc)); } if (originalCaption) originalCaption.style.display = 'none'; dynamicCaption.style.display = 'block'; if (footerContentEl) footerContentEl.style.display = 'block'; } } else { resetExploreBtn(); } }); }); if (exploreBtn) { exploreBtn.addEventListener('click', function(e) { e.stopPropagation(); if (iaNodes.length === 0) return; var nextIndex = currentIaIndex + 1; if (nextIndex >= iaNodes.length) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if (targetBtn.classList.contains('is-active')) { targetBtn.click(); } targetBtn.click(); } } }); } if (iaWrapper) { iaWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-ia-node-button') && !e.target.closest('.fv-ia-explore-btn')) { closeAllIANodes(); resetExploreBtn(); } }); } \/* Initial Animation *\/ chartWrapper._fvAnimate = fvLocalAnimate; fvLocalAnimate(chartWrapper); \/* Countdown Logic *\/ var countdownContainer = chartWrapper.querySelector('.fv-countdown-container'); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute('data-target-date'); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var pad = function(n) { return (n < 10 ? '0' : '') + n; }; var updateCountdown = function() { var difference = +targetDate - +new Date(); var d = 0, h = 0, m = 0, s = 0; if (difference > 0) { d = Math.floor(difference \/ (1000 * 60 * 60 * 24)); h = Math.floor((difference \/ (1000 * 60 * 60)) % 24); m = Math.floor((difference \/ 1000 \/ 60) % 60); s = Math.floor((difference \/ 1000) % 60); } var daysEl = countdownContainer.querySelector('[data-time=\"days\"]'); var hoursEl = countdownContainer.querySelector('[data-time=\"hours\"]'); var minsEl = countdownContainer.querySelector('[data-time=\"minutes\"]'); var secsEl = countdownContainer.querySelector('[data-time=\"seconds\"]'); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = document.getElementById(uniqueId + '-slideshow'); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll('.fv-slide'); slides.forEach(function(slide) { setupWrapper(slide.querySelector('.fv-chart-wrapper')); }); } } else { setupWrapper(root); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1792069147073-kaaqw666i', false); }); } else { initialize('fv-chart-1792069147073-kaaqw666i', false); } })(); <\/script><\/div>\n<p>The other inevitable issues surround emulation. This is not an x86 system and while Microsoft&#8217;s Prism layer is very good for the most part, there are problems with running games on an Arm system that will be familiar to anyone who&#8217;s spent any time playing games on Linux. Yes, the hoary ol&#8217; chestnut of anti-cheat.<\/p>\n<p>The good news is that Microsoft is working hard on this, presumably with the aim of stopping defectors from entering the sunny uplands of Linux gaming, and a ton of anti-cheat providers are already running on RTX Spark and Windows (formerly on Arm). From everybody&#8217;s favourite, Denuvo, to BattlEye and EAC, a host of multiplayer games can be played from day one.<\/p>\n<p>But there are still some notable exceptions, the main one for me being EA&#8217;s Javelin. I like me some Battlefield, and I&#8217;ve been playing a lot of FC27 recently, too, for I am a football-liker. These are currently games not compatible with RTX Spark, nor is the F1 24 benchmark we run across our gaming laptop suite, either. Javelin is expected to be updated and added to the list of supported anti-cheats next year, but for right now, you&#8217;re out of luck.<\/p>\n<div class=\"vizualizer-embed\">\n<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;700&display=swap'); @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap'); #fv-chart-1792068727177-wdai12o3n *, #fv-chart-1792068727177-wdai12o3n *:before, #fv-chart-1792068727177-wdai12o3n *:after, #fv-chart-1792068727177-wdai12o3n-slideshow *, #fv-chart-1792068727177-wdai12o3n-slideshow *:before, #fv-chart-1792068727177-wdai12o3n-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1792068727177-wdai12o3n, #fv-chart-1792068727177-wdai12o3n-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792068727177-wdai12o3n { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1792068727177-wdai12o3n .fv-inner-wrapper { color: #1F2937 !important; background-color: #ededed !important; padding: 1.5rem 1.5rem 2rem !important; border-radius: 0.5rem !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; margin: 1rem 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } #fv-chart-1792068727177-wdai12o3n .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1792068727177-wdai12o3n.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1792068727177-wdai12o3n.fv-full-bleed .fv-inner-wrapper { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792068727177-wdai12o3n .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792068727177-wdai12o3n-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1792068727177-wdai12o3n-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1792068727177-wdai12o3n-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1792068727177-wdai12o3n-slideshow .fv-slideshow-nav-row { position: relative !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 0 0 16px 0 !important; width: 100% !important; z-index: 20 !important; } #fv-chart-1792068727177-wdai12o3n-slideshow .fv-nav-btn { background-color: var(--riv-primary) !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; padding: 8px 16px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; transition: opacity 0.2s, background-color 0.2s !important; height: 36px !important; text-transform: none !important; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; } #fv-chart-1792068727177-wdai12o3n-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1792068727177-wdai12o3n-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1792068727177-wdai12o3n-slideshow .fv-nav-btn.disabled, #fv-chart-1792068727177-wdai12o3n-slideshow .fv-nav-btn:disabled { background-color: #E5E7EB !important; color: #9CA3AF !important; cursor: default !important; pointer-events: none !important; box-shadow: none !important; } #fv-chart-1792068727177-wdai12o3n-slideshow .fv-slide-counter { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; text-align: center !important; min-width: 40px !important; background-color: rgba(255,255,255,0.8) !important; padding: 2px 8px !important; border-radius: 10px !important; user-select: none !important; } #fv-chart-1792068727177-wdai12o3n-slideshow .fv-slideshow-select { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 20 !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white !important; border: 1px solid #d1d5db !important; color: #1F2937 !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; padding: 6px 32px 6px 12px !important; border-radius: 4px !important; cursor: pointer !important; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'\/%3e%3c\/svg%3e\") !important; background-position: right 0.5rem center !important; background-repeat: no-repeat !important; background-size: 1.5em 1.5em !important; } #fv-chart-1792068727177-wdai12o3n-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1792068727177-wdai12o3n .fv-chart-title { font-weight: bold !important; text-align: center !important; margin-bottom: 0.5rem !important; color: var(--riv-primary) !important; font-size: 20px !important; line-height: 1.2 !important; font-family: 'Open Sans', sans-serif !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; padding: 0 20px !important; } #fv-chart-1792068727177-wdai12o3n .fv-chart-subhead { font-size: 18px !important; font-weight: 500 !important; text-align: center !important; margin-bottom: 2rem !important; color: #374151 !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; text-transform: none !important; padding: 0 20px !important; } #fv-chart-1792068727177-wdai12o3n .rv-chart-caption { font-size: 15px !important; color: #374151 !important; text-align: center !important; font-style: normal !important; font-weight: normal !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; } #fv-chart-1792068727177-wdai12o3n .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1792068727177-wdai12o3n .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1792068727177-wdai12o3n .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select { background: transparent; border: none; border-bottom: 2px solid; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select option { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #374151; direction: ltr; text-align: left; } #fv-chart-1792068727177-wdai12o3n .fv-versus-vs { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; color: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1792068727177-wdai12o3n .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1792068727177-wdai12o3n .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1792068727177-wdai12o3n .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1792068727177-wdai12o3n .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1792068727177-wdai12o3n .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1792068727177-wdai12o3n .fv-versus-bar { height: 32px; width: var(--target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; display: flex; align-items: center; overflow: hidden; color: #ffffff; } #fv-chart-1792068727177-wdai12o3n .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1792068727177-wdai12o3n .fv-versus-bar-right { border-radius: 0 4px 4px 0; justify-content: flex-start; padding: 0 8px; } @keyframes fv-grow-max-width { from { max-width: 0; } to { max-width: 100%; } } #fv-chart-1792068727177-wdai12o3n .fv-versus-center-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background-color: #ffffff; transform: translateX(-50%); z-index: 1; } #fv-chart-1792068727177-wdai12o3n .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792068727177-wdai12o3n .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792068727177-wdai12o3n .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1792068727177-wdai12o3n .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1792068727177-wdai12o3n .fv-versus-label { position: absolute; left: 50%; transform: translateX(-50%); top: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #374151; white-space: nowrap; } #fv-chart-1792068727177-wdai12o3n .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1792068727177-wdai12o3n .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1792068727177-wdai12o3n .fv-logo { display: block !important; margin: 0 auto !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: auto !important; object-fit: contain !important; flex-shrink: 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1792068727177-wdai12o3n .fv-dropdown-title { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: transparent !important; border: none !important; font-size: 18px !important; font-weight: 600 !important; color: var(--riv-primary) !important; padding-right: 28px !important; padding-left: 10px !important; cursor: pointer !important; text-align: center !important; text-align-last: center !important; width: auto !important; max-width: 100% !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; margin: 0 !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; } #fv-chart-1792068727177-wdai12o3n .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1792068727177-wdai12o3n .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1792068727177-wdai12o3n .fv-dropdown-chevron { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; color: var(--riv-primary) !important; display: flex !important; align-items: center !important; } #fv-chart-1792068727177-wdai12o3n .fv-carousel-title-controls { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; width: 100% !important; gap: 12px !important; } #fv-chart-1792068727177-wdai12o3n .fv-carousel-nav-btn { background: transparent !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; padding: 6px 10px !important; cursor: pointer !important; font-size: 14px !important; color: #374151 !important; display: flex !important; align-items: center !important; gap: 4px !important; font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792068727177-wdai12o3n .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1792068727177-wdai12o3n .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1792068727177-wdai12o3n .fv-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px 16px !important; margin: 0 !important; padding: 0 !important; margin-top: 1rem !important; } #fv-chart-1792068727177-wdai12o3n .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1792068727177-wdai12o3n .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1792068727177-wdai12o3n .fv-multi-value-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px 24px !important; margin-bottom: 1.5rem !important; padding: 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-multi-legend-item { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #374151 !important; font-weight: 500 !important; } #fv-chart-1792068727177-wdai12o3n .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1792068727177-wdai12o3n .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1792068727177-wdai12o3n .fv-benchmark-title { font-size: 18px !important; font-weight: 600 !important; margin-bottom: 16px !important; margin-top: 0 !important; padding: 0 !important; text-align: center !important; color: var(--riv-primary) !important; flex: 1 !important; min-width: 0 !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; word-wrap: break-word !important; max-width: 100% !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-row, #fv-chart-1792068727177-wdai12o3n .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-label { width: 150px !important; flex-shrink: 0 !important; font-size: 14px !important; color: #374151 !important; padding-right: 10px !important; text-align: right !important; font-weight: 500 !important; display: block !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-container { flex-grow: 1 !important; background-color: #E5E7EB !important; border-radius: 4px !important; min-height: 25px !important; border: 1px solid #D1D5DB !important; position: relative !important; display: flex !important; align-items: center !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-commentary-inline { display: none !important; position: absolute !important; left: 150px !important; top: 0 !important; bottom: 0 !important; right: 0 !important; width: calc(100% - 150px) !important; margin: 0 !important; padding: 0 8px !important; font-size: 13px !important; color: #fff !important; background: rgba(0,0,0,0.8) !important; border-radius: 4px !important; line-height: 1.4 !important; font-weight: normal !important; text-transform: none !important; word-wrap: break-word !important; z-index: 10 !important; align-items: center !important; overflow-y: auto !important; } #fv-chart-1792068727177-wdai12o3n.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792068727177-wdai12o3n.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1792068727177-wdai12o3n.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar { height: 100% !important; border-radius: 3px !important; display: flex !important; align-items: center !important; transition: opacity 0.2s ease, width 0.8s ease-out !important; min-height: 23px !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-inner-content { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; height: 100% !important; padding: 0 8px !important; font-size: 14px !important; font-weight: bold !important; overflow: hidden !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-value-outside { padding-left: 8px !important; font-size: 14px !important; font-weight: bold !important; color: #374151 !important; white-space: nowrap !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1792068727177-wdai12o3n .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1792068727177-wdai12o3n .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1792068727177-wdai12o3n .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1792068727177-wdai12o3n .fv-stacked-segment { height: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 8px !important; border-right: 1px solid rgba(255,255,255,0.3) !important; } #fv-chart-1792068727177-wdai12o3n .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1792068727177-wdai12o3n .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1792068727177-wdai12o3n .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1792068727177-wdai12o3n .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1792068727177-wdai12o3n .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.5rem !important; font-weight: 700 !important; font-size: 14px !important; color: #374151 !important; text-transform: none !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1792068727177-wdai12o3n .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-ticks { display: flex !important; justify-content: space-between !important; padding-top: 4px !important; font-size: 13px !important; color: #374151 !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-ticks span::before { content: '' !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 2px !important; height: 4px !important; background-color: #D1D5DB !important; border-radius: 1px !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-title { text-align: center !important; font-size: 15px !important; color: #374151 !important; margin-top: 8px !important; margin-bottom: 16px !important; line-height: 1.5 !important; padding: 0 1rem !important; display: block !important; font-weight: bold !important; } #fv-chart-1792068727177-wdai12o3n .fv-y-axis-title { font-size: 15px !important; color: #374151 !important; line-height: 1.5 !important; text-align: left !important; padding-left: 5.83% !important; margin-bottom: 4px !important; display: block !important; font-weight: bold !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-pie-container, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-row, #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-stacked-product, #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-grouped-bar-product, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-bar-row, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-stacked-product, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-label, #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-grouped-product-title, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-bar-label, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-container, #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-cluster, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-bar-container, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-x-axis-wrapper, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-x-axis-label-space, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-x-axis-chart-space, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-benchmark-title, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-dropdown-title, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-carousel-nav-btn, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-chart-title, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-chart-subhead, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-versus-header, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-versus-select-wrapper, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-versus-vs, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-versus-select-container, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-versus-select, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-stl-shop-all-btn, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-stl-shop-all-logo, #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-stl-shop-all-icon, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-bar-commentary-inline, #fv-chart-1792068727177-wdai12o3n.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792068727177-wdai12o3n.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1792068727177-wdai12o3n .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792068727177-wdai12o3n .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-row, #fv-chart-1792068727177-wdai12o3n .fv-stacked-product, #fv-chart-1792068727177-wdai12o3n .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-label, #fv-chart-1792068727177-wdai12o3n .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-container, #fv-chart-1792068727177-wdai12o3n .fv-bar-cluster { width: 100% !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792068727177-wdai12o3n .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792068727177-wdai12o3n .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792068727177-wdai12o3n .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-label-space { display: none !important; } #fv-chart-1792068727177-wdai12o3n .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792068727177-wdai12o3n .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792068727177-wdai12o3n .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792068727177-wdai12o3n .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792068727177-wdai12o3n .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792068727177-wdai12o3n .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792068727177-wdai12o3n .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792068727177-wdai12o3n .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792068727177-wdai12o3n .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792068727177-wdai12o3n .fv-stl-shop-all-logo, #fv-chart-1792068727177-wdai12o3n .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792068727177-wdai12o3n .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792068727177-wdai12o3n .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792068727177-wdai12o3n .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792068727177-wdai12o3n.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } }<\/style>\n<p><script type=\"application\/ld+json\">{ \"@context\": \"https:\/\/schema.org\", \"@type\": \"Dataset\", \"name\": \"CPU performance\", \"description\": \"Testing the straight CPU performance of the relative laptop silicon.\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-10-15T12:52:07.178Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"Asus ProArt P16 | RTX Spark\", \"Framework 16\", \"MSI Crosshair 16 HX (AI)\", \"Razer Blade 14 (2025)\", \"Cinebench 2024\", \"7zip 24.07\", \"Procyon\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark \u2013 Cinebench 2024\", \"value\": 1018, \"unitText\": \"Multi-core index score\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | Ryzen AI 9 HX 370 \u2013 Cinebench 2024\", \"value\": 1158, \"unitText\": \"Multi-core index score\" }, { \"@type\": \"PropertyValue\", \"name\": \"MSI Crosshair 16 HX | Core Ultra 9 275HX\\u003cbr> \u2013 Cinebench 2024\", \"value\": 1320, \"unitText\": \"Multi-core index score\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | Ryzen AI 9 365 \u2013 Cinebench 2024\", \"value\": 1054, \"unitText\": \"Multi-core index score\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark \u2013 7zip 24.07\", \"value\": 156.362, \"unitText\": \"Compressing (GIPS)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | Ryzen AI 9 HX 370 \u2013 7zip 24.07\", \"value\": 108.822, \"unitText\": \"Compressing (GIPS)\" }, { \"@type\": \"PropertyValue\", \"name\": \"MSI Crosshair 16 HX | Core Ultra 9 275HX\\u003cbr> \u2013 7zip 24.07\", \"value\": 121.787, \"unitText\": \"Compressing (GIPS)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | Ryzen AI 9 365 \u2013 7zip 24.07\", \"value\": 103.17, \"unitText\": \"Compressing (GIPS)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ProArt P16 | RTX Spark \u2013 Procyon\", \"value\": 1505, \"unitText\": \"Overall index score\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework 16 | Ryzen AI 9 HX 370 \u2013 Procyon\", \"value\": 1789, \"unitText\": \"Overall index score\" }, { \"@type\": \"PropertyValue\", \"name\": \"MSI Crosshair 16 HX | Core Ultra 9 275HX\\u003cbr> \u2013 Procyon\", \"value\": 1508, \"unitText\": \"Overall index score\" }, { \"@type\": \"PropertyValue\", \"name\": \"Razer Blade 14 | Ryzen AI 9 365 \u2013 Procyon\", \"value\": 1704, \"unitText\": \"Overall index score\" } ]}<\/script><script type=\"application\/json\" class=\"fv-embed-state\" data-version=\"2\">{\"version\":2,\"exportedAt\":\"2026-10-15T12:52:07.178Z\",\"state\":{\"data\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"attribute\":\"7zip 24.07\",\"value\":156.362,\"unit\":\"Compressing (GIPS)\",\"multiValues\":[{\"value\":156.362,\"unit\":\"Compressing (GIPS)\"},{\"value\":135.541,\"unit\":\"Decompressing (GIPS)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"attribute\":\"Cinebench 2024\",\"value\":1018,\"unit\":\"Multi-core index score\",\"multiValues\":[{\"value\":1018,\"unit\":\"Multi-core index score\"},{\"value\":72,\"unit\":\"Single-core index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"attribute\":\"Procyon\",\"value\":1505,\"unit\":\"Overall index score\",\"multiValues\":[{\"value\":1505,\"unit\":\"Overall index score\"},{\"value\":66.404,\"unit\":\"Duration (Sec)\"},{\"value\":4.15,\"unit\":\"Sec\/image\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Framework 16\",\"attribute\":\"7zip 24.07\",\"value\":108.822,\"unit\":\"Compressing (GIPS)\",\"multiValues\":[{\"value\":108.822,\"unit\":\"Compressing (GIPS)\"},{\"value\":128.355,\"unit\":\"Decompressing (GIPS)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Framework 16\",\"attribute\":\"Cinebench 2024\",\"value\":1158,\"unit\":\"Multi-core index score\",\"multiValues\":[{\"value\":1158,\"unit\":\"Multi-core index score\"},{\"value\":105,\"unit\":\"Single-core index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Framework 16\",\"attribute\":\"Procyon\",\"value\":1789,\"unit\":\"Overall index score\",\"multiValues\":[{\"value\":1789,\"unit\":\"Overall index score\"},{\"value\":55.9,\"unit\":\"Duration (Sec)\"},{\"value\":3.49,\"unit\":\"Sec\/image\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"attribute\":\"7zip 24.07\",\"value\":121.787,\"unit\":\"Compressing (GIPS)\",\"multiValues\":[{\"value\":121.787,\"unit\":\"Compressing (GIPS)\"},{\"value\":130.822,\"unit\":\"Decompressing (GIPS)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"attribute\":\"Cinebench 2024\",\"value\":1320,\"unit\":\"Multi-core index score\",\"multiValues\":[{\"value\":1320,\"unit\":\"Multi-core index score\"},{\"value\":134,\"unit\":\"Single-core index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"attribute\":\"Procyon\",\"value\":1508,\"unit\":\"Overall index score\",\"multiValues\":[{\"value\":1508,\"unit\":\"Overall index score\"},{\"value\":66.27,\"unit\":\"Duration (Sec)\"},{\"value\":4.14,\"unit\":\"Sec\/image\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Razer Blade 14 (2025)\",\"attribute\":\"7zip 24.07\",\"value\":103.17,\"unit\":\"Compressing (GIPS)\",\"multiValues\":[{\"value\":103.17,\"unit\":\"Compressing (GIPS)\"},{\"value\":107.975,\"unit\":\"Decompressing (GIPS)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Razer Blade 14 (2025)\",\"attribute\":\"Cinebench 2024\",\"value\":1054,\"unit\":\"Multi-core index score\",\"multiValues\":[{\"value\":1054,\"unit\":\"Multi-core index score\"},{\"value\":115,\"unit\":\"Single-core index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Razer Blade 14 (2025)\",\"attribute\":\"Procyon\",\"value\":1704,\"unit\":\"Overall index score\",\"multiValues\":[{\"value\":1704,\"unit\":\"Overall index score\"},{\"value\":58.67,\"unit\":\"Duration (Sec)\"},{\"value\":3.67,\"unit\":\"Sec\/image\"}],\"color\":\"\",\"site\":\"PC Gamer\"}],\"products\":[\"Asus ProArt P16 | RTX Spark\",\"Framework 16\",\"MSI Crosshair 16 HX (AI)\",\"Razer Blade 14 (2025)\"],\"attributes\":[\"7zip 24.07\",\"Cinebench 2024\",\"Procyon\"],\"selectedProducts\":[\"Asus ProArt P16 | RTX Spark\",\"Framework 16\",\"MSI Crosshair 16 HX (AI)\",\"Razer Blade 14 (2025)\"],\"selectedPrimaryProduct\":\"Asus ProArt P16 | RTX Spark\",\"selectedAttributes\":[\"Cinebench 2024\",\"7zip 24.07\",\"Procyon\"],\"productColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"initialProductColors\":[{\"productName\":\"Asus ProArt P16 | RTX Spark\",\"color\":\"#E33235\"},{\"productName\":\"Framework 16\",\"color\":\"#FE9F58\"},{\"productName\":\"MSI Crosshair 16 HX (AI)\",\"color\":\"#1CA9C4\"},{\"productName\":\"Razer Blade 14 (2025)\",\"color\":\"#EB6F71\"}],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Bar\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"Dropdown\",\"brand\":{\"name\":\"PC Gamer\",\"logoUrl\":\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/pcgamer.png\",\"sliderLogoShape\":\"square\",\"embedBg\":\"#ededed\",\"colors\":{\"primary\":\"#E33235\",\"secondary\":\"#FE9F58\",\"accent\":\"#1CA9C4\",\"background\":\"#ededed\",\"text\":\"#1F2937\",\"productColors\":[\"#E33235\",\"#FE9F58\",\"#1CA9C4\",\"#EB6F71\",\"#FFC08B\",\"#66C5D7\",\"#B5282A\",\"#D07F46\"]}},\"textContent\":{\"title\":\"CPU performance\",\"subhead\":\"Testing the straight CPU performance of the relative laptop silicon.\",\"caption\":\"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",\"productNameOverrides\":{\"Framework 16\":\"Framework 16 | Ryzen AI 9 HX 370\",\"MSI Crosshair 16 HX (AI)\":\"MSI Crosshair 16 HX | Core Ultra 9 275HX<br \/>\",\"Razer Blade 14 (2025)\":\"Razer Blade 14 | Ryzen AI 9 365\"},\"attributeNameOverrides\":{},\"chartTitleOverrides\":{},\"xAxisLabelOverrides\":{},\"subheadOverrides\":{},\"captionOverrides\":{},\"unitOverrides\":{},\"multiValueLegendOverrides\":{},\"barCommentaryOverrides\":{}},\"dataEverLoaded\":true,\"showAISuggestionsButton\":false,\"barChartShowXAxis\":false,\"groupedBarChartShowProductName\":false,\"barChartLabelsOnTop\":true,\"experimentalEnablePieChart\":false,\"slideshowUseDropdown\":false},\"slides\":[]}<\/script><\/p>\n<div id=\"fv-chart-1792068727177-wdai12o3n\" class=\"fv-chart-wrapper labels-on-top \" data-bar-labels-on-top=\"true\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">CPU performance<\/h3>\n<p class=\"fv-chart-subhead\">Testing the straight CPU performance of the relative laptop silicon.<\/p>\n<div class=\"fv-dropdown-wrapper\">\n<div class=\"fv-dropdown-title-container\"><select class=\"fv-dropdown-title\"><option value=\"0\">Cinebench 2024<\/option><option value=\"1\">7zip 24.07<\/option><option value=\"2\">Procyon<\/option><\/select><\/p>\n<div class=\"fv-dropdown-chevron\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/div>\n<\/div>\n<\/div>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1792068727177-wdai12o3n-bar-Cinebench 2024\" data-chart-type=\"Bar\" data-title=\"Cinebench 2024\" data-subhead=\"Testing the straight CPU performance of the relative laptop silicon.\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Multi-core index score<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>Single-core index score<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 67.86666666666666%; background-color: #E33235;\" data-target-width=\"67.86666666666666\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">1018<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 4.8%; background-color: #FE9F58;\" data-target-width=\"4.8\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">72<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | Ryzen AI 9 HX 370<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 77.2%; background-color: #E33235;\" data-target-width=\"77.2\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">1158<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 7.000000000000001%; background-color: #FE9F58;\" data-target-width=\"7.000000000000001\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">105<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">MSI Crosshair 16 HX | Core Ultra 9 275HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 88%; background-color: #E33235;\" data-target-width=\"88\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">1320<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 8.933333333333334%; background-color: #FE9F58;\" data-target-width=\"8.933333333333334\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">134<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | Ryzen AI 9 365<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 70.26666666666667%; background-color: #E33235;\" data-target-width=\"70.26666666666667\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">1054<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 7.666666666666666%; background-color: #FE9F58;\" data-target-width=\"7.666666666666666\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">115<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Cinebench 2024 Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark<\/td>\n<td>1018 Multi-core index score, 72 Single-core index score<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | Ryzen AI 9 HX 370<\/td>\n<td>1158 Multi-core index score, 105 Single-core index score<\/td>\n<\/tr>\n<tr>\n<td>MSI Crosshair 16 HX | Core Ultra 9 275HX<\/td>\n<td>1320 Multi-core index score, 134 Single-core index score<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | Ryzen AI 9 365<\/td>\n<td>1054 Multi-core index score, 115 Single-core index score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792068727177-wdai12o3n-bar-7zip 24.07\" data-chart-type=\"Bar\" data-title=\"7zip 24.07\" data-subhead=\"Testing the straight CPU performance of the relative laptop silicon.\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Compressing (GIPS)<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>Decompressing (GIPS)<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 78.181%; background-color: #E33235;\" data-target-width=\"78.181\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">156.362<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 67.7705%; background-color: #FE9F58;\" data-target-width=\"67.7705\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">135.541<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | Ryzen AI 9 HX 370<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 54.411%; background-color: #E33235;\" data-target-width=\"54.411\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">108.822<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 64.1775%; background-color: #FE9F58;\" data-target-width=\"64.1775\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">128.355<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">MSI Crosshair 16 HX | Core Ultra 9 275HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 60.8935%; background-color: #E33235;\" data-target-width=\"60.8935\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">121.787<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 65.411%; background-color: #FE9F58;\" data-target-width=\"65.411\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">130.822<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | Ryzen AI 9 365<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 51.585%; background-color: #E33235;\" data-target-width=\"51.585\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">103.17<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 53.9875%; background-color: #FE9F58;\" data-target-width=\"53.9875\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">107.975<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>7zip 24.07 Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark<\/td>\n<td>156.362 Compressing (GIPS), 135.541 Decompressing (GIPS)<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | Ryzen AI 9 HX 370<\/td>\n<td>108.822 Compressing (GIPS), 128.355 Decompressing (GIPS)<\/td>\n<\/tr>\n<tr>\n<td>MSI Crosshair 16 HX | Core Ultra 9 275HX<\/td>\n<td>121.787 Compressing (GIPS), 130.822 Decompressing (GIPS)<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | Ryzen AI 9 365<\/td>\n<td>103.17 Compressing (GIPS), 107.975 Decompressing (GIPS)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792068727177-wdai12o3n-bar-Procyon\" data-chart-type=\"Bar\" data-title=\"Procyon\" data-subhead=\"Testing the straight CPU performance of the relative laptop silicon.\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Overall index score<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>Duration (Sec)<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #1CA9C4;\"><\/div>\n<p><span>Sec\/image<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ProArt P16 | RTX Spark<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 75.25%; background-color: #E33235;\" data-target-width=\"75.25\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">1505<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 3.3201999999999994%; background-color: #FE9F58;\" data-target-width=\"3.3201999999999994\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">66.404<\/span><\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 0.2075%; background-color: #1CA9C4;\" data-target-width=\"0.2075\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">4.15<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Framework 16 | Ryzen AI 9 HX 370<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 89.45%; background-color: #E33235;\" data-target-width=\"89.45\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">1789<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 2.795%; background-color: #FE9F58;\" data-target-width=\"2.795\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">55.9<\/span><\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 0.1745%; background-color: #1CA9C4;\" data-target-width=\"0.1745\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">3.49<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">MSI Crosshair 16 HX | Core Ultra 9 275HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 75.4%; background-color: #E33235;\" data-target-width=\"75.4\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">1508<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 3.3135%; background-color: #FE9F58;\" data-target-width=\"3.3135\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">66.27<\/span><\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 0.207%; background-color: #1CA9C4;\" data-target-width=\"0.207\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">4.14<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Razer Blade 14 | Ryzen AI 9 365<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 85.2%; background-color: #E33235;\" data-target-width=\"85.2\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">1704<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 2.9335%; background-color: #FE9F58;\" data-target-width=\"2.9335\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">58.67<\/span><\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 0.1835%; background-color: #1CA9C4;\" data-target-width=\"0.1835\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">3.67<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Procyon Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ProArt P16 | RTX Spark<\/td>\n<td>1505 Overall index score, 66.404 Duration (Sec), 4.15 Sec\/image<\/td>\n<\/tr>\n<tr>\n<td>Framework 16 | Ryzen AI 9 HX 370<\/td>\n<td>1789 Overall index score, 55.9 Duration (Sec), 3.49 Sec\/image<\/td>\n<\/tr>\n<tr>\n<td>MSI Crosshair 16 HX | Core Ultra 9 275HX<\/td>\n<td>1508 Overall index score, 66.27 Duration (Sec), 4.14 Sec\/image<\/td>\n<\/tr>\n<tr>\n<td>Razer Blade 14 | Ryzen AI 9 365<\/td>\n<td>1704 Overall index score, 58.67 Duration (Sec), 3.67 Sec\/image<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\" style=\"display: block;\"><span class=\"fv-original-caption\" style=\"display: block;\"><\/span><span class=\"fv-ia-dynamic-caption\" style=\"display: none;\"><\/span><\/div>\n<\/div>\n<div class=\"fv-logo-explore-bar\"><img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.png\" alt=\"PC Gamer Logo\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script> window.iFrameResizer = { heightCalculationMethod: 'taggedElement' }; <\/script> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/iframe-resizer\/4.2.11\/iframeResizer.contentWindow.min.js\" async><\/script> <script> (function() { function createChartAnimator() { return function animateChartWrapper(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment'); bars.forEach(function(bar, index) { bar.style.setProperty('width', '0%', 'important'); bar.style.setProperty('transition', 'none', 'important'); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.style.setProperty('margin-left', baseMargin + '%', 'important'); } setTimeout(function() { var marginTransition = baseMargin !== undefined ? ', margin-left 0.8s ease-out' : ''; bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out' + marginTransition, 'important'); bar.style.setProperty('width', targetWidth + '%', 'important'); if (targetMargin !== undefined && baseMargin !== undefined) { bar.style.setProperty('margin-left', targetMargin + '%', 'important'); } }, index * 50 + 50); }); } function animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector('svg'); if (!lineSvg) return; var paths = lineSvg.querySelectorAll('.riv-line-path'); paths.forEach(function(p, i) { if (typeof p.getTotalLength === 'function') { var len = p.getTotalLength(); p.style.transition = 'none'; p.style.strokeDasharray = len; p.style.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(function() { p.style.transition = 'stroke-dashoffset 1s ease-out ' + (i * 0.1) + 's, stroke-width 0.2s, opacity 0.2s'; p.style.strokeDashoffset = '0'; }, 100); } }); var dots = lineSvg.querySelectorAll('.riv-dot'); dots.forEach(function(dot, i) { dot.style.opacity = '0'; setTimeout(function() { dot.style.transition = 'opacity 0.3s ease'; dot.style.opacity = '1'; }, 500 + i * 10); }); } var charts = chartWrapper.querySelectorAll('.fv-chart-item'); charts.forEach(function(chart) { if (window.getComputedStyle(chart).display === 'none') return; var chartType = chart.dataset.chartType; if (chartType === 'Line') { animateLineChart(chart); } else if (chartType !== 'Pie') { animateBars(chart); } }); }; } var fvLocalAnimate = createChartAnimator(); window.fvAnimateCharts = fvLocalAnimate; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); if (!root && !isSlideshow) return; function setupWrapper(chartWrapper) { if (!chartWrapper) return; \/* Responsive mobile view handling *\/ function checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height) <= 599; var isMobile; if (width === 0) { isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { isMobile = isMobileDevice || width < 600; } if (isMobile) { chartWrapper.classList.add('mobile-view'); } else { chartWrapper.classList.remove('mobile-view'); } } checkMobileView(); if (typeof ResizeObserver !== 'undefined') { var ro = new ResizeObserver(function() { checkMobileView(); }); ro.observe(chartWrapper); } window.addEventListener('resize', checkMobileView); var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop) { var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var hasVisibleBarChart = false; charts.forEach(function(c) { if (window.getComputedStyle(c).display !== 'none') { var cType = c.dataset.chartType; if (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus') { hasVisibleBarChart = true; } } }); if (hasVisibleBarChart) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } else { chartWrapper.classList.remove('labels-on-top'); } \/* Legend interactions *\/ chartWrapper.querySelectorAll('.riv-line-legend').forEach(function(legend) { var chartId = legend.dataset.chart; var chart = chartWrapper.querySelector('[id=\"' + chartId + '\"]'); if (!chart) return; var lines = chart.querySelectorAll('.riv-line-path'); var dots = chart.querySelectorAll('.riv-dot'); var legendItems = legend.querySelectorAll('.riv-legend-item'); legendItems.forEach(function(item) { var productName = item.dataset.product; var safeProductName = productName.replace(\/\"\/g, '\\\\\"'); var line = chart.querySelector('.riv-line-path[data-product=\"' + safeProductName + '\"]'); var productDots = chart.querySelectorAll('.riv-dot[data-product=\"' + safeProductName + '\"]'); if (line &#038;&#038; !line.dataset.origStroke) { line.dataset.origStroke = line.getAttribute('stroke-width') || '2'; } var highlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; }; var clearHighlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); }; var toggleIsolate = function() { var isIsolated = item.classList.contains('isolated'); legendItems.forEach(function(i) { i.classList.remove('isolated'); }); if (isIsolated) { lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); } else { item.classList.add('isolated'); lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; } }; item.addEventListener('mouseenter', highlight); item.addEventListener('focus', highlight); item.addEventListener('mouseleave', clearHighlight); item.addEventListener('blur', clearHighlight); item.addEventListener('click', toggleIsolate); if (line) { line.style.cursor = 'pointer'; line.addEventListener('mouseenter', highlight); line.addEventListener('mouseleave', clearHighlight); line.addEventListener('click', toggleIsolate); } }); }); \/* Versus Chart Logic *\/ var versusCharts = chartWrapper.querySelectorAll('.fv-versus-chart'); versusCharts.forEach(function(vc) { var dataJson = vc.getAttribute('data-versus-data'); var leftColor = vc.getAttribute('data-left-color') || '#E53935'; var rightColor = vc.getAttribute('data-right-color') || '#FFB300'; if (!dataJson) return; var versusData = JSON.parse(dataJson); var leftSelect = vc.querySelector('.fv-select-left'); var rightSelect = vc.querySelector('.fv-select-right'); var rows = vc.querySelectorAll('.fv-versus-row'); function updateVersusChart() { var leftProduct = leftSelect.value; var rightProduct = rightSelect.value; leftSelect.style.color = leftColor; leftSelect.style.borderColor = leftColor; rightSelect.style.color = rightColor; rightSelect.style.borderColor = rightColor; rows.forEach(function(row) { var index = parseInt(row.getAttribute('data-index')); var data = versusData[index]; if (!data) return; var leftVal = data.productData[leftProduct] ? data.productData[leftProduct].value : undefined; var rightVal = data.productData[rightProduct] ? data.productData[rightProduct].value : undefined; var leftIsNum = typeof leftVal === 'number'; var rightIsNum = typeof rightVal === 'number'; var leftNum = leftIsNum ? leftVal : 0; var rightNum = rightIsNum ? rightVal : 0; var maxVal = Math.max(leftNum, rightNum, 0.0001); var leftWidth = leftIsNum ? (leftNum \/ maxVal) * 95 : 0; var rightWidth = rightIsNum ? (rightNum \/ maxVal) * 85 : 0; var winner = null; var pctDiffStr = null; if (leftIsNum &#038;&#038; rightIsNum) { if (leftNum > rightNum) { winner = 'left'; if (rightNum > 0) { var diff = Math.round(((leftNum - rightNum) \/ rightNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } else if (rightNum > leftNum) { winner = 'right'; if (leftNum > 0) { var diff = Math.round(((rightNum - leftNum) \/ leftNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } } var leftDisplay = data.productData[leftProduct] && data.productData[leftProduct].displayValue !== undefined ? data.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : '-')); var rightDisplay = data.productData[rightProduct] && data.productData[rightProduct].displayValue !== undefined ? data.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : '-')); var unit = (data.productData[leftProduct] && data.productData[leftProduct].unit) || (data.productData[rightProduct] && data.productData[rightProduct].unit) || ''; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector('.fv-versus-bar-left'); var rightBar = row.querySelector('.fv-versus-bar-right'); var leftText = row.querySelector('.fv-inside-left'); var rightText = row.querySelector('.fv-inside-right'); var labelText = row.querySelector('.fv-versus-label span'); var existingPctDiffs = row.querySelectorAll('.fv-versus-pct-diff'); existingPctDiffs.forEach(function(el) { el.remove(); }); if (winner === 'left' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === 'right' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.style.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.style.setProperty('--target-width', leftWidth + '%'); leftBar.style.width = leftWidth + '%'; } if (rightBar) { rightBar.style.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.style.setProperty('--target-width', rightWidth + '%'); rightBar.style.width = rightWidth + '%'; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = data.attribute + (unit ? ' (' + unit + ')' : ''); } }); } if (leftSelect) leftSelect.addEventListener('change', updateVersusChart); if (rightSelect) rightSelect.addEventListener('change', updateVersusChart); }); \/* Bar Commentary Hover Logic *\/ var barRows = chartWrapper.querySelectorAll('.fv-bar-row'); var globalCaptionEl = chartWrapper.querySelector('.rv-chart-caption'); var fallbackCaptionHtml = globalCaptionEl ? globalCaptionEl.innerHTML : ''; barRows.forEach(function(row) { var commentaryEl = row.querySelector('[data-commentary-key]'); if (commentaryEl) { var commentaryText = commentaryEl.textContent; if (commentaryText && commentaryText.trim().length > 0) { row.addEventListener('mouseenter', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = commentaryText; globalCaptionEl.classList.add('fv-bar-active-caption'); } }); row.addEventListener('mouseleave', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = fallbackCaptionHtml; globalCaptionEl.classList.remove('fv-bar-active-caption'); } }); } } }); \/* Carousel & Dropdown Logic *\/ var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var dropdown = chartWrapper.querySelector('.fv-dropdown-title'); var prevBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.prev'); var nextBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.next'); var carouselTitle = chartWrapper.querySelector('.fv-carousel-title-controls .fv-benchmark-title'); var counter = chartWrapper.querySelector('.fv-carousel-counter'); var subheadEl = chartWrapper.querySelector('.fv-chart-subhead'); var captionEl = chartWrapper.querySelector('.rv-chart-caption'); var footerContentEl = chartWrapper.querySelector('.fv-footer-content'); var bottomBarEl = chartWrapper.querySelector('.fv-bottom-bar'); var logoEl = chartWrapper.querySelector('.fv-logo'); if (charts.length > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.options).map(function(o) { return o.text; }); } else { charts.forEach(function(c) { titles.push(c.getAttribute('data-title') || ''); }); } function showInternalChart(index) { if (index < 0) index = charts.length - 1; if (index >= charts.length) index = 0; currentChartIndex = index; charts.forEach(function(c, i) { c.style.display = i === index ? 'block' : 'none'; if (i === index) { var cType = c.dataset.chartType; if (cType !== 'Pie') { fvLocalAnimate(chartWrapper); } var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop && (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus')) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } }); if (dropdown) dropdown.value = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ' of ' + charts.length; var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute('data-subhead'); var newCaption = activeChart.getAttribute('data-caption'); var currentChartType = activeChart.getAttribute('data-chart-type'); var hideGlobalCaption = currentChartType === 'Countdown' || currentChartType === 'Image Comparison' || currentChartType === 'Shop the Collection'; if (subheadEl) subheadEl.textContent = newSubhead || ''; if (captionEl) { captionEl.textContent = newCaption || ''; fallbackCaptionHtml = newCaption || ''; } if (footerContentEl) { if (newCaption && newCaption.trim().length > 0 && !hideGlobalCaption) { footerContentEl.style.display = 'block'; if (bottomBarEl) bottomBarEl.style.display = 'flex'; } else { footerContentEl.style.display = 'none'; if (bottomBarEl && !logoEl) { bottomBarEl.style.display = 'none'; } } } } } if (dropdown) dropdown.addEventListener('change', function(e) { showInternalChart(parseInt(e.target.value)); }); if (prevBtn) prevBtn.addEventListener('click', function() { showInternalChart(currentChartIndex - 1); }); if (nextBtn) nextBtn.addEventListener('click', function() { showInternalChart(currentChartIndex + 1); }); } \/* Image Comparison Logic *\/ var imageCompareWrappers = chartWrapper.querySelectorAll('.fv-image-compare-wrapper'); imageCompareWrappers.forEach(function(wrapper) { var inner = wrapper.querySelector('.fv-image-compare-inner') || wrapper; var slider = wrapper.querySelector('.fv-image-compare-slider'); var fgImage = wrapper.querySelector('.fv-image-compare-fg'); var bgImage = wrapper.querySelector('.fv-image-compare-bg'); var labelLeft = wrapper.querySelector('.fv-image-compare-label-left'); var labelRight = wrapper.querySelector('.fv-image-compare-label-right'); var isDragging = false; var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; function updateTransform() { if (wrapper.classList.contains('fv-image-compare-fullscreen')) { inner.style.setProperty('transform', 'translate(' + panX + 'px, ' + panY + 'px) scale(' + scale + ')', 'important'); } else { inner.style.removeProperty('transform'); scale = 1; panX = 0; panY = 0; } } function constrainPan() { var rect = wrapper.getBoundingClientRect(); var maxPanX = Math.max(0, (rect.width * scale - rect.width) \/ 2); var maxPanY = Math.max(0, (rect.height * scale - rect.height) \/ 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener('wheel', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX - rect.left - rect.width \/ 2; var mouseY = e.clientY - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = mouseX - (mouseX - panX) * ratio; panY = mouseY - (mouseY - panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener('mousedown', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen') || scale <= 1) return; if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.clientX; lastClientY = e.clientY; }); window.addEventListener('mousemove', function(e) { if (!isPanning) return; var dx = e.clientX - lastClientX; var dy = e.clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener('mouseup', function() { isPanning = false; }); wrapper.addEventListener('touchstart', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; hasPanned = true; } else if (e.touches.length === 1 && scale > 1) { if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; } }, { passive: false }); wrapper.addEventListener('touchmove', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance \/ initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = centerX - (centerX - panX) * ratio; panY = centerY - (centerY - panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX - lastCenterX); panY += (centerY - lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.length === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX - lastClientX; var dy = e.touches[0].clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener('touchend', function(e) { if (e.touches.length < 2) { initialDistance = null; } if (e.touches.length === 0) { isPanning = false; } }); function handleMove(clientX) { var rect = inner.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX - rect.left, rect.width)); var percent = Math.max(0, Math.min((x \/ rect.width) * 100, 100)); if (slider) slider.style.setProperty('left', percent + '%', 'important'); if (fgImage) fgImage.style.setProperty('clip-path', 'polygon(0 0, ' + percent + '% 0, ' + percent + '% 100%, 0 100%)', 'important'); if (labelLeft) { if (percent < 10) { labelLeft.style.setProperty('opacity', '0', 'important'); } else { labelLeft.style.setProperty('opacity', '1', 'important'); } } if (labelRight) { if (percent > 90) { labelRight.style.setProperty('opacity', '0', 'important'); } else { labelRight.style.setProperty('opacity', '1', 'important'); } } } function onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } function onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } function stopDragging() { isDragging = false; window.removeEventListener('mousemove', onMouseMove); window.removeEventListener('mouseup', stopDragging); window.removeEventListener('touchmove', onTouchMove); window.removeEventListener('touchend', stopDragging); } if (slider) { var startDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('mousemove', onMouseMove); window.addEventListener('mouseup', stopDragging); }; var startTouchDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('touchmove', onTouchMove, { passive: false }); window.addEventListener('touchend', stopDragging); }; slider.addEventListener('mousedown', function(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener('touchstart', function(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } var expandBtn = wrapper.querySelector('.fv-image-compare-expand-btn'); var closeBtn = wrapper.querySelector('.fv-image-compare-close-btn'); if (expandBtn) { if (window !== window.parent) { expandBtn.style.display = 'none'; } else { expandBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.add('fv-image-compare-fullscreen'); document.body.style.overflow = 'hidden'; if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute('srcset'); fgImage.removeAttribute('sizes'); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute('srcset'); bgImage.removeAttribute('sizes'); } }); } } if (closeBtn) { closeBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); }); } document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && wrapper.classList.contains('fv-image-compare-fullscreen')) { wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); } }); }); \/* Shop The Look Hotspots *\/ var hotspots = chartWrapper.querySelectorAll('.fv-stl-hotspot-btn'); var allProductsModal = chartWrapper.querySelector('.fv-stl-all-products-modal'); var shopAllBtn = chartWrapper.querySelector('.fv-stl-shop-all-btn'); var stlContainer = chartWrapper.querySelector('.fv-stl-container'); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove('is-active'); var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item'); items.forEach(function(item) { item.classList.remove('is-highlighted'); }); if (stlContainer) { setTimeout(function() { if (!allProductsModal.classList.contains('is-active')) { stlContainer.style.minHeight = ''; if ('parentIFrame' in window) { window.parentIFrame.size(); } } }, 300); } } hotspots.forEach(function(btn) { btn.setAttribute('aria-expanded', 'false'); }); if ('parentIFrame' in window) { window.parentIFrame.size(); } } hotspots.forEach(function(btn) { btn.addEventListener('click', function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute('data-hotspot-id'); var isExpanded = btn.getAttribute('aria-expanded') === 'true'; closeAllModals(); if (!isExpanded && allProductsModal) { btn.setAttribute('aria-expanded', 'true'); allProductsModal.classList.add('is-active'); var container = btn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id=\"' + hotspotId + '\"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(function() { targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.size(); } } }); }); if (shopAllBtn &#038;&#038; allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); var container = shopAllBtn.closest('.fv-stl-container'); if (container &#038;&#038; container.offsetHeight < 450) { container.style.minHeight = '450px'; } if ('parentIFrame' in window) { window.parentIFrame.size(); } }); } if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } chartWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); if (allProductsModal) { allProductsModal.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); } \/* Image Annotation Logic *\/ var iaNodes = chartWrapper.querySelectorAll('.fv-ia-node-button'); var iaWrapper = chartWrapper.querySelector('.fv-ia-wrapper'); var originalCaption = chartWrapper.querySelector('.fv-original-caption') || captionEl; var dynamicCaption = chartWrapper.querySelector('.fv-ia-dynamic-caption'); var exploreBtn = chartWrapper.querySelector('.fv-ia-explore-btn'); var currentIaIndex = -1; function closeAllIANodes() { iaNodes.forEach(function(btn) { btn.classList.remove('is-active'); }); if (originalCaption) originalCaption.style.display = 'block'; if (dynamicCaption) dynamicCaption.style.display = 'none'; } function resetExploreBtn() { currentIaIndex = -1; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Explore'; } } iaNodes.forEach(function(btn, index) { btn.addEventListener('click', function(e) { e.stopPropagation(); var isActive = btn.classList.contains('is-active'); closeAllIANodes(); if (!isActive) { currentIaIndex = index; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Next'; } btn.classList.add('is-active'); if (dynamicCaption) { var title = btn.getAttribute('data-title') || ''; var desc = btn.getAttribute('data-desc') || ''; dynamicCaption.innerHTML = ''; var strongTag = document.createElement('strong'); strongTag.textContent = title; dynamicCaption.appendChild(strongTag); if (desc) { dynamicCaption.appendChild(document.createTextNode(' - ' + desc)); } if (originalCaption) originalCaption.style.display = 'none'; dynamicCaption.style.display = 'block'; if (footerContentEl) footerContentEl.style.display = 'block'; } } else { resetExploreBtn(); } }); }); if (exploreBtn) { exploreBtn.addEventListener('click', function(e) { e.stopPropagation(); if (iaNodes.length === 0) return; var nextIndex = currentIaIndex + 1; if (nextIndex >= iaNodes.length) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if (targetBtn.classList.contains('is-active')) { targetBtn.click(); } targetBtn.click(); } } }); } if (iaWrapper) { iaWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-ia-node-button') && !e.target.closest('.fv-ia-explore-btn')) { closeAllIANodes(); resetExploreBtn(); } }); } \/* Initial Animation *\/ chartWrapper._fvAnimate = fvLocalAnimate; fvLocalAnimate(chartWrapper); \/* Countdown Logic *\/ var countdownContainer = chartWrapper.querySelector('.fv-countdown-container'); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute('data-target-date'); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var pad = function(n) { return (n < 10 ? '0' : '') + n; }; var updateCountdown = function() { var difference = +targetDate - +new Date(); var d = 0, h = 0, m = 0, s = 0; if (difference > 0) { d = Math.floor(difference \/ (1000 * 60 * 60 * 24)); h = Math.floor((difference \/ (1000 * 60 * 60)) % 24); m = Math.floor((difference \/ 1000 \/ 60) % 60); s = Math.floor((difference \/ 1000) % 60); } var daysEl = countdownContainer.querySelector('[data-time=\"days\"]'); var hoursEl = countdownContainer.querySelector('[data-time=\"hours\"]'); var minsEl = countdownContainer.querySelector('[data-time=\"minutes\"]'); var secsEl = countdownContainer.querySelector('[data-time=\"seconds\"]'); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = document.getElementById(uniqueId + '-slideshow'); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll('.fv-slide'); slides.forEach(function(slide) { setupWrapper(slide.querySelector('.fv-chart-wrapper')); }); } } else { setupWrapper(root); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1792068727177-wdai12o3n', false); }); } else { initialize('fv-chart-1792068727177-wdai12o3n', false); } })(); <\/script><\/div>\n<p>The other issue is also CPU related, though not 100% emulation based. Those Arm cores, even the X925 &#8216;performance&#8217; cores are not the same as the x86 chips from AMD and Intel right now. Multithreading is fine, but the real problem is single core performance. Take a look at the Cinebench scores and you&#8217;ll see what I mean. <\/p>\n<p>With a single core score of 72 it&#8217;s well behind the other chips in the test. Those this benchmark will, of course, be emulated and that is going to impact the outcome, but it highlights where the limitations lie with Nvidia&#8217;s approach to the SoC. Translate that into gaming terms and the Baldur&#8217;s Gate 3 benchmark above highlights this perfectly.<\/p>\n<p>This is a game we use to benchmark the gaming performance of a system&#8217;s CPU because the end-game in the city really demands a lot from your processor. That&#8217;s why you&#8217;ll see the MSI Crosshair 16 HX topping the benchmarks here, with its grunty Intel processor. And down the bottom is the RTX Spark with its Arm cores chugging along some 43% slower in terms of frame rate.<\/p>\n<h2 class=\"article-body__section\" id=\"section-nvidia-rtx-spark-early-impressions\"><span>Nvidia RTX Spark &#8211; Early impressions<\/span><\/h2>\n<figure role=\"gallery\">\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming-9.jpg\" alt=\"Asus ProArt P16 laptop with Nvidia's RTX Spark inside\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming-11.jpg\" alt=\"Asus ProArt P16 laptop with Nvidia's RTX Spark inside\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming-13.jpg\" alt=\"Asus ProArt P16 laptop with Nvidia's RTX Spark inside\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.jpg\" alt=\"Asus ProArt P16 laptop with Nvidia's RTX Spark inside\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<\/figure>\n<p>I can&#8217;t really give a solid verdict on the RTX Spark having only had it in my hands for less than a week. But I can certainly give you my first impressions. And they are that the platform delivers a really great device. The Asus ProArt P16 is an absolute delight to use, and the performance it delivers is genuinely impressive.<\/p>\n<p>If this were the same price, or even slightly more than an RTX 5070 gaming laptop, then it would be an easy thing to call this the future of mobile gaming machines. It comes in a thoroughly enjoyable form factor, performs admirably, and it would be a real toss-up for me as to whether I would rather this or the Razer Blade 14.<\/p>\n<p>But it&#8217;s not. This is a $4,400 machine, and while you can&#8217;t currently pick up Blade 14 right now, you can get really lovely RTX 5070 gaming laptops for a lot lot less.<\/p>\n<p>So, it can&#8217;t be a solid recommendation for a dedicated PC gamer. <\/p>\n<div>\n<blockquote>\n<p>A glimpse into a future where the x86 hegemony of hardware has well and truly been put to rest<\/p>\n<\/blockquote>\n<\/div>\n<p>For less than the price of this middle-range RTX Spark laptop, you can pick up a very well-specced RTX 5090 laptop that comes with 24 GB of very fast GDDR7 VRAM. And that will really do the business when it comes to local AI. Yes, you can go and buy a 24 GB RTX Spark for $2,700, but that would be the same overall memory pool as a standard 16 GB laptop with an RTX 5070. Or even RTX 5060 for that matter. That&#8217;s not going to get you real access to good local AI models to take advantage of what makes the RTX Spark special.<\/p>\n<p>And there <em>are <\/em>things that do make it special. If you could stretch to the 64 GB version I have here, and you do far more than game on your device, it does become almost that do-everything laptop. You absolutely can play games on this at high frame rates when you&#8217;re done doing serious work things, but you can also slam through beefy local AI models, but you also have both the GPU and memory power to run through practically any creative task you put your mind to. And Windows (formerly &#8216;on Arm&#8217;) is now so transparent that almost every application you might use to do that is fully supported on the OS.<\/p>\n<p>This is my daily driver now, and I&#8217;ll be spending a lot more time with it to give a more considered take down the line, combined with a whole lot more gaming benchmarks. But for now, and for a very specific audience, this is a hell of a machine. For the rest of us? Well, it&#8217;s a glimpse into a future where the x86 hegemony of hardware has well and truly been put to rest.<\/p>\n<\/article>\n<p><a href=\"https:\/\/www.pcgamer.com\/hardware\/gaming-laptops\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Well, here it is, Nvidia&#8217;s all-in-one silicon, the RTX Spark. This is an SoC that&#8217;s being promoted as the everything chip; the processor that can be all things to all people. It&#8217;s a creator&#8217;s chip, it&#8217;s an AI-lover&#8217;s chip, and it&#8217;s a gamer&#8217;s chip. But all three of those kinds of people do need to have one thing in common: they need to be rather well off, because this is also an expensive chip. I spoke about it when the pricing first came to light last week, while I was at the launch event for this Windows-based tech. Even the cheapest of the RTX Spark machines coming our way will cost $2,700, and that will only get you the weaker cores, a paltry 24 GB&hellip;<\/p>\n<p class=\"excerpt-more\"><a class=\"blog-excerpt button\" href=\"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":1720720,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[336],"tags":[10600,10918,66],"class_list":["post-1720717","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pc-gamer","tag-gaming-laptops","tag-gaming-pcs","tag-hardware"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nvidia&#039;s RTX Spark makes for an impressive Arm-based gaming laptop but not one I&#039;d recommend you buy just for PC gaming | Arcader News<\/title>\n<meta name=\"description\" content=\"Well, here it is, Nvidia&#039;s all-in-one silicon, the RTX Spark. This is an SoC that&#039;s being promoted as the everything chip; the processor that can be all\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nvidia&#039;s RTX Spark makes for an impressive Arm-based gaming laptop but not one I&#039;d recommend you buy just for PC gaming | Arcader News\" \/>\n<meta property=\"og:description\" content=\"Well, here it is, Nvidia&#039;s all-in-one silicon, the RTX Spark. This is an SoC that&#039;s being promoted as the everything chip; the processor that can be all\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/\" \/>\n<meta property=\"og:site_name\" content=\"Arcade News\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-16T08:36:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"480\" \/>\n\t<meta property=\"og:image:height\" content=\"270\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Arcade News\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Arcade News\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/\"},\"author\":{\"name\":\"Arcade News\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\"},\"headline\":\"Nvidia&#8217;s RTX Spark makes for an impressive Arm-based gaming laptop but not one I&#8217;d recommend you buy just for PC gaming\",\"datePublished\":\"2026-10-16T08:36:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/\"},\"wordCount\":3764,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.jpg\",\"keywords\":[\"Gaming Laptops\",\"Gaming PCs\",\"hardware\"],\"articleSection\":[\"PC Gamer\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/\",\"url\":\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/\",\"name\":\"Nvidia's RTX Spark makes for an impressive Arm-based gaming laptop but not one I'd recommend you buy just for PC gaming | Arcader News\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.jpg\",\"datePublished\":\"2026-10-16T08:36:41+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\"},\"description\":\"Well, here it is, Nvidia's all-in-one silicon, the RTX Spark. This is an SoC that's being promoted as the everything chip; the processor that can be all\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/#primaryimage\",\"url\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.jpg\",\"contentUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.jpg\",\"width\":480,\"height\":270,\"caption\":\"Nvidia\u2019s RTX Spark makes for an impressive Arm-based gaming laptop but not one I\u2019d recommend you buy just for PC gaming\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/arcader.org\\\/news\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nvidia&#8217;s RTX Spark makes for an impressive Arm-based gaming laptop but not one I&#8217;d recommend you buy just for PC gaming\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#website\",\"url\":\"https:\\\/\\\/arcader.org\\\/news\\\/\",\"name\":\"Arcade News\",\"description\":\"Free Arcade News from the Best Online Sources\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/arcader.org\\\/news\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\",\"name\":\"Arcade News\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g\",\"caption\":\"Arcade News\"},\"sameAs\":[\"https:\\\/\\\/cricketgames.tv\"],\"url\":\"https:\\\/\\\/arcader.org\\\/news\\\/author\\\/arcade-news\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nvidia's RTX Spark makes for an impressive Arm-based gaming laptop but not one I'd recommend you buy just for PC gaming | Arcader News","description":"Well, here it is, Nvidia's all-in-one silicon, the RTX Spark. This is an SoC that's being promoted as the everything chip; the processor that can be all","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/","og_locale":"en_US","og_type":"article","og_title":"Nvidia's RTX Spark makes for an impressive Arm-based gaming laptop but not one I'd recommend you buy just for PC gaming | Arcader News","og_description":"Well, here it is, Nvidia's all-in-one silicon, the RTX Spark. This is an SoC that's being promoted as the everything chip; the processor that can be all","og_url":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/","og_site_name":"Arcade News","article_published_time":"2026-10-16T08:36:41+00:00","og_image":[{"width":480,"height":270,"url":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.jpg","type":"image\/jpeg"}],"author":"Arcade News","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Arcade News","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/#article","isPartOf":{"@id":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/"},"author":{"name":"Arcade News","@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839"},"headline":"Nvidia&#8217;s RTX Spark makes for an impressive Arm-based gaming laptop but not one I&#8217;d recommend you buy just for PC gaming","datePublished":"2026-10-16T08:36:41+00:00","mainEntityOfPage":{"@id":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/"},"wordCount":3764,"commentCount":0,"image":{"@id":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/#primaryimage"},"thumbnailUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.jpg","keywords":["Gaming Laptops","Gaming PCs","hardware"],"articleSection":["PC Gamer"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/","url":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/","name":"Nvidia's RTX Spark makes for an impressive Arm-based gaming laptop but not one I'd recommend you buy just for PC gaming | Arcader News","isPartOf":{"@id":"https:\/\/arcader.org\/news\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/#primaryimage"},"image":{"@id":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/#primaryimage"},"thumbnailUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.jpg","datePublished":"2026-10-16T08:36:41+00:00","author":{"@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839"},"description":"Well, here it is, Nvidia's all-in-one silicon, the RTX Spark. This is an SoC that's being promoted as the everything chip; the processor that can be all","breadcrumb":{"@id":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/#primaryimage","url":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.jpg","contentUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming.jpg","width":480,"height":270,"caption":"Nvidia\u2019s RTX Spark makes for an impressive Arm-based gaming laptop but not one I\u2019d recommend you buy just for PC gaming"},{"@type":"BreadcrumbList","@id":"https:\/\/arcader.org\/news\/nvidias-rtx-spark-makes-for-an-impressive-arm-based-gaming-laptop-but-not-one-id-recommend-you-buy-just-for-pc-gaming\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/arcader.org\/news\/"},{"@type":"ListItem","position":2,"name":"Nvidia&#8217;s RTX Spark makes for an impressive Arm-based gaming laptop but not one I&#8217;d recommend you buy just for PC gaming"}]},{"@type":"WebSite","@id":"https:\/\/arcader.org\/news\/#website","url":"https:\/\/arcader.org\/news\/","name":"Arcade News","description":"Free Arcade News from the Best Online Sources","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arcader.org\/news\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839","name":"Arcade News","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g","caption":"Arcade News"},"sameAs":["https:\/\/cricketgames.tv"],"url":"https:\/\/arcader.org\/news\/author\/arcade-news\/"}]}},"_links":{"self":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/posts\/1720717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/comments?post=1720717"}],"version-history":[{"count":1,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/posts\/1720717\/revisions"}],"predecessor-version":[{"id":1720739,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/posts\/1720717\/revisions\/1720739"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/media\/1720720"}],"wp:attachment":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/media?parent=1720717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/categories?post=1720717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/tags?post=1720717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}