Pc Gamers

AtomMan G1 Pro review | ongames

<a href=ongames.cc">AtomMan G1 Pro review" style="max-width:100%;border-radius:12px;margin-bottom:25px">

AtomMan G1 Pro review

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’ll be in the company call later).

In essence, it’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’s so slim. So sheepishly svelte, it’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.

The saving grace is, without a doubt, that CPU that Minisforum has strapped up under the cooler, puttering away underneath that chassis. Namely AMD’s Ryzen 9 8945HX. This is one of Big Red’s latest Ryzen 8,000 series chips (I say latest, it launched over a year ago now, but I wouldn’t hold out hope for new silicon these days that ain’t going into an AI datacenter), and arguably the reason why this might make it into our best Mini PC list, albeit in a bit of a roundabout way.

G1 Pro specs

CPU

AMD Ryzen 9 8945HX

Cores | Threads

16 | 32

Clock speed

Up to 5.4 GHz

GPU

Gigabyte RTX 5060 OC Low Profile 8G

RAM

32 GB DDR5-5200

Storage

1 TB Kingston PCIe 4.0 M.2 (2x PCIe 4.0 M.2 slots available)

Rear I/O

1x USB 3.2 Type-C, 2x USB 3.2 Type-A, 1x RJ45 5GB, 2x HDMI 2.1, 2x DisplayPort 1.4

Front I/O

1x USB 3.2 Type-C, 1x USB 3.2 Type-A, 3.5mm combo jack

Power

350 W

Dimensions

215 x 57 x 315 mm

Price

£1,350 | $1,449 (as configured)

Buy if…

You value compact portability: Smaller than a PS5 and arguably twice as versatile the G1 Pro is remarkably well designed, producing impressive performance given the size constraints

Don’t buy if…

You can build your own and don’t care about space that much: You could probably build one of these with slightly better performance for the same cost, with off-the-shelf parts, but it won’t be anywhere near as small.

It’s effectively a low-powered Zen 4, 16-core unit, running off the back of TSMC’s 5nm FinFET design. Primarily, it’s aimed at the high-end laptop market, but it’s got some serious chops in terms of overall processing power too, particularly when you provide it with enough juice. And it’s that one unique element Minisforum is trying to take advantage of here.

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’s “Office Mode”, where the 8945HX is locked at 60 W TDP, “Gaming Mode” where it stumbles along at an absolutely placid 80 W, and “Beast Mode” (phwoaaar…) that ramps that wattage all the way up to 100 W, (although officially AMD’s 8945HX is only rated to run between 55 and 75 W). It’s very similar in many ways to Lenovo’s Legion 9i laptop line. As you can imagine with that, though, you get more performance, higher frequencies for longer, but also a lot more heat.

The GPU itself, a low-profile RTX 5060—complete with 8 GB of VRAM and packaged up nicely by Gigabyte in a spectacularly slim Low Profile OC design—will quite happily trundle away at 145 W no matter what profile you set. Really, you’re only impacting CPU performance with this, and even with it set to Ultra Instinct Mega Beast mode, at max, you’re still leaving that PSU with a good 105W of headroom. No drama on power supplies going pop here.

Minisforum Atomman G1 Pro mini PC
Future
Minisforum Atomman G1 Pro mini PC
Future

That CPU, though, is not a cool chip. Not in this design anyway. And not even in dull-as-dishwater office mode either. It’s silicon that’s been built very specifically with low power delivery in mind, because it’s meant to be used in laptops, and products where cooling is limited compared to, you know, those desktop machines where you’ll just slap a full-fat 360 mm wham-bam-thank-you-mam AIO into it and call it a day.

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 °C. In-game, that top temp hit a staggering 91 °C in consecutive runs of Metro Exodus, with an average of 89 °C overall.

Now, yes, technically the 8945HX does have a TJmax temp of 100 °C, 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).

In computational tests (Blender in particular), it maxed out at 67 °C overall. In-game, though, the figure was markedly higher at 77 °C 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.

Minisforum Atomman G1 Pro mini PC
Future
Minisforum Atomman G1 Pro mini PC
Future
Minisforum Atomman G1 Pro mini PC
Future

A tiny peak inside quickly reveals just what’s going on here, and it’s purely a matter of form factor over function, and I don’t know if I should be impressed or not. It’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’s OM8TAP41024K1-A00, complete with Kioxia’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’t buy up 40% of the world’s memory supply, and DRAM prices plummet suddenly as a result (oh no, what a shame), you can… with a bit of effort.

Minisforum Atomman G1 Pro mini PC
Future
Minisforum Atomman G1 Pro mini PC
Future

One thing I will highlight as a potential issue, though, is the whole I/O situation. Just full stop, period. It’s incredibly limited. You’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’s it (aside from the obvious display outputs, WiFi 7 and Bluetooth). It ain’t a lot, so if you’re serious about your setup, you’re going to want to invest in a solid USB hub of some description.

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’s face it, it kind of needs to be for the price (£1,350 in the UK, $1,439 in the US with a hefty discount at time of writing).

@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; } } { “@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://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.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 – Gaming Temps”, “value”: 89, “unitText”: “Avg CPU Temp (°C)” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – Gaming Temps”, “value”: 76, “unitText”: “Avg CPU Temp (°C)” }, { “@type”: “PropertyValue”, “name”: “AtomMan G1 Pro | RTX 5060 | 8945HX – Creator temps”, “value”: 93, “unitText”: “Max CPU temp (°C)” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – Creator temps”, “value”: 100, “unitText”: “Max CPU temp (°C)” }, { “@type”: “PropertyValue”, “name”: “AtomMan G1 Pro | RTX 5060 | 8945HX – Idle temps”, “value”: 51, “unitText”: “CPU (°C)” } ]}

Thermal performance

Gaming TempsCreator tempsIdle temps

Avg CPU Temp (°C)

Max CPU Temp (°C)

Avg GPU Temp (°C)

Max GPU Temp (°C)

AtomMan G1 Pro | RTX 5060 | 8945HX
89

91

77

67

Framework Desktop | 8060S | Max+ 395
76

79

0255075100

Gaming Temps Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 89 Avg CPU Temp (°C), 91 Max CPU Temp (°C), 77 Avg GPU Temp (°C), 67 Max GPU Temp (°C)
Framework Desktop | 8060S | Max+ 395 76 Avg CPU Temp (°C), 79 Max CPU Temp (°C)

Max CPU temp (°C)

Max VRM temp (°C)

Max SSD temp (°C)

AtomMan G1 Pro | RTX 5060 | 8945HX
93

58

71

Framework Desktop | 8060S | Max+ 395
100

81

66

0255075100

Creator temps Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 93 Max CPU temp (°C), 58 Max VRM temp (°C), 71 Max SSD temp (°C)
Framework Desktop | 8060S | Max+ 395 100 Max CPU temp (°C), 81 Max VRM temp (°C), 66 Max SSD temp (°C)

CPU (°C)

GPU (°C)

AtomMan G1 Pro | RTX 5060 | 8945HX
51

38

015304560

Idle temps Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 51 CPU (°C), 38 GPU (°C)
Framework Desktop | 8060S | Max+ 395 N/A

window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (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 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 = 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 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 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 && 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 && 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); } })();

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 °C. In-game, that top temp hit a staggering 91 °C in consecutive runs of Metro Exodus, with an average of 89 °C overall.

Now, yes, technically the 8945HX does have a TJmax temp of 100 °C, 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).

In computational tests (Blender in particular), it maxed out at 67 °C overall. In-game, though, the figure was markedly higher at 77 °C 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.

@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; } } [{ “@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://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.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 – Avatar: Frontiers of Pandora (1440p Ultra)”, “value”: 44, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – Avatar: Frontiers of Pandora (1440p Ultra)”, “value”: 36, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “AtomMan G1 Pro | RTX 5060 | 8945HX – Cyberpunk 2077 (1440p RT Medium)”, “value”: 32, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – Cyberpunk 2077 (1440p RT Medium)”, “value”: 22, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “AtomMan G1 Pro | RTX 5060 | 8945HX – Cyberpunk 2077 (upscaling) (1440p RT Medium)”, “value”: 86, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – Cyberpunk 2077 (upscaling) (1440p RT Medium)”, “value”: 64, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “AtomMan G1 Pro | RTX 5060 | 8945HX – Baldur’s Gate 3 (1440p Ultra)”, “value”: 59, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – Baldur’s Gate 3 (1440p Ultra)”, “value”: 54, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “AtomMan G1 Pro | RTX 5060 | 8945HX – Black Myth: Wukong (1440p Very High)”, “value”: 26, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – Black Myth: Wukong (1440p Very High)”, “value”: 22, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “AtomMan G1 Pro | RTX 5060 | 8945HX – Black Myth: Wukong (upscaling) (1440p Very High)”, “value”: 37, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – Black Myth: Wukong (upscaling) (1440p Very High)”, “value”: 33, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “AtomMan G1 Pro | RTX 5060 | 8945HX – Metro Exodus: Enhanced Edition (1440p Ultra)”, “value”: 52, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – 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://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.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 – 3DMark Time Spy Extreme”, “value”: 9435, “unitText”: “CPU index” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – 3DMark Time Spy Extreme”, “value”: 6395, “unitText”: “CPU index” }, { “@type”: “PropertyValue”, “name”: “AtomMan G1 Pro | RTX 5060 | 8945HX – 3DMark Storage”, “value”: 1493, “unitText”: “Overall index” } ]}]

1 / 2

Gaming performance

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)

Avg FPS

1% Low FPS

AtomMan G1 Pro | RTX 5060 | 8945HX
44

38

Framework Desktop | 8060S | Max+ 395
36

26

015304560

Avatar: Frontiers of Pandora (1440p Ultra) Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 44 Avg FPS, 38 1% Low FPS
Framework Desktop | 8060S | Max+ 395 36 Avg FPS, 26 1% Low FPS

Avg FPS

1% Low FPS

AtomMan G1 Pro | RTX 5060 | 8945HX
32

26

Framework Desktop | 8060S | Max+ 395
22

17

010203040

Cyberpunk 2077 (1440p RT Medium) Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 32 Avg FPS, 26 1% Low FPS
Framework Desktop | 8060S | Max+ 395 22 Avg FPS, 17 1% Low FPS

Avg FPS

1% Low FPS

AtomMan G1 Pro | RTX 5060 | 8945HX
86

69

Framework Desktop | 8060S | Max+ 395
64

41

0255075100

Cyberpunk 2077 (upscaling) (1440p RT Medium) Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 86 Avg FPS, 69 1% Low FPS
Framework Desktop | 8060S | Max+ 395 64 Avg FPS, 41 1% Low FPS

Avg FPS

1% Low FPS

AtomMan G1 Pro | RTX 5060 | 8945HX
59

42

Framework Desktop | 8060S | Max+ 395
54

38

015304560

Baldur’s Gate 3 (1440p Ultra) Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 59 Avg FPS, 42 1% Low FPS
Framework Desktop | 8060S | Max+ 395 54 Avg FPS, 38 1% Low FPS

Avg FPS

1% Low FPS

AtomMan G1 Pro | RTX 5060 | 8945HX
26

20

Framework Desktop | 8060S | Max+ 395
22

18

07.51522.530

Black Myth: Wukong (1440p Very High) Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 26 Avg FPS, 20 1% Low FPS
Framework Desktop | 8060S | Max+ 395 22 Avg FPS, 18 1% Low FPS

Avg FPS

1% Low FPS

AtomMan G1 Pro | RTX 5060 | 8945HX
37

33

Framework Desktop | 8060S | Max+ 395
33

27

010203040

Black Myth: Wukong (upscaling) (1440p Very High) Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 37 Avg FPS, 33 1% Low FPS
Framework Desktop | 8060S | Max+ 395 33 Avg FPS, 27 1% Low FPS

Avg FPS

1% Low FPS

AtomMan G1 Pro | RTX 5060 | 8945HX
52

36

Framework Desktop | 8060S | Max+ 395
49

30

015304560

Metro Exodus: Enhanced Edition (1440p Ultra) Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 52 Avg FPS, 36 1% Low FPS
Framework Desktop | 8060S | Max+ 395 49 Avg FPS, 30 1% Low FPS

3DMark synthetic performance

3DMark Time Spy Extreme3DMark Storage

CPU index

GPU index

Overall index

AtomMan G1 Pro | RTX 5060 | 8945HX
9435

6380

6705

Framework Desktop | 8060S | Max+ 395
6395

5158

5312

02,5005,0007,50010,000

3DMark Time Spy Extreme Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 9435 CPU index, 6380 GPU index, 6705 Overall index
Framework Desktop | 8060S | Max+ 395 6395 CPU index, 5158 GPU index, 5312 Overall index

Overall index

Avg bandwidth (MB/s)

Access time (us)

AtomMan G1 Pro | RTX 5060 | 8945HX
1493

259.42

122

03757501,1251,500

3DMark Storage Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 1493 Overall index, 259.42 Avg bandwidth (MB/s), 122 Access time (us)
Framework Desktop | 8060S | Max+ 395 N/A

window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (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 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 = 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 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 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 && 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 && 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 = 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); } })();

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 RTX 5060. 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.

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.

@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; } } { “@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://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.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 – Cinebench 2024”, “value”: 111, “unitText”: “Single core index” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – Cinebench 2024”, “value”: 114, “unitText”: “Single core index” }, { “@type”: “PropertyValue”, “name”: “AtomMan G1 Pro | RTX 5060 | 8945HX – Blender 4.2.0 (junkshop)”, “value”: 132, “unitText”: “CPU (samples)” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – Blender 4.2.0 (junkshop)”, “value”: 154, “unitText”: “CPU (samples)” }, { “@type”: “PropertyValue”, “name”: “AtomMan G1 Pro | RTX 5060 | 8945HX – 7zip 24.07”, “value”: 87, “unitText”: “Compressing (GIPS)” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – 7zip 24.07”, “value”: 176, “unitText”: “Compressing (GIPS)” }, { “@type”: “PropertyValue”, “name”: “AtomMan G1 Pro | RTX 5060 | 8945HX – Handbrake UHD to 1080p conversion”, “value”: 80, “unitText”: “FPS” }, { “@type”: “PropertyValue”, “name”: “Framework Desktop | 8060S | Max+ 395 – Handbrake UHD to 1080p conversion”, “value”: 91, “unitText”: “FPS” } ]}

Creator performance

Cinebench 2024Blender 4.2.0 (junkshop)7zip 24.07Handbrake UHD to 1080p conversion

Single core index

Multi thread index

AtomMan G1 Pro | RTX 5060 | 8945HX

111

1323

Framework Desktop | 8060S | Max+ 395

114

1908

05001,0001,5002,000

Cinebench 2024 Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 111 Single core index, 1323 Multi thread index
Framework Desktop | 8060S | Max+ 395 114 Single core index, 1908 Multi thread index

CPU (samples)

GPU (samples)

AtomMan G1 Pro | RTX 5060 | 8945HX
132

953

Framework Desktop | 8060S | Max+ 395
154

02505007501,000

Blender 4.2.0 (junkshop) Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 132 CPU (samples), 953 GPU (samples)
Framework Desktop | 8060S | Max+ 395 154

Compressing (GIPS)

Decompressing (GIPS)

AtomMan G1 Pro | RTX 5060 | 8945HX
87

199

Framework Desktop | 8060S | Max+ 395
176

193

050100150200

7zip 24.07 Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 87 Compressing (GIPS), 199 Decompressing (GIPS)
Framework Desktop | 8060S | Max+ 395 176 Compressing (GIPS), 193 Decompressing (GIPS)
AtomMan G1 Pro | RTX 5060 | 8945HX
80

Framework Desktop | 8060S | Max+ 395
91

0255075100
FPS

Handbrake UHD to 1080p conversion Data
Product Value
AtomMan G1 Pro | RTX 5060 | 8945HX 80
Framework Desktop | 8060S | Max+ 395 91

window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (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 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 = 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 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 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 && 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 && 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); } })();

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 G7 PT.

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 £1,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 Phanteks XT V3 and shave off about $60).

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.