{"id":1552427,"date":"2026-04-13T16:51:10","date_gmt":"2026-04-13T16:51:10","guid":{"rendered":"http:\/\/pcSti8K9UnGHBRwPHcRG4b"},"modified":"2026-04-13T16:51:10","modified_gmt":"2026-04-13T16:51:10","slug":"atomman-g1-pro-review","status":"publish","type":"post","link":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/","title":{"rendered":"AtomMan G1 Pro review"},"content":{"rendered":"<article>\n<p>The <a href=\"https:\/\/store.minisforum.com\/products\/minisforum-g1-pro-gaming-pc\" target=\"_blank\">Minisforum Atomman G1 Pro<\/a> has sat on my desk now for about two weeks. Happily bimbling away, running benchmarks, stress tests, and going through all manner of arduous rigamarole that we require these mini gaming PCs to endure in our pursuit of testing excellence, (write that down, it&#8217;ll be in the company call later). <\/p>\n<p>In essence, it&#8217;s quite unique. Effectively a weird hybrid of sorts. Fluidly blurring the lines between a mid-range gaming laptop and an entry-level ITX rig. The case is outlandishly compact, with only 3.8 L of internal capacity, and yet somehow, Minisforum has slammed a 350 W PSU in there, a motherboard with 32 GB of dual-channel DDR5, an RTX 5060 low-profile GPU, and no less than two M.2 slots as well. It&#8217;s so slim. So sheepishly svelte, it&#8217;s hard to believe that this plucky little case actually manages to hold all that in there without buckling at the seams. Looking more akin to a PS5 than a dedicated gaming desktop.<\/p>\n<p>The saving grace is, without a doubt, that CPU that Minisforum has strapped up under the cooler, puttering away underneath that chassis. Namely AMD&#8217;s Ryzen 9 8945HX. This is one of Big Red&#8217;s latest Ryzen 8,000 series chips (I say latest, it launched over a year ago now, but I wouldn&#8217;t hold out hope for new silicon these days that ain&#8217;t going into an AI datacenter), and arguably the reason why this might make it into our <a href=\"https:\/\/www.pcgamer.com\/hardware\/gaming-pcs\/best-mini-pcs-for-gaming\/\" target=\"_blank\">best Mini PC list,<\/a> albeit in a bit of a roundabout way.<\/p>\n<div >\n<table>\n<caption>G1 Pro specs<\/caption>\n<tbody>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>CPU<\/strong><\/p>\n<\/td>\n<td >\n<p>AMD Ryzen 9 8945HX<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Cores | Threads<\/strong><\/p>\n<\/td>\n<td >\n<p>16 | 32<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Clock speed<\/strong><\/p>\n<\/td>\n<td >\n<p>Up to 5.4 GHz<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>GPU<\/strong><\/p>\n<\/td>\n<td >\n<p>Gigabyte RTX 5060 OC Low Profile 8G<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>RAM<\/strong><\/p>\n<\/td>\n<td >\n<p>32 GB DDR5-5200<\/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 Kingston PCIe 4.0 M.2 (2x PCIe 4.0 M.2 slots available)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Rear I\/O<\/strong><\/p>\n<\/td>\n<td >\n<p>1x USB 3.2 Type-C, 2x USB 3.2 Type-A, 1x RJ45 5GB, 2x HDMI 2.1, 2x DisplayPort 1.4<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Front I\/O<\/strong><\/p>\n<\/td>\n<td >\n<p>1x USB 3.2 Type-C, 1x USB 3.2 Type-A, 3.5mm combo jack<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Power<\/strong><\/p>\n<\/td>\n<td >\n<p>350 W<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Dimensions<\/strong><\/p>\n<\/td>\n<td >\n<p>215 x 57 x 315 mm<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Price<\/strong><\/p>\n<\/td>\n<td >\n<p>\u00a31,350 | <a href=\"https:\/\/www.amazon.com\/MINISFORUM-GeForce-Performance-Compact-Desktop\/dp\/B0GHYMV62Q\" target=\"_blank\">$1,449<\/a> (as configured)<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"fancy-box\">\n<div class=\"fancy_box-title\">Buy if&#8230;<\/div>\n<div class=\"fancy_box_body\">\n<p class=\"fancy-box__body-text\">\u2705 <strong>You value compact portability: <\/strong>Smaller than a PS5 and arguably twice as versatile the G1 Pro is remarkably well designed, producing impressive performance given the size constraints<\/p>\n<\/div>\n<\/div>\n<div class=\"fancy-box\">\n<div class=\"fancy_box-title\">Don&#8217;t buy if&#8230;<\/div>\n<div class=\"fancy_box_body\">\n<p class=\"fancy-box__body-text\">\u274c <strong>You can build your own and don&#8217;t care about space that much: <\/strong>You could probably build one of these with slightly better performance for the same cost, with off-the-shelf parts, but it won&#8217;t be anywhere near as small.<\/p>\n<\/div>\n<\/div>\n<p>It&#8217;s effectively a low-powered Zen 4, 16-core unit, running off the back of TSMC&#8217;s 5nm FinFET design. Primarily, it&#8217;s aimed at the high-end laptop market, but it&#8217;s got some serious chops in terms of overall processing power too, particularly when you provide it with enough juice. And it&#8217;s that one unique element Minisforum is trying to take advantage of here. <\/p>\n<p>The G1 Pro comes with its own desktop app, and as you probably have already guessed, it allows you to swap between three different profiles that effectively alter the power delivery to the CPU directly. There&#8217;s &#8220;Office Mode&#8221;, where the 8945HX is locked at 60 W TDP, &#8220;Gaming Mode&#8221; where it stumbles along at an absolutely placid 80 W, and &#8220;Beast Mode&#8221; (phwoaaar\u2026) that ramps that wattage all the way up to 100 W, (although officially AMD&#8217;s 8945HX is only rated to run between 55 and 75 W). It&#8217;s very similar in many ways to Lenovo&#8217;s <a href=\"https:\/\/www.pcgamer.com\/hardware\/gaming-laptops\/lenovo-legion-9i-gen-10-review\/\" target=\"_blank\">Legion 9i laptop<\/a> line. As you can imagine with that, though, you get more performance, higher frequencies for longer, but also a lot more heat.<\/p>\n<p>The GPU itself, a low-profile RTX 5060\u2014complete with 8 GB of VRAM and packaged up nicely by Gigabyte in a spectacularly slim Low Profile OC design\u2014will quite happily trundle away at 145 W no matter what profile you set. Really, you&#8217;re only impacting CPU performance with this, and even with it set to Ultra Instinct Mega Beast mode, at max, you&#8217;re still leaving that PSU with a good 105W of headroom. No drama on power supplies going pop here.<\/p>\n<figure role=\"gallery\">\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.jpg\" alt=\"Minisforum Atomman G1 Pro mini PC\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review-1.jpg\" alt=\"Minisforum Atomman G1 Pro mini PC\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<\/figure>\n<p>That CPU, though, is not a cool chip. Not in this design anyway. And not even in dull-as-dishwater office mode either. It&#8217;s silicon that&#8217;s been built very specifically with low power delivery in mind, because it&#8217;s meant to be used in laptops, and products where cooling is limited compared to, you know, those desktop machines where you&#8217;ll just slap a full-fat 360 mm wham-bam-thank-you-mam AIO into it and call it a day. <\/p>\n<p>In the G1 Pro, because it&#8217;s got such a compact form factor, it naturally runs hot. In that default mode, max CPU temps throughout our computational tests landed at 93 \u00b0C. In-game, that top temp hit a staggering 91 \u00b0C in consecutive runs of Metro Exodus, with an average of 89 \u00b0C overall. <\/p>\n<p>Now, yes, technically the 8945HX does have a TJmax temp of 100 \u00b0C, but outside of bragging rights, and that one-off benchmark run you do when your office is 7 degrees, because you&#8217;ve left the window open all night, those profiles arguably aren&#8217;t really worth it. Particularly as it doesn&#8217;t affect the GPU. That&#8217;s a bit weird, too, by the way, because that RTX 5060 is surprisingly efficient given its size (good work, Gigabyte). <\/p>\n<p>In computational tests (Blender in particular), it maxed out at 67 \u00b0C overall. In-game, though, the figure was markedly higher at 77 \u00b0C overall. Clearly, there&#8217;s headroom there still, specifically for that graphics card to be pushed a little harder, which is surprising that Minisforum didn&#8217;t bake something in for that specifically. <\/p>\n<figure role=\"gallery\">\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review-2.jpg\" alt=\"Minisforum Atomman G1 Pro mini PC\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review-3.jpg\" alt=\"Minisforum Atomman G1 Pro mini PC\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review-4.jpg\" alt=\"Minisforum Atomman G1 Pro mini PC\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<\/figure>\n<p>A tiny peak inside quickly reveals just what&#8217;s going on here, and it&#8217;s purely a matter of form factor over function, and I don&#8217;t know if I should be impressed or not. It&#8217;s cramped, cables are tidy, well secured, out the way as best they can be. Cooling is optimized, and hardware positioning is intuitive. There are two M.2 slots here, one housing a 1 TB PCIe 4.0 SSD (Kingston&#8217;s OM8TAP41024K1-A00, complete with Kioxia&#8217;s 162-layer BiCS6 QLC NAND), and Minisforum has included an additional M.2 heatsink as well if you want to add an additional drive (a genuinely nice touch). But boy, they di not have much space to work with. Still, if you do want to upgrade it later on, say if OpenAI awkwardly can&#8217;t buy up 40% of the world&#8217;s memory supply, and DRAM prices plummet suddenly as a result (oh no, what a shame), you can\u2026 with a bit of effort.<\/p>\n<figure role=\"gallery\">\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review-5.jpg\" alt=\"Minisforum Atomman G1 Pro mini PC\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review-6.jpg\" alt=\"Minisforum Atomman G1 Pro mini PC\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<\/figure>\n<p>One thing I will highlight as a potential issue, though, is the whole I\/O situation. Just full stop, period. It&#8217;s incredibly limited. You&#8217;ve got a total of two USB Type-C ports (one on the front, one on the back), three USB Type-A (again one on the front, two on the back), a 5G Ethernet, one audio out (in front), and well that&#8217;s it (aside from the obvious display outputs, WiFi 7 and Bluetooth). It ain&#8217;t a lot, so if you&#8217;re serious about your setup, you&#8217;re going to want to invest in a solid USB hub of some description.<\/p>\n<p>Generally, though, build quality, very good. Aesthetics, top-tier. Expandable, internals excellent. Cooling, a bit of a swing and a miss in some cases. I\/O, eugh. But the performance, now that is the interesting bit. And let&#8217;s face it, it kind of needs to be for the price (\u00a31,350 in the UK, $1,439 in the US with a hefty discount at time of writing).<\/p>\n<div id=\"crow-inpage-content\">\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'); \/* Reset & Base *\/ #fv-chart-1776096627691-vozizdd09 *, #fv-chart-1776096627691-vozizdd09 *:before, #fv-chart-1776096627691-vozizdd09 *:after, #fv-chart-1776096627691-vozizdd09-slideshow *, #fv-chart-1776096627691-vozizdd09-slideshow *:before, #fv-chart-1776096627691-vozizdd09-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1776096627691-vozizdd09, #fv-chart-1776096627691-vozizdd09-slideshow { font-family: 'Open Sans', sans-serif !important; } \/* Main Wrappers *\/ #fv-chart-1776096627691-vozizdd09 { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1776096627691-vozizdd09.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: hidden !important; } #fv-chart-1776096627691-vozizdd09.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-1776096627691-vozizdd09 .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; } \/* Slideshow Styles *\/ #fv-chart-1776096627691-vozizdd09-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1776096627691-vozizdd09-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1776096627691-vozizdd09-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } \/* Top Navigation Row (Redesign) *\/ #fv-chart-1776096627691-vozizdd09-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-1776096627691-vozizdd09-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-1776096627691-vozizdd09-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1776096627691-vozizdd09-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1776096627691-vozizdd09-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-1776096627691-vozizdd09-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; } \/* Slideshow Dropdown Navigation *\/ #fv-chart-1776096627691-vozizdd09-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-1776096627691-vozizdd09-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } \/* Typography *\/ #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .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; } \/* Versus Chart *\/ #fv-chart-1776096627691-vozizdd09 .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1776096627691-vozizdd09 .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1776096627691-vozizdd09 .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1776096627691-vozizdd09 .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1776096627691-vozizdd09 .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1776096627691-vozizdd09 .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1776096627691-vozizdd09 .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1776096627691-vozizdd09 .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1776096627691-vozizdd09 .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1776096627691-vozizdd09 .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1776096627691-vozizdd09 .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1776096627691-vozizdd09 .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1776096627691-vozizdd09 .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1776096627691-vozizdd09 .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1776096627691-vozizdd09 .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1776096627691-vozizdd09 .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1776096627691-vozizdd09 .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .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; } \/* Image Comparison Styles *\/ #fv-chart-1776096627691-vozizdd09 .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1776096627691-vozizdd09.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-wrapper { position: relative !important; width: 100% !important; overflow: hidden !important; border-radius: 0 !important; background-color: #000 !important; touch-action: pan-y !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-inner { position: relative !important; width: 100% !important; height: 100% !important; display: block !important; transform-origin: center center !important; transition: transform 0.1s ease-out !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-bg { display: block !important; width: 100% !important; height: auto !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-fg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-slider { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 32px !important; transform: translateX(-50%) !important; cursor: ew-resize !important; z-index: 10 !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-slider-line { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 4px !important; background-color: white !important; transform: translateX(-50%) !important; box-shadow: 0 0 10px rgba(0,0,0,0.5) !important; pointer-events: none !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-handle { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 32px !important; height: 32px !important; background-color: white !important; border-radius: 50% !important; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; pointer-events: none !important; z-index: 11 !important; overflow: hidden !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-arrow-left { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-right: 4px solid #4b5563 !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-arrow-right { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 4px solid #4b5563 !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-label { position: absolute !important; top: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; padding: 0.25rem 0.75rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; font-weight: 500 !important; pointer-events: none !important; backdrop-filter: blur(4px) !important; z-index: 5 !important; transition: right 0.3s ease, opacity 0.2s ease !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-expand-btn, #fv-chart-1776096627691-vozizdd09 .fv-image-compare-close-btn { position: absolute !important; bottom: 1rem !important; right: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; border: none !important; border-radius: 0.25rem !important; padding: 0.5rem !important; cursor: pointer !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; backdrop-filter: blur(4px) !important; transition: background-color 0.2s !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-expand-btn:hover, #fv-chart-1776096627691-vozizdd09 .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } \/* Fullscreen State *\/ #fv-chart-1776096627691-vozizdd09 .fv-image-compare-wrapper.fv-image-compare-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999 !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: rgba(0, 0, 0, 0.9) !important; margin: 0 !important; touch-action: none !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: grab !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { position: absolute !important; top: 0 !important; left: 0 !important; max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1776096627691-vozizdd09 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } \/* Footer *\/ #fv-chart-1776096627691-vozizdd09 .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1776096627691-vozizdd09 .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1776096627691-vozizdd09 .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; } \/* Display Mode Controls *\/ #fv-chart-1776096627691-vozizdd09 .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1776096627691-vozizdd09 .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1776096627691-vozizdd09 .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1776096627691-vozizdd09 .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } \/* Legend *\/ #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1776096627691-vozizdd09 .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } \/* Multi-Value Legend *\/ #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } \/* Chart Core Styles *\/ #fv-chart-1776096627691-vozizdd09 .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-bar-row, #fv-chart-1776096627691-vozizdd09 .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1776096627691-vozizdd09 .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } \/* Multi-Value Bar Logic *\/ #fv-chart-1776096627691-vozizdd09 .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1776096627691-vozizdd09 .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } \/* Stacked Bar *\/ #fv-chart-1776096627691-vozizdd09 .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1776096627691-vozizdd09 .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } \/* Grouped Bar *\/ #fv-chart-1776096627691-vozizdd09 .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1776096627691-vozizdd09 .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1776096627691-vozizdd09 .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1776096627691-vozizdd09 .fv-bar-cluster .fv-bar-container { height: 20px !important; } \/* Line Chart Grid *\/ #fv-chart-1776096627691-vozizdd09 .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } \/* X-Axis *\/ #fv-chart-1776096627691-vozizdd09 .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1776096627691-vozizdd09 .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1776096627691-vozizdd09 .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1776096627691-vozizdd09 .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1776096627691-vozizdd09 .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .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; \/* Aligns with Y-axis line inside SVG (35\/600) *\/ margin-bottom: 4px !important; display: block !important; font-weight: bold !important; } \/* Shop The Look *\/ #fv-chart-1776096627691-vozizdd09 .fv-stl-container { position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; transition: min-height 0.3s ease !important; overflow: hidden !important; } #fv-chart-1776096627691-vozizdd09 .fv-stl-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1776096627691-vozizdd09.fv-full-bleed .fv-stl-container { width: 100% !important; } #fv-chart-1776096627691-vozizdd09.fv-full-bleed .fv-stl-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1776096627691-vozizdd09 .fv-stl-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1776096627691-vozizdd09 .fv-stl-hotspot-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1776096627691-vozizdd09 .fv-stl-hotspot-btn { position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 300ms !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; } #fv-chart-1776096627691-vozizdd09 .fv-stl-hotspot-btn:hover { transform: scale(1.1) !important; } #fv-chart-1776096627691-vozizdd09 .fv-stl-hotspot-btn:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !important; } #fv-chart-1776096627691-vozizdd09 .fv-stl-hotspot-btn[aria-expanded=\"true\"] { background-color: #3b82f6 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; } #fv-chart-1776096627691-vozizdd09 .fv-stl-hotspot-pulse { position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; } @keyframes fv-stl-ping { 75%, 100% { transform: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1776096627691-vozizdd09 .fv-stl-hotspot-pulse { animation-fill-mode: none !important; } } \/* Shop the look button *\/ #fv-chart-1776096627691-vozizdd09 .fv-stl-shop-all-btn { position: absolute !important; bottom: 1rem !important; right: 1rem !important; height: 2.5rem !important; background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(12px) !important; color: #111827 !important; padding: 0 1rem 0 3rem !important; border-radius: 0.25rem !important; font-weight: 700 !important; font-size: 0.875rem !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important; border: none !important; cursor: pointer !important; transition: all 0.2s !important; z-index: 10 !important; display: flex !important; align-items: center !important; text-transform: uppercase !important; overflow: hidden !important; white-space: nowrap !important; max-width: calc(100% - 2rem) !important; } #fv-chart-1776096627691-vozizdd09 .fv-stl-shop-all-btn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #fv-chart-1776096627691-vozizdd09 .fv-stl-shop-all-btn:hover { background-color: #ffffff !important; transform: scale(1.05) !important; } #fv-chart-1776096627691-vozizdd09 .fv-stl-shop-all-logo { position: absolute !important; left: 0 !important; top: 0 !important; width: 2.5rem !important; height: 2.5rem !important; object-fit: cover !important; background-color: #ffffff !important; border-right: 1px solid #f3f4f6 !important; flex-shrink: 0 !important; } #fv-chart-1776096627691-vozizdd09 .fv-stl-shop-all-icon { position: absolute !important; left: 0 !important; top: 0 !important; width: 2.5rem !important; height: 2.5rem !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: #ffffff !important; border-right: 1px solid #f3f4f6 !important; color: #1f2937 !important; flex-shrink: 0 !important; } \/* All Products Modal *\/ #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 { position: fixed !important; inset: 0 !important; background-color: rgba(0, 0, 0, 0) !important; backdrop-filter: blur(0px) !important; -webkit-backdrop-filter: blur(0px) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 99999 !important; pointer-events: none !important; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !important; padding: 1rem !important; overflow: hidden !important; } #fv-chart-1776096627691-vozizdd09.mobile-view #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 { position: absolute !important; padding: 0 !important; align-items: flex-end !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09.is-active { background-color: rgba(0, 0, 0, 0.2) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; pointer-events: auto !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-content { width: 100% !important; max-width: 42rem !important; max-height: 100% !important; display: flex !important; flex-direction: column !important; position: relative !important; background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-radius: 1rem !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; overflow: hidden !important; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important; opacity: 0 !important; transform: scale(0.95) !important; } #fv-chart-1776096627691-vozizdd09.mobile-view #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-content { max-width: 100% !important; height: 85% !important; max-height: 85% !important; border-radius: 1.5rem 1.5rem 0 0 !important; transform: translateY(100%) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09.is-active .fv-stl-all-products-content { opacity: 1 !important; transform: scale(1) !important; } #fv-chart-1776096627691-vozizdd09.mobile-view #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09.is-active .fv-stl-all-products-content { transform: translateY(0) !important; } \/* V2 Bottom Sheet Style *\/ #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09.v2 { align-items: flex-end !important; padding: 0 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09.v2:not(.mobile-view *) { justify-content: flex-end !important; } } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09.v2 .fv-stl-all-products-content { max-width: 100% !important; height: 85% !important; max-height: 85% !important; border-radius: 1.5rem 1.5rem 0 0 !important; transform: translateY(100%) !important; opacity: 1 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09.v2:not(.mobile-view *) .fv-stl-all-products-content { max-width: 700px !important; border-radius: 1.5rem 0 0 0 !important; } } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09.v2.is-active .fv-stl-all-products-content { transform: translateY(0) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1rem 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.5) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-close { width: 2rem !important; height: 2rem !important; border-radius: 9999px !important; background-color: rgba(0, 0, 0, 0.05) !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; cursor: pointer !important; z-index: 10 !important; color: #6b7280 !important; transition: all 0.2s !important; padding: 0 !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-list { list-style: none !important; padding: 0.75rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-item { margin: 0 !important; padding: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-link { display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-link:hover { background-color: #ffffff !important; border-color: #e5e7eb !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !important; border-color: #d1d5db !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #111827 !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-image-container { position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-number { position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-image-wrapper { width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-image { width: 100% !important; height: 100% !important; object-fit: cover !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-placeholder { width: 2rem !important; height: 2rem !important; color: #d1d5db !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-info { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-brand { font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-name { font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-meta { display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-price { font-weight: 700 !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-sale-price { font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-original-price { color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-commentary { font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-action { width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; } #fv-stl-all-products-modal-fv-chart-1776096627691-vozizdd09 .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; } \/* Mobile \/ Forced Mobile View \/ Labels on Top *\/ #fv-chart-1776096627691-vozizdd09.mobile-view .fv-pie-container, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-bar-row, #fv-chart-1776096627691-vozizdd09.mobile-view .fv-stacked-product, #fv-chart-1776096627691-vozizdd09.mobile-view .fv-grouped-bar-product, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-bar-row, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-stacked-product, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1776096627691-vozizdd09.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-1776096627691-vozizdd09.mobile-view .fv-bar-label, #fv-chart-1776096627691-vozizdd09.mobile-view .fv-grouped-product-title, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-bar-label, #fv-chart-1776096627691-vozizdd09.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-1776096627691-vozizdd09.mobile-view .fv-bar-container, #fv-chart-1776096627691-vozizdd09.mobile-view .fv-bar-cluster, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-bar-container, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-bar-cluster { width: 100% !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-x-axis-wrapper, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-x-axis-label-space, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-x-axis-label-space { display: none !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-x-axis-chart-space, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-benchmark-title, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-dropdown-title, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-carousel-nav-btn, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-chart-title, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-chart-title { padding: 0 8px !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-chart-subhead, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-versus-header, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-versus-select-wrapper, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-versus-vs, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-versus-select-container, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1776096627691-vozizdd09.mobile-view .fv-versus-select, #fv-chart-1776096627691-vozizdd09.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1776096627691-vozizdd09.mobile-view .fv-y-axis-title { padding-left: 5% !important; \/* (30\/600) for mobile view *\/ } #fv-chart-1776096627691-vozizdd09.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1776096627691-vozizdd09 .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1776096627691-vozizdd09 .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1776096627691-vozizdd09 .fv-bar-row, #fv-chart-1776096627691-vozizdd09 .fv-stacked-product, #fv-chart-1776096627691-vozizdd09 .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-bar-label, #fv-chart-1776096627691-vozizdd09 .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-1776096627691-vozizdd09 .fv-bar-container, #fv-chart-1776096627691-vozizdd09 .fv-bar-cluster { width: 100% !important; }#fv-chart-1776096627691-vozizdd09 .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1776096627691-vozizdd09 .fv-x-axis-label-space { display: none !important; }#fv-chart-1776096627691-vozizdd09 .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1776096627691-vozizdd09 .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1776096627691-vozizdd09 .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1776096627691-vozizdd09 .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1776096627691-vozizdd09 .fv-chart-title { padding: 0 8px !important; }#fv-chart-1776096627691-vozizdd09 .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1776096627691-vozizdd09 .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1776096627691-vozizdd09 .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1776096627691-vozizdd09 .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1776096627691-vozizdd09 .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1776096627691-vozizdd09 .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1776096627691-vozizdd09 .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1776096627691-vozizdd09 .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1776096627691-vozizdd09 .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1776096627691-vozizdd09 .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1776096627691-vozizdd09 .fv-y-axis-title { padding-left: 5% !important; \/* (30\/600) for mobile view *\/ } #fv-chart-1776096627691-vozizdd09.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\": \"Thermal performance\", \"description\": \"Subhead to describe the test and what's being measured and why\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-04-13T16:10:27.691Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"AtomMan G1 Pro | RTX 5060 | 8945HX\", \"Framework Desktop | 8060S | Max+ 395\", \"Gaming Temps\", \"Creator temps\", \"Idle temps\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Gaming Temps\", \"value\": 89, \"unitText\": \"Avg CPU Temp (\u00c2\u00b0C)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 Gaming Temps\", \"value\": 76, \"unitText\": \"Avg CPU Temp (\u00c2\u00b0C)\" }, { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Creator temps\", \"value\": 93, \"unitText\": \"Max CPU temp (\u00c2\u00b0C)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 Creator temps\", \"value\": 100, \"unitText\": \"Max CPU temp (\u00c2\u00b0C)\" }, { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Idle temps\", \"value\": 51, \"unitText\": \"CPU (\u00c2\u00b0C)\" } ]}<\/script><\/p>\n<div id=\"fv-chart-1776096627691-vozizdd09\" class=\"fv-chart-wrapper labels-on-top \" data-bar-labels-on-top=\"true\" data-iframe-height=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">Thermal performance<\/h3>\n<div class=\"fv-dropdown-wrapper\">\n<div class=\"fv-dropdown-title-container\"> <select class=\"fv-dropdown-title\"><option value=\"0\">Gaming Temps<\/option><option value=\"1\">Creator temps<\/option><option value=\"2\">Idle temps<\/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\"><\/path><\/svg> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096627691-vozizdd09-bar-Gaming Temps\" data-chart-type=\"Bar\" data-title=\"Gaming Temps\" data-subhead=\"\" 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 CPU Temp (\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 Temp (\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 Temp (\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 Temp (\u00b0C)<\/span> <\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 89%; background-color: #E33235;\" data-target-width=\"89\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">89<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 91%; background-color: #FE9F58;\" data-target-width=\"91\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">91<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 77%; background-color: #1CA9C4;\" data-target-width=\"77\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">77<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 67%; background-color: #EB6F71;\" data-target-width=\"67\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">67<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 76%; background-color: #E33235;\" data-target-width=\"76\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">76<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 79%; background-color: #FE9F58;\" data-target-width=\"79\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">79<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>25<\/span><span>50<\/span><span>75<\/span><span>100<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Gaming Temps Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>89 Avg CPU Temp (\u00b0C), 91 Max CPU Temp (\u00b0C), 77 Avg GPU Temp (\u00b0C), 67 Max GPU Temp (\u00b0C)<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>76 Avg CPU Temp (\u00b0C), 79 Max CPU Temp (\u00b0C)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096627691-vozizdd09-bar-Creator temps\" data-chart-type=\"Bar\" data-title=\"Creator temps\" data-subhead=\"\" 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>Max CPU temp (\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 VRM temp (\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>Max SSD temp (\u00b0C)<\/span> <\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 93%; background-color: #E33235;\" data-target-width=\"93\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">93<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 57.99999999999999%; background-color: #FE9F58;\" data-target-width=\"57.99999999999999\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">58<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 71%; background-color: #1CA9C4;\" data-target-width=\"71\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">71<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 100%; background-color: #E33235;\" data-target-width=\"100\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">100<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 81%; background-color: #FE9F58;\" data-target-width=\"81\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">81<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 66%; background-color: #1CA9C4;\" data-target-width=\"66\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">66<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>25<\/span><span>50<\/span><span>75<\/span><span>100<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Creator temps Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>93 Max CPU temp (\u00b0C), 58 Max VRM temp (\u00b0C), 71 Max SSD temp (\u00b0C)<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>100 Max CPU temp (\u00b0C), 81 Max VRM temp (\u00b0C), 66 Max SSD temp (\u00b0C)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096627691-vozizdd09-bar-Idle temps\" data-chart-type=\"Bar\" data-title=\"Idle temps\" data-subhead=\"\" 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>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>GPU (\u00b0C)<\/span> <\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 85%; background-color: #E33235;\" data-target-width=\"85\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">51<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 63.33333333333333%; background-color: #FE9F58;\" data-target-width=\"63.33333333333333\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">38<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>15<\/span><span>30<\/span><span>45<\/span><span>60<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Idle temps Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>51 CPU (\u00b0C), 38 GPU (\u00b0C)<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\" style=\"display: flex\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\"><\/div>\n<\/p><\/div>\n<p> <img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.png\" alt=\"PC Gamer Logo\"> <\/div>\n<\/p><\/div>\n<\/p><\/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() { \/\/ Global animation function for slideshow re-use window.fvAnimateCharts = function(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment'); bars.forEach(function(bar, index) { \/\/ Reset to 0 first to ensure animation triggers bar.style.setProperty('width', '0%', 'important'); bar.style.setProperty('transition', 'none', 'important'); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; \/\/ Force reflow void bar.offsetWidth; setTimeout(function() { bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out', 'important'); bar.style.setProperty('width', targetWidth + '%', 'important'); }, index * 50 + 50); \/\/ Reduced initial delay }); } 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); }); } \/\/ Execute var charts = chartWrapper.querySelectorAll('.fv-chart-item'); charts.forEach(function(chart) { \/\/ If in carousel\/dropdown mode, hidden charts are display:none. \/\/ We only animate what is visible. if (window.getComputedStyle(chart).display === 'none') return; var chartType = chart.dataset.chartType; if (chartType === 'Line') { animateLineChart(chart); } else if (chartType !== 'Pie') { animateBars(chart); } }); }; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); \/\/ In slideshow mode, 'root' will be null because the container has '-slideshow' suffix. \/\/ We handle that logic below. if (!root && !isSlideshow) return; \/\/ Setup internal interactions (Carousel\/Dropdown\/LineChart) for a specific chart wrapper 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) { \/\/ Fallback for when width isn't available yet (e.g., hidden tab) isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { \/\/ Mobile if container is small OR if it's a physical mobile device (overriding fixed-width iframes) isMobile = isMobileDevice || width < 600; } if (isMobile) { chartWrapper.classList.add('mobile-view'); } else { chartWrapper.classList.remove('mobile-view'); } } \/\/ Initial check checkMobileView(); if (typeof ResizeObserver !== 'undefined') { var ro = new ResizeObserver(function() { checkMobileView(); }); ro.observe(chartWrapper); } \/\/ Always add window resize listener as a reliable fallback for DevTools and edge cases window.addEventListener('resize', checkMobileView); \/\/ Labels on top handler var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop) { \/\/ If there are multiple charts and we're not in a carousel\/dropdown, we might have mixed types. \/\/ But typically, labels-on-top is a global setting. We'll apply it initially, \/\/ and showInternalChart will toggle it if needed. 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 === '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 leftWrapper = row.querySelector('.fv-versus-bar-left-wrapper'); var rightWrapper = row.querySelector('.fv-versus-bar-right-wrapper'); 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); }); \/\/ 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'); \/\/ Text Elements 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 === 'Line') { \/\/ Line chart animations if needed } else if (cType !== 'Pie') { window.fvAnimateCharts(chartWrapper); } \/\/ Update labels-on-top based on current chart type var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop && (cType === '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; \/\/ Update Subhead and Caption var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute('data-subhead'); var newCaption = activeChart.getAttribute('data-caption'); if (subheadEl) subheadEl.textContent = newSubhead || ''; if (captionEl) captionEl.textContent = newCaption || ''; if (footerContentEl) { if (newCaption && newCaption.trim().length > 0) { 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; \/\/ Zoom state 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(); \/\/ Max pan depends on how much the image is scaled beyond the wrapper 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; \/\/ Prevent click after pinch } 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 }); } \/\/ Expand\/Close Logic 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.preventDefault(); \/\/ Removed to allow text selection e.stopPropagation(); wrapper.classList.add('fv-image-compare-fullscreen'); document.body.style.overflow = 'hidden'; \/\/ Load high-res images if available 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.preventDefault(); \/\/ Removed to allow text selection e.stopPropagation(); wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); }); } \/\/ Close on Escape 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 allProductsList = chartWrapper.querySelector('.fv-stl-all-products-list'); var stlContainer = chartWrapper.querySelector('.fv-stl-container'); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove('is-active'); \/\/ Remove highlights var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item'); items.forEach(function(item) { item.classList.remove('is-highlighted'); }); \/\/ Remove min-height after transition 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'); \/\/ Ensure container is tall enough var container = btn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } \/\/ Highlight and scroll to item 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(); } } }); }); \/\/ Shop All button if (shopAllBtn &#038;&#038; allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); \/\/ Ensure container is tall enough 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(); } }); } \/\/ Close button in all products modal if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } \/\/ Close modals when clicking outside chartWrapper.addEventListener('click', function(e) { \/\/ Only close if clicking on the wrapper or container, not inside a modal content 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(); } }); } \/\/ Initial Animation window.fvAnimateCharts(chartWrapper); } 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-1776096627691-vozizdd09', false); }); } else { initialize('fv-chart-1776096627691-vozizdd09', false); } })(); <\/script><\/div>\n<p>In the G1 Pro, because it's got such a compact form factor, it naturally runs hot. In that default mode, max CPU temps throughout our computational tests landed at 93 \u00b0C. In-game, that top temp hit a staggering 91 \u00b0C in consecutive runs of Metro Exodus, with an average of 89 \u00b0C overall. <\/p>\n<p>Now, yes, technically the 8945HX does have a TJmax temp of 100 \u00b0C, but outside of bragging rights, and that one-off benchmark run you do when your office is 7 degrees, because you've left the window open all night, those profiles arguably aren't really worth it. Particularly as it doesn't affect the GPU. That's a bit weird, too, by the way, because that RTX 5060 is surprisingly efficient given its size (good work, Gigabyte). <\/p>\n<p>In computational tests (Blender in particular), it maxed out at 67 \u00b0C overall. In-game, though, the figure was markedly higher at 77 \u00b0C overall. Clearly, there's headroom there still, specifically for that graphics card to be pushed a little harder, which is surprising that Minisforum didn't bake something in for that specifically. <\/p>\n<div id=\"crow-inpage-content\">\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'); \/* Reset & Base *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper *, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper *:before, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper *:after, #fv-chart-1776096316042-j0wl7kqlp-slideshow *, #fv-chart-1776096316042-j0wl7kqlp-slideshow *:before, #fv-chart-1776096316042-j0wl7kqlp-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper, #fv-chart-1776096316042-j0wl7kqlp-slideshow { font-family: 'Open Sans', sans-serif !important; } \/* Main Wrappers *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: hidden !important; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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; } \/* Slideshow Styles *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } \/* Top Navigation Row (Redesign) *\/ #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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; } \/* Slideshow Dropdown Navigation *\/ #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } \/* Typography *\/ #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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; } \/* Versus Chart *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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; } \/* Image Comparison Styles *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-wrapper { position: relative !important; width: 100% !important; overflow: hidden !important; border-radius: 0 !important; background-color: #000 !important; touch-action: pan-y !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-inner { position: relative !important; width: 100% !important; height: 100% !important; display: block !important; transform-origin: center center !important; transition: transform 0.1s ease-out !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-bg { display: block !important; width: 100% !important; height: auto !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-fg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-slider { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 32px !important; transform: translateX(-50%) !important; cursor: ew-resize !important; z-index: 10 !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-slider-line { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 4px !important; background-color: white !important; transform: translateX(-50%) !important; box-shadow: 0 0 10px rgba(0,0,0,0.5) !important; pointer-events: none !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-handle { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 32px !important; height: 32px !important; background-color: white !important; border-radius: 50% !important; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; pointer-events: none !important; z-index: 11 !important; overflow: hidden !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-arrow-left { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-right: 4px solid #4b5563 !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-arrow-right { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 4px solid #4b5563 !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-label { position: absolute !important; top: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; padding: 0.25rem 0.75rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; font-weight: 500 !important; pointer-events: none !important; backdrop-filter: blur(4px) !important; z-index: 5 !important; transition: right 0.3s ease, opacity 0.2s ease !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-expand-btn, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-close-btn { position: absolute !important; bottom: 1rem !important; right: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; border: none !important; border-radius: 0.25rem !important; padding: 0.5rem !important; cursor: pointer !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; backdrop-filter: blur(4px) !important; transition: background-color 0.2s !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-expand-btn:hover, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } \/* Fullscreen State *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999 !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: rgba(0, 0, 0, 0.9) !important; margin: 0 !important; touch-action: none !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: grab !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { position: absolute !important; top: 0 !important; left: 0 !important; max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } \/* Footer *\/ #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1776096316042-j0wl7kqlp-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; } \/* Display Mode Controls *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } \/* Legend *\/ #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } \/* Multi-Value Legend *\/ #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } \/* Chart Core Styles *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-bar-row, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } \/* Multi-Value Bar Logic *\/ #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } \/* Stacked Bar *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } \/* Grouped Bar *\/ #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-bar-cluster .fv-bar-container { height: 20px !important; } \/* Line Chart Grid *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } \/* X-Axis *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-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; \/* Aligns with Y-axis line inside SVG (35\/600) *\/ margin-bottom: 4px !important; display: block !important; font-weight: bold !important; } \/* Shop The Look *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-container { position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; transition: min-height 0.3s ease !important; overflow: hidden !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.fv-full-bleed .fv-stl-container { width: 100% !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.fv-full-bleed .fv-stl-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-hotspot-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-hotspot-btn { position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 300ms !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-hotspot-btn:hover { transform: scale(1.1) !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-hotspot-btn:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-hotspot-btn[aria-expanded=\"true\"] { background-color: #3b82f6 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-hotspot-pulse { position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; } @keyframes fv-stl-ping { 75%, 100% { transform: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-hotspot-pulse { animation-fill-mode: none !important; } } \/* Shop the look button *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-shop-all-btn { position: absolute !important; bottom: 1rem !important; right: 1rem !important; height: 2.5rem !important; background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(12px) !important; color: #111827 !important; padding: 0 1rem 0 3rem !important; border-radius: 0.25rem !important; font-weight: 700 !important; font-size: 0.875rem !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important; border: none !important; cursor: pointer !important; transition: all 0.2s !important; z-index: 10 !important; display: flex !important; align-items: center !important; text-transform: uppercase !important; overflow: hidden !important; white-space: nowrap !important; max-width: calc(100% - 2rem) !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-shop-all-btn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-shop-all-btn:hover { background-color: #ffffff !important; transform: scale(1.05) !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-shop-all-logo { position: absolute !important; left: 0 !important; top: 0 !important; width: 2.5rem !important; height: 2.5rem !important; object-fit: cover !important; background-color: #ffffff !important; border-right: 1px solid #f3f4f6 !important; flex-shrink: 0 !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stl-shop-all-icon { position: absolute !important; left: 0 !important; top: 0 !important; width: 2.5rem !important; height: 2.5rem !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: #ffffff !important; border-right: 1px solid #f3f4f6 !important; color: #1f2937 !important; flex-shrink: 0 !important; } \/* All Products Modal *\/ #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp { position: fixed !important; inset: 0 !important; background-color: rgba(0, 0, 0, 0) !important; backdrop-filter: blur(0px) !important; -webkit-backdrop-filter: blur(0px) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 99999 !important; pointer-events: none !important; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !important; padding: 1rem !important; overflow: hidden !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp { position: absolute !important; padding: 0 !important; align-items: flex-end !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp.is-active { background-color: rgba(0, 0, 0, 0.2) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; pointer-events: auto !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-content { width: 100% !important; max-width: 42rem !important; max-height: 100% !important; display: flex !important; flex-direction: column !important; position: relative !important; background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-radius: 1rem !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; overflow: hidden !important; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important; opacity: 0 !important; transform: scale(0.95) !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-content { max-width: 100% !important; height: 85% !important; max-height: 85% !important; border-radius: 1.5rem 1.5rem 0 0 !important; transform: translateY(100%) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp.is-active .fv-stl-all-products-content { opacity: 1 !important; transform: scale(1) !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp.is-active .fv-stl-all-products-content { transform: translateY(0) !important; } \/* V2 Bottom Sheet Style *\/ #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp.v2 { align-items: flex-end !important; padding: 0 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp.v2:not(.mobile-view *) { justify-content: flex-end !important; } } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp.v2 .fv-stl-all-products-content { max-width: 100% !important; height: 85% !important; max-height: 85% !important; border-radius: 1.5rem 1.5rem 0 0 !important; transform: translateY(100%) !important; opacity: 1 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp.v2:not(.mobile-view *) .fv-stl-all-products-content { max-width: 700px !important; border-radius: 1.5rem 0 0 0 !important; } } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp.v2.is-active .fv-stl-all-products-content { transform: translateY(0) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1rem 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.5) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-close { width: 2rem !important; height: 2rem !important; border-radius: 9999px !important; background-color: rgba(0, 0, 0, 0.05) !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; cursor: pointer !important; z-index: 10 !important; color: #6b7280 !important; transition: all 0.2s !important; padding: 0 !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-list { list-style: none !important; padding: 0.75rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-item { margin: 0 !important; padding: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-link { display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-link:hover { background-color: #ffffff !important; border-color: #e5e7eb !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !important; border-color: #d1d5db !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #111827 !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-image-container { position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-number { position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-image-wrapper { width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-image { width: 100% !important; height: 100% !important; object-fit: cover !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-placeholder { width: 2rem !important; height: 2rem !important; color: #d1d5db !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-info { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-brand { font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-name { font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-meta { display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-price { font-weight: 700 !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-sale-price { font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-original-price { color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-commentary { font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-action { width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; } #fv-stl-all-products-modal-fv-chart-1776096316042-j0wl7kqlp .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; } \/* Mobile \/ Forced Mobile View \/ Labels on Top *\/ #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-pie-container, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-bar-row, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-stacked-product, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-grouped-bar-product, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-row, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-stacked-product, #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-bar-label, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-grouped-product-title, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-label, #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-bar-container, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-bar-cluster, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-container, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-cluster { width: 100% !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-x-axis-wrapper, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-x-axis-label-space, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-x-axis-label-space { display: none !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-x-axis-chart-space, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-benchmark-title, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-dropdown-title, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-carousel-nav-btn, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-chart-title, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-chart-title { padding: 0 8px !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-chart-subhead, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-versus-header, #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select-wrapper, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-versus-vs, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select-container, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper.mobile-view .fv-y-axis-title { padding-left: 5% !important; \/* (30\/600) for mobile view *\/ } #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-bar-row, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-stacked-product, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-bar-label, #fv-chart-1776096316042-j0wl7kqlp-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-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-bar-container, #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-bar-cluster { width: 100% !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-x-axis-label-space { display: none !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-chart-title { padding: 0 8px !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1776096316042-j0wl7kqlp-slideshow .fv-chart-wrapper .fv-y-axis-title { padding-left: 5% !important; \/* (30\/600) for mobile view *\/ } #fv-chart-1776096316042-j0wl7kqlp-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\": \"Gaming performance\", \"description\": \"Subhead to describe the test and what's being measured and why\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-04-13T16:05:16.043Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"AtomMan G1 Pro | RTX 5060 | 8945HX\", \"Framework Desktop | 8060S | Max+ 395\", \"Avatar: Frontiers of Pandora (1440p Ultra)\", \"Cyberpunk 2077 (1440p RT Medium)\", \"Cyberpunk 2077 (upscaling) (1440p RT Medium)\", \"Baldur's Gate 3 (1440p Ultra)\", \"Black Myth: Wukong (1440p Very High)\", \"Black Myth: Wukong (upscaling) (1440p Very High)\", \"Metro Exodus: Enhanced Edition (1440p Ultra)\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Avatar: Frontiers of Pandora (1440p Ultra)\", \"value\": 44, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 Avatar: Frontiers of Pandora (1440p Ultra)\", \"value\": 36, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Cyberpunk 2077 (1440p RT Medium)\", \"value\": 32, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 Cyberpunk 2077 (1440p RT Medium)\", \"value\": 22, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Cyberpunk 2077 (upscaling) (1440p RT Medium)\", \"value\": 86, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 Cyberpunk 2077 (upscaling) (1440p RT Medium)\", \"value\": 64, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Baldur's Gate 3 (1440p Ultra)\", \"value\": 59, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 Baldur's Gate 3 (1440p Ultra)\", \"value\": 54, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Black Myth: Wukong (1440p Very High)\", \"value\": 26, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 Black Myth: Wukong (1440p Very High)\", \"value\": 22, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Black Myth: Wukong (upscaling) (1440p Very High)\", \"value\": 37, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 Black Myth: Wukong (upscaling) (1440p Very High)\", \"value\": 33, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Metro Exodus: Enhanced Edition (1440p Ultra)\", \"value\": 52, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 Metro Exodus: Enhanced Edition (1440p Ultra)\", \"value\": 49, \"unitText\": \"Avg FPS\" } ]},{ \"@context\": \"https:\/\/schema.org\", \"@type\": \"Dataset\", \"name\": \"3DMark synthetic performance\", \"description\": \"Subhead to describe the test and what's being measured and why\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-04-13T16:05:16.043Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"AtomMan G1 Pro | RTX 5060 | 8945HX\", \"Framework Desktop | 8060S | Max+ 395\", \"3DMark Time Spy Extreme\", \"3DMark Storage\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 3DMark Time Spy Extreme\", \"value\": 9435, \"unitText\": \"CPU index\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 3DMark Time Spy Extreme\", \"value\": 6395, \"unitText\": \"CPU index\" }, { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 3DMark Storage\", \"value\": 1493, \"unitText\": \"Overall index\" } ]}]<\/script><\/p>\n<div id=\"fv-chart-1776096316042-j0wl7kqlp-slideshow\" class=\"fv-slideshow-container\" data-slide-count=\"2\" 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\"><\/path><\/svg> <span>Previous<\/span> <\/button> <\/p>\n<div class=\"fv-slide-counter\">1 \/ 2<\/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\"><\/path><\/svg> <\/button> <\/div>\n<div class=\"fv-slides-wrapper\">\n<div class=\"fv-slide\" id=\"fv-chart-1776096316042-j0wl7kqlp-slide-0-wrapper\" data-index=\"0\" style=\"display: block;\">\n<div id=\"fv-chart-1776096316042-j0wl7kqlp-slide-0\" class=\"fv-chart-wrapper labels-on-top \" data-bar-labels-on-top=\"true\" data-iframe-height=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">Gaming performance<\/h3>\n<div class=\"fv-dropdown-wrapper\">\n<div class=\"fv-dropdown-title-container\"> <select class=\"fv-dropdown-title\"><option value=\"0\">Avatar: Frontiers of Pandora (1440p Ultra)<\/option><option value=\"1\">Cyberpunk 2077 (1440p RT Medium)<\/option><option value=\"2\">Cyberpunk 2077 (upscaling) (1440p RT Medium)<\/option><option value=\"3\">Baldur's Gate 3 (1440p Ultra)<\/option><option value=\"4\">Black Myth: Wukong (1440p Very High)<\/option><option value=\"5\">Black Myth: Wukong (upscaling) (1440p Very High)<\/option><option value=\"6\">Metro Exodus: Enhanced Edition (1440p 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\"><\/path><\/svg> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096316042-j0wl7kqlp-slide-0-bar-Avatar: Frontiers of Pandora (1440p Ultra)\" data-chart-type=\"Bar\" data-title=\"Avatar: Frontiers of Pandora (1440p Ultra)\" data-subhead=\"\" 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<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 73.33333333333333%; background-color: #E33235;\" data-target-width=\"73.33333333333333\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">44<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 63.33333333333333%; background-color: #FE9F58;\" data-target-width=\"63.33333333333333\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">38<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 60%; background-color: #E33235;\" data-target-width=\"60\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">36<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 43.333333333333336%; background-color: #FE9F58;\" data-target-width=\"43.333333333333336\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">26<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>15<\/span><span>30<\/span><span>45<\/span><span>60<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Avatar: Frontiers of Pandora (1440p 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>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>44 Avg FPS, 38 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>36 Avg FPS, 26 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096316042-j0wl7kqlp-slide-0-bar-Cyberpunk 2077 (1440p RT Medium)\" data-chart-type=\"Bar\" data-title=\"Cyberpunk 2077 (1440p RT Medium)\" data-subhead=\"\" 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<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 80%; background-color: #E33235;\" data-target-width=\"80\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">32<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 65%; background-color: #FE9F58;\" data-target-width=\"65\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">26<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 55.00000000000001%; background-color: #E33235;\" data-target-width=\"55.00000000000001\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">22<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 42.5%; background-color: #FE9F58;\" data-target-width=\"42.5\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">17<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>10<\/span><span>20<\/span><span>30<\/span><span>40<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Cyberpunk 2077 (1440p RT Medium) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>32 Avg FPS, 26 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>22 Avg FPS, 17 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096316042-j0wl7kqlp-slide-0-bar-Cyberpunk 2077 (upscaling) (1440p RT Medium)\" data-chart-type=\"Bar\" data-title=\"Cyberpunk 2077 (upscaling) (1440p RT Medium)\" data-subhead=\"\" 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<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 86%; background-color: #E33235;\" data-target-width=\"86\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">86<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 69%; background-color: #FE9F58;\" data-target-width=\"69\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">69<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 64%; background-color: #E33235;\" data-target-width=\"64\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">64<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 41%; background-color: #FE9F58;\" data-target-width=\"41\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">41<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>25<\/span><span>50<\/span><span>75<\/span><span>100<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Cyberpunk 2077 (upscaling) (1440p RT Medium) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>86 Avg FPS, 69 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>64 Avg FPS, 41 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096316042-j0wl7kqlp-slide-0-bar-Baldur's Gate 3 (1440p Ultra)\" data-chart-type=\"Bar\" data-title=\"Baldur's Gate 3 (1440p Ultra)\" data-subhead=\"\" 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<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 98.33333333333333%; background-color: #E33235;\" data-target-width=\"98.33333333333333\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">59<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 70%; background-color: #FE9F58;\" data-target-width=\"70\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">42<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 90%; background-color: #E33235;\" data-target-width=\"90\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">54<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 63.33333333333333%; background-color: #FE9F58;\" data-target-width=\"63.33333333333333\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">38<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>15<\/span><span>30<\/span><span>45<\/span><span>60<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Baldur's Gate 3 (1440p 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>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>59 Avg FPS, 42 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>54 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-1776096316042-j0wl7kqlp-slide-0-bar-Black Myth: Wukong (1440p Very High)\" data-chart-type=\"Bar\" data-title=\"Black Myth: Wukong (1440p Very High)\" data-subhead=\"\" 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<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 86.66666666666667%; background-color: #E33235;\" data-target-width=\"86.66666666666667\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">26<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 66.66666666666666%; background-color: #FE9F58;\" data-target-width=\"66.66666666666666\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">20<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 73.33333333333333%; background-color: #E33235;\" data-target-width=\"73.33333333333333\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">22<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 60%; background-color: #FE9F58;\" data-target-width=\"60\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">18<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>7.5<\/span><span>15<\/span><span>22.5<\/span><span>30<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Black Myth: Wukong (1440p Very 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>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>26 Avg FPS, 20 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>22 Avg FPS, 18 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096316042-j0wl7kqlp-slide-0-bar-Black Myth: Wukong (upscaling) (1440p Very High)\" data-chart-type=\"Bar\" data-title=\"Black Myth: Wukong (upscaling) (1440p Very High)\" data-subhead=\"\" 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<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 92.5%; background-color: #E33235;\" data-target-width=\"92.5\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">37<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 82.5%; background-color: #FE9F58;\" data-target-width=\"82.5\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">33<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 82.5%; background-color: #E33235;\" data-target-width=\"82.5\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">33<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 67.5%; background-color: #FE9F58;\" data-target-width=\"67.5\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">27<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>10<\/span><span>20<\/span><span>30<\/span><span>40<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Black Myth: Wukong (upscaling) (1440p Very 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>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>37 Avg FPS, 33 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>33 Avg FPS, 27 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096316042-j0wl7kqlp-slide-0-bar-Metro Exodus: Enhanced Edition (1440p Ultra)\" data-chart-type=\"Bar\" data-title=\"Metro Exodus: Enhanced Edition (1440p Ultra)\" data-subhead=\"\" 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<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 86.66666666666667%; background-color: #E33235;\" data-target-width=\"86.66666666666667\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">52<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 60%; background-color: #FE9F58;\" data-target-width=\"60\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">36<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 81.66666666666667%; background-color: #E33235;\" data-target-width=\"81.66666666666667\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">49<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 50%; background-color: #FE9F58;\" data-target-width=\"50\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">30<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>15<\/span><span>30<\/span><span>45<\/span><span>60<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Metro Exodus: Enhanced Edition (1440p 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>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>52 Avg FPS, 36 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>49 Avg FPS, 30 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\" style=\"display: flex\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\"><\/div>\n<\/p><\/div>\n<p> <img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.png\" alt=\"PC Gamer Logo\"> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"fv-slide\" id=\"fv-chart-1776096316042-j0wl7kqlp-slide-1-wrapper\" data-index=\"1\" style=\"display: none;\">\n<div id=\"fv-chart-1776096316042-j0wl7kqlp-slide-1\" class=\"fv-chart-wrapper labels-on-top \" data-bar-labels-on-top=\"true\" data-iframe-height=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">3DMark synthetic performance<\/h3>\n<div class=\"fv-dropdown-wrapper\">\n<div class=\"fv-dropdown-title-container\"> <select class=\"fv-dropdown-title\"><option value=\"0\">3DMark Time Spy Extreme<\/option><option value=\"1\">3DMark Storage<\/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\"><\/path><\/svg> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096316042-j0wl7kqlp-slide-1-bar-3DMark Time Spy Extreme\" data-chart-type=\"Bar\" data-title=\"3DMark Time Spy Extreme\" data-subhead=\"\" 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>CPU index<\/span> <\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p> <span>GPU index<\/span> <\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #1CA9C4;\"><\/div>\n<p> <span>Overall index<\/span> <\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 94.35%; background-color: #E33235;\" data-target-width=\"94.35\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">9435<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 63.800000000000004%; background-color: #FE9F58;\" data-target-width=\"63.800000000000004\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">6380<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 67.05%; background-color: #1CA9C4;\" data-target-width=\"67.05\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">6705<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 63.949999999999996%; background-color: #E33235;\" data-target-width=\"63.949999999999996\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">6395<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 51.580000000000005%; background-color: #FE9F58;\" data-target-width=\"51.580000000000005\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">5158<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 53.12%; background-color: #1CA9C4;\" data-target-width=\"53.12\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">5312<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>2,500<\/span><span>5,000<\/span><span>7,500<\/span><span>10,000<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>3DMark Time Spy Extreme Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>9435 CPU index, 6380 GPU index, 6705 Overall index<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>6395 CPU index, 5158 GPU index, 5312 Overall index<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096316042-j0wl7kqlp-slide-1-bar-3DMark Storage\" data-chart-type=\"Bar\" data-title=\"3DMark Storage\" data-subhead=\"\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p> <span>Overall index<\/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 bandwidth (MB\/s)<\/span> <\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #1CA9C4;\"><\/div>\n<p> <span>Access time (us)<\/span> <\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 99.53333333333333%; background-color: #E33235;\" data-target-width=\"99.53333333333333\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">1493<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 17.294666666666668%; background-color: #FE9F58;\" data-target-width=\"17.294666666666668\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">259.42<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 8.133333333333333%; background-color: #1CA9C4;\" data-target-width=\"8.133333333333333\"> <\/div>\n<p><span class=\"fv-bar-value-outside\">122<\/span><\/div>\n<\/p><\/div>\n<\/p><\/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>375<\/span><span>750<\/span><span>1,125<\/span><span>1,500<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>3DMark Storage Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>1493 Overall index, 259.42 Avg bandwidth (MB\/s), 122 Access time (us)<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\" style=\"display: flex\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\"><\/div>\n<\/p><\/div>\n<p> <img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.png\" alt=\"PC Gamer Logo\"> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/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() { \/\/ Global animation function for slideshow re-use window.fvAnimateCharts = function(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment'); bars.forEach(function(bar, index) { \/\/ Reset to 0 first to ensure animation triggers bar.style.setProperty('width', '0%', 'important'); bar.style.setProperty('transition', 'none', 'important'); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; \/\/ Force reflow void bar.offsetWidth; setTimeout(function() { bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out', 'important'); bar.style.setProperty('width', targetWidth + '%', 'important'); }, index * 50 + 50); \/\/ Reduced initial delay }); } 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); }); } \/\/ Execute var charts = chartWrapper.querySelectorAll('.fv-chart-item'); charts.forEach(function(chart) { \/\/ If in carousel\/dropdown mode, hidden charts are display:none. \/\/ We only animate what is visible. if (window.getComputedStyle(chart).display === 'none') return; var chartType = chart.dataset.chartType; if (chartType === 'Line') { animateLineChart(chart); } else if (chartType !== 'Pie') { animateBars(chart); } }); }; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); \/\/ In slideshow mode, 'root' will be null because the container has '-slideshow' suffix. \/\/ We handle that logic below. if (!root && !isSlideshow) return; \/\/ Setup internal interactions (Carousel\/Dropdown\/LineChart) for a specific chart wrapper 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) { \/\/ Fallback for when width isn't available yet (e.g., hidden tab) isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { \/\/ Mobile if container is small OR if it's a physical mobile device (overriding fixed-width iframes) isMobile = isMobileDevice || width < 600; } if (isMobile) { chartWrapper.classList.add('mobile-view'); } else { chartWrapper.classList.remove('mobile-view'); } } \/\/ Initial check checkMobileView(); if (typeof ResizeObserver !== 'undefined') { var ro = new ResizeObserver(function() { checkMobileView(); }); ro.observe(chartWrapper); } \/\/ Always add window resize listener as a reliable fallback for DevTools and edge cases window.addEventListener('resize', checkMobileView); \/\/ Labels on top handler var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop) { \/\/ If there are multiple charts and we're not in a carousel\/dropdown, we might have mixed types. \/\/ But typically, labels-on-top is a global setting. We'll apply it initially, \/\/ and showInternalChart will toggle it if needed. 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 === '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 leftWrapper = row.querySelector('.fv-versus-bar-left-wrapper'); var rightWrapper = row.querySelector('.fv-versus-bar-right-wrapper'); 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); }); \/\/ 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'); \/\/ Text Elements 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 === 'Line') { \/\/ Line chart animations if needed } else if (cType !== 'Pie') { window.fvAnimateCharts(chartWrapper); } \/\/ Update labels-on-top based on current chart type var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop && (cType === '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; \/\/ Update Subhead and Caption var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute('data-subhead'); var newCaption = activeChart.getAttribute('data-caption'); if (subheadEl) subheadEl.textContent = newSubhead || ''; if (captionEl) captionEl.textContent = newCaption || ''; if (footerContentEl) { if (newCaption && newCaption.trim().length > 0) { 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; \/\/ Zoom state 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(); \/\/ Max pan depends on how much the image is scaled beyond the wrapper 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; \/\/ Prevent click after pinch } 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 }); } \/\/ Expand\/Close Logic 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.preventDefault(); \/\/ Removed to allow text selection e.stopPropagation(); wrapper.classList.add('fv-image-compare-fullscreen'); document.body.style.overflow = 'hidden'; \/\/ Load high-res images if available 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.preventDefault(); \/\/ Removed to allow text selection e.stopPropagation(); wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); }); } \/\/ Close on Escape 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 allProductsList = chartWrapper.querySelector('.fv-stl-all-products-list'); var stlContainer = chartWrapper.querySelector('.fv-stl-container'); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove('is-active'); \/\/ Remove highlights var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item'); items.forEach(function(item) { item.classList.remove('is-highlighted'); }); \/\/ Remove min-height after transition 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'); \/\/ Ensure container is tall enough var container = btn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } \/\/ Highlight and scroll to item 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(); } } }); }); \/\/ Shop All button if (shopAllBtn &#038;&#038; allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); \/\/ Ensure container is tall enough 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(); } }); } \/\/ Close button in all products modal if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } \/\/ Close modals when clicking outside chartWrapper.addEventListener('click', function(e) { \/\/ Only close if clicking on the wrapper or container, not inside a modal content 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(); } }); } \/\/ Initial Animation window.fvAnimateCharts(chartWrapper); } 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'); \/\/ Check if container exists to prevent errors 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; \/\/ index = slides.length - 1; \/\/ Disable loop for linear nav style if (index >= slides.length) return; \/\/ index = 0; currentSlideIndex = index; slides.forEach(function(slide, i) { slide.style.display = i === index ? 'block' : 'none'; if (i === index) { \/\/ Re-trigger animations for the active slide var chartEl = slide.querySelector('.fv-chart-wrapper'); if (chartEl && window.fvAnimateCharts) { window.fvAnimateCharts(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)); }); } \/\/ Initial setup updateControls(currentSlideIndex); \/\/ Initial animation for the first slide if (slides.length > 0) { var firstChart = slides[0].querySelector('.fv-chart-wrapper'); if (firstChart && window.fvAnimateCharts) { setTimeout(function() { window.fvAnimateCharts(firstChart); }, 100); } } } } else { setupWrapper(root); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1776096316042-j0wl7kqlp', true); }); } else { initialize('fv-chart-1776096316042-j0wl7kqlp', true); } })(); <\/script><\/div>\n<p>Temps aside, gaming performance overall is fairly robust. At 1440p, Cyberpunk manages 32 fps on the Ray Tracing Medium preset. Stick DLSS on at Quality and slap frame gen up to x2 with the CNN model, and that figure shoots up to 86 fps, making the thing more than an enjoyable experience. Similarly, Metro Exodus on Ultra equally manages 52 fps, and Black Myth comes in at 37 fps (albeit with the help of some DLSS goodness). I also tested this in Total War: Warhammer 3 at 1440p Ultra, and both the battle benchmark and campaign benchie came in at 72 and 65 fps, respectively, for the plucky little <a href=\"https:\/\/www.pcgamer.com\/hardware\/live\/news\/nvidia-rtx-5060-review-doing-it-live\/\" target=\"_blank\">RTX 5060<\/a>. That's not quite as good as its full-fat desktop cousin, at least not from our own results, but given there's a laptop CPU powering the lot, masquerading as a desktop big boy, you've maybe got to expect some losses there.<\/p>\n<p>CPU performance, though, well, again, it does depend on how hard you want to run it. In Office mode, Cinebench 2024 saw scores of 1,323 on the multi-core and 111 on single core, that's about 41 points per thread on the multi-thread test, which is okay for efficiency, not bad by any means, but about 50% less efficient than what you'd find on something like the 9950X3D. <\/p>\n<div id=\"crow-inpage-content\">\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'); \/* Reset & Base *\/ #fv-chart-1776096470819-nhv7zhbxt *, #fv-chart-1776096470819-nhv7zhbxt *:before, #fv-chart-1776096470819-nhv7zhbxt *:after, #fv-chart-1776096470819-nhv7zhbxt-slideshow *, #fv-chart-1776096470819-nhv7zhbxt-slideshow *:before, #fv-chart-1776096470819-nhv7zhbxt-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1776096470819-nhv7zhbxt, #fv-chart-1776096470819-nhv7zhbxt-slideshow { font-family: 'Open Sans', sans-serif !important; } \/* Main Wrappers *\/ #fv-chart-1776096470819-nhv7zhbxt { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1776096470819-nhv7zhbxt.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: hidden !important; } #fv-chart-1776096470819-nhv7zhbxt.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-1776096470819-nhv7zhbxt .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; } \/* Slideshow Styles *\/ #fv-chart-1776096470819-nhv7zhbxt-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1776096470819-nhv7zhbxt-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1776096470819-nhv7zhbxt-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } \/* Top Navigation Row (Redesign) *\/ #fv-chart-1776096470819-nhv7zhbxt-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-1776096470819-nhv7zhbxt-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-1776096470819-nhv7zhbxt-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1776096470819-nhv7zhbxt-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1776096470819-nhv7zhbxt-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-1776096470819-nhv7zhbxt-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; } \/* Slideshow Dropdown Navigation *\/ #fv-chart-1776096470819-nhv7zhbxt-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-1776096470819-nhv7zhbxt-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } \/* Typography *\/ #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .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; } \/* Versus Chart *\/ #fv-chart-1776096470819-nhv7zhbxt .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1776096470819-nhv7zhbxt .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1776096470819-nhv7zhbxt .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .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; } \/* Image Comparison Styles *\/ #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1776096470819-nhv7zhbxt.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-wrapper { position: relative !important; width: 100% !important; overflow: hidden !important; border-radius: 0 !important; background-color: #000 !important; touch-action: pan-y !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-inner { position: relative !important; width: 100% !important; height: 100% !important; display: block !important; transform-origin: center center !important; transition: transform 0.1s ease-out !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-bg { display: block !important; width: 100% !important; height: auto !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-fg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-slider { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 32px !important; transform: translateX(-50%) !important; cursor: ew-resize !important; z-index: 10 !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-slider-line { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 4px !important; background-color: white !important; transform: translateX(-50%) !important; box-shadow: 0 0 10px rgba(0,0,0,0.5) !important; pointer-events: none !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-handle { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 32px !important; height: 32px !important; background-color: white !important; border-radius: 50% !important; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; pointer-events: none !important; z-index: 11 !important; overflow: hidden !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-arrow-left { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-right: 4px solid #4b5563 !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-arrow-right { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 4px solid #4b5563 !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-label { position: absolute !important; top: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; padding: 0.25rem 0.75rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; font-weight: 500 !important; pointer-events: none !important; backdrop-filter: blur(4px) !important; z-index: 5 !important; transition: right 0.3s ease, opacity 0.2s ease !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-expand-btn, #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-close-btn { position: absolute !important; bottom: 1rem !important; right: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; border: none !important; border-radius: 0.25rem !important; padding: 0.5rem !important; cursor: pointer !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; backdrop-filter: blur(4px) !important; transition: background-color 0.2s !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-expand-btn:hover, #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } \/* Fullscreen State *\/ #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-wrapper.fv-image-compare-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999 !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: rgba(0, 0, 0, 0.9) !important; margin: 0 !important; touch-action: none !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: grab !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { position: absolute !important; top: 0 !important; left: 0 !important; max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } \/* Footer *\/ #fv-chart-1776096470819-nhv7zhbxt .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1776096470819-nhv7zhbxt .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; } \/* Display Mode Controls *\/ #fv-chart-1776096470819-nhv7zhbxt .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } \/* Legend *\/ #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } \/* Multi-Value Legend *\/ #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } \/* Chart Core Styles *\/ #fv-chart-1776096470819-nhv7zhbxt .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-bar-row, #fv-chart-1776096470819-nhv7zhbxt .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } \/* Multi-Value Bar Logic *\/ #fv-chart-1776096470819-nhv7zhbxt .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } \/* Stacked Bar *\/ #fv-chart-1776096470819-nhv7zhbxt .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } \/* Grouped Bar *\/ #fv-chart-1776096470819-nhv7zhbxt .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-bar-cluster .fv-bar-container { height: 20px !important; } \/* Line Chart Grid *\/ #fv-chart-1776096470819-nhv7zhbxt .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } \/* X-Axis *\/ #fv-chart-1776096470819-nhv7zhbxt .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .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; \/* Aligns with Y-axis line inside SVG (35\/600) *\/ margin-bottom: 4px !important; display: block !important; font-weight: bold !important; } \/* Shop The Look *\/ #fv-chart-1776096470819-nhv7zhbxt .fv-stl-container { position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; transition: min-height 0.3s ease !important; overflow: hidden !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-stl-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1776096470819-nhv7zhbxt.fv-full-bleed .fv-stl-container { width: 100% !important; } #fv-chart-1776096470819-nhv7zhbxt.fv-full-bleed .fv-stl-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-stl-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-stl-hotspot-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-stl-hotspot-btn { position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 300ms !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-stl-hotspot-btn:hover { transform: scale(1.1) !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-stl-hotspot-btn:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-stl-hotspot-btn[aria-expanded=\"true\"] { background-color: #3b82f6 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-stl-hotspot-pulse { position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; } @keyframes fv-stl-ping { 75%, 100% { transform: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1776096470819-nhv7zhbxt .fv-stl-hotspot-pulse { animation-fill-mode: none !important; } } \/* Shop the look button *\/ #fv-chart-1776096470819-nhv7zhbxt .fv-stl-shop-all-btn { position: absolute !important; bottom: 1rem !important; right: 1rem !important; height: 2.5rem !important; background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(12px) !important; color: #111827 !important; padding: 0 1rem 0 3rem !important; border-radius: 0.25rem !important; font-weight: 700 !important; font-size: 0.875rem !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important; border: none !important; cursor: pointer !important; transition: all 0.2s !important; z-index: 10 !important; display: flex !important; align-items: center !important; text-transform: uppercase !important; overflow: hidden !important; white-space: nowrap !important; max-width: calc(100% - 2rem) !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-stl-shop-all-btn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-stl-shop-all-btn:hover { background-color: #ffffff !important; transform: scale(1.05) !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-stl-shop-all-logo { position: absolute !important; left: 0 !important; top: 0 !important; width: 2.5rem !important; height: 2.5rem !important; object-fit: cover !important; background-color: #ffffff !important; border-right: 1px solid #f3f4f6 !important; flex-shrink: 0 !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-stl-shop-all-icon { position: absolute !important; left: 0 !important; top: 0 !important; width: 2.5rem !important; height: 2.5rem !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: #ffffff !important; border-right: 1px solid #f3f4f6 !important; color: #1f2937 !important; flex-shrink: 0 !important; } \/* All Products Modal *\/ #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt { position: fixed !important; inset: 0 !important; background-color: rgba(0, 0, 0, 0) !important; backdrop-filter: blur(0px) !important; -webkit-backdrop-filter: blur(0px) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 99999 !important; pointer-events: none !important; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !important; padding: 1rem !important; overflow: hidden !important; } #fv-chart-1776096470819-nhv7zhbxt.mobile-view #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt { position: absolute !important; padding: 0 !important; align-items: flex-end !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt.is-active { background-color: rgba(0, 0, 0, 0.2) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; pointer-events: auto !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-content { width: 100% !important; max-width: 42rem !important; max-height: 100% !important; display: flex !important; flex-direction: column !important; position: relative !important; background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-radius: 1rem !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; overflow: hidden !important; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important; opacity: 0 !important; transform: scale(0.95) !important; } #fv-chart-1776096470819-nhv7zhbxt.mobile-view #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-content { max-width: 100% !important; height: 85% !important; max-height: 85% !important; border-radius: 1.5rem 1.5rem 0 0 !important; transform: translateY(100%) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt.is-active .fv-stl-all-products-content { opacity: 1 !important; transform: scale(1) !important; } #fv-chart-1776096470819-nhv7zhbxt.mobile-view #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt.is-active .fv-stl-all-products-content { transform: translateY(0) !important; } \/* V2 Bottom Sheet Style *\/ #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt.v2 { align-items: flex-end !important; padding: 0 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt.v2:not(.mobile-view *) { justify-content: flex-end !important; } } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt.v2 .fv-stl-all-products-content { max-width: 100% !important; height: 85% !important; max-height: 85% !important; border-radius: 1.5rem 1.5rem 0 0 !important; transform: translateY(100%) !important; opacity: 1 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt.v2:not(.mobile-view *) .fv-stl-all-products-content { max-width: 700px !important; border-radius: 1.5rem 0 0 0 !important; } } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt.v2.is-active .fv-stl-all-products-content { transform: translateY(0) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1rem 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.5) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-close { width: 2rem !important; height: 2rem !important; border-radius: 9999px !important; background-color: rgba(0, 0, 0, 0.05) !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; cursor: pointer !important; z-index: 10 !important; color: #6b7280 !important; transition: all 0.2s !important; padding: 0 !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-list { list-style: none !important; padding: 0.75rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-item { margin: 0 !important; padding: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-link { display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-link:hover { background-color: #ffffff !important; border-color: #e5e7eb !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !important; border-color: #d1d5db !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #111827 !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-image-container { position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-number { position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-image-wrapper { width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-image { width: 100% !important; height: 100% !important; object-fit: cover !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-placeholder { width: 2rem !important; height: 2rem !important; color: #d1d5db !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-info { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-brand { font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-name { font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-meta { display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-price { font-weight: 700 !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-sale-price { font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-original-price { color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-commentary { font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-action { width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; } #fv-stl-all-products-modal-fv-chart-1776096470819-nhv7zhbxt .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; } \/* Mobile \/ Forced Mobile View \/ Labels on Top *\/ #fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-pie-container, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-bar-row, #fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-stacked-product, #fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-grouped-bar-product, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-bar-row, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-stacked-product, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1776096470819-nhv7zhbxt.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-1776096470819-nhv7zhbxt.mobile-view .fv-bar-label, #fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-grouped-product-title, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-bar-label, #fv-chart-1776096470819-nhv7zhbxt.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-1776096470819-nhv7zhbxt.mobile-view .fv-bar-container, #fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-bar-cluster, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-bar-container, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-bar-cluster { width: 100% !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-x-axis-wrapper, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-x-axis-label-space, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-x-axis-label-space { display: none !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-x-axis-chart-space, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-benchmark-title, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-dropdown-title, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-carousel-nav-btn, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-chart-title, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-chart-title { padding: 0 8px !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-chart-subhead, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-versus-header, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-versus-select-wrapper, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-versus-vs, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-versus-select-container, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-versus-select, #fv-chart-1776096470819-nhv7zhbxt.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1776096470819-nhv7zhbxt.mobile-view .fv-y-axis-title { padding-left: 5% !important; \/* (30\/600) for mobile view *\/ } #fv-chart-1776096470819-nhv7zhbxt.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1776096470819-nhv7zhbxt .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-bar-row, #fv-chart-1776096470819-nhv7zhbxt .fv-stacked-product, #fv-chart-1776096470819-nhv7zhbxt .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-bar-label, #fv-chart-1776096470819-nhv7zhbxt .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-1776096470819-nhv7zhbxt .fv-bar-container, #fv-chart-1776096470819-nhv7zhbxt .fv-bar-cluster { width: 100% !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-x-axis-label-space { display: none !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-chart-title { padding: 0 8px !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1776096470819-nhv7zhbxt .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1776096470819-nhv7zhbxt .fv-y-axis-title { padding-left: 5% !important; \/* (30\/600) for mobile view *\/ } #fv-chart-1776096470819-nhv7zhbxt.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\": \"Creator performance\", \"description\": \"Subhead to describe the test and what's being measured and why\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-04-13T16:07:50.820Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"AtomMan G1 Pro | RTX 5060 | 8945HX\", \"Framework Desktop | 8060S | Max+ 395\", \"Cinebench 2024\", \"Blender 4.2.0 (junkshop)\", \"7zip 24.07\", \"Handbrake UHD to 1080p conversion\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Cinebench 2024\", \"value\": 111, \"unitText\": \"Single core index\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 Cinebench 2024\", \"value\": 114, \"unitText\": \"Single core index\" }, { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Blender 4.2.0 (junkshop)\", \"value\": 132, \"unitText\": \"CPU (samples)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 Blender 4.2.0 (junkshop)\", \"value\": 154, \"unitText\": \"CPU (samples)\" }, { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 7zip 24.07\", \"value\": 87, \"unitText\": \"Compressing (GIPS)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 7zip 24.07\", \"value\": 176, \"unitText\": \"Compressing (GIPS)\" }, { \"@type\": \"PropertyValue\", \"name\": \"AtomMan G1 Pro | RTX 5060 | 8945HX \u00e2\u0080\u0093 Handbrake UHD to 1080p conversion\", \"value\": 80, \"unitText\": \"FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Framework Desktop | 8060S | Max+ 395 \u00e2\u0080\u0093 Handbrake UHD to 1080p conversion\", \"value\": 91, \"unitText\": \"FPS\" } ]}<\/script><\/p>\n<div id=\"fv-chart-1776096470819-nhv7zhbxt\" class=\"fv-chart-wrapper labels-on-top \" data-bar-labels-on-top=\"true\" data-iframe-height=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">Creator performance<\/h3>\n<div class=\"fv-dropdown-wrapper\">\n<div class=\"fv-dropdown-title-container\"> <select class=\"fv-dropdown-title\"><option value=\"0\">Cinebench 2024<\/option><option value=\"1\">Blender 4.2.0 (junkshop)<\/option><option value=\"2\">7zip 24.07<\/option><option value=\"3\">Handbrake UHD to 1080p conversion<\/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\"><\/path><\/svg> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096470819-nhv7zhbxt-bar-Cinebench 2024\" data-chart-type=\"Bar\" data-title=\"Cinebench 2024\" data-subhead=\"\" 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>Single core index<\/span> <\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p> <span>Multi thread index<\/span> <\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 5.55%; background-color: #E33235;\" data-target-width=\"5.55\"> <\/div>\n<p><span class=\"fv-bar-value-outside\">111<\/span><\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 66.14999999999999%; background-color: #FE9F58;\" data-target-width=\"66.14999999999999\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">1323<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 5.7%; background-color: #E33235;\" data-target-width=\"5.7\"> <\/div>\n<p><span class=\"fv-bar-value-outside\">114<\/span><\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 95.39999999999999%; background-color: #FE9F58;\" data-target-width=\"95.39999999999999\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">1908<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>500<\/span><span>1,000<\/span><span>1,500<\/span><span>2,000<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Cinebench 2024 Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>111 Single core index, 1323 Multi thread index<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>114 Single core index, 1908 Multi thread index<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096470819-nhv7zhbxt-bar-Blender 4.2.0 (junkshop)\" data-chart-type=\"Bar\" data-title=\"Blender 4.2.0 (junkshop)\" data-subhead=\"\" 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>CPU (samples)<\/span> <\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p> <span>GPU (samples)<\/span> <\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 13.200000000000001%; background-color: #E33235;\" data-target-width=\"13.200000000000001\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">132<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 95.3%; background-color: #FE9F58;\" data-target-width=\"95.3\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">953<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395 - Blender 4.2.0 (junkshop): 154 CPU (samples)\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"width: 15.4%; background-color: #FE9F58;\" data-target-width=\"15.4\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">154<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/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>250<\/span><span>500<\/span><span>750<\/span><span>1,000<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Blender 4.2.0 (junkshop) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>132 CPU (samples), 953 GPU (samples)<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>154<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096470819-nhv7zhbxt-bar-7zip 24.07\" data-chart-type=\"Bar\" data-title=\"7zip 24.07\" data-subhead=\"\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p> <span>Compressing (GIPS)<\/span> <\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p> <span>Decompressing (GIPS)<\/span> <\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 43.5%; background-color: #E33235;\" data-target-width=\"43.5\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">87<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 99.5%; background-color: #FE9F58;\" data-target-width=\"99.5\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">199<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 88%; background-color: #E33235;\" data-target-width=\"88\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">176<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"width: 96.5%; background-color: #FE9F58;\" data-target-width=\"96.5\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">193<\/span><\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/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>50<\/span><span>100<\/span><span>150<\/span><span>200<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>7zip 24.07 Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>87 Compressing (GIPS), 199 Decompressing (GIPS)<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>176 Compressing (GIPS), 193 Decompressing (GIPS)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1776096470819-nhv7zhbxt-bar-Handbrake UHD to 1080p conversion\" data-chart-type=\"Bar\" data-title=\"Handbrake UHD to 1080p conversion\" data-subhead=\"\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-bar-row\" title=\"AtomMan G1 Pro | RTX 5060 | 8945HX - Handbrake UHD to 1080p conversion: 80 FPS\">\n<div class=\"fv-bar-label fv-primary-product\">AtomMan G1 Pro | RTX 5060 | 8945HX<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"width: 80%; background-color: #E33235;\" data-target-width=\"80\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;\"><span><\/span><span class=\"fv-bar-inner-value\">80<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"Framework Desktop | 8060S | Max+ 395 - Handbrake UHD to 1080p conversion: 91 FPS\">\n<div class=\"fv-bar-label \">Framework Desktop | 8060S | Max+ 395<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"width: 91%; background-color: #FE9F58;\" data-target-width=\"91\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important;\"><span><\/span><span class=\"fv-bar-inner-value\">91<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/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>25<\/span><span>50<\/span><span>75<\/span><span>100<\/span><\/div>\n<div class=\"fv-x-axis-unit\">FPS<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Handbrake UHD to 1080p conversion Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>AtomMan G1 Pro | RTX 5060 | 8945HX<\/td>\n<td>80<\/td>\n<\/tr>\n<tr>\n<td>Framework Desktop | 8060S | Max+ 395<\/td>\n<td>91<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\" style=\"display: flex\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\"><\/div>\n<\/p><\/div>\n<p> <img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.png\" alt=\"PC Gamer Logo\"> <\/div>\n<\/p><\/div>\n<\/p><\/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() { \/\/ Global animation function for slideshow re-use window.fvAnimateCharts = function(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment'); bars.forEach(function(bar, index) { \/\/ Reset to 0 first to ensure animation triggers bar.style.setProperty('width', '0%', 'important'); bar.style.setProperty('transition', 'none', 'important'); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; \/\/ Force reflow void bar.offsetWidth; setTimeout(function() { bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out', 'important'); bar.style.setProperty('width', targetWidth + '%', 'important'); }, index * 50 + 50); \/\/ Reduced initial delay }); } 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); }); } \/\/ Execute var charts = chartWrapper.querySelectorAll('.fv-chart-item'); charts.forEach(function(chart) { \/\/ If in carousel\/dropdown mode, hidden charts are display:none. \/\/ We only animate what is visible. if (window.getComputedStyle(chart).display === 'none') return; var chartType = chart.dataset.chartType; if (chartType === 'Line') { animateLineChart(chart); } else if (chartType !== 'Pie') { animateBars(chart); } }); }; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); \/\/ In slideshow mode, 'root' will be null because the container has '-slideshow' suffix. \/\/ We handle that logic below. if (!root && !isSlideshow) return; \/\/ Setup internal interactions (Carousel\/Dropdown\/LineChart) for a specific chart wrapper 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) { \/\/ Fallback for when width isn't available yet (e.g., hidden tab) isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { \/\/ Mobile if container is small OR if it's a physical mobile device (overriding fixed-width iframes) isMobile = isMobileDevice || width < 600; } if (isMobile) { chartWrapper.classList.add('mobile-view'); } else { chartWrapper.classList.remove('mobile-view'); } } \/\/ Initial check checkMobileView(); if (typeof ResizeObserver !== 'undefined') { var ro = new ResizeObserver(function() { checkMobileView(); }); ro.observe(chartWrapper); } \/\/ Always add window resize listener as a reliable fallback for DevTools and edge cases window.addEventListener('resize', checkMobileView); \/\/ Labels on top handler var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop) { \/\/ If there are multiple charts and we're not in a carousel\/dropdown, we might have mixed types. \/\/ But typically, labels-on-top is a global setting. We'll apply it initially, \/\/ and showInternalChart will toggle it if needed. 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 === '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 leftWrapper = row.querySelector('.fv-versus-bar-left-wrapper'); var rightWrapper = row.querySelector('.fv-versus-bar-right-wrapper'); 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); }); \/\/ 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'); \/\/ Text Elements 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 === 'Line') { \/\/ Line chart animations if needed } else if (cType !== 'Pie') { window.fvAnimateCharts(chartWrapper); } \/\/ Update labels-on-top based on current chart type var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop && (cType === '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; \/\/ Update Subhead and Caption var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute('data-subhead'); var newCaption = activeChart.getAttribute('data-caption'); if (subheadEl) subheadEl.textContent = newSubhead || ''; if (captionEl) captionEl.textContent = newCaption || ''; if (footerContentEl) { if (newCaption && newCaption.trim().length > 0) { 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; \/\/ Zoom state 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(); \/\/ Max pan depends on how much the image is scaled beyond the wrapper 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; \/\/ Prevent click after pinch } 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 }); } \/\/ Expand\/Close Logic 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.preventDefault(); \/\/ Removed to allow text selection e.stopPropagation(); wrapper.classList.add('fv-image-compare-fullscreen'); document.body.style.overflow = 'hidden'; \/\/ Load high-res images if available 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.preventDefault(); \/\/ Removed to allow text selection e.stopPropagation(); wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); }); } \/\/ Close on Escape 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 allProductsList = chartWrapper.querySelector('.fv-stl-all-products-list'); var stlContainer = chartWrapper.querySelector('.fv-stl-container'); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove('is-active'); \/\/ Remove highlights var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item'); items.forEach(function(item) { item.classList.remove('is-highlighted'); }); \/\/ Remove min-height after transition 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'); \/\/ Ensure container is tall enough var container = btn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } \/\/ Highlight and scroll to item 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(); } } }); }); \/\/ Shop All button if (shopAllBtn &#038;&#038; allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); \/\/ Ensure container is tall enough 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(); } }); } \/\/ Close button in all products modal if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } \/\/ Close modals when clicking outside chartWrapper.addEventListener('click', function(e) { \/\/ Only close if clicking on the wrapper or container, not inside a modal content 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(); } }); } \/\/ Initial Animation window.fvAnimateCharts(chartWrapper); } 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-1776096470819-nhv7zhbxt', false); }); } else { initialize('fv-chart-1776096470819-nhv7zhbxt', false); } })(); <\/script><\/div>\n<p>Still, it's doing all that in a tiny 3.8L case, with a 350 W PSU, and a remarkably compact cooling solution to boot. Credit where credit's due, there are literal physical limits to what can be achieved at these kinds of form factors, and if you want a machine that's smaller than a PS5 that sits on your desktop comfortably and quite happily games at 1080p and 1440p, you'd be hard-pressed to find something just as potent for less. It certainly beats out the much older <a href=\"https:\/\/www.pcgamer.com\/hardware\/gaming-pcs\/minisforum-atomman-g7-pt-mini-pc-review\/\" target=\"_blank\">G7 PT.<\/a><\/p>\n<p>I've had a quick peruse online too, and to match the G1 Pro, spec for spec, with the cheapest available components I could find, the price you're looking at is about $1,440, or \u00a31,342 or so (eerily close, guessing the humies at MinisForum have done their research). That's with a Ryzen 5 9600X, A620I motherboard, RTX 5060, 1 TB SSD, and 32 GB of DDR5, sat inside of a Cooler Master MasterBox NR200P V2 (although you could switch for the slightly larger <a href=\"https:\/\/www.pcgamer.com\/hardware\/pc-cases\/phanteks-xt-v3-case-review\/\" target=\"_blank\">Phanteks XT V3<\/a> and shave off about $60). <\/p>\n<p>But here's the thing. You have to build that. You still have to buy Windows, and it's still going to be considerably larger than the AtomMan G1 Pro, for maybe only slightly better performance, and in CPU terms not really. To circle back to what I was saying earlier, the G1 is very much this hybridisation design. It's built very specifically to challenge traditional gaming consoles, laptops, and ITX PCs while encapsulating what they do best, but with far greater versatility. You can fit this thing in a rucksack, carry it to the office, a LAN event (people still do those right?), or claw back some much-needed desk space so you can show off more of your Warhammer 40K collection. Is it perfect? No. Is it as powerful as a full desktop equivalent? No. But it shouldn't need to be.<\/p>\n<\/article>\n<p><a href=\"https:\/\/www.pcgamer.com\/hardware\/gaming-pcs\/atomman-g1-pro-review\/\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Minisforum Atomman G1 Pro has sat on my desk now for about two weeks. Happily bimbling away, running benchmarks, stress tests, and going through all manner of arduous rigamarole that we require these mini gaming PCs to endure in our pursuit of testing excellence, (write that down, it&#8217;ll be in the company call later). In essence, it&#8217;s quite unique. Effectively a weird hybrid of sorts. Fluidly blurring the lines between a mid-range gaming laptop and an entry-level ITX rig. The case is outlandishly compact, with only 3.8 L of internal capacity, and yet somehow, Minisforum has slammed a 350 W PSU in there, a motherboard with 32 GB of dual-channel DDR5, an RTX 5060 low-profile GPU, and no less than two M.2 slots as&hellip;<\/p>\n<p class=\"excerpt-more\"><a class=\"blog-excerpt button\" href=\"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":1552428,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[336],"tags":[10918,66],"class_list":["post-1552427","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pc-gamer","tag-gaming-pcs","tag-hardware"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>AtomMan G1 Pro review | Arcader News<\/title>\n<meta name=\"description\" content=\"The Minisforum Atomman G1 Pro has sat on my desk now for about two weeks. Happily bimbling away, running benchmarks, stress tests, and going through all\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AtomMan G1 Pro review | Arcader News\" \/>\n<meta property=\"og:description\" content=\"The Minisforum Atomman G1 Pro has sat on my desk now for about two weeks. Happily bimbling away, running benchmarks, stress tests, and going through all\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/\" \/>\n<meta property=\"og:site_name\" content=\"Arcade News\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T16:51:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-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=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/\"},\"author\":{\"name\":\"Arcade News\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\"},\"headline\":\"AtomMan G1 Pro review\",\"datePublished\":\"2026-04-13T16:51:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/\"},\"wordCount\":2677,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/atomman-g1-pro-review.jpg\",\"keywords\":[\"Gaming PCs\",\"hardware\"],\"articleSection\":[\"PC Gamer\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/\",\"url\":\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/\",\"name\":\"AtomMan G1 Pro review | Arcader News\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/atomman-g1-pro-review.jpg\",\"datePublished\":\"2026-04-13T16:51:10+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\"},\"description\":\"The Minisforum Atomman G1 Pro has sat on my desk now for about two weeks. Happily bimbling away, running benchmarks, stress tests, and going through all\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/#primaryimage\",\"url\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/atomman-g1-pro-review.jpg\",\"contentUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/atomman-g1-pro-review.jpg\",\"width\":480,\"height\":270,\"caption\":\"AtomMan G1 Pro review\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/atomman-g1-pro-review\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/arcader.org\\\/news\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AtomMan G1 Pro 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":"AtomMan G1 Pro review | Arcader News","description":"The Minisforum Atomman G1 Pro has sat on my desk now for about two weeks. Happily bimbling away, running benchmarks, stress tests, and going through all","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/","og_locale":"en_US","og_type":"article","og_title":"AtomMan G1 Pro review | Arcader News","og_description":"The Minisforum Atomman G1 Pro has sat on my desk now for about two weeks. Happily bimbling away, running benchmarks, stress tests, and going through all","og_url":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/","og_site_name":"Arcade News","article_published_time":"2026-04-13T16:51:10+00:00","og_image":[{"url":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.jpg","type":"","width":"","height":""}],"author":"Arcade News","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Arcade News","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/#article","isPartOf":{"@id":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/"},"author":{"name":"Arcade News","@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839"},"headline":"AtomMan G1 Pro review","datePublished":"2026-04-13T16:51:10+00:00","mainEntityOfPage":{"@id":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/"},"wordCount":2677,"commentCount":0,"image":{"@id":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/#primaryimage"},"thumbnailUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.jpg","keywords":["Gaming PCs","hardware"],"articleSection":["PC Gamer"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/arcader.org\/news\/atomman-g1-pro-review\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/","url":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/","name":"AtomMan G1 Pro review | Arcader News","isPartOf":{"@id":"https:\/\/arcader.org\/news\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/#primaryimage"},"image":{"@id":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/#primaryimage"},"thumbnailUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.jpg","datePublished":"2026-04-13T16:51:10+00:00","author":{"@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839"},"description":"The Minisforum Atomman G1 Pro has sat on my desk now for about two weeks. Happily bimbling away, running benchmarks, stress tests, and going through all","breadcrumb":{"@id":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arcader.org\/news\/atomman-g1-pro-review\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/#primaryimage","url":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.jpg","contentUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/04\/atomman-g1-pro-review.jpg","width":480,"height":270,"caption":"AtomMan G1 Pro review"},{"@type":"BreadcrumbList","@id":"https:\/\/arcader.org\/news\/atomman-g1-pro-review\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/arcader.org\/news\/"},{"@type":"ListItem","position":2,"name":"AtomMan G1 Pro 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\/1552427","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=1552427"}],"version-history":[{"count":0,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/posts\/1552427\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/media\/1552428"}],"wp:attachment":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/media?parent=1552427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/categories?post=1552427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/tags?post=1552427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}