{"id":1724751,"date":"2026-10-20T16:08:45","date_gmt":"2026-10-20T16:08:45","guid":{"rendered":"http:\/\/HS2rJCTo8iT9ZZpuDJPuYA"},"modified":"2026-10-20T16:08:45","modified_gmt":"2026-10-20T16:08:45","slug":"asus-proart-p16-h7607-rtx-spark-laptop-review","status":"publish","type":"post","link":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/","title":{"rendered":"Asus ProArt P16 (H7607) RTX Spark laptop review"},"content":{"rendered":"<article>\n<div data-widget-type=\"review\" data-model-name=\"Asus ProArt P16 (H7607BA)\"><\/div>\n<p>If you don&#8217;t talk to me about the price, I will tell you the <a href=\"https:\/\/eshop.asus.com\/us\/31150-us-cnf-auto.html\" target=\"_blank\">Asus ProArt P16<\/a> is an unbelievably good gaming laptop. It is beautifully slim, runs incredibly well gaming on battery, and has an absolutely stunning 16-inch OLED screen. And its Arm-based SoC is almost entirely transparent when it comes to running pretty much anything on Windows 11.<\/p>\n<p>But this is no mere Snapdragon device, this the <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\/\" target=\"_blank\">RTX Spark<\/a>; Nvidia&#8217;s first foray into the world of full Windows SoCs. It&#8217;s pairing a relatively beefy RTX Blackwell GPU with a whole bunch of Arm CPU cores, and doing so with lots and lots and lots of LPDDR5X memory. Y&#8217;know, for AI.<\/p>\n<p>Which, er, is why you might not want to ask about that price. Memory&#8217;s expensive, and these RTX Spark laptops\u2014of which the Asus ProArt P16 is, in my opinion, the most desirable\u2014are likewise <em>brutally<\/em> priced. I have the 64 GB version, with the top Nvidia N1X SoC inside it, and it will set you back $4,400.<\/p>\n<p>It is that price both for AI and because of AI, and is being sold as the &#8216;One PC&#8217; that can do everything. It can game, it can run creative apps, and it can slam through local AI workloads like no other laptop before. But where you&#8217;re probably expecting me to trot out the old &#8216;jack of all trades, master of none&#8217; line here, that&#8217;s not really the case. There are tradeoffs, sure, but it&#8217;s really, really good at the lot. And did I mention it was pretty? <\/p>\n<p>The real question here, however, is whether a PC gamer ought to be considering this machine for their next laptop. And if it&#8217;s just to play games on, this would not be my first choice, however good a device I think it is. The performance, for an Arm-powered laptop, is impressive in terms of the experience, but not faultless. While Microsoft is working hard on Prism and opening up support for every anti-cheat software going, it is not complete. And checking against my back-of-the-napkin list of the 15 biggest PC games around right now you&#8217;re looking at around half of them not being playable. Yet.<\/p>\n<div class=\"card card--standard card--rows-2 card--align-center\">\n<div class=\"card__content\">\n<h3 class=\"card__title\">Buy if&#8230;<\/h3>\n<div class=\"card__description-wrapper\">\n<div class=\"card__description\">\n<p>\u2705 <strong>You&#8217;re a creator or local AI head who games on the side:<\/strong> If you&#8217;re after an almost workstation style thin and light machine, but also want to play after dark, the ProArt P16 will cover all bases<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"card card--standard card--rows-2 card--align-center\">\n<div class=\"card__content\">\n<h3 class=\"card__title\">Don&#39;t buy if&#8230;<\/h3>\n<div class=\"card__description-wrapper\">\n<div class=\"card__description\">\n<p>\u274c <strong>You just want a gaming laptop:<\/strong> There are other thin and light gaming machines that will cost a fraction of what this does, but perform as well in-game.<\/p>\n<p>\u274c <strong>You have to ask the price:<\/strong> These are machines for the very well-off PC user.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2 class=\"article-body__section\" id=\"section-asus-proart-p16-features\"><span>Asus ProArt P16 &#8211; Features<\/span><\/h2>\n<div >\n<table>\n<tbody>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>CPU<\/strong><\/p>\n<\/td>\n<td >\n<p>Nvidia RTX Spark N1X<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Cores<\/strong><\/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>GPU<\/strong><\/p>\n<\/td>\n<td >\n<p>Nvidia Blackwell RTX<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Cores<\/strong><\/p>\n<\/td>\n<td >\n<p>6144 CUDA cores<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Memory<\/strong><\/p>\n<\/td>\n<td >\n<p>64 GB LPDDR5X RAM<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Storage<\/strong><\/p>\n<\/td>\n<td >\n<p>1 TB NVMe M.2 SSD<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Screen<\/strong><\/p>\n<\/td>\n<td >\n<p>16-inch 3K OLED 100% DCI-P3 120 Hz Touchscreen<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>OS<\/strong><\/p>\n<\/td>\n<td >\n<p>Microsoft Windows 11 Home 64-bit<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Colour<\/strong><\/p>\n<\/td>\n<td >\n<p>Nano Black<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Warranty<\/strong><\/p>\n<\/td>\n<td >\n<p>ASUS 12 Month Collect &#038; Return Warranty<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Price<\/strong><\/p>\n<\/td>\n<td >\n<p><a href=\"https:\/\/uk.store.asus.com\/asus-proart-p16-h7607-nvidia-rtx-spark-31150.html\" target=\"_blank\">\u00a33,900<\/a> | <a href=\"https:\/\/eshop.asus.com\/us\/31150-us-cnf-auto.html\" target=\"_blank\">$4,400<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>There are many like it, but this one is mine: The 20-core N1X chip, with 10 performance and 10 efficient cores, and the 6144 CUDA core GPU component. This version also comes with a 1 TB SSD (for a <a href=\"https:\/\/eshop.asus.com\/us\/31150-us-cnf-auto.html\" target=\"_blank\">$4,400<\/a> spec? \ud83d\ude2c I know) and 64 GB of LPDDR5X-9400 memory. <\/p>\n<p>This version of the ProArt P16 is rocking the 16-inch 2880 x 1800 touchscreen OLED display, while there is also a 3840 x 2400 OLED screen available (both 120 Hz) if you go for one of the even pricier models. That one&#8217;s a touch brighter, but this 1800p OLED will still output at 500 nits, with a 1100 nit peak HDR output, so it&#8217;s no slouch.<\/p>\n<p>The paucity of storage is a definite disappointment for something at this price\u2014look lower down the stack and you&#8217;ll still be paying $2800 for the 24 GB version with just a 512 GB SSD. And I honestly do not see the point in that one except for all concerned to be able to say RTX Spark laptops &#8220;start from $2800&#8221;. There is, however, a spare PCIe Gen5 SSD slot in the rear of the machine, which is easily accessible once you remove <em>lots<\/em> of torx screws.<\/p>\n<figure role=\"gallery\">\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review-1.jpg\" alt=\"Asus ProArt P16 laptop with Nvidia's RTX Spark inside\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<\/figure>\n<p>The keyboard would be a genuinely lovely thing for this device if I wasn&#8217;t regularly getting additional keystrokes I did not ask for. I&#8217;ve had to keep deleting the extra spaces this thing keeps adding into my copy. There. I just had to kill another one. It&#8217;s annoying. <\/p>\n<p>What isn&#8217;t annoying at all, though, is the glorious, <em>massive <\/em>haptic touchpad Asus has jammed onto this thing. It quite literally takes up half the width of the device. It&#8217;s great to the touch, and impressively responsive as your digits glide across its surface. Mmm. Smooth.<\/p>\n<p>It&#8217;s meant to have a webcam, too, but I cannot for the life of me find out how to turn the damned thing on. I&#8217;m assuming that somewhere in there a ribbon cable has become ejected because the device sees nothing. This is what I mean by some quality control issues&#8230;<\/p>\n<h2 class=\"article-body__section\" id=\"section-asus-proart-p16-value\"><span>Asus ProArt P16 &#8211; Value<\/span><\/h2>\n<p>Haha. Hahahahahaha. Hahahahahahahahahahahaha.<\/p>\n<p>C&#8217;mon. This is the mid-range <a href=\"https:\/\/eshop.asus.com\/us\/31150-us-cnf-auto.html\" target=\"_blank\">ProArt P16 for $4,400<\/a>. Any sense of value left the station a loooooooong time ago.<\/p>\n<h2 class=\"article-body__section\" id=\"section-asus-proart-p16-sound\"><span>Asus ProArt P16 &#8211; Sound<\/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:1995px;\">\n<p class=\"vanilla-image-block\" style=\"padding-top:56.24%;\"><img loading=\"lazy\" decoding=\"async\" id=\"YHyysLxiMW35yvZ4fZ9aVE\" name=\"1792511127.jpg\" alt=\"Asus ProArt P16 RTX Spark\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/asus-proart-p16-h7607-rtx-spark-laptop-review-2.jpg\" mos=\"\" align=\"middle\" fullscreen=\"\" width=\"1995\" height=\"1122\" 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 a very pleasant surprise. The up-firing speakers set either side of the ProArt P16&#8217;s keyboard are really, really good. Obviously that&#8217;s still really, really good <em>for laptop speakers,<\/em> and they&#8217;re are never going to replace your bookshelf speakers, but for clarity and, yes, even bass they do incredibly well.<\/p>\n<p>And they&#8217;re loud enough that they can largely overcome the sound coming out of the vents on the ProArt P16 when it&#8217;s running in full performance mode. It does get rather chatty when the silicon is running at full throttle, and when you&#8217;re talking about a system that&#8217;s going to max out its GPU component when running both games and local large language models, that&#8217;s probably going to happen quite a lot.<\/p>\n<p>The pleasing thing, however, is that knocking things down to the Balanced preset in the ProArt Creator Hub (essentially a reskinned Armoury Crate) means that your performance only drops by a few percentage points but the fan noise drops by a whole hell of a lot. It&#8217;s not silent\u2014you have to dip into Whisper mode for that\u2014but this is the preset you&#8217;re going to want to spend most of your time running in.<\/p>\n<h2 class=\"article-body__section\" id=\"section-asus-proart-p16-performance\"><span>Asus ProArt P16 &#8211; Performance<\/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\/asus-proart-p16-h7607-rtx-spark-laptop-review-3.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>Somewhat inevitably, performance is a mixed bag of chips when it comes to the RTX Spark. For one, this is a first-gen product from Nvidia, fusing essentially off-the-shelf Arm cores with its own GPU cores, so broad, mature support was never going to be 100% there from the get-go. For another we&#8217;re talking about games especially that are being run through the Microsoft Prism emulation layer in order for them to run at all on the Asus ProArt P16.<\/p>\n<p>But even taking all that into account I think the gaming performance of this device is pretty damned impressive. The general suggestion ahead of the launch was that the 6144 CUDA core version would deliver gaming performance at a similar level to the RTX 5070 mobile GPUs. It has more cores than the mobile silicon, but is running at a lower clock speed and with a lower power budget, too.<\/p>\n<p>Take a look at the relative 1080p gaming performance of Cyberpunk 2077 and Metro Exodus Enhanced Ed. running on the RTX Spark versus the 100 W <a href=\"https:\/\/www.pcgamer.com\/hardware\/gaming-laptops\/framework-16-rtx-5070-upgrade-review\/\" target=\"_blank\">Framework 16<\/a> or 115 W <a href=\"https:\/\/www.pcgamer.com\/hardware\/gaming-laptops\/razer-blade-14-2025-review\/\" target=\"_blank\">Razer Blade 14<\/a> and you can see where it doesn&#8217;t quite match up to the GPU performance of the more thirsty graphics parts.<\/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-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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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>But when you look at the power draw at those levels it becomes far more impressive. At 1080p in Metro, the Asus laptop is drawing an average of 43 W during the run, while the Razer machine is sitting at 97 W. That&#8217;s well over double the power, but only running 12% faster in terms of frame rate.<\/p>\n<p>It&#8217;s also worth noting that we&#8217;re talking about a GPU that has access to much more memory\u2014albeit with lower memory bandwidth\u2014than the 8 GB GDDR7 that the RTX 5070 mobile can draw on. <\/p>\n<p>There are also times where there is genuine performance parity, too. Running the Black Myth Wukong benchmark and you can see there&#8217;s a level of parity with the higher power Blade&#8217;s GPU, even at the same native resolution when you throw upscaling into the mix.<\/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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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>Where there is a clear difference, however, is when it comes to games that are CPU-bound. Baldur&#8217;s Gate 3 is one game we use as a benchmark specifically because it highlights the performance differences between processors\u2014on the desktop side it&#8217;s a test which shows the dominance of AMD&#8217;s 3D V-Cache technology and on mobile you&#8217;ll see where Intel&#8217;s CPUs still have performance to offer gamers.<\/p>\n<p>And Baldur&#8217;s Gate 3 really struggles on the RTX Spark in relation to the other machines. There are two reasons for this; the first being that emulation has an impact on CPU performance rather than GPU performance, so CPU-bound games will suffer more than GPU-bound ones. And second, the CPU cores themselves aren&#8217;t exactly leading-edge silicon when it comes to single-threaded gaming performance.<\/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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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>This is also highlighted in the Cinebench 2024 benchmarks, which show that, while the multi-threaded performance is fine with 20 cores to spread across, the single-core performance is well behind the competition.<\/p>\n<h2 class=\"article-body__section\" id=\"section-asus-proart-p16-aesthetics\"><span>Asus ProArt P16 &#8211; Aesthetics<\/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=\"28dXjtPHbhp8obUy9ASfVL\" name=\"rtx-spark-1\" alt=\"Asus ProArt P16 laptop with Nvidia's RTX Spark inside\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/asus-proart-p16-h7607-rtx-spark-laptop-review-4.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>Golly, this is a pretty laptop. I know I very much have &#8216;a type&#8217;, but the ProArt P16 is absolutely nailing the sleek black MacBook aesthetic that works for me. There is a subtle &#8216;ProArt&#8217; logo on the lid, just shiny black against the matte black brushed aluminium, and one more etched logo on the bottom left corner of the frame.<\/p>\n<p>And it&#8217;s also incredibly slim, too. I thought the Blade 14 and <a href=\"https:\/\/www.pcgamer.com\/hardware\/gaming-laptops\/asus-rog-zephyrus-g16-2026-review\/\" target=\"_blank\">Asus Zephyrus G16<\/a> were slimline little things, but the ProArt chassis takes it even further. It&#8217;s super slight, but the brushed aluminium frame makes it perfectly rigid, while remaining lightweight.<\/p>\n<p>But because it&#8217;s a 16-inch machine, and one without a numpad\u2014which might be a cause for concern for some creatives\u2014the keycaps on the board are wide, so it feels comfortable to type on. I&#8217;m also into the big ol&#8217; trackpad Asus has used, too, and that OLED panel really makes the whole thing shine.<\/p>\n<p>There is one other thing that has surprised me about the looks of the ProArt P16. After just over a week of solid use there is but a small amount of finger-grease on the spacebar (just because I have to keep hitting the damned thing to try and stop it sticking), but other than that the chassis is remarkably lacking in fingerprints. Normally, this sort of machine is an absolute fingerprint magnet, to the point where you&#8217;ll want to be carrying around a microfibre cloth in your back pocket just so people don&#8217;t think you&#8217;re gross when you whip the laptop out in public.<\/p>\n<p>Instead they may just question your insatiable need to polish up your notebook.<\/p>\n<h2 class=\"article-body__section\" id=\"section-asus-proart-p16-software\"><span>Asus ProArt P16 &#8211; Software<\/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=\"PHEpRgCDRckSQ5CpxHeSdL\" name=\"rtx-spark-02\" alt=\"Asus ProArt P16 laptop with Nvidia's RTX Spark inside\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/asus-proart-p16-h7607-rtx-spark-laptop-review-5.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>The main piece of software to talk about is the OS. Now, this isn&#8217;t Windows On Arm; that&#8217;s been effectively retired. This is just plain ol&#8217; Windows 11, that just so happens to be running on Arm. And it&#8217;s impressively transparent as I said earlier. It&#8217;s slick and feels exactly like running Windows on any other x86 laptop I&#8217;ve used. The only places where you&#8217;ll notice the difference is in games where they need another level of anti-cheat support the Arm platform doesn&#8217;t yet offer.<\/p>\n<p>The ProArt P16 does come with a lot of other software, too. You get the aforementioned ProArt Creator Hub, which allows you to alter the power\/fan presets, and then there&#8217;s the MyAsus software where you can register your device and run diagnostics if anything goes wrong. Though I will say it didn&#8217;t help me track down what was wrong with the webcam because it didn&#8217;t register its existence, either.<\/p>\n<p>Then you get StoryCube, a piece of software designed to help collate and classify the media on your device using AI. And MuseTree, an app designed for ProArt machines to quickly get you producing AI-generated video and images using local models. You will have to download some extra files\/models to actually get up and running, but then you&#8217;ll be able to run the FLUX.2 model to make your AI dreams a reality.<\/p>\n<p>It&#8217;s totally offline, so you don&#8217;t necessarily have to worry about draining reservoirs of water or slamming the energy reserves just to mess around generating a picture of a gaming PC made entirely out of potato, but whether it&#8217;s really something creatives are going to want to incorporate into their workflows\u2026 I am unconvinced.<\/p>\n<p>Given that storage space is at a premium with these RTX Spark machines, I could do without any extra applications installed on my PC, which means there is a bit of cleanup you&#8217;re going to have to indulge in to claw back the space taken up with pre-installed stuff. But it is all at least relatively unobtrusive. I mean, there&#8217;s no McAfee pop-ups determined to bug you every 20 minutes unless you sign your life away for some AV cover of dubious virtue.<\/p>\n<h2 class=\"article-body__section\" id=\"section-asus-proart-p16-battery-life\"><span>Asus ProArt P16 &#8211; Battery life<\/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-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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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\/asus-proart-p16-h7607-rtx-spark-laptop-review.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>I&#8217;ll be honest, this is one of the real disappointments with the RTX Spark as a laptop platform. The battery life is really not great. With a 99.9 Whr battery inside it, and a relatively power-sipping, efficient platform, I was expecting the battery life to be a lot better than it actually turns out to be.<\/p>\n<p>My expectation was that with an energy efficient Arm SoC I would be happily slapping the lid shut on the ProArt P16 and then flipping it open again ten hours later and it would spring back into life with barely a scratch on the battery capacity. That was effectively my experience from running a Samsung Galaxy Book4 Edge and its Qualcomm Snapdragon chip, and I was hoping to see it replicated. <\/p>\n<p>But no dice. I&#8217;m seeing definite power drain when the system suspends, much in the same way as the x86 Ryzen chip in my Blade 14 does. <\/p>\n<p>And then in use it chews through the battery surprisingly quickly, too. I used the PCMark 10 CLI to run the Gaming Battery Life test, which loops 3DMark FireStrike tests until the battery runs dry, and I only got a paltry 86 minutes out of it. That&#8217;s less than an hour and a half, when the Blade 14 and Framework 16, both with RTX 5070 GPUs, will easily top 130 minutes each.<\/p>\n<p>Now, that is an emulated test, so not quite perfectly set up for this platform, but it&#8217;s not been inconsistent with my experience actually using this device unplugged. When running a local AI model on Hermes Agent, for example, I&#8217;ve regularly had to plug into a power source while it churns through a tough problem (or sometimes what I thought was a simple one) because running the memory and the GPU at 100% have drained the battery very quickly. <\/p>\n<p>The same is true for gaming, which feels odd given that in Balanced Mode it&#8217;s running at a total SoC wattage of just over 40 W, and that shouldn&#8217;t slam through the battery as quickly as it seems to. You can run in Whisper Mode, which cuts the power draw down by a healthy amount again, but then you are running at well under 1000 MHz on the GPU side and it does make gaming a little tougher on the eye. <\/p>\n<\/article>\n<p><a href=\"https:\/\/www.pcgamer.com\/hardware\/gaming-laptops\/asus-proart-p16-rtx-spark-review\/\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you don&#8217;t talk to me about the price, I will tell you the Asus ProArt P16 is an unbelievably good gaming laptop. It is beautifully slim, runs incredibly well gaming on battery, and has an absolutely stunning 16-inch OLED screen. And its Arm-based SoC is almost entirely transparent when it comes to running pretty much anything on Windows 11. But this is no mere Snapdragon device, this the RTX Spark; Nvidia&#8217;s first foray into the world of full Windows SoCs. It&#8217;s pairing a relatively beefy RTX Blackwell GPU with a whole bunch of Arm CPU cores, and doing so with lots and lots and lots of LPDDR5X memory. Y&#8217;know, for AI. Which, er, is why you might not want to ask about that price.&hellip;<\/p>\n<p class=\"excerpt-more\"><a class=\"blog-excerpt button\" href=\"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":1724752,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[336],"tags":[10600,10918,66],"class_list":["post-1724751","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>Asus ProArt P16 (H7607) RTX Spark laptop review | Arcader News<\/title>\n<meta name=\"description\" content=\"If you don&#039;t talk to me about the price, I will tell you the Asus ProArt P16 is an unbelievably good gaming laptop. It is beautifully slim, runs\" \/>\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\/asus-proart-p16-h7607-rtx-spark-laptop-review\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Asus ProArt P16 (H7607) RTX Spark laptop review | Arcader News\" \/>\n<meta property=\"og:description\" content=\"If you don&#039;t talk to me about the price, I will tell you the Asus ProArt P16 is an unbelievably good gaming laptop. It is beautifully slim, runs\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/\" \/>\n<meta property=\"og:site_name\" content=\"Arcade News\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-20T16:08:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/asus-proart-p16-h7607-rtx-spark-laptop-review.jpg\" \/>\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=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/\"},\"author\":{\"name\":\"Arcade News\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\"},\"headline\":\"Asus ProArt P16 (H7607) RTX Spark laptop review\",\"datePublished\":\"2026-10-20T16:08:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/\"},\"wordCount\":3676,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/asus-proart-p16-h7607-rtx-spark-laptop-review.jpg\",\"keywords\":[\"Gaming Laptops\",\"Gaming PCs\",\"hardware\"],\"articleSection\":[\"PC Gamer\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/\",\"url\":\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/\",\"name\":\"Asus ProArt P16 (H7607) RTX Spark laptop review | Arcader News\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/asus-proart-p16-h7607-rtx-spark-laptop-review.jpg\",\"datePublished\":\"2026-10-20T16:08:45+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\"},\"description\":\"If you don't talk to me about the price, I will tell you the Asus ProArt P16 is an unbelievably good gaming laptop. It is beautifully slim, runs\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/#primaryimage\",\"url\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/asus-proart-p16-h7607-rtx-spark-laptop-review.jpg\",\"contentUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/asus-proart-p16-h7607-rtx-spark-laptop-review.jpg\",\"width\":480,\"height\":270,\"caption\":\"Asus ProArt P16 (H7607) RTX Spark laptop review\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/asus-proart-p16-h7607-rtx-spark-laptop-review\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/arcader.org\\\/news\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Asus ProArt P16 (H7607) RTX Spark laptop review\"}]},{\"@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":"Asus ProArt P16 (H7607) RTX Spark laptop review | Arcader News","description":"If you don't talk to me about the price, I will tell you the Asus ProArt P16 is an unbelievably good gaming laptop. It is beautifully slim, runs","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\/asus-proart-p16-h7607-rtx-spark-laptop-review\/","og_locale":"en_US","og_type":"article","og_title":"Asus ProArt P16 (H7607) RTX Spark laptop review | Arcader News","og_description":"If you don't talk to me about the price, I will tell you the Asus ProArt P16 is an unbelievably good gaming laptop. It is beautifully slim, runs","og_url":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/","og_site_name":"Arcade News","article_published_time":"2026-10-20T16:08:45+00:00","og_image":[{"url":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/asus-proart-p16-h7607-rtx-spark-laptop-review.jpg","type":"","width":"","height":""}],"author":"Arcade News","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Arcade News","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/#article","isPartOf":{"@id":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/"},"author":{"name":"Arcade News","@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839"},"headline":"Asus ProArt P16 (H7607) RTX Spark laptop review","datePublished":"2026-10-20T16:08:45+00:00","mainEntityOfPage":{"@id":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/"},"wordCount":3676,"commentCount":0,"image":{"@id":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/#primaryimage"},"thumbnailUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/asus-proart-p16-h7607-rtx-spark-laptop-review.jpg","keywords":["Gaming Laptops","Gaming PCs","hardware"],"articleSection":["PC Gamer"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/","url":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/","name":"Asus ProArt P16 (H7607) RTX Spark laptop review | Arcader News","isPartOf":{"@id":"https:\/\/arcader.org\/news\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/#primaryimage"},"image":{"@id":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/#primaryimage"},"thumbnailUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/asus-proart-p16-h7607-rtx-spark-laptop-review.jpg","datePublished":"2026-10-20T16:08:45+00:00","author":{"@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839"},"description":"If you don't talk to me about the price, I will tell you the Asus ProArt P16 is an unbelievably good gaming laptop. It is beautifully slim, runs","breadcrumb":{"@id":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/#primaryimage","url":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/asus-proart-p16-h7607-rtx-spark-laptop-review.jpg","contentUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/asus-proart-p16-h7607-rtx-spark-laptop-review.jpg","width":480,"height":270,"caption":"Asus ProArt P16 (H7607) RTX Spark laptop review"},{"@type":"BreadcrumbList","@id":"https:\/\/arcader.org\/news\/asus-proart-p16-h7607-rtx-spark-laptop-review\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/arcader.org\/news\/"},{"@type":"ListItem","position":2,"name":"Asus ProArt P16 (H7607) RTX Spark laptop review"}]},{"@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\/1724751","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=1724751"}],"version-history":[{"count":0,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/posts\/1724751\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/media\/1724752"}],"wp:attachment":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/media?parent=1724751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/categories?post=1724751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/tags?post=1724751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}