Maingear MG-1 Mk.II (2026) review

US-based Maingear has been offering custom and prebuilt desktop PCs, laptops, and workstations for around 24 years, and most recently, it has launched an updated version of its gaming-focused MG-1. What makes this particular model stand out is that, amongst the raft of hardware configurations you can choose from, there's the option to fit the rig with AMD's latest 3D V-Cache monster: the Ryzen 9 9950X3D2 Dual Edition.

For its review sample of the new MG-1 Mk.II, Maingear sent over a build with this 192 MB L3 cache processor, mounted in an MSI MAG X870E Tomahawk Max PZ motherboard, and paired with an Nvidia GeForce RTX 5090 Founders Edition, 32 GB of Kingston DDR5-6000 CL30 memory, and a 2 TB Samsung 9100 Pro Gen5 SSD.

It also houses 120 mm Phanteks D30 RGB fans on the AIO cooler and case exhaust, with the redesigned case fielding three 140 mm fans up front. Almost everything can be tweaked with a custom MG-1, though Maingear is currently using a mixture of Team Group and Adata SSDs in the options list.

Maingear MG-1 Mk.II specs (as reviewed)

CPU: AMD Ryzen 9 9950X3D2 Dual Edition
Motherboard: MSI MAG X870E Tomahawk Max WiFi PZ
Memory: 32 GB Kingston Fury DDR5-6000 CL30
Storage: 2 TB Samsung 9100 Pro
Graphics card: Nvidia GeForce RTX 5090 Founders Edition
Cooling: Maingear Epic 360 RGB
PSU: MSI MAG A1250GL PCIE5
Front I/O: 1x USB 3.2 Gen 1 5 Gbps (Type-A), 1x USB 3.2 Gen 2 20 Gbps (Type-C), 1x 3.5mm combo jack
Rear I/O: 4x USB 2.0, 3x USB 3.2 Gen 1 5 Gbps Type-A, 2x USB 3.2 Gen 2 10 Gbps Type-A, 1x USB 3.2 Gen 2 10 Gbps Type-C, 2x USB4 40 Gbps Type-C
Networking: Realtek 8126 5G LAN, Wi-Fi 7
Dimensions: 477 x 499 x 230 mm | 18.78 x 19.65 x 9.06 in
Weight: 18.1 kg | 40 lbs
Price (as specified): $7273 (equivalent custom options) | $7,199 (Ultimate prebuilt model)

Because the review build is a little bit of a one-off, exact pricing isn't possible, but the closest configuration you can currently get that tallies with the one I've been using for a week will set you back around $7,273 (excluding shipping). That's one almighty price tag, and even the simplest of MG-1 configurations (Core Ultra 5 225F, RTX 5060, 32 GB DDR-6000, 2 TB Gen SSD) costs $2,491.

In the case of my review sample, the price is somewhat understandable. Getting hold of a Founders Edition RTX 5090 is nigh-on impossible these days, so you're looking at well over $3,500 just for the graphics card. The Ryzen 9 9950X3D2 Dual Edition has an MSRP of $899, and the DRAM kit and SSD together come to $944.

Or, to put it another way, those four components alone account for 73% of the total cost of the MG-1 Mk.II gaming PC. The memory and storage prices explain why the base configuration is so pricey, too.

There's naturally always some measure of a mark-up with prebuilt gaming PCs, custom or otherwise, though when you add in everything else (the Phanteks fans, the 1250 W power supply unit, the MSI motherboard with all its connectors on the rear, the non-generic chassis, Windows licence, etc), you'll find that Maingear isn't making a vast sum of money with each sale.

The global memory supply crisis has caused DRAM, SSD, and graphics card prices to balloon and narrow the range of different components that system vendors can choose from to help maximise profits. In Maingear's case, it had to turn to the only thing it could do for shaving pennies off the bill of materials: the PC case.

That's unfortunate because the new chassis is the primary selling point of this update. Don't get me wrong, it looks very nice and that front panel, magnetically attached to the rest of the system, lights up a treat and can be swapped for an array of different designs (though they're none-too-cheap, starting at $99). And thanks to the three 140 mm front fans, internal airflow isn't a problem.

The issue is that the rest of the case is very cheap-feeling. The metal side panel feels no different to something you'd find in a $45 case, and both sides are very fiddly to remove and reinstall. The metal pins/pins that are there to help the panels lock in place are too small, and they pop out far too easily if you install the panels incorrectly.

Although it performs admirably well enough, as we'll soon see in the benchmarks, the Maingear-branded 360 mm AIO cooler is also a little cheap-feeling. The mounting system is as basic as it gets, and the coolant pipes and radiator are somewhat on the slim side.

Fortunately, the Maingear MG-1 Mk.II is a bit of a wolf in sheep's clothing, thanks to the rest of the hardware.

Gaming performance

@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'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,900&display=swap'); /* Reset & Base */ #fv-chart-1778514720967-54d70via5 *, #fv-chart-1778514720967-54d70via5 *:before, #fv-chart-1778514720967-54d70via5 *:after, #fv-chart-1778514720967-54d70via5-slideshow *, #fv-chart-1778514720967-54d70via5-slideshow *:before, #fv-chart-1778514720967-54d70via5-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1778514720967-54d70via5, #fv-chart-1778514720967-54d70via5-slideshow { font-family: 'Open Sans', sans-serif !important; } /* Main Wrappers */ #fv-chart-1778514720967-54d70via5 { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1778514720967-54d70via5.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1778514720967-54d70via5.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-1778514720967-54d70via5 .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-1778514720967-54d70via5-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1778514720967-54d70via5-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1778514720967-54d70via5-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-1778514720967-54d70via5-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-1778514720967-54d70via5-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-1778514720967-54d70via5-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1778514720967-54d70via5-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1778514720967-54d70via5-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-1778514720967-54d70via5-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-1778514720967-54d70via5-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-1778514720967-54d70via5-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } /* Typography */ #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1778514720967-54d70via5 .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1778514720967-54d70via5 .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1778514720967-54d70via5 .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1778514720967-54d70via5 .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1778514720967-54d70via5 .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1778514720967-54d70via5 .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1778514720967-54d70via5 .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1778514720967-54d70via5 .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1778514720967-54d70via5 .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1778514720967-54d70via5 .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1778514720967-54d70via5 .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1778514720967-54d70via5 .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1778514720967-54d70via5 .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1778514720967-54d70via5 .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1778514720967-54d70via5 .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1778514720967-54d70via5 .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1778514720967-54d70via5.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1778514720967-54d70via5 .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1778514720967-54d70via5 .fv-image-compare-expand-btn, #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-image-compare-expand-btn:hover, #fv-chart-1778514720967-54d70via5 .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1778514720967-54d70via5 .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } /* Fullscreen State */ #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1778514720967-54d70via5 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1778514720967-54d70via5 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } /* Footer */ #fv-chart-1778514720967-54d70via5 .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1778514720967-54d70via5 .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1778514720967-54d70via5 .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1778514720967-54d70via5 .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1778514720967-54d70via5 .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } /* Legend */ #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1778514720967-54d70via5 .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } /* Multi-Value Legend */ #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } /* Chart Core Styles */ #fv-chart-1778514720967-54d70via5 .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-bar-row, #fv-chart-1778514720967-54d70via5 .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1778514720967-54d70via5 .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } /* Multi-Value Bar Logic */ #fv-chart-1778514720967-54d70via5 .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1778514720967-54d70via5 .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } /* Stacked Bar */ #fv-chart-1778514720967-54d70via5 .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1778514720967-54d70via5 .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } /* Grouped Bar */ #fv-chart-1778514720967-54d70via5 .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1778514720967-54d70via5 .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1778514720967-54d70via5 .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1778514720967-54d70via5 .fv-bar-cluster .fv-bar-container { height: 20px !important; } /* Line Chart Grid */ #fv-chart-1778514720967-54d70via5 .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } /* X-Axis */ #fv-chart-1778514720967-54d70via5 .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1778514720967-54d70via5 .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1778514720967-54d70via5 .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1778514720967-54d70via5 .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1778514720967-54d70via5 .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-stl-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1778514720967-54d70via5.fv-full-bleed .fv-stl-container { width: 100% !important; } #fv-chart-1778514720967-54d70via5.fv-full-bleed .fv-stl-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1778514720967-54d70via5 .fv-stl-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1778514720967-54d70via5 .fv-stl-hotspot-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-stl-hotspot-btn:hover { transform: scale(1.1) !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-stl-hotspot-pulse { animation-fill-mode: none !important; } } /* Shop the look button */ #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-stl-shop-all-btn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #fv-chart-1778514720967-54d70via5 .fv-stl-shop-all-btn:hover { background-color: #ffffff !important; transform: scale(1.05) !important; } #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 { 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-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 { position: absolute !important; padding: 0 !important; align-items: flex-end !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5.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-1778514720967-54d70via5 .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-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5.is-active .fv-stl-all-products-content { opacity: 1 !important; transform: scale(1) !important; } #fv-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5.is-active .fv-stl-all-products-content { transform: translateY(0) !important; } /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5.v2 { align-items: flex-end !important; padding: 0 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5.v2:not(.mobile-view *) { justify-content: flex-end !important; } } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5.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-1778514720967-54d70via5.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-1778514720967-54d70via5.v2.is-active .fv-stl-all-products-content { transform: translateY(0) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 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.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; } #fv-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-header { padding: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-logo { height: 1.5rem !important; width: auto !important; object-fit: contain !important; } #fv-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-logo { height: 1.25rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; } #fv-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-title { font-size: 1.125rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-stl-all-products-list { list-style: none !important; padding: 1.5rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.75rem !important; } #fv-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-list { padding: 0.75rem !important; gap: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-item { margin: 0 !important; padding: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .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-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-link { padding: 0.5rem !important; border-radius: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-stl-all-products-image-container { position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; } #fv-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-image-container { margin-right: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .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-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-number { top: -0.375rem !important; left: -0.375rem !important; width: 1.25rem !important; height: 1.25rem !important; font-size: 0.625rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .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-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-image-wrapper { width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-image { width: 100% !important; height: 100% !important; object-fit: cover !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-placeholder { width: 2rem !important; height: 2rem !important; color: #d1d5db !important; } #fv-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-placeholder { width: 1.5rem !important; height: 1.5rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .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-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-info { margin-top: 0 !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .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-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-brand { font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .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-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-name { font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-meta { display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; } #fv-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-meta { font-size: 0.75rem !important; margin-bottom: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-price { font-weight: 700 !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-sale-price { font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; } #fv-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-sale-price { margin-right: 0.375rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-original-price { color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; } #fv-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-original-price { font-size: 0.625rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .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-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-commentary { font-size: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .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-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-action { width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; } #fv-chart-1778514720967-54d70via5.mobile-view #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-action svg { width: 14px !important; height: 14px !important; } #fv-stl-all-products-modal-fv-chart-1778514720967-54d70via5 .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; } /* Image Annotation Styles */ #fv-chart-1778514720967-54d70via5 .fv-ia-container { position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1778514720967-54d70via5.fv-full-bleed .fv-ia-container { width: 100% !important; } #fv-chart-1778514720967-54d70via5.fv-full-bleed .fv-ia-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-node-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-node-button { 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) !important; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !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-1778514720967-54d70via5 .fv-ia-node-button:hover { transform: scale(1.1) !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-node-button.is-active { background-color: #E33235 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-pulse-ring { 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-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; } @keyframes fv-ia-ping { 75%, 100% { transform: scale(2); opacity: 0; } } #fv-chart-1778514720967-54d70via5 .fv-ia-static-tooltip { display: none !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translate(-50%, -100%) !important; background-color: rgba(255, 255, 255, 0.95) !important; padding: 10px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; width: max-content !important; max-width: 200px !important; font-size: 13px !important; color: #1f2937 !important; z-index: 20 !important; pointer-events: none !important; white-space: pre-wrap !important; line-height: 1.4 !important; border: 1px solid #e5e7eb !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-node-button:hover + .fv-ia-static-tooltip { display: block !important; } #fv-chart-1778514720967-54d70via5 .fv-logo-explore-bar { position: relative !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-height: 30px !important; } #fv-chart-1778514720967-54d70via5 .fv-logo-explore-bar .fv-logo { margin: 0 auto !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-explore-wrapper { position: absolute !important; right: 0 !important; } #fv-chart-1778514720967-54d70via5.mobile-view .fv-logo-explore-bar { flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; } #fv-chart-1778514720967-54d70via5.mobile-view .fv-ia-explore-wrapper { position: static !important; align-self: flex-end !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !important; color: #1e293b !important; border: 1px solid #e5e7eb !important; border-radius: 9999px !important; padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; font-weight: 600 !important; font-family: sans-serif !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important; pointer-events: auto !important; flex-shrink: 0 !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-explore-btn:hover { background-color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !important; color: #E33235 !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-explore-btn svg { transition: transform 0.2s !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-explore-btn:hover svg { transform: translateX(2px) !important; } /* IA Modal Styles */ #fv-chart-1778514720967-54d70via5 .fv-ia-active-modal-container { display: none !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-modals { display: block !important; position: static !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-modal-item { display: none !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-modal-item.is-active { display: flex !important; flex-direction: column !important; position: absolute !important; top: 1rem !important; right: 1rem !important; z-index: 20 !important; width: 18rem !important; max-width: calc(100% - 2rem) !important; background-color: #ffffff !important; padding: 1rem !important; border-radius: 0.75rem !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border: 1px solid #e5e7eb !important; border-top: 4px solid #E33235 !important; animation: fv-ia-fade-in 0.2s ease-out !important; gap: 0.75rem !important; max-height: 80% !important; overflow-y: auto !important; pointer-events: auto !important; } @keyframes fv-ia-fade-in { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } #fv-chart-1778514720967-54d70via5 .fv-ia-modal-header { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; gap: 0.5rem !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-node-title { font-size: 1rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-close-button { background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; transition: all 0.2s !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-close-button:hover { background: #e5e7eb !important; color: #111827 !important; } #fv-chart-1778514720967-54d70via5 .fv-ia-node-description { font-size: 0.875rem !important; color: #374151 !important; margin: 0 !important; line-height: 1.625 !important; white-space: pre-wrap !important; } #fv-chart-1778514720967-54d70via5.mobile-view .fv-ia-node-description { font-size: 0.875rem !important; } /* Error Handling */ #fv-chart-1778514720967-54d70via5 .fv-ia-empty { display: flex !important; align-items: center !important; justify-content: center !important; height: 200px !important; background-color: #f1f5f9 !important; color: #64748b !important; border: 2px dashed #cbd5e1 !important; border-radius: 0.5rem !important; } /* Countdown Styles */ #fv-chart-1778514720967-54d70via5 .fv-countdown-container { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; font-family: Montserrat, sans-serif !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-header { text-align: center !important; margin-bottom: 2rem !important; z-index: 10 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-title { font-size: 1.25rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 !important; font-style: italic !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-subhead { font-size: 1.125rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0.25rem 0 0 0 !important; font-style: italic !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-timer-wrap { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 64rem !important; z-index: 10 !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-labels { display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 0.5rem !important; font-size: 0.75rem !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-labels > div { flex: 1 !important; text-align: center !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-box { position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-digits { display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-digits > div.digit-box { flex: 1 !important; text-align: center !important; white-space: nowrap !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-digits > div.colon { flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-spike-l { position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-spike-r { position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; } @media (min-width: 600px) { #fv-chart-1778514720967-54d70via5 .fv-countdown-container { padding: 2rem !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-title { font-size: 1.75rem !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-subhead { font-size: 1.25rem !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-digits { font-size: 2.25rem !important; letter-spacing: 0 !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-labels { font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-box { padding: 1.5rem 0 !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-digits > div.colon { top: -4px !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-spike-l { left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-spike-r { right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; } } @media (min-width: 768px) { #fv-chart-1778514720967-54d70via5 .fv-countdown-digits { font-size: 3.5rem !important; letter-spacing: 0.05em !important; } #fv-chart-1778514720967-54d70via5 .fv-countdown-digits > div.colon { top: -5px !important; } } /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1778514720967-54d70via5.mobile-view .fv-pie-container, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-bar-row, #fv-chart-1778514720967-54d70via5.mobile-view .fv-stacked-product, #fv-chart-1778514720967-54d70via5.mobile-view .fv-grouped-bar-product, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-bar-row, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-stacked-product, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1778514720967-54d70via5.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-1778514720967-54d70via5.mobile-view .fv-bar-label, #fv-chart-1778514720967-54d70via5.mobile-view .fv-grouped-product-title, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-bar-label, #fv-chart-1778514720967-54d70via5.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-1778514720967-54d70via5.mobile-view .fv-bar-container, #fv-chart-1778514720967-54d70via5.mobile-view .fv-bar-cluster, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-bar-container, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-bar-cluster { width: 100% !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-x-axis-wrapper, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-x-axis-label-space, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-x-axis-label-space { display: none !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-x-axis-chart-space, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-benchmark-title, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-dropdown-title, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-carousel-nav-btn, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-chart-title, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-chart-title { padding: 0 8px !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-chart-subhead, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-versus-header, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-versus-select-wrapper, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-versus-vs, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-versus-select-container, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-versus-select, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-stl-shop-all-btn, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-stl-shop-all-logo, #fv-chart-1778514720967-54d70via5.mobile-view .fv-stl-shop-all-icon, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; }#fv-chart-1778514720967-54d70via5.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1778514720967-54d70via5.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1778514720967-54d70via5.mobile-view .fv-y-axis-title { padding-left: 5% !important; /* (30/600) for mobile view */ } #fv-chart-1778514720967-54d70via5.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1778514720967-54d70via5 .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1778514720967-54d70via5 .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1778514720967-54d70via5 .fv-bar-row, #fv-chart-1778514720967-54d70via5 .fv-stacked-product, #fv-chart-1778514720967-54d70via5 .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-bar-label, #fv-chart-1778514720967-54d70via5 .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-1778514720967-54d70via5 .fv-bar-container, #fv-chart-1778514720967-54d70via5 .fv-bar-cluster { width: 100% !important; }#fv-chart-1778514720967-54d70via5 .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1778514720967-54d70via5 .fv-x-axis-label-space { display: none !important; }#fv-chart-1778514720967-54d70via5 .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1778514720967-54d70via5 .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1778514720967-54d70via5 .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1778514720967-54d70via5 .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1778514720967-54d70via5 .fv-chart-title { padding: 0 8px !important; }#fv-chart-1778514720967-54d70via5 .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1778514720967-54d70via5 .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1778514720967-54d70via5 .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1778514720967-54d70via5 .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1778514720967-54d70via5 .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1778514720967-54d70via5 .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1778514720967-54d70via5 .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1778514720967-54d70via5 .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1778514720967-54d70via5 .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1778514720967-54d70via5 .fv-versus-select { font-size: 14px !important; width: 100% !important; }#fv-chart-1778514720967-54d70via5 .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; }#fv-chart-1778514720967-54d70via5 .fv-stl-shop-all-logo, #fv-chart-1778514720967-54d70via5 .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; }#fv-chart-1778514720967-54d70via5 .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1778514720967-54d70via5 .fv-y-axis-title { padding-left: 5% !important; /* (30/600) for mobile view */ } #fv-chart-1778514720967-54d70via5.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-05-11T15:52:00.967Z", "citation": "Add your caption to explain the data, the learnings and the key takeaways of the data being visualized", "keywords": [ "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2", "NZXT Player Three Prime | RTX 5090 | 9800X3D", "Alienware Area-51 | RTX 5090 | 285K", "Corsair One | RTX 5080 | 285K", "Acer Predator Orion 7000 I RTX 5080 I 265KF", "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)", "3DMark Time Spy Extreme", "benchmark", "comparison", "performance", "review", "PC Gamer" ], "measurementTechnique": "Performance Benchmarking", "variableMeasured": [ { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – Avatar: Frontiers of Pandora (1440p Ultra)", "value": 102, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – Avatar: Frontiers of Pandora (1440p Ultra)", "value": 142, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – Avatar: Frontiers of Pandora (1440p Ultra)", "value": 87, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Avatar: Frontiers of Pandora (1440p Ultra)", "value": 137, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – Avatar: Frontiers of Pandora (1440p Ultra)", "value": 146, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – Cyberpunk 2077 (1440p RT Medium)", "value": 83, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – Cyberpunk 2077 (1440p RT Medium)", "value": 120, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – Cyberpunk 2077 (1440p RT Medium)", "value": 83, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Cyberpunk 2077 (1440p RT Medium)", "value": 124, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – Cyberpunk 2077 (1440p RT Medium)", "value": 124, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – Cyberpunk 2077 (upscaling) (1440p RT Medium)", "value": 191, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – Cyberpunk 2077 (upscaling) (1440p RT Medium)", "value": 256, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – Cyberpunk 2077 (upscaling) (1440p RT Medium)", "value": 196, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Cyberpunk 2077 (upscaling) (1440p RT Medium)", "value": 269, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – Cyberpunk 2077 (upscaling) (1440p RT Medium)", "value": 262, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – Baldur's Gate 3 (1440p Ultra)", "value": 101, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – Baldur's Gate 3 (1440p Ultra)", "value": 92, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – Baldur's Gate 3 (1440p Ultra)", "value": 112, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Baldur's Gate 3 (1440p Ultra)", "value": 171, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – Baldur's Gate 3 (1440p Ultra)", "value": 151, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – Black Myth: Wukong (1440p Very High)", "value": 65, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – Black Myth: Wukong (1440p Very High)", "value": 91, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – Black Myth: Wukong (1440p Very High)", "value": 67, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Black Myth: Wukong (1440p Very High)", "value": 92, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – Black Myth: Wukong (1440p Very High)", "value": 92, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – Black Myth: Wukong (upscaling) (1440p Very High)", "value": 92, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – Black Myth: Wukong (upscaling) (1440p Very High)", "value": 121, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – Black Myth: Wukong (upscaling) (1440p Very High)", "value": 92, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Black Myth: Wukong (upscaling) (1440p Very High)", "value": 119, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – Black Myth: Wukong (upscaling) (1440p Very High)", "value": 118, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – Metro Exodus: Enhanced Edition (1440p Ultra)", "value": 142, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – Metro Exodus: Enhanced Edition (1440p Ultra)", "value": 158, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – Metro Exodus: Enhanced Edition (1440p Ultra)", "value": 156, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Metro Exodus: Enhanced Edition (1440p Ultra)", "value": 224, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – Metro Exodus: Enhanced Edition (1440p Ultra)", "value": 191, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – 3DMark Time Spy Extreme", "value": 15310, "unitText": "CPU index" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – 3DMark Time Spy Extreme", "value": 13775, "unitText": "CPU index" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – 3DMark Time Spy Extreme", "value": 13855, "unitText": "CPU index" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – 3DMark Time Spy Extreme", "value": 14565, "unitText": "CPU index" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – 3DMark Time Spy Extreme", "value": 7292, "unitText": "CPU index" } ]}

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)3DMark Time Spy Extreme Avg FPS 1% Low FPS Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 137 77 NZXT Player Three Prime | RTX 5090 | 9800X3D 146 61 Alienware Area-51 | RTX 5090 | 285K 142 69 Corsair One | RTX 5080 | 285K 87 37 Acer Predator Orion 7000 I RTX 5080 I 265KF 102 44 037.575112.5150 Avatar: Frontiers of Pandora (1440p Ultra) Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 137 Avg FPS, 77 1% Low FPS NZXT Player Three Prime | RTX 5090 | 9800X3D 146 Avg FPS, 61 1% Low FPS Alienware Area-51 | RTX 5090 | 285K 142 Avg FPS, 69 1% Low FPS Corsair One | RTX 5080 | 285K 87 Avg FPS, 37 1% Low FPS Acer Predator Orion 7000 I RTX 5080 I 265KF 102 Avg FPS, 44 1% Low FPS Avg FPS 1% Low FPS Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 124 92 NZXT Player Three Prime | RTX 5090 | 9800X3D 124 54 Alienware Area-51 | RTX 5090 | 285K 120 83 Corsair One | RTX 5080 | 285K 83 70 Acer Predator Orion 7000 I RTX 5080 I 265KF 83 59 037.575112.5150 Cyberpunk 2077 (1440p RT Medium) Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 124 Avg FPS, 92 1% Low FPS NZXT Player Three Prime | RTX 5090 | 9800X3D 124 Avg FPS, 54 1% Low FPS Alienware Area-51 | RTX 5090 | 285K 120 Avg FPS, 83 1% Low FPS Corsair One | RTX 5080 | 285K 83 Avg FPS, 70 1% Low FPS Acer Predator Orion 7000 I RTX 5080 I 265KF 83 Avg FPS, 59 1% Low FPS Avg FPS 1% Low FPS Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 269 179 NZXT Player Three Prime | RTX 5090 | 9800X3D 262 138 Alienware Area-51 | RTX 5090 | 285K 256 161 Corsair One | RTX 5080 | 285K 196 139 Acer Predator Orion 7000 I RTX 5080 I 265KF 191 70 075150225300 Cyberpunk 2077 (upscaling) (1440p RT Medium) Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 269 Avg FPS, 179 1% Low FPS NZXT Player Three Prime | RTX 5090 | 9800X3D 262 Avg FPS, 138 1% Low FPS Alienware Area-51 | RTX 5090 | 285K 256 Avg FPS, 161 1% Low FPS Corsair One | RTX 5080 | 285K 196 Avg FPS, 139 1% Low FPS Acer Predator Orion 7000 I RTX 5080 I 265KF 191 Avg FPS, 70 1% Low FPS Avg FPS 1% Low FPS Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 171 87 NZXT Player Three Prime | RTX 5090 | 9800X3D 151 68 Alienware Area-51 | RTX 5090 | 285K 92 60 Corsair One | RTX 5080 | 285K 112 70 Acer Predator Orion 7000 I RTX 5080 I 265KF 101 65 050100150200 Baldur's Gate 3 (1440p Ultra) Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 171 Avg FPS, 87 1% Low FPS NZXT Player Three Prime | RTX 5090 | 9800X3D 151 Avg FPS, 68 1% Low FPS Alienware Area-51 | RTX 5090 | 285K 92 Avg FPS, 60 1% Low FPS Corsair One | RTX 5080 | 285K 112 Avg FPS, 70 1% Low FPS Acer Predator Orion 7000 I RTX 5080 I 265KF 101 Avg FPS, 65 1% Low FPS Avg FPS 1% Low FPS Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 92 80 NZXT Player Three Prime | RTX 5090 | 9800X3D 92 78 Alienware Area-51 | RTX 5090 | 285K 91 64 Corsair One | RTX 5080 | 285K 67 50 Acer Predator Orion 7000 I RTX 5080 I 265KF 65 45 0255075100 Black Myth: Wukong (1440p Very High) Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 92 Avg FPS, 80 1% Low FPS NZXT Player Three Prime | RTX 5090 | 9800X3D 92 Avg FPS, 78 1% Low FPS Alienware Area-51 | RTX 5090 | 285K 91 Avg FPS, 64 1% Low FPS Corsair One | RTX 5080 | 285K 67 Avg FPS, 50 1% Low FPS Acer Predator Orion 7000 I RTX 5080 I 265KF 65 Avg FPS, 45 1% Low FPS Avg FPS 1% Low FPS Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 119 103 NZXT Player Three Prime | RTX 5090 | 9800X3D 118 97 Alienware Area-51 | RTX 5090 | 285K 121 77 Corsair One | RTX 5080 | 285K 92 79 Acer Predator Orion 7000 I RTX 5080 I 265KF 92 73 037.575112.5150 Black Myth: Wukong (upscaling) (1440p Very High) Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 119 Avg FPS, 103 1% Low FPS NZXT Player Three Prime | RTX 5090 | 9800X3D 118 Avg FPS, 97 1% Low FPS Alienware Area-51 | RTX 5090 | 285K 121 Avg FPS, 77 1% Low FPS Corsair One | RTX 5080 | 285K 92 Avg FPS, 79 1% Low FPS Acer Predator Orion 7000 I RTX 5080 I 265KF 92 Avg FPS, 73 1% Low FPS Avg FPS 1% Low FPS Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 224 128 NZXT Player Three Prime | RTX 5090 | 9800X3D 191 53 Alienware Area-51 | RTX 5090 | 285K 158 70 Corsair One | RTX 5080 | 285K 156 79 Acer Predator Orion 7000 I RTX 5080 I 265KF 142 47 075150225300 Metro Exodus: Enhanced Edition (1440p Ultra) Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 224 Avg FPS, 128 1% Low FPS NZXT Player Three Prime | RTX 5090 | 9800X3D 191 Avg FPS, 53 1% Low FPS Alienware Area-51 | RTX 5090 | 285K 158 Avg FPS, 70 1% Low FPS Corsair One | RTX 5080 | 285K 156 Avg FPS, 79 1% Low FPS Acer Predator Orion 7000 I RTX 5080 I 265KF 142 Avg FPS, 47 1% Low FPS CPU index GPU index Overall index Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 14565 25229 22732 NZXT Player Three Prime | RTX 5090 | 9800X3D 7292 25622 18606 Alienware Area-51 | RTX 5090 | 285K 13775 24941 22237 Corsair One | RTX 5080 | 285K 13855 16357 15925 Acer Predator Orion 7000 I RTX 5080 I 265KF 15310 15986 12354 07,50015,00022,50030,000 3DMark Time Spy Extreme Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 14565 CPU index, 25229 GPU index, 22732 Overall index NZXT Player Three Prime | RTX 5090 | 9800X3D 7292 CPU index, 25622 GPU index, 18606 Overall index Alienware Area-51 | RTX 5090 | 285K 13775 CPU index, 24941 GPU index, 22237 Overall index Corsair One | RTX 5080 | 285K 13855 CPU index, 16357 GPU index, 15925 Overall index Acer Predator Orion 7000 I RTX 5080 I 265KF 15310 CPU index, 15986 GPU index, 12354 Overall index 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) div { flex: 1 !important; text-align: center !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-box { position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-digits { display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-digits > div.digit-box { flex: 1 !important; text-align: center !important; white-space: nowrap !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-digits > div.colon { flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-spike-l { position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-spike-r { position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; } @media (min-width: 600px) { #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-container { padding: 2rem !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-title { font-size: 1.75rem !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-subhead { font-size: 1.25rem !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-digits { font-size: 2.25rem !important; letter-spacing: 0 !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-labels { font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-box { padding: 1.5rem 0 !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-digits > div.colon { top: -4px !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-spike-l { left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-spike-r { right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; } } @media (min-width: 768px) { #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-digits { font-size: 3.5rem !important; letter-spacing: 0.05em !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-countdown-digits > div.colon { top: -5px !important; } } /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-pie-container, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-bar-row, #fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-stacked-product, #fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-grouped-bar-product, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-bar-row, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-stacked-product, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1778514798511-z8tyfusq4.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-1778514798511-z8tyfusq4.mobile-view .fv-bar-label, #fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-grouped-product-title, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-bar-label, #fv-chart-1778514798511-z8tyfusq4.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-1778514798511-z8tyfusq4.mobile-view .fv-bar-container, #fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-bar-cluster, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-bar-container, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-bar-cluster { width: 100% !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-x-axis-wrapper, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-x-axis-label-space, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-x-axis-label-space { display: none !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-x-axis-chart-space, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-benchmark-title, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-dropdown-title, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-carousel-nav-btn, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-chart-title, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-chart-title { padding: 0 8px !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-chart-subhead, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-versus-header, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-versus-select-wrapper, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-versus-vs, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-versus-select-container, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-versus-select, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-stl-shop-all-btn, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-stl-shop-all-logo, #fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-stl-shop-all-icon, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; }#fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1778514798511-z8tyfusq4.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-y-axis-title { padding-left: 5% !important; /* (30/600) for mobile view */ } #fv-chart-1778514798511-z8tyfusq4.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1778514798511-z8tyfusq4 .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-bar-row, #fv-chart-1778514798511-z8tyfusq4 .fv-stacked-product, #fv-chart-1778514798511-z8tyfusq4 .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-bar-label, #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-bar-container, #fv-chart-1778514798511-z8tyfusq4 .fv-bar-cluster { width: 100% !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-x-axis-label-space { display: none !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-chart-title { padding: 0 8px !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-versus-select { font-size: 14px !important; width: 100% !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-stl-shop-all-logo, #fv-chart-1778514798511-z8tyfusq4 .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; }#fv-chart-1778514798511-z8tyfusq4 .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-y-axis-title { padding-left: 5% !important; /* (30/600) for mobile view */ } #fv-chart-1778514798511-z8tyfusq4.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } } { "@context": "https://schema.org", "@type": "Dataset", "name": "Content creation 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-05-11T15:53:18.511Z", "citation": "Add your caption to explain the data, the learnings and the key takeaways of the data being visualized", "keywords": [ "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2", "NZXT Player Three Prime | RTX 5090 | 9800X3D", "Alienware Area-51 | RTX 5090 | 285K", "Corsair One | RTX 5080 | 285K", "Acer Predator Orion 7000 I RTX 5080 I 265KF", "Cinebench 2024", "Blender 4.2.0 (junkshop)", "7zip 24.07", "Handbrake UHD to 1080p conversion", "3DMark Storage", "benchmark", "comparison", "performance", "review", "PC Gamer" ], "measurementTechnique": "Performance Benchmarking", "variableMeasured": [ { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – Cinebench 2024", "value": 139, "unitText": "Single core index" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – Cinebench 2024", "value": 132, "unitText": "Single core index" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – Cinebench 2024", "value": 141, "unitText": "Single core index" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Cinebench 2024", "value": 143, "unitText": "Single core index" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – Cinebench 2024", "value": 129, "unitText": "Single core index" }, { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – Blender 4.2.0 (junkshop)", "value": 142, "unitText": "CPU (samples)" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – Blender 4.2.0 (junkshop)", "value": 155, "unitText": "CPU (samples)" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – Blender 4.2.0 (junkshop)", "value": 172, "unitText": "CPU (samples)" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Blender 4.2.0 (junkshop)", "value": 216, "unitText": "CPU (samples)" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – Blender 4.2.0 (junkshop)", "value": 99, "unitText": "CPU (samples)" }, { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – 7zip 24.07", "value": 150, "unitText": "Compressing (GIPS)" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – 7zip 24.07", "value": 168, "unitText": "Compressing (GIPS)" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – 7zip 24.07", "value": 197, "unitText": "Compressing (GIPS)" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – 7zip 24.07", "value": 219, "unitText": "Compressing (GIPS)" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – 7zip 24.07", "value": 121, "unitText": "Compressing (GIPS)" }, { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – Handbrake UHD to 1080p conversion", "value": 104, "unitText": "FPS" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – Handbrake UHD to 1080p conversion", "value": 116, "unitText": "FPS" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – Handbrake UHD to 1080p conversion", "value": 95, "unitText": "FPS" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Handbrake UHD to 1080p conversion", "value": 137, "unitText": "FPS" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – Handbrake UHD to 1080p conversion", "value": 83, "unitText": "FPS" }, { "@type": "PropertyValue", "name": "Acer Predator Orion 7000 I RTX 5080 I 265KF – 3DMark Storage", "value": 928, "unitText": "Overall index" }, { "@type": "PropertyValue", "name": "Alienware Area-51 | RTX 5090 | 285K – 3DMark Storage", "value": 3958, "unitText": "Overall index" }, { "@type": "PropertyValue", "name": "Corsair One | RTX 5080 | 285K – 3DMark Storage", "value": 3335, "unitText": "Overall index" }, { "@type": "PropertyValue", "name": "Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – 3DMark Storage", "value": 3692, "unitText": "Overall index" }, { "@type": "PropertyValue", "name": "NZXT Player Three Prime | RTX 5090 | 9800X3D – 3DMark Storage", "value": 2501, "unitText": "Overall index" } ]}

Content creation performance

Cinebench 2024Blender 4.2.0 (junkshop)7zip 24.07Handbrake UHD to 1080p conversion3DMark Storage Single core index Multi thread index Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 143 2240 NZXT Player Three Prime | RTX 5090 | 9800X3D 129 1293 Alienware Area-51 | RTX 5090 | 285K 132 2182 Corsair One | RTX 5080 | 285K 141 2364 Acer Predator Orion 7000 I RTX 5080 I 265KF 139 2031 07501,5002,2503,000 Cinebench 2024 Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 143 Single core index, 2240 Multi thread index NZXT Player Three Prime | RTX 5090 | 9800X3D 129 Single core index, 1293 Multi thread index Alienware Area-51 | RTX 5090 | 285K 132 Single core index, 2182 Multi thread index Corsair One | RTX 5080 | 285K 141 Single core index, 2364 Multi thread index Acer Predator Orion 7000 I RTX 5080 I 265KF 139 Single core index, 2031 Multi thread index CPU (samples) GPU (samples) Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 216 3864 NZXT Player Three Prime | RTX 5090 | 9800X3D 99 3873 Alienware Area-51 | RTX 5090 | 285K 155 3783 Corsair One | RTX 5080 | 285K 172 2316 Acer Predator Orion 7000 I RTX 5080 I 265KF 142 2228 01,0002,0003,0004,000 Blender 4.2.0 (junkshop) Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 216 CPU (samples), 3864 GPU (samples) NZXT Player Three Prime | RTX 5090 | 9800X3D 99 CPU (samples), 3873 GPU (samples) Alienware Area-51 | RTX 5090 | 285K 155 CPU (samples), 3783 GPU (samples) Corsair One | RTX 5080 | 285K 172 CPU (samples), 2316 GPU (samples) Acer Predator Orion 7000 I RTX 5080 I 265KF 142 CPU (samples), 2228 GPU (samples) Compressing (GIPS) Decompressing (GIPS) Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 219 289 NZXT Player Three Prime | RTX 5090 | 9800X3D 121 128 Alienware Area-51 | RTX 5090 | 285K 168 187 Corsair One | RTX 5080 | 285K 197 198 Acer Predator Orion 7000 I RTX 5080 I 265KF 150 159 075150225300 7zip 24.07 Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 219 Compressing (GIPS), 289 Decompressing (GIPS) NZXT Player Three Prime | RTX 5090 | 9800X3D 121 Compressing (GIPS), 128 Decompressing (GIPS) Alienware Area-51 | RTX 5090 | 285K 168 Compressing (GIPS), 187 Decompressing (GIPS) Corsair One | RTX 5080 | 285K 197 Compressing (GIPS), 198 Decompressing (GIPS) Acer Predator Orion 7000 I RTX 5080 I 265KF 150 Compressing (GIPS), 159 Decompressing (GIPS) Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 137 NZXT Player Three Prime | RTX 5090 | 9800X3D 83 Alienware Area-51 | RTX 5090 | 285K 116 Corsair One | RTX 5080 | 285K 95 Acer Predator Orion 7000 I RTX 5080 I 265KF 104 037.575112.5150 FPS Handbrake UHD to 1080p conversion Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 137 NZXT Player Three Prime | RTX 5090 | 9800X3D 83 Alienware Area-51 | RTX 5090 | 285K 116 Corsair One | RTX 5080 | 285K 95 Acer Predator Orion 7000 I RTX 5080 I 265KF 104 Overall index Avg bandwidth (MB/s) Access time (us) Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 3692 624.25 48 NZXT Player Three Prime | RTX 5090 | 9800X3D 2501 429.78 72 Alienware Area-51 | RTX 5090 | 285K 3958 672.33 45 Corsair One | RTX 5080 | 285K 3335 562.46 53 Acer Predator Orion 7000 I RTX 5080 I 265KF 928 151.41 184 01,0002,0003,0004,000 3DMark Storage Data ProductValue Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 3692 Overall index, 624.25 Avg bandwidth (MB/s), 48 Access time (us) NZXT Player Three Prime | RTX 5090 | 9800X3D 2501 Overall index, 429.78 Avg bandwidth (MB/s), 72 Access time (us) Alienware Area-51 | RTX 5090 | 285K 3958 Overall index, 672.33 Avg bandwidth (MB/s), 45 Access time (us) Corsair One | RTX 5080 | 285K 3335 Overall index, 562.46 Avg bandwidth (MB/s), 53 Access time (us) Acer Predator Orion 7000 I RTX 5080 I 265KF 928 Overall index, 151.41 Avg bandwidth (MB/s), 184 Access time (us) 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) rightNum) { winner = 'left'; if (rightNum > 0) { var diff = Math.round(((leftNum - rightNum) / rightNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } else if (rightNum > leftNum) { winner = 'right'; if (leftNum > 0) { var diff = Math.round(((rightNum - leftNum) / leftNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } } var leftDisplay = data.productData[leftProduct] && data.productData[leftProduct].displayValue !== undefined ? data.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : '-')); var rightDisplay = data.productData[rightProduct] && data.productData[rightProduct].displayValue !== undefined ? data.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : '-')); var unit = (data.productData[leftProduct] && data.productData[leftProduct].unit) || (data.productData[rightProduct] && data.productData[rightProduct].unit) || ''; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector('.fv-versus-bar-left'); var rightBar = row.querySelector('.fv-versus-bar-right'); var leftText = row.querySelector('.fv-inside-left'); var rightText = row.querySelector('.fv-inside-right'); var labelText = row.querySelector('.fv-versus-label span'); var leftWrapper = row.querySelector('.fv-versus-bar-left-wrapper'); var rightWrapper = row.querySelector('.fv-versus-bar-right-wrapper'); var existingPctDiffs = row.querySelectorAll('.fv-versus-pct-diff'); existingPctDiffs.forEach(function(el) { el.remove(); }); if (winner === 'left' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === 'right' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.style.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.style.setProperty('--target-width', leftWidth + '%'); leftBar.style.width = leftWidth + '%'; } if (rightBar) { rightBar.style.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.style.setProperty('--target-width', rightWidth + '%'); rightBar.style.width = rightWidth + '%'; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = data.attribute + (unit ? ' (' + unit + ')' : ''); } }); } if (leftSelect) leftSelect.addEventListener('change', updateVersusChart); if (rightSelect) rightSelect.addEventListener('change', updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var dropdown = chartWrapper.querySelector('.fv-dropdown-title'); var prevBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.prev'); var nextBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.next'); var carouselTitle = chartWrapper.querySelector('.fv-carousel-title-controls .fv-benchmark-title'); var counter = chartWrapper.querySelector('.fv-carousel-counter'); /* Text Elements */ var subheadEl = chartWrapper.querySelector('.fv-chart-subhead'); var captionEl = chartWrapper.querySelector('.rv-chart-caption'); var footerContentEl = chartWrapper.querySelector('.fv-footer-content'); var bottomBarEl = chartWrapper.querySelector('.fv-bottom-bar'); var logoEl = chartWrapper.querySelector('.fv-logo'); if (charts.length > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.options).map(function(o) { return o.text; }); } else { charts.forEach(function(c) { titles.push(c.getAttribute('data-title') || ''); }); } function showInternalChart(index) { if (index < 0) index = charts.length - 1; if (index >= charts.length) index = 0; currentChartIndex = index; charts.forEach(function(c, i) { c.style.display = i === index ? 'block' : 'none'; if (i === index) { var cType = c.dataset.chartType; if (cType === 'Line') { /* Line chart animations if needed */ } else if (cType !== 'Pie') { window.fvAnimateCharts(chartWrapper); } /* Update labels-on-top based on current chart type */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop && (cType === 'Bar' || cType === 'Stacked Bar' || cType === 'Versus')) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } }); if (dropdown) dropdown.value = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ' of ' + charts.length; /* Update Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute('data-subhead'); var newCaption = activeChart.getAttribute('data-caption'); var currentChartType = activeChart.getAttribute('data-chart-type'); var hideGlobalCaption = currentChartType === 'Countdown' || currentChartType === 'Image Comparison' || currentChartType === 'Shop the Collection'; if (subheadEl) subheadEl.textContent = newSubhead || ''; if (captionEl) captionEl.textContent = newCaption || ''; if (footerContentEl) { if (newCaption && newCaption.trim().length > 0 && !hideGlobalCaption) { footerContentEl.style.display = 'block'; if (bottomBarEl) bottomBarEl.style.display = 'flex'; } else { footerContentEl.style.display = 'none'; if (bottomBarEl && !logoEl) { bottomBarEl.style.display = 'none'; } } } } } if (dropdown) dropdown.addEventListener('change', function(e) { showInternalChart(parseInt(e.target.value)); }); if (prevBtn) prevBtn.addEventListener('click', function() { showInternalChart(currentChartIndex - 1); }); if (nextBtn) nextBtn.addEventListener('click', function() { showInternalChart(currentChartIndex + 1); }); } /* Image Comparison Logic */ var imageCompareWrappers = chartWrapper.querySelectorAll('.fv-image-compare-wrapper'); imageCompareWrappers.forEach(function(wrapper) { var inner = wrapper.querySelector('.fv-image-compare-inner') || wrapper; var slider = wrapper.querySelector('.fv-image-compare-slider'); var fgImage = wrapper.querySelector('.fv-image-compare-fg'); var bgImage = wrapper.querySelector('.fv-image-compare-bg'); var labelLeft = wrapper.querySelector('.fv-image-compare-label-left'); var labelRight = wrapper.querySelector('.fv-image-compare-label-right'); var isDragging = false; /* 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 < 10) { labelLeft.style.setProperty('opacity', '0', 'important'); } else { labelLeft.style.setProperty('opacity', '1', 'important'); } } if (labelRight) { if (percent > 90) { labelRight.style.setProperty('opacity', '0', 'important'); } else { labelRight.style.setProperty('opacity', '1', 'important'); } } } function onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } function onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } function stopDragging() { isDragging = false; window.removeEventListener('mousemove', onMouseMove); window.removeEventListener('mouseup', stopDragging); window.removeEventListener('touchmove', onTouchMove); window.removeEventListener('touchend', stopDragging); } if (slider) { var startDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('mousemove', onMouseMove); window.addEventListener('mouseup', stopDragging); }; var startTouchDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('touchmove', onTouchMove, { passive: false }); window.addEventListener('touchend', stopDragging); }; slider.addEventListener('mousedown', function(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener('touchstart', function(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } /* Expand/Close Logic */ var expandBtn = wrapper.querySelector('.fv-image-compare-expand-btn'); var closeBtn = wrapper.querySelector('.fv-image-compare-close-btn'); if (expandBtn) { if (window !== window.parent) { expandBtn.style.display = 'none'; } else { expandBtn.addEventListener('click', function(e) { /* e.preventDefault(); // Removed to allow text selection */ e.stopPropagation(); wrapper.classList.add('fv-image-compare-fullscreen'); document.body.style.overflow = 'hidden'; /* Load high-res images if available */ if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute('srcset'); fgImage.removeAttribute('sizes'); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute('srcset'); bgImage.removeAttribute('sizes'); } }); } } if (closeBtn) { closeBtn.addEventListener('click', function(e) { /* e.preventDefault(); // Removed to allow text selection */ e.stopPropagation(); wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); }); } /* Close on Escape */ document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && wrapper.classList.contains('fv-image-compare-fullscreen')) { wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); } }); }); /* Shop The Look Hotspots */ var hotspots = chartWrapper.querySelectorAll('.fv-stl-hotspot-btn'); var allProductsModal = chartWrapper.querySelector('.fv-stl-all-products-modal'); var shopAllBtn = chartWrapper.querySelector('.fv-stl-shop-all-btn'); var allProductsList = chartWrapper.querySelector('.fv-stl-all-products-list'); var stlContainer = chartWrapper.querySelector('.fv-stl-container'); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove('is-active'); /* Remove highlights */ var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item'); items.forEach(function(item) { item.classList.remove('is-highlighted'); }); /* Remove min-height after transition */ if (stlContainer) { setTimeout(function() { if (!allProductsModal.classList.contains('is-active')) { stlContainer.style.minHeight = ''; if ('parentIFrame' in window) { window.parentIFrame.size(); } } }, 300); } } hotspots.forEach(function(btn) { btn.setAttribute('aria-expanded', 'false'); }); if ('parentIFrame' in window) { window.parentIFrame.size(); } } hotspots.forEach(function(btn) { btn.addEventListener('click', function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute('data-hotspot-id'); var isExpanded = btn.getAttribute('aria-expanded') === 'true'; closeAllModals(); if (!isExpanded && allProductsModal) { btn.setAttribute('aria-expanded', 'true'); allProductsModal.classList.add('is-active'); /* Ensure container is tall enough */ var container = btn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } /* Highlight and scroll to item */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(function() { targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.size(); } } }); }); /* Shop All button */ if (shopAllBtn && 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(); } }); } /* Image Annotation Logic */ var iaNodes = chartWrapper.querySelectorAll('.fv-ia-node-button'); var iaWrapper = chartWrapper.querySelector('.fv-ia-wrapper'); var originalCaption = chartWrapper.querySelector('.fv-original-caption') || captionEl; var dynamicCaption = chartWrapper.querySelector('.fv-ia-dynamic-caption'); var exploreBtn = chartWrapper.querySelector('.fv-ia-explore-btn'); var currentIaIndex = -1; function closeAllIANodes() { iaNodes.forEach(function(btn) { btn.classList.remove('is-active'); }); if (originalCaption) originalCaption.style.display = 'block'; if (dynamicCaption) dynamicCaption.style.display = 'none'; } function resetExploreBtn() { currentIaIndex = -1; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Explore'; } } iaNodes.forEach(function(btn, index) { btn.addEventListener('click', function(e) { e.stopPropagation(); var isActive = btn.classList.contains('is-active'); closeAllIANodes(); if (!isActive) { currentIaIndex = index; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Next'; } btn.classList.add('is-active'); if (dynamicCaption) { var title = btn.getAttribute('data-title') || ''; var desc = btn.getAttribute('data-desc') || ''; dynamicCaption.innerHTML = ''; var strongTag = document.createElement('strong'); strongTag.textContent = title; dynamicCaption.appendChild(strongTag); if (desc) { dynamicCaption.appendChild(document.createTextNode(' - ' + desc)); } if (originalCaption) originalCaption.style.display = 'none'; dynamicCaption.style.display = 'block'; if (footerContentEl) footerContentEl.style.display = 'block'; } } else { resetExploreBtn(); } }); }); if (exploreBtn) { exploreBtn.addEventListener('click', function(e) { e.stopPropagation(); if (iaNodes.length === 0) return; var nextIndex = currentIaIndex + 1; if (nextIndex >= iaNodes.length) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if(targetBtn.classList.contains('is-active')) { targetBtn.click(); } targetBtn.click(); } } }); } if (iaWrapper) { iaWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-ia-node-button') && !e.target.closest('.fv-ia-explore-btn')) { closeAllIANodes(); resetExploreBtn(); } }); } /* Initial Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector('.fv-countdown-container'); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute('data-target-date'); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute('data-primary-color') || '#f97316'; var subheadColor = countdownContainer.getAttribute('data-subhead-color') || '#ffffff'; var pad = function(n) { return (n < 10 ? '0' : '') + n; }; var updateCountdown = function() { var difference = +targetDate - +new Date(); var d = 0, h = 0, m = 0, s = 0; if (difference > 0) { d = Math.floor(difference / (1000 * 60 * 60 * 24)); h = Math.floor((difference / (1000 * 60 * 60)) % 24); m = Math.floor((difference / 1000 / 60) % 60); s = Math.floor((difference / 1000) % 60); } var daysEl = countdownContainer.querySelector('[data-time="days"]'); var hoursEl = countdownContainer.querySelector('[data-time="hours"]'); var minsEl = countdownContainer.querySelector('[data-time="minutes"]'); var secsEl = countdownContainer.querySelector('[data-time="seconds"]'); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = document.getElementById(uniqueId + '-slideshow'); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll('.fv-slide'); slides.forEach(function(slide) { setupWrapper(slide.querySelector('.fv-chart-wrapper')); }); } } else { setupWrapper(root); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1778514868201-72vuvzg1g', false); }); } else { initialize('fv-chart-1778514868201-72vuvzg1g', false); } })();

To be fair to Maingear, a great many AIO coolers aren't good enough, either, but while the self-branded system is happy as a lamb in a spring field in gaming, when you bring all of AMD's threads to the battle, the processor's temperature rapidly hits 94 °C and the chip throttles its clock speeds back a little.

Realistically, this processor needs something far beefier in content creation workloads, such as an Arctic Liquid Freezer III Pro, as it has a deeper radiator, with more coolant and fin surface area to absorb and dissipate the heat. The MG-1 review sample shipped with MSI's control app installed, but without the cooling control module installed, so the system was just using the default BIOS fan settings.

I ran the tests again with every fan at 100% rpm, and that certainly helped keep the peak temperature under 90 °C, but the airflow noise was exceptionally loud, particularly that from the exhaust fan. Not painfully so, but certainly not something you could live with.

At least the RTX 5090 never got even slightly warm, even with the default fan speeds, and I carried out some heavy 4K rendering workloads to really stress the system. At no point did the graphics card get even remotely hot, and the amount of hot air being blasted out of the chassis is a testament to the chassis airflow.

Speaking of graphics cards, the MG-1 has one of the most robust GPU mounts I have ever seen in a PC. A thick arm is bolted to the motherboard tray and card itself, and it felt so stiff that you'd need a small horse standing on the card before you experienced any degree of sagging.

Leaving the price aside for a moment, the Maingear MG-1 Mk.II is one of the better pre-built gaming PCs I've used in a long time. Yes, the case panels are disappointing, but the rest is very good, and the cable routing and overall management are top-notch. I'd prefer to see Velcro strips rather than zip ties holding everything in place, though, as it makes things far easier to handle when the inevitable upgrade comes along.

Buy if...

✅ You want the most powerful gaming PC, regardless of the price tag: While you can buy other RTX 5090 systems for much less money, Maingear's updated MG-1 stands ahead of the crowd with the Ryzen 9 9550X3D2 Dual Edition.

Don't buy if...

❌ You want a premier-feeling gaming PC: The new MG-1 looks very nice, but the chassis itself has an air of cheapness about it. It feels distinctly out of place in a $7,000 gaming PC.

The overall performance is exactly what you'd expect with this combination of hardware, and while the cooling performance favours the graphics card rather than the CPU, that's sensible given the use of an RTX 5090.

To my eyes, the aesthetics are a nice balance of RGB bling and understated styling, though I feel that Maingear has missed a trick by not using a classier finish to the metal surfaces. The Havn BF 360 Flow, for example, feels like pure luxury, everywhere you lay your hands, and the MG-1 would benefit from a similar feel.

Even the external ports on the top of the case aren't quite what you'd expect from such a premier brand: just two USB (one Type-C, one Type-A) and an audio jack.

As it is, I'm not convinced that the modicum of RGB lighting and customisable front panel is quite enough to justify the price tag, regardless of how well the MG-1 is put together. The review sample is exceptionally expensive, mostly because of the components inside, but also demanding over $2,000 for an RTX 5060 build is certainly an eyebrow-raiser. There's an awful lot to like about the updated Maingear MG-1, but given how pricey gaming PCs have become, it really needs something extra to warrant considering it over cheaper, just as powerful alternatives.