Pc Gamers

Single-channel DRAM is bad news for PC gaming but depending on what CPU you have, it’s not actually as awful as you might think | ongames

<a href=ongames.cc">Single-channel DRAM is bad news for PC gaming but depending on what CPU you have, it's not actually as awful as you might think" style="max-width:100%;border-radius:12px;margin-bottom:25px">

Single-channel DRAM is bad news for PC gaming but depending on what CPU you have, it's not actually as awful as you might think

While PC gaming has never been an ultra-cheap hobby, the current AI-induced global memory supply crisis has made it painfully pricey. With DRAM kits and SSDs now three to four times more expensive than they were 12 months ago, nothing is off the table when it comes to finding ways to save some money.

All of which got me thinking: Is it worth using a single stick of memory compared to shelling out for a dual-channel kit, be it separately or as part of a prebuilt gaming PC? We’re always told that this isn’t a good idea, but if you bought a 32 GB kit with a friend and split the memory between the two of you, that would actually save you a bit of money over buying a full 16 GB kit.

So armed with a deerstalker hat, magnifying glass, pipe… oh, and a host of PC parts, I’ve delved into the whole single vs dual-channel DRAM debate. What I’ve discovered will help you make the right choice when it comes to choosing your next gaming PC or planning a full upgrade.

What is a DRAM channel?

AMD Zen 4 architecture

All AMD Ryzen chips have two DRAM controllers (Image credit: AMD)

For more years than I can remember, CPUs in desktop PCs and laptops have sported two independent memory controllers. Originally, they were part of the motherboard chipset (specifically the bit called the Northbridge), but they’re now all buried inside the processor die.

The controllers basically handle everything to do with the computer’s system memory, reading and writing data, telling the DRAM chips when to refresh, and so on. By having two independent controllers, i.e. dual channels to the memory, you can theoretically get twice the performance, though separate controllers also help to reduce latencies because you can have one reading while the other is writing, for example.

Which pretty much suggests that using a single channel is bad news, right? Well, not necessarily, because modern CPUs have a lot of cache, which goes a long way to reducing the data demands on the memory controllers. If the data required by an instruction is already stored in cache, it doesn’t need to be fetched from the system memory.

So for CPUs with lots of cache, single-channel DRAM might not be as much of an issue as you think. Especially if the DRAM is fast, with lots of bandwidth, too. There’s only one way to find out.

Big cache, fast DRAM

A screenshot of AMD's announcement video for the Ryzen 7 9800X3D processor, showing a stylized image of a Zen 5 CCD with the 3D V-Cache layer underneath

(Image credit: AMD)

To kick things off, I’m using a Ryzen 9 9950X3D, a processor with an enormous 128 MB of Level 3 cache, split 96+32 across its two core chiplets. Even though games will pretty much only use one of those chiplets, AMD’s software ensures that it will be the 96 MB chiplet.

That’s been paired with a GeForce RTX 5090 and 32 GB of dual-channel DDR5-6000 CL32, and while that’s not the fastest memory you can buy, it’s still pretty speedy stuff. Sure, these are some of the most expensive parts you can stuff in a gaming PC, especially the graphics card, but in gaming, this particular CPU isn’t a great deal faster than a Ryzen 7 9800X3D or any Zen 5-based processor with 3D V-Cache, for that matter.

The results below are for six different games, all running at 4K native resolution (no upscaling or frame generation), with every graphics option set to the maximum value. Where available, ray tracing or path tracing has been enabled, too. This is to ensure that the game is putting the biggest load it can onto the graphics card, to see what impact single-channel DRAM has in GPU-limited situations.

@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); /* Reset & Base */ #fv-chart-1777375876322-14ytr2gic *, #fv-chart-1777375876322-14ytr2gic *:before, #fv-chart-1777375876322-14ytr2gic *:after, #fv-chart-1777375876322-14ytr2gic-slideshow *, #fv-chart-1777375876322-14ytr2gic-slideshow *:before, #fv-chart-1777375876322-14ytr2gic-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1777375876322-14ytr2gic, #fv-chart-1777375876322-14ytr2gic-slideshow { font-family: ‘Open Sans’, sans-serif !important; } /* Main Wrappers */ #fv-chart-1777375876322-14ytr2gic { position: relative !important; overflow: visible !important; –riv-primary: #E33235; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1777375876322-14ytr2gic.fv-full-bleed { width: 100vw !important; margin-left: calc(50% – 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1777375876322-14ytr2gic.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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; } #fv-chart-1777375876322-14ytr2gic-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1777375876322-14ytr2gic-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-1777375876322-14ytr2gic-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-1777375876322-14ytr2gic-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-1777375876322-14ytr2gic-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1777375876322-14ytr2gic-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1777375876322-14ytr2gic-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-1777375876322-14ytr2gic-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-1777375876322-14ytr2gic-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-1777375876322-14ytr2gic-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } /* Typography */ #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1777375876322-14ytr2gic .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1777375876322-14ytr2gic .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1777375876322-14ytr2gic .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1777375876322-14ytr2gic .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1777375876322-14ytr2gic .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1777375876322-14ytr2gic .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1777375876322-14ytr2gic .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1777375876322-14ytr2gic .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1777375876322-14ytr2gic .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1777375876322-14ytr2gic .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1777375876322-14ytr2gic .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1777375876322-14ytr2gic .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1777375876322-14ytr2gic .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1777375876322-14ytr2gic .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1777375876322-14ytr2gic .fv-versus-val-text { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1777375876322-14ytr2gic .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1777375876322-14ytr2gic.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1777375876322-14ytr2gic .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1777375876322-14ytr2gic .fv-image-compare-expand-btn, #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-image-compare-expand-btn:hover, #fv-chart-1777375876322-14ytr2gic .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1777375876322-14ytr2gic .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } /* Fullscreen State */ #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1777375876322-14ytr2gic .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1777375876322-14ytr2gic .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } /* Footer */ #fv-chart-1777375876322-14ytr2gic .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1777375876322-14ytr2gic .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1777375876322-14ytr2gic .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1777375876322-14ytr2gic .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1777375876322-14ytr2gic .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } /* Legend */ #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1777375876322-14ytr2gic .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } /* Multi-Value Legend */ #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } /* Chart Core Styles */ #fv-chart-1777375876322-14ytr2gic .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-bar-row, #fv-chart-1777375876322-14ytr2gic .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1777375876322-14ytr2gic .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(–riv-primary) !important; } /* Multi-Value Bar Logic */ #fv-chart-1777375876322-14ytr2gic .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1777375876322-14ytr2gic .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } /* Stacked Bar */ #fv-chart-1777375876322-14ytr2gic .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1777375876322-14ytr2gic .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } /* Grouped Bar */ #fv-chart-1777375876322-14ytr2gic .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1777375876322-14ytr2gic .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1777375876322-14ytr2gic .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1777375876322-14ytr2gic .fv-bar-cluster .fv-bar-container { height: 20px !important; } /* Line Chart Grid */ #fv-chart-1777375876322-14ytr2gic .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } /* X-Axis */ #fv-chart-1777375876322-14ytr2gic .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1777375876322-14ytr2gic .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1777375876322-14ytr2gic .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1777375876322-14ytr2gic .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1777375876322-14ytr2gic .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-stl-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1777375876322-14ytr2gic.fv-full-bleed .fv-stl-container { width: 100% !important; } #fv-chart-1777375876322-14ytr2gic.fv-full-bleed .fv-stl-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1777375876322-14ytr2gic .fv-stl-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1777375876322-14ytr2gic .fv-stl-hotspot-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-stl-hotspot-btn:hover { transform: scale(1.1) !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-stl-hotspot-pulse { animation-fill-mode: none !important; } } /* Shop the look button */ #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-stl-shop-all-btn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #fv-chart-1777375876322-14ytr2gic .fv-stl-shop-all-btn:hover { background-color: #ffffff !important; transform: scale(1.05) !important; } #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic { 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-1777375876322-14ytr2gic.mobile-view #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic { position: absolute !important; padding: 0 !important; align-items: flex-end !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic.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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic.mobile-view #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic.is-active .fv-stl-all-products-content { opacity: 1 !important; transform: scale(1) !important; } #fv-chart-1777375876322-14ytr2gic.mobile-view #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic.is-active .fv-stl-all-products-content { transform: translateY(0) !important; } /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic.v2 { align-items: flex-end !important; padding: 0 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic.v2:not(.mobile-view *) { justify-content: flex-end !important; } } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic.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-1777375876322-14ytr2gic.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-1777375876322-14ytr2gic.v2.is-active .fv-stl-all-products-content { transform: translateY(0) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1rem 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.5) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-stl-all-products-list { list-style: none !important; padding: 0.75rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-item { margin: 0 !important; padding: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-link { display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-stl-all-products-image-container { position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-number { position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-image-wrapper { width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-image { width: 100% !important; height: 100% !important; object-fit: cover !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-placeholder { width: 2rem !important; height: 2rem !important; color: #d1d5db !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-info { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-brand { font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-name { font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-meta { display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-price { font-weight: 700 !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-sale-price { font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-original-price { color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-commentary { font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-action { width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; } #fv-stl-all-products-modal-fv-chart-1777375876322-14ytr2gic .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; } /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1777375876322-14ytr2gic.mobile-view .fv-pie-container, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-bar-row, #fv-chart-1777375876322-14ytr2gic.mobile-view .fv-stacked-product, #fv-chart-1777375876322-14ytr2gic.mobile-view .fv-grouped-bar-product, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-bar-row, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-stacked-product, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1777375876322-14ytr2gic.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-1777375876322-14ytr2gic.mobile-view .fv-bar-label, #fv-chart-1777375876322-14ytr2gic.mobile-view .fv-grouped-product-title, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-bar-label, #fv-chart-1777375876322-14ytr2gic.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-1777375876322-14ytr2gic.mobile-view .fv-bar-container, #fv-chart-1777375876322-14ytr2gic.mobile-view .fv-bar-cluster, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-bar-container, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-bar-cluster { width: 100% !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-x-axis-wrapper, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-x-axis-label-space, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-x-axis-label-space { display: none !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-x-axis-chart-space, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-benchmark-title, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-dropdown-title, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-carousel-nav-btn, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-chart-title, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-chart-title { padding: 0 8px !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-chart-subhead, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-versus-header, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-versus-select-wrapper, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-versus-vs, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-versus-select-container, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1777375876322-14ytr2gic.mobile-view .fv-versus-select, #fv-chart-1777375876322-14ytr2gic.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1777375876322-14ytr2gic.mobile-view .fv-y-axis-title { padding-left: 5% !important; /* (30/600) for mobile view */ } #fv-chart-1777375876322-14ytr2gic.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1777375876322-14ytr2gic .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1777375876322-14ytr2gic .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1777375876322-14ytr2gic .fv-bar-row, #fv-chart-1777375876322-14ytr2gic .fv-stacked-product, #fv-chart-1777375876322-14ytr2gic .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-bar-label, #fv-chart-1777375876322-14ytr2gic .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-1777375876322-14ytr2gic .fv-bar-container, #fv-chart-1777375876322-14ytr2gic .fv-bar-cluster { width: 100% !important; }#fv-chart-1777375876322-14ytr2gic .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1777375876322-14ytr2gic .fv-x-axis-label-space { display: none !important; }#fv-chart-1777375876322-14ytr2gic .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1777375876322-14ytr2gic .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1777375876322-14ytr2gic .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1777375876322-14ytr2gic .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1777375876322-14ytr2gic .fv-chart-title { padding: 0 8px !important; }#fv-chart-1777375876322-14ytr2gic .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1777375876322-14ytr2gic .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1777375876322-14ytr2gic .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1777375876322-14ytr2gic .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1777375876322-14ytr2gic .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1777375876322-14ytr2gic .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1777375876322-14ytr2gic .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1777375876322-14ytr2gic .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1777375876322-14ytr2gic .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1777375876322-14ytr2gic .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1777375876322-14ytr2gic .fv-y-axis-title { padding-left: 5% !important; /* (30/600) for mobile view */ } #fv-chart-1777375876322-14ytr2gic.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } } { “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “DRAM channel benchmarks | Max graphics”, “description”: “Ryzen 9 9950X3D, RTX 5090”, “creator”: { “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-04-28T11:31:16.322Z”, “citation”: “Add your caption to explain the data, the learnings and the key takeaways of the data being visualized”, “keywords”: [ “5090 – 32 GB dual channel”, “5090 – 16 GB single channel”, “5090 – 32 GB single channel”, “Black Myth: Wukong (4K Cinematic/Full Path Tracing)”, “Hogwarts Legacy (4K Ultra/Ultra RT)”, “F1 25 (4K Ultra w/ PT)”, “Marvel’s Spider-Man Remastered (4K Very High w/ RT)”, “Baldur’s Gate 3 (4K Ultra)”, “Counter-Strike 2 (4K Very High)”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 16 GB single channel – Black Myth: Wukong (4K Cinematic/Full Path Tracing)”, “value”: 28, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB dual channel – Black Myth: Wukong (4K Cinematic/Full Path Tracing)”, “value”: 28, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB single channel – Black Myth: Wukong (4K Cinematic/Full Path Tracing)”, “value”: 28, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 16 GB single channel – Hogwarts Legacy (4K Ultra/Ultra RT)”, “value”: 76, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB dual channel – Hogwarts Legacy (4K Ultra/Ultra RT)”, “value”: 81, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB single channel – Hogwarts Legacy (4K Ultra/Ultra RT)”, “value”: 81, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 16 GB single channel – F1 25 (4K Ultra w/ PT)”, “value”: 64, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB dual channel – F1 25 (4K Ultra w/ PT)”, “value”: 65, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB single channel – F1 25 (4K Ultra w/ PT)”, “value”: 64, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 16 GB single channel – Marvel’s Spider-Man Remastered (4K Very High w/ RT)”, “value”: 119, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB dual channel – Marvel’s Spider-Man Remastered (4K Very High w/ RT)”, “value”: 142, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB single channel – Marvel’s Spider-Man Remastered (4K Very High w/ RT)”, “value”: 136, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 16 GB single channel – Baldur’s Gate 3 (4K Ultra)”, “value”: 140, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB dual channel – Baldur’s Gate 3 (4K Ultra)”, “value”: 156, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB single channel – Baldur’s Gate 3 (4K Ultra)”, “value”: 143, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 16 GB single channel – Counter-Strike 2 (4K Very High)”, “value”: 357, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB dual channel – Counter-Strike 2 (4K Very High)”, “value”: 383, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB single channel – Counter-Strike 2 (4K Very High)”, “value”: 374, “unitText”: “Avg FPS” } ]}

DRAM channel benchmarks | Max graphics

Ryzen 9 9950X3D, RTX 5090

Black Myth: Wukong (4K Cinematic/Full Path Tracing)Hogwarts Legacy (4K Ultra/Ultra RT)F1 25 (4K Ultra w/ PT)Marvel’s Spider-Man Remastered (4K Very High w/ RT)Baldur’s Gate 3 (4K Ultra)Counter-Strike 2 (4K Very High)

Avg FPS

1% Low FPS

DDR5-6000 | 32 GB dual channel
28

21

DDR5-6000 | 16 GB single channel
28

20

DDR5-6000 | 32 GB single channel
28

20

07.51522.530

Black Myth: Wukong (4K Cinematic/Full Path Tracing) Data
Product Value
DDR5-6000 | 32 GB dual channel 28 Avg FPS, 21 1% Low FPS
DDR5-6000 | 16 GB single channel 28 Avg FPS, 20 1% Low FPS
DDR5-6000 | 32 GB single channel 28 Avg FPS, 20 1% Low FPS

Avg FPS

1% Low FPS

DDR5-6000 | 32 GB dual channel
81

35

DDR5-6000 | 16 GB single channel
76

26

DDR5-6000 | 32 GB single channel
81

33

0255075100

Hogwarts Legacy (4K Ultra/Ultra RT) Data
Product Value
DDR5-6000 | 32 GB dual channel 81 Avg FPS, 35 1% Low FPS
DDR5-6000 | 16 GB single channel 76 Avg FPS, 26 1% Low FPS
DDR5-6000 | 32 GB single channel 81 Avg FPS, 33 1% Low FPS

Avg FPS

1% Low FPS

DDR5-6000 | 32 GB dual channel
65

38

DDR5-6000 | 16 GB single channel
64

38

DDR5-6000 | 32 GB single channel
64

38

020406080

F1 25 (4K Ultra w/ PT) Data
Product Value
DDR5-6000 | 32 GB dual channel 65 Avg FPS, 38 1% Low FPS
DDR5-6000 | 16 GB single channel 64 Avg FPS, 38 1% Low FPS
DDR5-6000 | 32 GB single channel 64 Avg FPS, 38 1% Low FPS

Avg FPS

1% Low FPS

DDR5-6000 | 32 GB dual channel
142

67

DDR5-6000 | 16 GB single channel
119

54

DDR5-6000 | 32 GB single channel
136

64

037.575112.5150

Marvel’s Spider-Man Remastered (4K Very High w/ RT) Data
Product Value
DDR5-6000 | 32 GB dual channel 142 Avg FPS, 67 1% Low FPS
DDR5-6000 | 16 GB single channel 119 Avg FPS, 54 1% Low FPS
DDR5-6000 | 32 GB single channel 136 Avg FPS, 64 1% Low FPS

Avg FPS

1% Low FPS

DDR5-6000 | 32 GB dual channel
156

73

DDR5-6000 | 16 GB single channel
140

66

DDR5-6000 | 32 GB single channel
143

68

050100150200

Baldur’s Gate 3 (4K Ultra) Data
Product Value
DDR5-6000 | 32 GB dual channel 156 Avg FPS, 73 1% Low FPS
DDR5-6000 | 16 GB single channel 140 Avg FPS, 66 1% Low FPS
DDR5-6000 | 32 GB single channel 143 Avg FPS, 68 1% Low FPS

Avg FPS

1% Low FPS

DDR5-6000 | 32 GB dual channel
383

238

DDR5-6000 | 16 GB single channel
357

202

DDR5-6000 | 32 GB single channel
374

238

0100200300400

Counter-Strike 2 (4K Very High) Data
Product Value
DDR5-6000 | 32 GB dual channel 383 Avg FPS, 238 1% Low FPS
DDR5-6000 | 16 GB single channel 357 Avg FPS, 202 1% Low FPS
DDR5-6000 | 32 GB single channel 374 Avg FPS, 238 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’); if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().length > 0) { footerContentEl.style.display = ‘block’; if (bottomBarEl) bottomBarEl.style.display = ‘flex’; } else { footerContentEl.style.display = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.style.display = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, function(e) { showInternalChart(parseInt(e.target.value)); }); if (prevBtn) prevBtn.addEventListener(‘click’, function() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click’, function() { showInternalChart(currentChartIndex + 1); }); } // Image Comparison Logic var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(function(wrapper) { var inner = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; // Zoom state var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; function updateTransform() { if (wrapper.classList.contains(‘fv-image-compare-fullscreen’)) { inner.style.setProperty(‘transform’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘important’); } else { inner.style.removeProperty(‘transform’); scale = 1; panX = 0; panY = 0; } } function constrainPan() { var rect = wrapper.getBoundingClientRect(); // Max pan depends on how much the image is scaled beyond the wrapper var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.height * scale – rect.height) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, function(e) { if (!wrapper.classList.contains(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.top – rect.height / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, function(e) { if (!wrapper.classList.contains(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, function() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, function(e) { if (!wrapper.classList.contains(‘fv-image-compare-fullscreen’)) return; if (e.touches.length === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.top – rect.height / 2; hasPanned = true; // Prevent click after pinch } else if (e.touches.length === 1 && scale > 1) { if (e.target.closest(‘.fv-image-compare-slider’) || e.target.closest(‘button’)) return; isPanning = true; hasPanned = false; lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; } }, { passive: false }); wrapper.addEventListener(‘touchmove’, function(e) { if (!wrapper.classList.contains(‘fv-image-compare-fullscreen’)) return; if (e.touches.length === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.top – rect.height / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.length === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, function(e) { if (e.touches.length < 2) { initialDistance = null; } if (e.touches.length === 0) { isPanning = false; } }); function handleMove(clientX) { var rect = inner.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var percent = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.style.setProperty('left', percent + '%', 'important'); if (fgImage) fgImage.style.setProperty('clip-path', 'polygon(0 0, ' + percent + '% 0, ' + percent + '% 100%, 0 100%)', 'important'); if (labelLeft) { if (percent 90) { labelRight.style.setProperty(‘opacity’, ‘0’, ‘important’); } else { labelRight.style.setProperty(‘opacity’, ‘1’, ‘important’); } } } function onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } function onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } function stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, function(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, function(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } // Expand/Close Logic var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.parent) { expandBtn.style.display = ‘none’; } else { expandBtn.addEventListener(‘click’, function(e) { // e.preventDefault(); // Removed to allow text selection e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); document.body.style.overflow = ‘hidden’; // Load high-res images if available if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click’, function(e) { // e.preventDefault(); // Removed to allow text selection e.stopPropagation(); wrapper.classList.remove(‘fv-image-compare-fullscreen’); document.body.style.overflow = ”; updateTransform(); }); } // Close on Escape document.addEventListener(‘keydown’, function(e) { if (e.key === ‘Escape’ && wrapper.classList.contains(‘fv-image-compare-fullscreen’)) { wrapper.classList.remove(‘fv-image-compare-fullscreen’); document.body.style.overflow = ”; updateTransform(); } }); }); // Shop The Look Hotspots var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); // Remove highlights var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) { item.classList.remove(‘is-highlighted’); }); // Remove min-height after transition if (stlContainer) { setTimeout(function() { if (!allProductsModal.classList.contains(‘is-active’)) { stlContainer.style.minHeight = ”; if (‘parentIFrame’ in window) { window.parentIFrame.size(); } } }, 300); } } hotspots.forEach(function(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.size(); } } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) { btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); // Ensure container is tall enough var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } // Highlight and scroll to item var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(function() { targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.size(); } } }); }); // Shop All button if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); // Ensure container is tall enough var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } if ('parentIFrame' in window) { window.parentIFrame.size(); } }); } // Close button in all products modal if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } // Close modals when clicking outside chartWrapper.addEventListener('click', function(e) { // Only close if clicking on the wrapper or container, not inside a modal content if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); if (allProductsModal) { allProductsModal.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); } // Initial Animation window.fvAnimateCharts(chartWrapper); } if (false) { var slideshowContainer = document.getElementById(uniqueId + '-slideshow'); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll('.fv-slide'); slides.forEach(function(slide) { setupWrapper(slide.querySelector('.fv-chart-wrapper')); }); } } else { setupWrapper(root); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1777375876322-14ytr2gic', false); }); } else { initialize('fv-chart-1777375876322-14ytr2gic', false); } })();

Well, half of the games are GPU-limited in this instance, because the RTX 5090 has no problems churning out the frames in Spider-Man Remastered, Baldur’s Gate 3, and Counter-Strike 2. On the other hand, Black Myth: Wukong, F1 25, and Hogwarts Legacy are somewhat grindy with ray tracing/path tracing active.

I tested each game with the full dual-channel 32 GB, then tested them again with one DIMM removed. Finally, I swapped that single 16 GB stick of DRAM for a 32 GB one. It does have slightly better timings (two cycles snappier across the board), but it’s not enough of a difference to really stand out.

If you cycle through each game’s results, using the chart’s drop-down menu, you’ll see that single-channel DRAM doesn’t cause much of a performance drop, but only when the game isn’t restricted by how much memory is present. For example, the 1% low frame rates in Hogwarts Legacy fall by 26% when using one 16 GB DIMM, but that decrease is only 6% when using a 32 GB stick.

Interestingly, Counter-Strike 2 shows practically no difference in performance, single vs dual channel DRAM, which shows that the game isn’t shifting a great deal of data around during gameplay. Or rather, not enough to trouble the 9950X3D’s massive L3 cache and the RTX 5090’s enormous VRAM.

Now let’s take a look at a polar opposite scenario. I redid every test, but this time at 1080p native resolution and with every graphics option set to the lowest value. Visual niceties, such as ray tracing, were all disabled.

@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); /* Reset & Base */ #fv-chart-1777376297342-5edg0fsxq *, #fv-chart-1777376297342-5edg0fsxq *:before, #fv-chart-1777376297342-5edg0fsxq *:after, #fv-chart-1777376297342-5edg0fsxq-slideshow *, #fv-chart-1777376297342-5edg0fsxq-slideshow *:before, #fv-chart-1777376297342-5edg0fsxq-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1777376297342-5edg0fsxq, #fv-chart-1777376297342-5edg0fsxq-slideshow { font-family: ‘Open Sans’, sans-serif !important; } /* Main Wrappers */ #fv-chart-1777376297342-5edg0fsxq { position: relative !important; overflow: visible !important; –riv-primary: #E33235; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1777376297342-5edg0fsxq.fv-full-bleed { width: 100vw !important; margin-left: calc(50% – 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1777376297342-5edg0fsxq.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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; } #fv-chart-1777376297342-5edg0fsxq-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1777376297342-5edg0fsxq-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-1777376297342-5edg0fsxq-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-1777376297342-5edg0fsxq-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-1777376297342-5edg0fsxq-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1777376297342-5edg0fsxq-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1777376297342-5edg0fsxq-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-1777376297342-5edg0fsxq-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-1777376297342-5edg0fsxq-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-1777376297342-5edg0fsxq-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } /* Typography */ #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1777376297342-5edg0fsxq .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-val-text { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1777376297342-5edg0fsxq .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1777376297342-5edg0fsxq.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1777376297342-5edg0fsxq .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1777376297342-5edg0fsxq .fv-image-compare-expand-btn, #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-image-compare-expand-btn:hover, #fv-chart-1777376297342-5edg0fsxq .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1777376297342-5edg0fsxq .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } /* Fullscreen State */ #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1777376297342-5edg0fsxq .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1777376297342-5edg0fsxq .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } /* Footer */ #fv-chart-1777376297342-5edg0fsxq .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1777376297342-5edg0fsxq .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1777376297342-5edg0fsxq .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1777376297342-5edg0fsxq .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1777376297342-5edg0fsxq .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } /* Legend */ #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1777376297342-5edg0fsxq .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } /* Multi-Value Legend */ #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } /* Chart Core Styles */ #fv-chart-1777376297342-5edg0fsxq .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-bar-row, #fv-chart-1777376297342-5edg0fsxq .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1777376297342-5edg0fsxq .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(–riv-primary) !important; } /* Multi-Value Bar Logic */ #fv-chart-1777376297342-5edg0fsxq .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1777376297342-5edg0fsxq .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } /* Stacked Bar */ #fv-chart-1777376297342-5edg0fsxq .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1777376297342-5edg0fsxq .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } /* Grouped Bar */ #fv-chart-1777376297342-5edg0fsxq .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1777376297342-5edg0fsxq .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1777376297342-5edg0fsxq .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1777376297342-5edg0fsxq .fv-bar-cluster .fv-bar-container { height: 20px !important; } /* Line Chart Grid */ #fv-chart-1777376297342-5edg0fsxq .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } /* X-Axis */ #fv-chart-1777376297342-5edg0fsxq .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1777376297342-5edg0fsxq .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1777376297342-5edg0fsxq .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1777376297342-5edg0fsxq .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1777376297342-5edg0fsxq .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-stl-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1777376297342-5edg0fsxq.fv-full-bleed .fv-stl-container { width: 100% !important; } #fv-chart-1777376297342-5edg0fsxq.fv-full-bleed .fv-stl-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1777376297342-5edg0fsxq .fv-stl-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1777376297342-5edg0fsxq .fv-stl-hotspot-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-stl-hotspot-btn:hover { transform: scale(1.1) !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-stl-hotspot-pulse { animation-fill-mode: none !important; } } /* Shop the look button */ #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-stl-shop-all-btn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #fv-chart-1777376297342-5edg0fsxq .fv-stl-shop-all-btn:hover { background-color: #ffffff !important; transform: scale(1.05) !important; } #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq { 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-1777376297342-5edg0fsxq.mobile-view #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq { position: absolute !important; padding: 0 !important; align-items: flex-end !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq.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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq.mobile-view #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq.is-active .fv-stl-all-products-content { opacity: 1 !important; transform: scale(1) !important; } #fv-chart-1777376297342-5edg0fsxq.mobile-view #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq.is-active .fv-stl-all-products-content { transform: translateY(0) !important; } /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq.v2 { align-items: flex-end !important; padding: 0 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq.v2:not(.mobile-view *) { justify-content: flex-end !important; } } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq.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-1777376297342-5edg0fsxq.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-1777376297342-5edg0fsxq.v2.is-active .fv-stl-all-products-content { transform: translateY(0) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1rem 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.5) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-stl-all-products-list { list-style: none !important; padding: 0.75rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-item { margin: 0 !important; padding: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-link { display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-stl-all-products-image-container { position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-number { position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-image-wrapper { width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-image { width: 100% !important; height: 100% !important; object-fit: cover !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-placeholder { width: 2rem !important; height: 2rem !important; color: #d1d5db !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-info { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-brand { font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-name { font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-meta { display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-price { font-weight: 700 !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-sale-price { font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-original-price { color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-commentary { font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-action { width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; } #fv-stl-all-products-modal-fv-chart-1777376297342-5edg0fsxq .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; } /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-pie-container, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-bar-row, #fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-stacked-product, #fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-grouped-bar-product, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-bar-row, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-stacked-product, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1777376297342-5edg0fsxq.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-1777376297342-5edg0fsxq.mobile-view .fv-bar-label, #fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-grouped-product-title, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-bar-label, #fv-chart-1777376297342-5edg0fsxq.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-1777376297342-5edg0fsxq.mobile-view .fv-bar-container, #fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-bar-cluster, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-bar-container, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-bar-cluster { width: 100% !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-x-axis-wrapper, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-x-axis-label-space, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-x-axis-label-space { display: none !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-x-axis-chart-space, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-benchmark-title, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-dropdown-title, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-carousel-nav-btn, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-chart-title, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-chart-title { padding: 0 8px !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-chart-subhead, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-versus-header, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-versus-select-wrapper, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-versus-vs, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-versus-select-container, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-versus-select, #fv-chart-1777376297342-5edg0fsxq.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1777376297342-5edg0fsxq.mobile-view .fv-y-axis-title { padding-left: 5% !important; /* (30/600) for mobile view */ } #fv-chart-1777376297342-5edg0fsxq.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1777376297342-5edg0fsxq .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1777376297342-5edg0fsxq .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1777376297342-5edg0fsxq .fv-bar-row, #fv-chart-1777376297342-5edg0fsxq .fv-stacked-product, #fv-chart-1777376297342-5edg0fsxq .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-bar-label, #fv-chart-1777376297342-5edg0fsxq .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-1777376297342-5edg0fsxq .fv-bar-container, #fv-chart-1777376297342-5edg0fsxq .fv-bar-cluster { width: 100% !important; }#fv-chart-1777376297342-5edg0fsxq .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1777376297342-5edg0fsxq .fv-x-axis-label-space { display: none !important; }#fv-chart-1777376297342-5edg0fsxq .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1777376297342-5edg0fsxq .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1777376297342-5edg0fsxq .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1777376297342-5edg0fsxq .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1777376297342-5edg0fsxq .fv-chart-title { padding: 0 8px !important; }#fv-chart-1777376297342-5edg0fsxq .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1777376297342-5edg0fsxq .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1777376297342-5edg0fsxq .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1777376297342-5edg0fsxq .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1777376297342-5edg0fsxq .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1777376297342-5edg0fsxq .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1777376297342-5edg0fsxq .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1777376297342-5edg0fsxq .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1777376297342-5edg0fsxq .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1777376297342-5edg0fsxq .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1777376297342-5edg0fsxq .fv-y-axis-title { padding-left: 5% !important; /* (30/600) for mobile view */ } #fv-chart-1777376297342-5edg0fsxq.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } } { “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “DRAM channel benchmarks | Min graphics”, “description”: “Ryzen 9 9950X3D, RTX 5090”, “creator”: { “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-04-28T11:38:17.343Z”, “citation”: “Add your caption to explain the data, the learnings and the key takeaways of the data being visualized”, “keywords”: [ “5090 – 32 GB dual channel”, “5090 – 16 GB single channel”, “5090 – 32 GB single channel”, “Black Myth: Wukong (1080p Lowest)”, “Hogwarts Legacy (1080p Lowest)”, “F1 25 (1080p Lowest)”, “Marvel’s Spider-Man Remastered (1080p Lowest)”, “Baldur’s Gate 3 (1080p Lowest)”, “Counter-Strike 2 (1080p Lowest)”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 16 GB single channel – Black Myth: Wukong (1080p Lowest)”, “value”: 260, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB dual channel – Black Myth: Wukong (1080p Lowest)”, “value”: 269, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB single channel – Black Myth: Wukong (1080p Lowest)”, “value”: 267, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 16 GB single channel – Hogwarts Legacy (1080p Lowest)”, “value”: 238, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB dual channel – Hogwarts Legacy (1080p Lowest)”, “value”: 239, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB single channel – Hogwarts Legacy (1080p Lowest)”, “value”: 238, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 16 GB single channel – F1 25 (1080p Lowest)”, “value”: 353, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB dual channel – F1 25 (1080p Lowest)”, “value”: 380, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB single channel – F1 25 (1080p Lowest)”, “value”: 360, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 16 GB single channel – Marvel’s Spider-Man Remastered (1080p Lowest)”, “value”: 246, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB dual channel – Marvel’s Spider-Man Remastered (1080p Lowest)”, “value”: 247, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB single channel – Marvel’s Spider-Man Remastered (1080p Lowest)”, “value”: 246, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 16 GB single channel – Baldur’s Gate 3 (1080p Lowest)”, “value”: 174, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB dual channel – Baldur’s Gate 3 (1080p Lowest)”, “value”: 182, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB single channel – Baldur’s Gate 3 (1080p Lowest)”, “value”: 171, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 16 GB single channel – Counter-Strike 2 (1080p Lowest)”, “value”: 616, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB dual channel – Counter-Strike 2 (1080p Lowest)”, “value”: 645, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR5-6000 | 32 GB single channel – Counter-Strike 2 (1080p Lowest)”, “value”: 631, “unitText”: “Avg FPS” } ]}

DRAM channel benchmarks | Min graphics

Ryzen 9 9950X3D, RTX 5090

Black Myth: Wukong (1080p Lowest)Hogwarts Legacy (1080p Lowest)F1 25 (1080p Lowest)Marvel’s Spider-Man Remastered (1080p Lowest)Baldur’s Gate 3 (1080p Lowest)Counter-Strike 2 (1080p Lowest)

Avg FPS

1% Low FPS

DDR5-6000 | 32 GB dual channel
269

129

DDR5-6000 | 16 GB single channel
260

120

DDR5-6000 | 32 GB single channel
267

125

075150225300

Black Myth: Wukong (1080p Lowest) Data
Product Value
DDR5-6000 | 32 GB dual channel 269 Avg FPS, 129 1% Low FPS
DDR5-6000 | 16 GB single channel 260 Avg FPS, 120 1% Low FPS
DDR5-6000 | 32 GB single channel 267 Avg FPS, 125 1% Low FPS

Avg FPS

1% Low FPS

DDR5-6000 | 32 GB dual channel
239

92

DDR5-6000 | 16 GB single channel
238

85

DDR5-6000 | 32 GB single channel
238

85

075150225300

Hogwarts Legacy (1080p Lowest) Data
Product Value
DDR5-6000 | 32 GB dual channel 239 Avg FPS, 92 1% Low FPS
DDR5-6000 | 16 GB single channel 238 Avg FPS, 85 1% Low FPS
DDR5-6000 | 32 GB single channel 238 Avg FPS, 85 1% Low FPS

Avg FPS

1% Low FPS

DDR5-6000 | 32 GB dual channel
380

258

DDR5-6000 | 16 GB single channel
353

237

DDR5-6000 | 32 GB single channel
360

237

0100200300400

F1 25 (1080p Lowest) Data
Product Value
DDR5-6000 | 32 GB dual channel 380 Avg FPS, 258 1% Low FPS
DDR5-6000 | 16 GB single channel 353 Avg FPS, 237 1% Low FPS
DDR5-6000 | 32 GB single channel 360 Avg FPS, 237 1% Low FPS

Avg FPS

1% Low FPS

DDR5-6000 | 32 GB dual channel
247

136

DDR5-6000 | 16 GB single channel
246

130

DDR5-6000 | 32 GB single channel
246

132

075150225300

Marvel’s Spider-Man Remastered (1080p Lowest) Data
Product Value
DDR5-6000 | 32 GB dual channel 247 Avg FPS, 136 1% Low FPS
DDR5-6000 | 16 GB single channel 246 Avg FPS, 130 1% Low FPS
DDR5-6000 | 32 GB single channel 246 Avg FPS, 132 1% Low FPS

Avg FPS

1% Low FPS

DDR5-6000 | 32 GB dual channel
182

86

DDR5-6000 | 16 GB single channel
174

70

DDR5-6000 | 32 GB single channel
171

74

050100150200

Baldur’s Gate 3 (1080p Lowest) Data
Product Value
DDR5-6000 | 32 GB dual channel 182 Avg FPS, 86 1% Low FPS
DDR5-6000 | 16 GB single channel 174 Avg FPS, 70 1% Low FPS
DDR5-6000 | 32 GB single channel 171 Avg FPS, 74 1% Low FPS

Avg FPS

1% Low FPS

DDR5-6000 | 32 GB dual channel
645

212

DDR5-6000 | 16 GB single channel
616

202

DDR5-6000 | 32 GB single channel
631

211

0200400600800

Counter-Strike 2 (1080p Lowest) Data
Product Value
DDR5-6000 | 32 GB dual channel 645 Avg FPS, 212 1% Low FPS
DDR5-6000 | 16 GB single channel 616 Avg FPS, 202 1% Low FPS
DDR5-6000 | 32 GB single channel 631 Avg FPS, 211 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’); if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().length > 0) { footerContentEl.style.display = ‘block’; if (bottomBarEl) bottomBarEl.style.display = ‘flex’; } else { footerContentEl.style.display = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.style.display = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, function(e) { showInternalChart(parseInt(e.target.value)); }); if (prevBtn) prevBtn.addEventListener(‘click’, function() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click’, function() { showInternalChart(currentChartIndex + 1); }); } // Image Comparison Logic var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(function(wrapper) { var inner = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; // Zoom state var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; function updateTransform() { if (wrapper.classList.contains(‘fv-image-compare-fullscreen’)) { inner.style.setProperty(‘transform’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘important’); } else { inner.style.removeProperty(‘transform’); scale = 1; panX = 0; panY = 0; } } function constrainPan() { var rect = wrapper.getBoundingClientRect(); // Max pan depends on how much the image is scaled beyond the wrapper var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.height * scale – rect.height) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, function(e) { if (!wrapper.classList.contains(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.top – rect.height / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, function(e) { if (!wrapper.classList.contains(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, function() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, function(e) { if (!wrapper.classList.contains(‘fv-image-compare-fullscreen’)) return; if (e.touches.length === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.top – rect.height / 2; hasPanned = true; // Prevent click after pinch } else if (e.touches.length === 1 && scale > 1) { if (e.target.closest(‘.fv-image-compare-slider’) || e.target.closest(‘button’)) return; isPanning = true; hasPanned = false; lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; } }, { passive: false }); wrapper.addEventListener(‘touchmove’, function(e) { if (!wrapper.classList.contains(‘fv-image-compare-fullscreen’)) return; if (e.touches.length === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.top – rect.height / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.length === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, function(e) { if (e.touches.length < 2) { initialDistance = null; } if (e.touches.length === 0) { isPanning = false; } }); function handleMove(clientX) { var rect = inner.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var percent = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.style.setProperty('left', percent + '%', 'important'); if (fgImage) fgImage.style.setProperty('clip-path', 'polygon(0 0, ' + percent + '% 0, ' + percent + '% 100%, 0 100%)', 'important'); if (labelLeft) { if (percent 90) { labelRight.style.setProperty(‘opacity’, ‘0’, ‘important’); } else { labelRight.style.setProperty(‘opacity’, ‘1’, ‘important’); } } } function onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } function onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } function stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, function(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, function(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } // Expand/Close Logic var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.parent) { expandBtn.style.display = ‘none’; } else { expandBtn.addEventListener(‘click’, function(e) { // e.preventDefault(); // Removed to allow text selection e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); document.body.style.overflow = ‘hidden’; // Load high-res images if available if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click’, function(e) { // e.preventDefault(); // Removed to allow text selection e.stopPropagation(); wrapper.classList.remove(‘fv-image-compare-fullscreen’); document.body.style.overflow = ”; updateTransform(); }); } // Close on Escape document.addEventListener(‘keydown’, function(e) { if (e.key === ‘Escape’ && wrapper.classList.contains(‘fv-image-compare-fullscreen’)) { wrapper.classList.remove(‘fv-image-compare-fullscreen’); document.body.style.overflow = ”; updateTransform(); } }); }); // Shop The Look Hotspots var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); // Remove highlights var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) { item.classList.remove(‘is-highlighted’); }); // Remove min-height after transition if (stlContainer) { setTimeout(function() { if (!allProductsModal.classList.contains(‘is-active’)) { stlContainer.style.minHeight = ”; if (‘parentIFrame’ in window) { window.parentIFrame.size(); } } }, 300); } } hotspots.forEach(function(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.size(); } } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) { btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); // Ensure container is tall enough var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } // Highlight and scroll to item var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(function() { targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.size(); } } }); }); // Shop All button if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); // Ensure container is tall enough var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } if ('parentIFrame' in window) { window.parentIFrame.size(); } }); } // Close button in all products modal if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } // Close modals when clicking outside chartWrapper.addEventListener('click', function(e) { // Only close if clicking on the wrapper or container, not inside a modal content if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); if (allProductsModal) { allProductsModal.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); } // Initial Animation window.fvAnimateCharts(chartWrapper); } if (false) { var slideshowContainer = document.getElementById(uniqueId + '-slideshow'); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll('.fv-slide'); slides.forEach(function(slide) { setupWrapper(slide.querySelector('.fv-chart-wrapper')); }); } } else { setupWrapper(root); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1777376297342-5edg0fsxq', false); }); } else { initialize('fv-chart-1777376297342-5edg0fsxq', false); } })();

The size of the frame rates clearly indicates that we’re now in a more CPU-limited scenario, with the GPU barely being used at all in some cases. Naturally, you’d expect the amount of DRAM bandwidth to matter here, because if the game’s frame rate is waiting almost entirely on the CPU to churn out data, anything that will slow it down will surely affect the overall performance.

Once again, the power of AMD’s 3D V-Cache comes to the rescue. Everywhere except in Baldur’s Gate 3, though, as the 1% low frames took a 19% tumble with a single 16 GB DIMM and a 14% hit when using a 32 GB single-channel stick.

Baldur's Gate's outskirts

Baldur’s Gate 3 sulks a bit with single-channel DRAM (Image credit: Larian Studios)

The performance figures don’t quite paint a full picture, either, because using single-channel memory caused noticeable microstutters in every game. It was never especially bad, though there were times when I missed the apex of a corner in F1 25 because of a minor stutter.

However, none of this really matters because if you can afford a prebuilt gaming PC with a Ryzen 7 9800X3D, for example, it will almost certainly come with a dual-channel memory kit. And if you’re upgrading your current gaming PC to fit such a processor, you’ll probably be happy to fork out for a 32 GB twin-DIMM setup.

But what if your budget is considerably lower than this? What about if you’re considering getting a more affordable gaming PC that uses an older DDR4-powered Ryzen CPU? Specifically, one that has nowhere near as much cache as a 9950X3D.

Average cache, average DRAM

AMD Ryzen 5 5600X CPU with IHS removed

No 3D V-Cache on this 5600X. Nor a core chiplet. Oopsy. (Image credit: Fritzchens Fritz, Flickr, CC By 2.0 / https://creativecommons.org/licenses/by/2.0/)

To answer that question, I grabbed my Ryzen 5 5600X test rig, which has 32 MB of L3 cache. For a six-core, 12-thread processor, that’s actually quite a decent amount, though it’s in the same ballpark as most six/eight-core CPUs. This chip also uses DDR4 memory, so together, we’re down on cache and bandwidth compared to the previous setup.

I slapped 16 GB of DDR4-3200 CL16 and a GeForce RTX 4070 inside, to essentially make it an ‘affordable gaming PC’, and started another batch of gameplay testing. But rather than pulling one DIMM out, I just retested everything with a single 16 GB DIMM, as 8 GB of system memory would seriously affect the performance of the games.

For settings, I used a resolution of 1440p but with DLSS/FSR Quality enabled, so the actual rendering resolution is less than 1080p. This does force games to become somewhat CPU-limited, so I also set every game to use its High graphics preset. I know CS2 gamers would never do this, but we’ve already seen that this particular game isn’t especially sensitive to memory bandwidth.

@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); /* Reset & Base */ #fv-chart-1777376475150-qu80xad3x *, #fv-chart-1777376475150-qu80xad3x *:before, #fv-chart-1777376475150-qu80xad3x *:after, #fv-chart-1777376475150-qu80xad3x-slideshow *, #fv-chart-1777376475150-qu80xad3x-slideshow *:before, #fv-chart-1777376475150-qu80xad3x-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1777376475150-qu80xad3x, #fv-chart-1777376475150-qu80xad3x-slideshow { font-family: ‘Open Sans’, sans-serif !important; } /* Main Wrappers */ #fv-chart-1777376475150-qu80xad3x { position: relative !important; overflow: visible !important; –riv-primary: #E33235; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1777376475150-qu80xad3x.fv-full-bleed { width: 100vw !important; margin-left: calc(50% – 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1777376475150-qu80xad3x.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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; } #fv-chart-1777376475150-qu80xad3x-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1777376475150-qu80xad3x-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-1777376475150-qu80xad3x-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-1777376475150-qu80xad3x-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-1777376475150-qu80xad3x-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1777376475150-qu80xad3x-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1777376475150-qu80xad3x-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-1777376475150-qu80xad3x-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-1777376475150-qu80xad3x-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-1777376475150-qu80xad3x-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } /* Typography */ #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1777376475150-qu80xad3x .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1777376475150-qu80xad3x .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1777376475150-qu80xad3x .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1777376475150-qu80xad3x .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1777376475150-qu80xad3x .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1777376475150-qu80xad3x .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1777376475150-qu80xad3x .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1777376475150-qu80xad3x .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1777376475150-qu80xad3x .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1777376475150-qu80xad3x .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1777376475150-qu80xad3x .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1777376475150-qu80xad3x .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1777376475150-qu80xad3x .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1777376475150-qu80xad3x .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1777376475150-qu80xad3x .fv-versus-val-text { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1777376475150-qu80xad3x .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1777376475150-qu80xad3x.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1777376475150-qu80xad3x .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1777376475150-qu80xad3x .fv-image-compare-expand-btn, #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-image-compare-expand-btn:hover, #fv-chart-1777376475150-qu80xad3x .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1777376475150-qu80xad3x .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } /* Fullscreen State */ #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1777376475150-qu80xad3x .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1777376475150-qu80xad3x .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } /* Footer */ #fv-chart-1777376475150-qu80xad3x .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1777376475150-qu80xad3x .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1777376475150-qu80xad3x .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1777376475150-qu80xad3x .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1777376475150-qu80xad3x .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } /* Legend */ #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1777376475150-qu80xad3x .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } /* Multi-Value Legend */ #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } /* Chart Core Styles */ #fv-chart-1777376475150-qu80xad3x .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-bar-row, #fv-chart-1777376475150-qu80xad3x .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1777376475150-qu80xad3x .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(–riv-primary) !important; } /* Multi-Value Bar Logic */ #fv-chart-1777376475150-qu80xad3x .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1777376475150-qu80xad3x .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } /* Stacked Bar */ #fv-chart-1777376475150-qu80xad3x .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1777376475150-qu80xad3x .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } /* Grouped Bar */ #fv-chart-1777376475150-qu80xad3x .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1777376475150-qu80xad3x .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1777376475150-qu80xad3x .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1777376475150-qu80xad3x .fv-bar-cluster .fv-bar-container { height: 20px !important; } /* Line Chart Grid */ #fv-chart-1777376475150-qu80xad3x .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } /* X-Axis */ #fv-chart-1777376475150-qu80xad3x .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1777376475150-qu80xad3x .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1777376475150-qu80xad3x .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1777376475150-qu80xad3x .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1777376475150-qu80xad3x .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-stl-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1777376475150-qu80xad3x.fv-full-bleed .fv-stl-container { width: 100% !important; } #fv-chart-1777376475150-qu80xad3x.fv-full-bleed .fv-stl-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1777376475150-qu80xad3x .fv-stl-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1777376475150-qu80xad3x .fv-stl-hotspot-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-stl-hotspot-btn:hover { transform: scale(1.1) !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-stl-hotspot-pulse { animation-fill-mode: none !important; } } /* Shop the look button */ #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-stl-shop-all-btn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #fv-chart-1777376475150-qu80xad3x .fv-stl-shop-all-btn:hover { background-color: #ffffff !important; transform: scale(1.05) !important; } #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x { 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-1777376475150-qu80xad3x.mobile-view #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x { position: absolute !important; padding: 0 !important; align-items: flex-end !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x.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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x.mobile-view #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x.is-active .fv-stl-all-products-content { opacity: 1 !important; transform: scale(1) !important; } #fv-chart-1777376475150-qu80xad3x.mobile-view #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x.is-active .fv-stl-all-products-content { transform: translateY(0) !important; } /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x.v2 { align-items: flex-end !important; padding: 0 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x.v2:not(.mobile-view *) { justify-content: flex-end !important; } } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x.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-1777376475150-qu80xad3x.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-1777376475150-qu80xad3x.v2.is-active .fv-stl-all-products-content { transform: translateY(0) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1rem 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.5) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-stl-all-products-list { list-style: none !important; padding: 0.75rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-item { margin: 0 !important; padding: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-link { display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-stl-all-products-image-container { position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-number { position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-image-wrapper { width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-image { width: 100% !important; height: 100% !important; object-fit: cover !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-placeholder { width: 2rem !important; height: 2rem !important; color: #d1d5db !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-info { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-brand { font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-name { font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-meta { display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-price { font-weight: 700 !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-sale-price { font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-original-price { color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-commentary { font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-action { width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; } #fv-stl-all-products-modal-fv-chart-1777376475150-qu80xad3x .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; } /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1777376475150-qu80xad3x.mobile-view .fv-pie-container, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-bar-row, #fv-chart-1777376475150-qu80xad3x.mobile-view .fv-stacked-product, #fv-chart-1777376475150-qu80xad3x.mobile-view .fv-grouped-bar-product, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-bar-row, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-stacked-product, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1777376475150-qu80xad3x.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-1777376475150-qu80xad3x.mobile-view .fv-bar-label, #fv-chart-1777376475150-qu80xad3x.mobile-view .fv-grouped-product-title, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-bar-label, #fv-chart-1777376475150-qu80xad3x.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-1777376475150-qu80xad3x.mobile-view .fv-bar-container, #fv-chart-1777376475150-qu80xad3x.mobile-view .fv-bar-cluster, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-bar-container, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-bar-cluster { width: 100% !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-x-axis-wrapper, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-x-axis-label-space, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-x-axis-label-space { display: none !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-x-axis-chart-space, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-benchmark-title, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-dropdown-title, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-carousel-nav-btn, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-chart-title, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-chart-title { padding: 0 8px !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-chart-subhead, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-versus-header, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-versus-select-wrapper, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-versus-vs, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-versus-select-container, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1777376475150-qu80xad3x.mobile-view .fv-versus-select, #fv-chart-1777376475150-qu80xad3x.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1777376475150-qu80xad3x.mobile-view .fv-y-axis-title { padding-left: 5% !important; /* (30/600) for mobile view */ } #fv-chart-1777376475150-qu80xad3x.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1777376475150-qu80xad3x .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1777376475150-qu80xad3x .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1777376475150-qu80xad3x .fv-bar-row, #fv-chart-1777376475150-qu80xad3x .fv-stacked-product, #fv-chart-1777376475150-qu80xad3x .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-bar-label, #fv-chart-1777376475150-qu80xad3x .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-1777376475150-qu80xad3x .fv-bar-container, #fv-chart-1777376475150-qu80xad3x .fv-bar-cluster { width: 100% !important; }#fv-chart-1777376475150-qu80xad3x .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1777376475150-qu80xad3x .fv-x-axis-label-space { display: none !important; }#fv-chart-1777376475150-qu80xad3x .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1777376475150-qu80xad3x .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1777376475150-qu80xad3x .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1777376475150-qu80xad3x .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1777376475150-qu80xad3x .fv-chart-title { padding: 0 8px !important; }#fv-chart-1777376475150-qu80xad3x .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1777376475150-qu80xad3x .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1777376475150-qu80xad3x .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1777376475150-qu80xad3x .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1777376475150-qu80xad3x .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1777376475150-qu80xad3x .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1777376475150-qu80xad3x .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1777376475150-qu80xad3x .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1777376475150-qu80xad3x .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1777376475150-qu80xad3x .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1777376475150-qu80xad3x .fv-y-axis-title { padding-left: 5% !important; /* (30/600) for mobile view */ } #fv-chart-1777376475150-qu80xad3x.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } } { “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “DRAM channel benchmarks”, “description”: “Ryzen 5 5600X, RTX 4070”, “creator”: { “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-04-28T11:41:15.150Z”, “citation”: “Add your caption to explain the data, the learnings and the key takeaways of the data being visualized”, “keywords”: [ “5070 – 16 GB dual channel”, “5070 – 16 GB single channel”, “Black Myth: Wukong (1440p High)”, “Hogwarts Legacy (1440p High)”, “F1 25 (1440p High)”, “Marvel’s Spider-Man Remastered (1440p High)”, “Baldur’s Gate 3 (1440p High)”, “Counter-Strike 2 (1440p High)”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ { “@type”: “PropertyValue”, “name”: “DDR4-3200 | 16 GB dual channel – Black Myth: Wukong (1440p High)”, “value”: 116, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR4-3200 | 16 GB single channel – Black Myth: Wukong (1440p High)”, “value”: 103, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR4-3200 | 16 GB dual channel – Hogwarts Legacy (1440p High)”, “value”: 92, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR4-3200 | 16 GB single channel – Hogwarts Legacy (1440p High)”, “value”: 81, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR4-3200 | 16 GB dual channel – F1 25 (1440p High)”, “value”: 188, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR4-3200 | 16 GB single channel – F1 25 (1440p High)”, “value”: 171, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR4-3200 | 16 GB dual channel – Marvel’s Spider-Man Remastered (1440p High)”, “value”: 107, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR4-3200 | 16 GB single channel – Marvel’s Spider-Man Remastered (1440p High)”, “value”: 104, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR4-3200 | 16 GB dual channel – Baldur’s Gate 3 (1440p High)”, “value”: 69, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR4-3200 | 16 GB single channel – Baldur’s Gate 3 (1440p High)”, “value”: 58, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR4-3200 | 16 GB dual channel – Counter-Strike 2 (1440p High)”, “value”: 281, “unitText”: “Avg FPS” }, { “@type”: “PropertyValue”, “name”: “DDR4-3200 | 16 GB single channel – Counter-Strike 2 (1440p High)”, “value”: 267, “unitText”: “Avg FPS” } ]}

DRAM channel benchmarks

Ryzen 5 5600X, RTX 4070

Black Myth: Wukong (1440p High)Hogwarts Legacy (1440p High)F1 25 (1440p High)Marvel’s Spider-Man Remastered (1440p High)Baldur’s Gate 3 (1440p High)Counter-Strike 2 (1440p High)

Avg FPS

1% Low FPS

DDR4-3200 | 16 GB dual channel
116

56

DDR4-3200 | 16 GB single channel
103

45

037.575112.5150

Black Myth: Wukong (1440p High) Data
Product Value
DDR4-3200 | 16 GB dual channel 116 Avg FPS, 56 1% Low FPS
DDR4-3200 | 16 GB single channel 103 Avg FPS, 45 1% Low FPS

Avg FPS

1% Low FPS

DDR4-3200 | 16 GB dual channel
92

35

DDR4-3200 | 16 GB single channel
81

29

0255075100

Hogwarts Legacy (1440p High) Data
Product Value
DDR4-3200 | 16 GB dual channel 92 Avg FPS, 35 1% Low FPS
DDR4-3200 | 16 GB single channel 81 Avg FPS, 29 1% Low FPS

Avg FPS

1% Low FPS

DDR4-3200 | 16 GB dual channel
188

125

DDR4-3200 | 16 GB single channel
171

98

050100150200

F1 25 (1440p High) Data
Product Value
DDR4-3200 | 16 GB dual channel 188 Avg FPS, 125 1% Low FPS
DDR4-3200 | 16 GB single channel 171 Avg FPS, 98 1% Low FPS

Avg FPS

1% Low FPS

DDR4-3200 | 16 GB dual channel
107

64

DDR4-3200 | 16 GB single channel
104

57

037.575112.5150

Marvel’s Spider-Man Remastered (1440p High) Data
Product Value
DDR4-3200 | 16 GB dual channel 107 Avg FPS, 64 1% Low FPS
DDR4-3200 | 16 GB single channel 104 Avg FPS, 57 1% Low FPS

Avg FPS

1% Low FPS

DDR4-3200 | 16 GB dual channel
69

41

DDR4-3200 | 16 GB single channel
58

32

020406080

Baldur’s Gate 3 (1440p High) Data
Product Value
DDR4-3200 | 16 GB dual channel 69 Avg FPS, 41 1% Low FPS
DDR4-3200 | 16 GB single channel 58 Avg FPS, 32 1% Low FPS

Avg FPS

1% Low FPS

DDR4-3200 | 16 GB dual channel
281

100

DDR4-3200 | 16 GB single channel
267

94

075150225300

Counter-Strike 2 (1440p High) Data
Product Value
DDR4-3200 | 16 GB dual channel 281 Avg FPS, 100 1% Low FPS
DDR4-3200 | 16 GB single channel 267 Avg FPS, 94 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’); if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().length > 0) { footerContentEl.style.display = ‘block’; if (bottomBarEl) bottomBarEl.style.display = ‘flex’; } else { footerContentEl.style.display = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.style.display = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, function(e) { showInternalChart(parseInt(e.target.value)); }); if (prevBtn) prevBtn.addEventListener(‘click’, function() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click’, function() { showInternalChart(currentChartIndex + 1); }); } // Image Comparison Logic var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(function(wrapper) { var inner = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; // Zoom state var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; function updateTransform() { if (wrapper.classList.contains(‘fv-image-compare-fullscreen’)) { inner.style.setProperty(‘transform’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘important’); } else { inner.style.removeProperty(‘transform’); scale = 1; panX = 0; panY = 0; } } function constrainPan() { var rect = wrapper.getBoundingClientRect(); // Max pan depends on how much the image is scaled beyond the wrapper var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.height * scale – rect.height) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, function(e) { if (!wrapper.classList.contains(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.top – rect.height / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, function(e) { if (!wrapper.classList.contains(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, function() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, function(e) { if (!wrapper.classList.contains(‘fv-image-compare-fullscreen’)) return; if (e.touches.length === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.top – rect.height / 2; hasPanned = true; // Prevent click after pinch } else if (e.touches.length === 1 && scale > 1) { if (e.target.closest(‘.fv-image-compare-slider’) || e.target.closest(‘button’)) return; isPanning = true; hasPanned = false; lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; } }, { passive: false }); wrapper.addEventListener(‘touchmove’, function(e) { if (!wrapper.classList.contains(‘fv-image-compare-fullscreen’)) return; if (e.touches.length === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.top – rect.height / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.length === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, function(e) { if (e.touches.length < 2) { initialDistance = null; } if (e.touches.length === 0) { isPanning = false; } }); function handleMove(clientX) { var rect = inner.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var percent = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.style.setProperty('left', percent + '%', 'important'); if (fgImage) fgImage.style.setProperty('clip-path', 'polygon(0 0, ' + percent + '% 0, ' + percent + '% 100%, 0 100%)', 'important'); if (labelLeft) { if (percent 90) { labelRight.style.setProperty(‘opacity’, ‘0’, ‘important’); } else { labelRight.style.setProperty(‘opacity’, ‘1’, ‘important’); } } } function onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } function onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } function stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, function(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, function(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } // Expand/Close Logic var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.parent) { expandBtn.style.display = ‘none’; } else { expandBtn.addEventListener(‘click’, function(e) { // e.preventDefault(); // Removed to allow text selection e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); document.body.style.overflow = ‘hidden’; // Load high-res images if available if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click’, function(e) { // e.preventDefault(); // Removed to allow text selection e.stopPropagation(); wrapper.classList.remove(‘fv-image-compare-fullscreen’); document.body.style.overflow = ”; updateTransform(); }); } // Close on Escape document.addEventListener(‘keydown’, function(e) { if (e.key === ‘Escape’ && wrapper.classList.contains(‘fv-image-compare-fullscreen’)) { wrapper.classList.remove(‘fv-image-compare-fullscreen’); document.body.style.overflow = ”; updateTransform(); } }); }); // Shop The Look Hotspots var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); // Remove highlights var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) { item.classList.remove(‘is-highlighted’); }); // Remove min-height after transition if (stlContainer) { setTimeout(function() { if (!allProductsModal.classList.contains(‘is-active’)) { stlContainer.style.minHeight = ”; if (‘parentIFrame’ in window) { window.parentIFrame.size(); } } }, 300); } } hotspots.forEach(function(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.size(); } } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) { btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); // Ensure container is tall enough var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } // Highlight and scroll to item var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(function() { targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.size(); } } }); }); // Shop All button if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); // Ensure container is tall enough var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } if ('parentIFrame' in window) { window.parentIFrame.size(); } }); } // Close button in all products modal if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } // Close modals when clicking outside chartWrapper.addEventListener('click', function(e) { // Only close if clicking on the wrapper or container, not inside a modal content if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); if (allProductsModal) { allProductsModal.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); } // Initial Animation window.fvAnimateCharts(chartWrapper); } if (false) { var slideshowContainer = document.getElementById(uniqueId + '-slideshow'); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll('.fv-slide'); slides.forEach(function(slide) { setupWrapper(slide.querySelector('.fv-chart-wrapper')); }); } } else { setupWrapper(root); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1777376475150-qu80xad3x', false); }); } else { initialize('fv-chart-1777376475150-qu80xad3x', false); } })();

And now we can see what happens when we don’t have lots of nice cache to lean on, nor the large amount of memory bandwidth afforded by DDR5. With this setup, single-channel DRAM takes a fair slice off the overall performance, and a pretty big chunk off the 1% lows.

The exception to this is Counter-Strike 2, as expected, and the above results really do show that the game just wants a fast GPU to fling out the frames, and a handful of fast CPU cores to feed the graphics chip with instructions. The amount of data passing between the CPU and system memory just isn’t enough to trouble single-channel DRAM.

Every other game clearly didn’t like it, and my results show that you’re going to be leaving a lot of potential performance on the table if you try to save money by using one stick of memory in your upgrade. It also means that you need to look very carefully at any prebuilt gaming PC to see if it’s being sold with dual-channel DRAM or not.

This is especially true if the rig uses something like a Ryzen 7 8700F. That uses DDR5, but the chip only has 16 MB of L3 cache, so just as with the 5600X, it would be heavily affected by using single-channel memory.

Coping with single-channel DRAM

A photo of a high-end gaming PC's motherboard, showing multiple, expensive features, with a single DDR5 DIMM installed

$600 CPU, $1000 motherboard, $2500 graphics card, single DDR5 DIMM. Cursed. (Image credit: Future)

If you’ve already bought a prebuilt gaming PC and it has just one stick of memory installed in its motherboard, then don’t panic. Yes, we’ve seen that if the CPU doesn’t have lots of cache and access to plenty of DRAM bandwidth, games will run slower, but there is one thing you can do to help offset it. Or rather, hide it.

It’s worth noting that the performance results for the Ryzen 5 5600X setup were mostly limited by the CPU, due to the use of upscaling dropping the rendering resolution right down.

However, if you disable that entirely or increase the graphics settings, you can shift the performance barrier more towards the graphics card. The overall frame rates will be lower, but four of my six tested games had plenty of capacity to drop some frames per second, and still run at a comfortable 60 fps.

In other words, the more you can make the GPU the limiting factor in a game’s performance, the lower the impact from using single-channel memory will be. It’s a sign of the times that I’m having to write all of this, especially when affordable 32 GB DDR4 and DDR5 kits existed less than a year ago, but until those days return once more, PC gamers will just have to use every trick in the book to get by.