Pc Gamers

Maingear MG-1 Mk.II (2026) review | ongames

<a href=ongames.cc">Maingear MG-1 Mk.II (2026) review" style="max-width:100%;border-radius:12px;margin-bottom:25px">

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)

A close-up photo of the internal components of a Maingear MG-1 Mk.II gaming PC, showing the AIO cooler, fans, and RGB lighting

(Image credit: Future)

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.

A photo of a Maingear MG-1 Mk.II gaming PC, showing the removal of the front panel
Future
A close-up photo of the front panel magnetic catches as used in a Maingear MG-1 Mk.II gaming PC
Future
A photo of a Maingear MG-1 Mk.II gaming PC on a desk, showing a custom panel front panel installed
Future

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
Product Value
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

window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (function() { /* Global animation function for slideshow re-use */ window.fvAnimateCharts = function(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(function(bar, index) { /* Reset to 0 first to ensure animation triggers */ bar.style.setProperty(‘width’, ‘0%’, ‘important’); bar.style.setProperty(‘transition’, ‘none’, ‘important’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Force reflow */ void bar.offsetWidth; setTimeout(function() { bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); }, index * 50 + 50); /* Reduced initial delay */ }); } function animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(function(p, i) { if (typeof p.getTotalLength === ‘function’) { var len = p.getTotalLength(); p.style.transition = ‘none’; p.style.strokeDasharray = len; p.style.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(function() { p.style.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.style.strokeDashoffset = ‘0’; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(function(dot, i) { dot.style.opacity = ‘0’; setTimeout(function() { dot.style.transition = ‘opacity 0.3s ease’; dot.style.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(function(chart) { /* If in carousel/dropdown mode, hidden charts are display:none. */ /* We only animate what is visible. */ if (window.getComputedStyle(chart).display === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); /* In slideshow mode, ‘root’ will be null because the container has ‘-slideshow’ suffix. */ /* We handle that logic below. */ if (!root && !isSlideshow) return; /* Setup internal interactions (Carousel/Dropdown/LineChart) for a specific chart wrapper */ function setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive mobile view handling */ function checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height) <= 599; var isMobile; if (width === 0) { /* Fallback for when width isn't available yet (e.g., hidden tab) */ isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { /* Mobile if container is small OR if it's a physical mobile device (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner = ‘left’; if (rightNum > 0) { var diff = Math.round(((leftNum – rightNum) / rightNum) * 100); pctDiffStr = ‘+’ + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner = ‘right’; if (leftNum > 0) { var diff = Math.round(((rightNum – leftNum) / leftNum) * 100); pctDiffStr = ‘+’ + diff.toLocaleString() + ‘%’; } } } var leftDisplay = data.productData[leftProduct] && data.productData[leftProduct].displayValue !== undefined ? data.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = data.productData[rightProduct] && data.productData[rightProduct].displayValue !== undefined ? data.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (data.productData[leftProduct] && data.productData[leftProduct].unit) || (data.productData[rightProduct] && data.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(function(el) { el.remove(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = document.createElement(‘span’); pctSpan.className = ‘fv-versus-pct-diff’; pctSpan.style.color = ‘rgba(255, 255, 255, 0.9)’; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘right’ && pctDiffStr) { var pctSpan = document.createElement(‘span’); pctSpan.className = ‘fv-versus-pct-diff’; pctSpan.style.color = ‘rgba(255, 255, 255, 0.9)’; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.style.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.style.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.style.width = leftWidth + ‘%’; } if (rightBar) { rightBar.style.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.style.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.style.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = data.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.next’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Text Elements */ var subheadEl = chartWrapper.querySelector(‘.fv-chart-subhead’); var captionEl = chartWrapper.querySelector(‘.rv-chart-caption’); var footerContentEl = chartWrapper.querySelector(‘.fv-footer-content’); var bottomBarEl = chartWrapper.querySelector(‘.fv-bottom-bar’); var logoEl = chartWrapper.querySelector(‘.fv-logo’); if (charts.length > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.options).map(function(o) { return o.text; }); } else { charts.forEach(function(c) { titles.push(c.getAttribute(‘data-title’) || ”); }); } function showInternalChart(index) { if (index = charts.length) index = 0; currentChartIndex = index; charts.forEach(function(c, i) { c.style.display = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if needed */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Update labels-on-top based on current chart type */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.remove(‘labels-on-top’); } } }); if (dropdown) dropdown.value = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.length; /* Update Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); 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 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 = 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 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-1778514720967-54d70via5’, false); }); } else { initialize(‘fv-chart-1778514720967-54d70via5’, false); } })();

Testing the gaming performance of PCs with RTX 5080 and 5090 graphics cards at 1440p might seem a little odd, but using this resolution helps to bring the review samples’ CPUs into play, and the results give a broader overview of the system’s capability. Realistically, these are 4K gaming rigs, and at that resolution, the only thing that really matters is the GPU.

Taking all of the gaming performance figures into account, especially the 1% low frame rates, it’s clear that the Maingear MG-1 Mk.II is the most powerful gaming PC we’ve tested for a very long time. Which is, of course, what you’d expect when the CPU is the most potent that AMD makes for desktop PCs, the DRAM is right at the sweet spot in terms of clock speeds and timings, and there’s an RTX 5090 right next to the pair of them.

The problem for the new Maingear isn’t its performance; it’s the bang-for-buck. At the time of writing, you can get an RTX 5090 NZXT Player Three Prime for $5,399, and that comes with 64 GB of memory and 4 TB of storage. The Alienware Area-51 build is more expensive than NZXT at $6,280, but both are noticeably underneath the MG-1’s price tag.

However, the Maingear PC is sporting faster DRAM than the NZXT, and both of these PCs have faster SSDs than that in the Alienware. Plus, there’s the fact that the 9950X3D2 Dual Edition is twice as expensive as a 9800X3D, and it’s not really a gaming CPU, as such.

Content creation 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-1778514798511-z8tyfusq4 *, #fv-chart-1778514798511-z8tyfusq4 *:before, #fv-chart-1778514798511-z8tyfusq4 *:after, #fv-chart-1778514798511-z8tyfusq4-slideshow *, #fv-chart-1778514798511-z8tyfusq4-slideshow *:before, #fv-chart-1778514798511-z8tyfusq4-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1778514798511-z8tyfusq4, #fv-chart-1778514798511-z8tyfusq4-slideshow { font-family: ‘Open Sans’, sans-serif !important; } /* Main Wrappers */ #fv-chart-1778514798511-z8tyfusq4 { position: relative !important; overflow: visible !important; –riv-primary: #E33235; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1778514798511-z8tyfusq4.fv-full-bleed { width: 100vw !important; margin-left: calc(50% – 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1778514798511-z8tyfusq4.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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; } #fv-chart-1778514798511-z8tyfusq4-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1778514798511-z8tyfusq4-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-1778514798511-z8tyfusq4-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-1778514798511-z8tyfusq4-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-1778514798511-z8tyfusq4-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1778514798511-z8tyfusq4-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1778514798511-z8tyfusq4-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-1778514798511-z8tyfusq4-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-1778514798511-z8tyfusq4-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-1778514798511-z8tyfusq4-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } /* Typography */ #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1778514798511-z8tyfusq4 .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-val-text { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1778514798511-z8tyfusq4 .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1778514798511-z8tyfusq4.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-image-compare-expand-btn, #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-image-compare-expand-btn:hover, #fv-chart-1778514798511-z8tyfusq4 .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } /* Fullscreen State */ #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } /* Footer */ #fv-chart-1778514798511-z8tyfusq4 .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } /* Legend */ #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } /* Multi-Value Legend */ #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } /* Chart Core Styles */ #fv-chart-1778514798511-z8tyfusq4 .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-bar-row, #fv-chart-1778514798511-z8tyfusq4 .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(–riv-primary) !important; } /* Multi-Value Bar Logic */ #fv-chart-1778514798511-z8tyfusq4 .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } /* Stacked Bar */ #fv-chart-1778514798511-z8tyfusq4 .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } /* Grouped Bar */ #fv-chart-1778514798511-z8tyfusq4 .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-bar-cluster .fv-bar-container { height: 20px !important; } /* Line Chart Grid */ #fv-chart-1778514798511-z8tyfusq4 .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } /* X-Axis */ #fv-chart-1778514798511-z8tyfusq4 .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-stl-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1778514798511-z8tyfusq4.fv-full-bleed .fv-stl-container { width: 100% !important; } #fv-chart-1778514798511-z8tyfusq4.fv-full-bleed .fv-stl-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-stl-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-stl-hotspot-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-stl-hotspot-btn:hover { transform: scale(1.1) !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-stl-hotspot-pulse { animation-fill-mode: none !important; } } /* Shop the look button */ #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-stl-shop-all-btn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-stl-shop-all-btn:hover { background-color: #ffffff !important; transform: scale(1.05) !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 { 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-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 { position: absolute !important; padding: 0 !important; align-items: flex-end !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4.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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.is-active .fv-stl-all-products-content { opacity: 1 !important; transform: scale(1) !important; } #fv-chart-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4.is-active .fv-stl-all-products-content { transform: translateY(0) !important; } /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4.v2 { align-items: flex-end !important; padding: 0 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4.v2:not(.mobile-view *) { justify-content: flex-end !important; } } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4.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-1778514798511-z8tyfusq4.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-1778514798511-z8tyfusq4.v2.is-active .fv-stl-all-products-content { transform: translateY(0) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-header { padding: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-logo { height: 1.5rem !important; width: auto !important; object-fit: contain !important; } #fv-chart-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-logo { height: 1.25rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; } #fv-chart-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-title { font-size: 1.125rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-list { padding: 0.75rem !important; gap: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-item { margin: 0 !important; padding: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-link { padding: 0.5rem !important; border-radius: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-stl-all-products-image-container { position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; } #fv-chart-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-image-container { margin-right: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-image-wrapper { width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-image { width: 100% !important; height: 100% !important; object-fit: cover !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-placeholder { width: 2rem !important; height: 2rem !important; color: #d1d5db !important; } #fv-chart-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-placeholder { width: 1.5rem !important; height: 1.5rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-info { margin-top: 0 !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-brand { font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-name { font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-meta { display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; } #fv-chart-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-meta { font-size: 0.75rem !important; margin-bottom: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-price { font-weight: 700 !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-sale-price { font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; } #fv-chart-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-sale-price { margin-right: 0.375rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-original-price { color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; } #fv-chart-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-original-price { font-size: 0.625rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-commentary { font-size: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-action { width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; } #fv-chart-1778514798511-z8tyfusq4.mobile-view #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .fv-stl-all-products-action svg { width: 14px !important; height: 14px !important; } #fv-stl-all-products-modal-fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-ia-container { position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-ia-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1778514798511-z8tyfusq4.fv-full-bleed .fv-ia-container { width: 100% !important; } #fv-chart-1778514798511-z8tyfusq4.fv-full-bleed .fv-ia-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-ia-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-ia-node-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-ia-node-button:hover { transform: scale(1.1) !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-ia-node-button:hover + .fv-ia-static-tooltip { display: block !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-logo-explore-bar .fv-logo { margin: 0 auto !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-ia-explore-wrapper { position: absolute !important; right: 0 !important; } #fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-logo-explore-bar { flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; } #fv-chart-1778514798511-z8tyfusq4.mobile-view .fv-ia-explore-wrapper { position: static !important; align-self: flex-end !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-ia-explore-btn svg { transition: transform 0.2s !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-ia-explore-btn:hover svg { transform: translateX(2px) !important; } /* IA Modal Styles */ #fv-chart-1778514798511-z8tyfusq4 .fv-ia-active-modal-container { display: none !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-ia-modals { display: block !important; position: static !important; } #fv-chart-1778514798511-z8tyfusq4 .fv-ia-modal-item { display: none !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-ia-close-button:hover { background: #e5e7eb !important; color: #111827 !important; } #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4.mobile-view .fv-ia-node-description { font-size: 0.875rem !important; } /* Error Handling */ #fv-chart-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .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-1778514798511-z8tyfusq4 .fv-countdown-labels > 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
Product Value
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

window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (function() { /* Global animation function for slideshow re-use */ window.fvAnimateCharts = function(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(function(bar, index) { /* Reset to 0 first to ensure animation triggers */ bar.style.setProperty(‘width’, ‘0%’, ‘important’); bar.style.setProperty(‘transition’, ‘none’, ‘important’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Force reflow */ void bar.offsetWidth; setTimeout(function() { bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); }, index * 50 + 50); /* Reduced initial delay */ }); } function animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(function(p, i) { if (typeof p.getTotalLength === ‘function’) { var len = p.getTotalLength(); p.style.transition = ‘none’; p.style.strokeDasharray = len; p.style.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(function() { p.style.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.style.strokeDashoffset = ‘0’; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(function(dot, i) { dot.style.opacity = ‘0’; setTimeout(function() { dot.style.transition = ‘opacity 0.3s ease’; dot.style.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(function(chart) { /* If in carousel/dropdown mode, hidden charts are display:none. */ /* We only animate what is visible. */ if (window.getComputedStyle(chart).display === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); /* In slideshow mode, ‘root’ will be null because the container has ‘-slideshow’ suffix. */ /* We handle that logic below. */ if (!root && !isSlideshow) return; /* Setup internal interactions (Carousel/Dropdown/LineChart) for a specific chart wrapper */ function setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive mobile view handling */ function checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height) <= 599; var isMobile; if (width === 0) { /* Fallback for when width isn't available yet (e.g., hidden tab) */ isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { /* Mobile if container is small OR if it's a physical mobile device (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner = ‘left’; if (rightNum > 0) { var diff = Math.round(((leftNum – rightNum) / rightNum) * 100); pctDiffStr = ‘+’ + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner = ‘right’; if (leftNum > 0) { var diff = Math.round(((rightNum – leftNum) / leftNum) * 100); pctDiffStr = ‘+’ + diff.toLocaleString() + ‘%’; } } } var leftDisplay = data.productData[leftProduct] && data.productData[leftProduct].displayValue !== undefined ? data.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = data.productData[rightProduct] && data.productData[rightProduct].displayValue !== undefined ? data.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (data.productData[leftProduct] && data.productData[leftProduct].unit) || (data.productData[rightProduct] && data.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(function(el) { el.remove(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = document.createElement(‘span’); pctSpan.className = ‘fv-versus-pct-diff’; pctSpan.style.color = ‘rgba(255, 255, 255, 0.9)’; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘right’ && pctDiffStr) { var pctSpan = document.createElement(‘span’); pctSpan.className = ‘fv-versus-pct-diff’; pctSpan.style.color = ‘rgba(255, 255, 255, 0.9)’; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.style.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.style.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.style.width = leftWidth + ‘%’; } if (rightBar) { rightBar.style.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.style.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.style.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = data.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.next’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Text Elements */ var subheadEl = chartWrapper.querySelector(‘.fv-chart-subhead’); var captionEl = chartWrapper.querySelector(‘.rv-chart-caption’); var footerContentEl = chartWrapper.querySelector(‘.fv-footer-content’); var bottomBarEl = chartWrapper.querySelector(‘.fv-bottom-bar’); var logoEl = chartWrapper.querySelector(‘.fv-logo’); if (charts.length > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.options).map(function(o) { return o.text; }); } else { charts.forEach(function(c) { titles.push(c.getAttribute(‘data-title’) || ”); }); } function showInternalChart(index) { if (index = charts.length) index = 0; currentChartIndex = index; charts.forEach(function(c, i) { c.style.display = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if needed */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Update labels-on-top based on current chart type */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.remove(‘labels-on-top’); } } }); if (dropdown) dropdown.value = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.length; /* Update Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); 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 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 = 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 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-1778514798511-z8tyfusq4’, false); }); } else { initialize(‘fv-chart-1778514798511-z8tyfusq4’, false); } })();

Where the MG-1 really comes to the fore is when you switch from gaming benchmarks to those that replicate the sort of workloads you get in content creation tasks, such as offline rendering, code compiling, and video encoding. Here, AMD’s cached-to-the-max Ryzen really shines, though it’s mostly due to it having 32 threads and high clock speeds.

However, Maingear is very much pitching the MG-1 as being a gaming PC, and if you are considering buying one just for that purpose, then I strongly suggest you don’t choose the Dual Edition processor, even if you can afford one. The Ryzen 9950X3D option is $343 cheaper, but you’re just going to be far better off picking the Ryzen 7 9850X3D, which knocks an enormous $630 off the price tag.

And there’s another reason for choosing a different processor: the MG-1’s AIO cooler isn’t quite up to the job of managing the 9950X3D2’s 250 W peak power consumption.

Power and thermals

@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-1778514868201-72vuvzg1g *, #fv-chart-1778514868201-72vuvzg1g *:before, #fv-chart-1778514868201-72vuvzg1g *:after, #fv-chart-1778514868201-72vuvzg1g-slideshow *, #fv-chart-1778514868201-72vuvzg1g-slideshow *:before, #fv-chart-1778514868201-72vuvzg1g-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1778514868201-72vuvzg1g, #fv-chart-1778514868201-72vuvzg1g-slideshow { font-family: ‘Open Sans’, sans-serif !important; } /* Main Wrappers */ #fv-chart-1778514868201-72vuvzg1g { position: relative !important; overflow: visible !important; –riv-primary: #E33235; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1778514868201-72vuvzg1g.fv-full-bleed { width: 100vw !important; margin-left: calc(50% – 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1778514868201-72vuvzg1g.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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; } #fv-chart-1778514868201-72vuvzg1g-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1778514868201-72vuvzg1g-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-1778514868201-72vuvzg1g-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-1778514868201-72vuvzg1g-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-1778514868201-72vuvzg1g-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1778514868201-72vuvzg1g-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1778514868201-72vuvzg1g-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-1778514868201-72vuvzg1g-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-1778514868201-72vuvzg1g-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-1778514868201-72vuvzg1g-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } /* Typography */ #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1778514868201-72vuvzg1g .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-val-text { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1778514868201-72vuvzg1g .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1778514868201-72vuvzg1g.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1778514868201-72vuvzg1g .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1778514868201-72vuvzg1g .fv-image-compare-expand-btn, #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-image-compare-expand-btn:hover, #fv-chart-1778514868201-72vuvzg1g .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1778514868201-72vuvzg1g .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } /* Fullscreen State */ #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1778514868201-72vuvzg1g .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1778514868201-72vuvzg1g .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } /* Footer */ #fv-chart-1778514868201-72vuvzg1g .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1778514868201-72vuvzg1g .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1778514868201-72vuvzg1g .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1778514868201-72vuvzg1g .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1778514868201-72vuvzg1g .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } /* Legend */ #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1778514868201-72vuvzg1g .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } /* Multi-Value Legend */ #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } /* Chart Core Styles */ #fv-chart-1778514868201-72vuvzg1g .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-bar-row, #fv-chart-1778514868201-72vuvzg1g .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1778514868201-72vuvzg1g .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(–riv-primary) !important; } /* Multi-Value Bar Logic */ #fv-chart-1778514868201-72vuvzg1g .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1778514868201-72vuvzg1g .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } /* Stacked Bar */ #fv-chart-1778514868201-72vuvzg1g .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1778514868201-72vuvzg1g .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } /* Grouped Bar */ #fv-chart-1778514868201-72vuvzg1g .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1778514868201-72vuvzg1g .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1778514868201-72vuvzg1g .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1778514868201-72vuvzg1g .fv-bar-cluster .fv-bar-container { height: 20px !important; } /* Line Chart Grid */ #fv-chart-1778514868201-72vuvzg1g .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } /* X-Axis */ #fv-chart-1778514868201-72vuvzg1g .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1778514868201-72vuvzg1g .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1778514868201-72vuvzg1g .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1778514868201-72vuvzg1g .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1778514868201-72vuvzg1g .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-stl-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1778514868201-72vuvzg1g.fv-full-bleed .fv-stl-container { width: 100% !important; } #fv-chart-1778514868201-72vuvzg1g.fv-full-bleed .fv-stl-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1778514868201-72vuvzg1g .fv-stl-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1778514868201-72vuvzg1g .fv-stl-hotspot-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-stl-hotspot-btn:hover { transform: scale(1.1) !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-stl-hotspot-pulse { animation-fill-mode: none !important; } } /* Shop the look button */ #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-stl-shop-all-btn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #fv-chart-1778514868201-72vuvzg1g .fv-stl-shop-all-btn:hover { background-color: #ffffff !important; transform: scale(1.05) !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g { 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-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g { position: absolute !important; padding: 0 !important; align-items: flex-end !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g.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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.is-active .fv-stl-all-products-content { opacity: 1 !important; transform: scale(1) !important; } #fv-chart-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g.is-active .fv-stl-all-products-content { transform: translateY(0) !important; } /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g.v2 { align-items: flex-end !important; padding: 0 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g.v2:not(.mobile-view *) { justify-content: flex-end !important; } } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g.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-1778514868201-72vuvzg1g.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-1778514868201-72vuvzg1g.v2.is-active .fv-stl-all-products-content { transform: translateY(0) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-header { padding: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-logo { height: 1.5rem !important; width: auto !important; object-fit: contain !important; } #fv-chart-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-logo { height: 1.25rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; } #fv-chart-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-title { font-size: 1.125rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-list { padding: 0.75rem !important; gap: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-item { margin: 0 !important; padding: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-link { padding: 0.5rem !important; border-radius: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-stl-all-products-image-container { position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; } #fv-chart-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-image-container { margin-right: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-image-wrapper { width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-image { width: 100% !important; height: 100% !important; object-fit: cover !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-placeholder { width: 2rem !important; height: 2rem !important; color: #d1d5db !important; } #fv-chart-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-placeholder { width: 1.5rem !important; height: 1.5rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-info { margin-top: 0 !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-brand { font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-name { font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-meta { display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; } #fv-chart-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-meta { font-size: 0.75rem !important; margin-bottom: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-price { font-weight: 700 !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-sale-price { font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; } #fv-chart-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-sale-price { margin-right: 0.375rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-original-price { color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; } #fv-chart-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-original-price { font-size: 0.625rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-commentary { font-size: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-action { width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; } #fv-chart-1778514868201-72vuvzg1g.mobile-view #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .fv-stl-all-products-action svg { width: 14px !important; height: 14px !important; } #fv-stl-all-products-modal-fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-ia-container { position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; } #fv-chart-1778514868201-72vuvzg1g .fv-ia-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1778514868201-72vuvzg1g.fv-full-bleed .fv-ia-container { width: 100% !important; } #fv-chart-1778514868201-72vuvzg1g.fv-full-bleed .fv-ia-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1778514868201-72vuvzg1g .fv-ia-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1778514868201-72vuvzg1g .fv-ia-node-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-ia-node-button:hover { transform: scale(1.1) !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-ia-node-button:hover + .fv-ia-static-tooltip { display: block !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-logo-explore-bar .fv-logo { margin: 0 auto !important; } #fv-chart-1778514868201-72vuvzg1g .fv-ia-explore-wrapper { position: absolute !important; right: 0 !important; } #fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-logo-explore-bar { flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; } #fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-ia-explore-wrapper { position: static !important; align-self: flex-end !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-ia-explore-btn svg { transition: transform 0.2s !important; } #fv-chart-1778514868201-72vuvzg1g .fv-ia-explore-btn:hover svg { transform: translateX(2px) !important; } /* IA Modal Styles */ #fv-chart-1778514868201-72vuvzg1g .fv-ia-active-modal-container { display: none !important; } #fv-chart-1778514868201-72vuvzg1g .fv-ia-modals { display: block !important; position: static !important; } #fv-chart-1778514868201-72vuvzg1g .fv-ia-modal-item { display: none !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-ia-close-button:hover { background: #e5e7eb !important; color: #111827 !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g.mobile-view .fv-ia-node-description { font-size: 0.875rem !important; } /* Error Handling */ #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-countdown-labels > div { flex: 1 !important; text-align: center !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-countdown-digits > div.digit-box { flex: 1 !important; text-align: center !important; white-space: nowrap !important; } #fv-chart-1778514868201-72vuvzg1g .fv-countdown-digits > div.colon { flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-countdown-container { padding: 2rem !important; } #fv-chart-1778514868201-72vuvzg1g .fv-countdown-title { font-size: 1.75rem !important; } #fv-chart-1778514868201-72vuvzg1g .fv-countdown-subhead { font-size: 1.25rem !important; } #fv-chart-1778514868201-72vuvzg1g .fv-countdown-digits { font-size: 2.25rem !important; letter-spacing: 0 !important; } #fv-chart-1778514868201-72vuvzg1g .fv-countdown-labels { font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; } #fv-chart-1778514868201-72vuvzg1g .fv-countdown-box { padding: 1.5rem 0 !important; } #fv-chart-1778514868201-72vuvzg1g .fv-countdown-digits > div.colon { top: -4px !important; } #fv-chart-1778514868201-72vuvzg1g .fv-countdown-spike-l { left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; } #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-countdown-digits { font-size: 3.5rem !important; letter-spacing: 0.05em !important; } #fv-chart-1778514868201-72vuvzg1g .fv-countdown-digits > div.colon { top: -5px !important; } } /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-pie-container, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-bar-row, #fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-stacked-product, #fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-grouped-bar-product, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-bar-row, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-stacked-product, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1778514868201-72vuvzg1g.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-1778514868201-72vuvzg1g.mobile-view .fv-bar-label, #fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-grouped-product-title, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-bar-label, #fv-chart-1778514868201-72vuvzg1g.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-1778514868201-72vuvzg1g.mobile-view .fv-bar-container, #fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-bar-cluster, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-bar-container, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-bar-cluster { width: 100% !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-x-axis-wrapper, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-x-axis-label-space, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-x-axis-label-space { display: none !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-x-axis-chart-space, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-benchmark-title, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-dropdown-title, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-carousel-nav-btn, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-chart-title, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-chart-title { padding: 0 8px !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-chart-subhead, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-versus-header, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-versus-select-wrapper, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-versus-vs, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-versus-select-container, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-versus-select, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-stl-shop-all-btn, #fv-chart-1778514868201-72vuvzg1g.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-1778514868201-72vuvzg1g.mobile-view .fv-stl-shop-all-logo, #fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-stl-shop-all-icon, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; }#fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1778514868201-72vuvzg1g.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1778514868201-72vuvzg1g.mobile-view .fv-y-axis-title { padding-left: 5% !important; /* (30/600) for mobile view */ } #fv-chart-1778514868201-72vuvzg1g.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1778514868201-72vuvzg1g .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1778514868201-72vuvzg1g .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1778514868201-72vuvzg1g .fv-bar-row, #fv-chart-1778514868201-72vuvzg1g .fv-stacked-product, #fv-chart-1778514868201-72vuvzg1g .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-bar-label, #fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-bar-container, #fv-chart-1778514868201-72vuvzg1g .fv-bar-cluster { width: 100% !important; }#fv-chart-1778514868201-72vuvzg1g .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1778514868201-72vuvzg1g .fv-x-axis-label-space { display: none !important; }#fv-chart-1778514868201-72vuvzg1g .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1778514868201-72vuvzg1g .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1778514868201-72vuvzg1g .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1778514868201-72vuvzg1g .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1778514868201-72vuvzg1g .fv-chart-title { padding: 0 8px !important; }#fv-chart-1778514868201-72vuvzg1g .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1778514868201-72vuvzg1g .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1778514868201-72vuvzg1g .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1778514868201-72vuvzg1g .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1778514868201-72vuvzg1g .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1778514868201-72vuvzg1g .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1778514868201-72vuvzg1g .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1778514868201-72vuvzg1g .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1778514868201-72vuvzg1g .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1778514868201-72vuvzg1g .fv-versus-select { font-size: 14px !important; width: 100% !important; }#fv-chart-1778514868201-72vuvzg1g .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-1778514868201-72vuvzg1g .fv-stl-shop-all-logo, #fv-chart-1778514868201-72vuvzg1g .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; }#fv-chart-1778514868201-72vuvzg1g .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1778514868201-72vuvzg1g .fv-y-axis-title { padding-left: 5% !important; /* (30/600) for mobile view */ } #fv-chart-1778514868201-72vuvzg1g.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } } { “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “Thermal performance”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: { “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-11T15:54:28.202Z”, “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”, “Gaming Temps”, “Creator temps”, “Idle temps”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ { “@type”: “PropertyValue”, “name”: “Acer Predator Orion 7000 I RTX 5080 I 265KF – Gaming Temps”, “value”: 53, “unitText”: “Avg CPU Temp (°C)” }, { “@type”: “PropertyValue”, “name”: “Alienware Area-51 | RTX 5090 | 285K – Gaming Temps”, “value”: 52, “unitText”: “Avg CPU Temp (°C)” }, { “@type”: “PropertyValue”, “name”: “Corsair One | RTX 5080 | 285K – Gaming Temps”, “value”: 54, “unitText”: “Avg CPU Temp (°C)” }, { “@type”: “PropertyValue”, “name”: “Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Gaming Temps”, “value”: 63, “unitText”: “Avg CPU Temp (°C)” }, { “@type”: “PropertyValue”, “name”: “NZXT Player Three Prime | RTX 5090 | 9800X3D – Gaming Temps”, “value”: 63, “unitText”: “Avg CPU Temp (°C)” }, { “@type”: “PropertyValue”, “name”: “Acer Predator Orion 7000 I RTX 5080 I 265KF – Creator temps”, “value”: 72, “unitText”: “Max CPU temp (°C)” }, { “@type”: “PropertyValue”, “name”: “Alienware Area-51 | RTX 5090 | 285K – Creator temps”, “value”: 82, “unitText”: “Max CPU temp (°C)” }, { “@type”: “PropertyValue”, “name”: “Corsair One | RTX 5080 | 285K – Creator temps”, “value”: 88, “unitText”: “Max CPU temp (°C)” }, { “@type”: “PropertyValue”, “name”: “Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Creator temps”, “value”: 94, “unitText”: “Max CPU temp (°C)” }, { “@type”: “PropertyValue”, “name”: “NZXT Player Three Prime | RTX 5090 | 9800X3D – Creator temps”, “value”: 88, “unitText”: “Max CPU temp (°C)” }, { “@type”: “PropertyValue”, “name”: “Acer Predator Orion 7000 I RTX 5080 I 265KF – Idle temps”, “value”: 35, “unitText”: “CPU (°C)” }, { “@type”: “PropertyValue”, “name”: “Alienware Area-51 | RTX 5090 | 285K – Idle temps”, “value”: 30, “unitText”: “CPU (°C)” }, { “@type”: “PropertyValue”, “name”: “Corsair One | RTX 5080 | 285K – Idle temps”, “value”: 50, “unitText”: “CPU (°C)” }, { “@type”: “PropertyValue”, “name”: “Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 – Idle temps”, “value”: 49, “unitText”: “CPU (°C)” }, { “@type”: “PropertyValue”, “name”: “NZXT Player Three Prime | RTX 5090 | 9800X3D – Idle temps”, “value”: 43, “unitText”: “CPU (°C)” } ]}

Thermal performance

Gaming TempsCreator tempsIdle temps

Avg CPU Temp (°C)

Max CPU Temp (°C)

Avg GPU Temp (°C)

Max GPU Temp (°C)

Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2
63

68

51

53

NZXT Player Three Prime | RTX 5090 | 9800X3D
63

64

56

69

Alienware Area-51 | RTX 5090 | 285K
52

59

65

68

Corsair One | RTX 5080 | 285K
54

63

60

46

Acer Predator Orion 7000 I RTX 5080 I 265KF
53

62

64

48

020406080

Gaming Temps Data
Product Value
Maingear MG-1 Mk.II | RTX 5090 | 9950X3D2 63 Avg CPU Temp (°C), 68 Max CPU Temp (°C), 51 Avg GPU Temp (°C), 53 Max GPU Temp (°C)
NZXT Player Three Prime | RTX 5090 | 9800X3D 63 Avg CPU Temp (°C), 64 Max CPU Temp (°C), 56 Avg GPU Temp (°C), 69 Max GPU Temp (°C)
Alienware Area-51 | RTX 5090 | 285K 52 Avg CPU Temp (°C), 59 Max CPU Temp (°C), 65 Avg GPU Temp (°C), 68 Max GPU Temp (°C)
Corsair One | RTX 5080 | 285K 54 Avg CPU Temp (°C), 63 Max CPU Temp (°C), 60 Avg GPU Temp (°C), 46 Max GPU Temp (°C)
Acer Predator Orion 7000 I RTX 5080 I 265KF 53 Avg CPU Temp (°C), 62 Max CPU Temp (°C), 64 Avg GPU Temp (°C), 48 Max GPU Temp (°C)

window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (function() { /* Global animation function for slideshow re-use */ window.fvAnimateCharts = function(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(function(bar, index) { /* Reset to 0 first to ensure animation triggers */ bar.style.setProperty(‘width’, ‘0%’, ‘important’); bar.style.setProperty(‘transition’, ‘none’, ‘important’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Force reflow */ void bar.offsetWidth; setTimeout(function() { bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); }, index * 50 + 50); /* Reduced initial delay */ }); } function animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(function(p, i) { if (typeof p.getTotalLength === ‘function’) { var len = p.getTotalLength(); p.style.transition = ‘none’; p.style.strokeDasharray = len; p.style.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(function() { p.style.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.style.strokeDashoffset = ‘0’; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(function(dot, i) { dot.style.opacity = ‘0’; setTimeout(function() { dot.style.transition = ‘opacity 0.3s ease’; dot.style.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(function(chart) { /* If in carousel/dropdown mode, hidden charts are display:none. */ /* We only animate what is visible. */ if (window.getComputedStyle(chart).display === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); /* In slideshow mode, ‘root’ will be null because the container has ‘-slideshow’ suffix. */ /* We handle that logic below. */ if (!root && !isSlideshow) return; /* Setup internal interactions (Carousel/Dropdown/LineChart) for a specific chart wrapper */ function setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive mobile view handling */ function checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height) <= 599; var isMobile; if (width === 0) { /* Fallback for when width isn't available yet (e.g., hidden tab) */ isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { /* Mobile if container is small OR if it's a physical mobile device (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner = ‘left’; if (rightNum > 0) { var diff = Math.round(((leftNum – rightNum) / rightNum) * 100); pctDiffStr = ‘+’ + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner = ‘right’; if (leftNum > 0) { var diff = Math.round(((rightNum – leftNum) / leftNum) * 100); pctDiffStr = ‘+’ + diff.toLocaleString() + ‘%’; } } } var leftDisplay = data.productData[leftProduct] && data.productData[leftProduct].displayValue !== undefined ? data.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = data.productData[rightProduct] && data.productData[rightProduct].displayValue !== undefined ? data.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (data.productData[leftProduct] && data.productData[leftProduct].unit) || (data.productData[rightProduct] && data.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(function(el) { el.remove(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = document.createElement(‘span’); pctSpan.className = ‘fv-versus-pct-diff’; pctSpan.style.color = ‘rgba(255, 255, 255, 0.9)’; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘right’ && pctDiffStr) { var pctSpan = document.createElement(‘span’); pctSpan.className = ‘fv-versus-pct-diff’; pctSpan.style.color = ‘rgba(255, 255, 255, 0.9)’; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.style.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.style.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.style.width = leftWidth + ‘%’; } if (rightBar) { rightBar.style.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.style.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.style.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = data.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.next’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Text Elements */ var subheadEl = chartWrapper.querySelector(‘.fv-chart-subhead’); var captionEl = chartWrapper.querySelector(‘.rv-chart-caption’); var footerContentEl = chartWrapper.querySelector(‘.fv-footer-content’); var bottomBarEl = chartWrapper.querySelector(‘.fv-bottom-bar’); var logoEl = chartWrapper.querySelector(‘.fv-logo’); if (charts.length > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.options).map(function(o) { return o.text; }); } else { charts.forEach(function(c) { titles.push(c.getAttribute(‘data-title’) || ”); }); } function showInternalChart(index) { if (index = charts.length) index = 0; currentChartIndex = index; charts.forEach(function(c, i) { c.style.display = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if needed */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Update labels-on-top based on current chart type */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.remove(‘labels-on-top’); } } }); if (dropdown) dropdown.value = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.length; /* Update Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); 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 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 = 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 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.

(Image credit: Future)

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.

A close-up photo of the internal cable management of a Maingear MG-1 Mk.II gaming PC
Future
A close-up photo of the GPU mounting bracket inside a Maingear MG-1 Mk.II gaming PC
Future

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.