The AMD RX 9070 GRE is probably the most 2026 graphics card any GPU company could release this year. With the possible exception of Nvidia digging down the back of the sofa again and releasing another RTX 3060. The RX 9070 GRE was previously a China-exclusive card and represents a dumbing down of the Navi 48 GPU with less of that expensive ol’ VRAM. But the most damning aspect is the fact AMD has given this weaker card a global release at the same starting price as the beefier RX 9070.
I get the rationale—because of memory and silicon constraints, graphics card prices are all higher than they were when this card originally launched in China—but still, releasing a weaker GPU at the same initial MSRP as another card, which has a more fully functional version of the same chip, is never going to feel good. It’s becoming a common phrase for me, but this is just another damning indictment of the state of PC gaming hardware in 2026.
This is a card very much released for right now, giving AMD more options for its Navi 48 silicon (especially for chips that don’t make the grade for full RX 9070/XT cards) without needing to offer the full 16 GB monty. And it is priced for right now, too, with Nvidia’s RTX 5070 available at $600 and the RTX 5060 Ti 16 GB at $550. AMD is laser-focused on those two GeForce cards, but clearly also doesn’t want to completely torpedo the RX 9070 by pricing it fully $100 lower at $499.
It is still an impressive card in its own right, getting mighty close to the RTX 5070 at stock speeds and regularly beating it with a simple, pain-free undervolt. So, while I’m not necessarily loving the optics of it being priced at the same MSRP as the unquestionably better RX 9070, it’s the $550 card I would recommend right now, with the $50 delta between them being just enough. But if retailers lose their collective minds and regularly price it at the same level as the cheapest RX 9070 cards—which could absolutely happen, too—the RX 9070 GRE’s value-proposition entirely evaporates.
✅ You can find it at or below MSRP: The RX 9070 GRE rapidly loses relevance as soon as it strays above its $549 price tag. With the superior RX 9070 costing $600 right now, there isn’t a lot of wiggle room for retailers or manufacturers.
✅ You’re happy tweaking: The extra level of performance you can extract from the RX 9070 GRE with some easy undervolting is tangible, and levels up the card.
❌ You can find the RX 9070 for the same price: With 16 GB of faster VRAM and a more powerful version of the Navi 48 GPU, the straight RX 9070 is easily the better card.
❌ You want compute power, too: The RDNA 4 architecture just doesn’t have the same general compute performance as equivalent Nvidia GPUs. If you’re rendering or hoping for a GenAI card, this is not the way.
AMD Radeon RX 9070 GRE features
|
RX 9070 GRE |
RX 9070 |
RTX 5070 |
|
|---|---|---|---|
|
GPU |
Navi 48 |
Navi 48 |
GB205-300 |
|
Shaders |
3072 |
3584 |
6144 |
|
Lithography |
TSMC N4P |
TSMC N4P |
TSMC 4N |
|
Transistors (B) |
53.9 |
53.9 |
31.1 |
|
Die size (mm²) |
356.5 |
356.5 |
263 |
|
Memory size (GB) |
12 |
16 |
12 |
|
Memory type |
GDDR6 |
GDDR6 |
GDDR7 |
|
Memory bus |
192 |
256 |
192 |
|
TDP (W) |
220 |
220 |
250 |
|
MSRP (US$) |
$449 |
$549 |
$549 |
Sporting the same Navi 48 GPU as both the RX 9070 and the RX 9070 XT, the GRE is obviously cut from the same silicon. Andy covered the RDNA 4 architecture in more depth in his tech dive, and I added some extra notes in my original RX 9070 XT review, too. The chip at the heart of this GRE, however, has lost another eight compute units (CUs) compared with the next card up, which in turn had lost eight CUs compared with the top-end RX 9070 XT. That means you’re getting 3072 shaders, making it over 500 and 1000 shaders behind its other Navi 48 brethren respectively.
That theoretically allows AMD to use GPUs that may not have been able to run either 56 or 64 CUs at full speed to create another graphics card, and still get almost the same amount of cash for it, too. All it has to do is fuse off those errant, potentially dysfunctional CUs (too much to hope that it’s a soft-block, potentially circumvented by some ingenious vBIOS hacks) and ship that GPU out as an RX 9070 GRE.
With 12 GB of GDDR6, as opposed to the 16 GB used by the other Navi 48 cards, and slower memory at that, AMD is also able to save on the manufacturing costs of the RX 9070 GRE. Which is vital right now given the skyrocketing pricing of memory, whether server, system, or video memory.
Like the other RDNA 4 GPUs, the RX 9070 GRE benefits from a drastically improved ray tracing engine, which means that these latest AMD cards are able to better deal with the rigours of that fancy lighting feature than any other Radeon GPU of times past. They’re far closer to how Nvidia has been building and running its RT Cores, and that means they no longer lag so far behind GeForce cards in terms of ray traced gaming performance.
The other big feature of RDNA 4 is the support for FSR 4, AMD’s most up to date, machine-learning powered upscaling engine. When it was first introduced it represented a step change in the Radeon upscaler, making FSR far closer to the image fidelity and stability that Nvidia’s similar DLSS feature offers. But it wasn’t built into a lot of games at the beginning, though that is starting to change, and will only grow as time moves on. Though it is notable that FSR support is still a secondary concern for many games developers, despite AMD’s reports of how straightforward it is to implement.
Right now it is only available for RDNA 4 cards, but AMD is finally committing to opening support to RDNA 3 and later RDNA 2 GPUs.
@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,900&display=swap’); /* Reset & Base */ #fv-chart-1779832342026-l1i1aj4jk *, #fv-chart-1779832342026-l1i1aj4jk *:before, #fv-chart-1779832342026-l1i1aj4jk *:after, #fv-chart-1779832342026-l1i1aj4jk-slideshow *, #fv-chart-1779832342026-l1i1aj4jk-slideshow *:before, #fv-chart-1779832342026-l1i1aj4jk-slideshow *:after box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; #fv-chart-1779832342026-l1i1aj4jk, #fv-chart-1779832342026-l1i1aj4jk-slideshow font-family: ‘Open Sans’, sans-serif !important; /* Main Wrappers */ #fv-chart-1779832342026-l1i1aj4jk position: relative !important; overflow: visible !important; –riv-primary: #E33235; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-inner-wrapper.fv-no-header.fv-is-image-compare padding-top: 0 !important; #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed width: 100vw !important; margin-left: calc(50% – 50vw) !important; body overflow-x: clip !important; #fv-chart-1779832342026-l1i1aj4jk.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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk-slideshow position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; #fv-chart-1779832342026-l1i1aj4jk-slideshow .fv-slides-wrapper position: relative !important; width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk-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-1779832342026-l1i1aj4jk-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-1779832342026-l1i1aj4jk-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-1779832342026-l1i1aj4jk-slideshow .fv-nav-btn svg width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; #fv-chart-1779832342026-l1i1aj4jk-slideshow .fv-nav-btn:hover opacity: 0.9 !important; transform: translateY(-1px) !important; #fv-chart-1779832342026-l1i1aj4jk-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-1779832342026-l1i1aj4jk-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-1779832342026-l1i1aj4jk-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-1779832342026-l1i1aj4jk-slideshow .fv-slideshow-select:focus outline: 2px solid #E33235 !important; border-color: #E33235 !important; /* Typography */ #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-versus-chart display: flex; flex-direction: column; width: 100%; margin-top: 1rem; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-header display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper flex: 1; min-width: 0; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper.fv-left text-align: center; padding-right: 1rem; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper.fv-right text-align: center; padding-left: 1rem; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-container position: relative; display: inline-block; max-width: 100%; width: 100%; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-chevron position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper.fv-left .fv-versus-chevron right: 0; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper.fv-right .fv-versus-chevron right: 0; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-versus-select.fv-select-left text-align: center; direction: ltr; padding-right: 1.25rem; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select.fv-select-right text-align: center; padding-right: 1.25rem; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-versus-body display: flex; flex-direction: column; gap: 1.5rem; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-row position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-bar-container position: relative; height: 32px; display: flex; align-items: center; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-bar-left-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-bar-right-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-versus-bar-left border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-inside-left white-space: nowrap; flex-shrink: 0; #fv-chart-1779832342026-l1i1aj4jk .fv-inside-right white-space: nowrap; flex-shrink: 0; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-val-text font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-pct-diff font-size: 12px; font-weight: 600; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-image-compare-container width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed .fv-image-compare-container width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-image-compare-handle.fv-image-compare-handle-square border-radius: 6px !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-image-compare-label-left left: 1rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-label-right right: 1rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-expand-btn, #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-image-compare-expand-btn:hover, #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-close-btn:hover background-color: rgba(0, 0, 0, 0.7) !important; #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-close-btn display: none !important; top: 1rem !important; bottom: auto !important; /* Fullscreen State */ #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active cursor: grabbing !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn display: none !important; #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn display: flex !important; #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right right: 4rem !important; /* Footer */ #fv-chart-1779832342026-l1i1aj4jk .fv-bottom-bar display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-footer-content text-align: center !important; width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-dropdown-wrapper text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-dropdown-title-container position: relative !important; display: inline-block !important; max-width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-dropdown-title:focus outline: none !important; #fv-chart-1779832342026-l1i1aj4jk .fv-dropdown-title::-ms-expand display: none !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-carousel-nav-btn:hover border-color: #9ca3af !important; #fv-chart-1779832342026-l1i1aj4jk .fv-carousel-counter font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; /* Legend */ #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-legend-item display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-legend-color width: 12px !important; height: 12px !important; border-radius: 3px !important; /* Multi-Value Legend */ #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-multi-legend-swatch width: 16px !important; height: 16px !important; border-radius: 3px !important; /* Chart Core Styles */ #fv-chart-1779832342026-l1i1aj4jk .fv-benchmark-group margin-bottom: 1rem !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-bar-row, #fv-chart-1779832342026-l1i1aj4jk .fv-stacked-product display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-bar:hover opacity: 0.8 !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-bar-inner-label white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-bar-inner-value flex-shrink: 0 !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-bar-label.fv-primary-product font-weight: bold !important; color: var(–riv-primary) !important; /* Multi-Value Bar Logic */ #fv-chart-1779832342026-l1i1aj4jk .fv-multi-bar-container flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; #fv-chart-1779832342026-l1i1aj4jk .fv-multi-bar-item display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; /* Stacked Bar */ #fv-chart-1779832342026-l1i1aj4jk .fv-stacked-bar display: flex !important; overflow: hidden !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-stacked-segment:last-child border-right: none !important; #fv-chart-1779832342026-l1i1aj4jk .fv-segment-value font-size: 14px !important; font-weight: bold !important; /* Grouped Bar */ #fv-chart-1779832342026-l1i1aj4jk .fv-grouped-bar-product display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-grouped-product-title-wrapper padding-left: 150px !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-bar-cluster width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; #fv-chart-1779832342026-l1i1aj4jk .fv-bar-cluster .fv-bar-row margin-bottom: 3px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-bar-cluster .fv-bar-container height: 20px !important; /* Line Chart Grid */ #fv-chart-1779832342026-l1i1aj4jk .riv-grid line stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; /* X-Axis */ #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-wrapper display: flex !important; width: 100% !important; margin-top: 0.5rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-label-space width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-chart-space flex-grow: 1 !important; padding-right: 8px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-wrapper.fv-grouped-x-axis margin-left: 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-line border-top: 1px solid #D1D5DB !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-x-axis-ticks span position: relative !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-x-axis-unit text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-stl-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed .fv-stl-container width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed .fv-stl-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832342026-l1i1aj4jk .fv-stl-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779832342026-l1i1aj4jk .fv-stl-hotspot-container position: absolute !important; z-index: 10 !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-stl-hotspot-btn:hover transform: scale(1.1) !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-stl-hotspot-pulse animation-fill-mode: none !important; /* Shop the look button */ #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-stl-shop-all-btn span overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; #fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-btn:hover background-color: #ffffff !important; transform: scale(1.05) !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk 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-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk position: absolute !important; padding: 0 !important; align-items: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk.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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk.is-active .fv-stl-all-products-content opacity: 1 !important; transform: scale(1) !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk.is-active .fv-stl-all-products-content transform: translateY(0) !important; /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk.v2 align-items: flex-end !important; padding: 0 !important; @media (min-width: 640px) #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk.v2:not(.mobile-view *) justify-content: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk.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-1779832342026-l1i1aj4jk.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-1779832342026-l1i1aj4jk.v2.is-active .fv-stl-all-products-content transform: translateY(0) !important; opacity: 1 !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-header display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-header padding: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-logo height: 1.5rem !important; width: auto !important; object-fit: contain !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-logo height: 1.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-title font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-title font-size: 1.125rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-stl-all-products-list list-style: none !important; padding: 1.5rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.75rem !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-list padding: 0.75rem !important; gap: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-item margin: 0 !important; padding: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-link display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-link padding: 0.5rem !important; border-radius: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-stl-all-products-image-container position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-image-container margin-right: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-number position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-number top: -0.375rem !important; left: -0.375rem !important; width: 1.25rem !important; height: 1.25rem !important; font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-image-wrapper width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-image-wrapper width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-image width: 100% !important; height: 100% !important; object-fit: cover !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-placeholder width: 2rem !important; height: 2rem !important; color: #d1d5db !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-placeholder width: 1.5rem !important; height: 1.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-info flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-info margin-top: 0 !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-brand font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-brand font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-name font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-name font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-meta display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-meta font-size: 0.75rem !important; margin-bottom: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-price font-weight: 700 !important; color: #111827 !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-sale-price font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-sale-price margin-right: 0.375rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-original-price color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-original-price font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-commentary font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-commentary font-size: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-action width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-action width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-action svg width: 14px !important; height: 14px !important; #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-link:hover .fv-stl-all-products-action background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; /* Image Annotation Styles */ #fv-chart-1779832342026-l1i1aj4jk .fv-ia-container position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed .fv-ia-container width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed .fv-ia-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-container position: absolute !important; z-index: 10 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-button position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-button:hover transform: scale(1.1) !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-button.is-active background-color: #E33235 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-pulse-ring position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; @keyframes fv-ia-ping 75%, 100% transform: scale(2); opacity: 0; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-static-tooltip display: none !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translate(-50%, -100%) !important; background-color: rgba(255, 255, 255, 0.95) !important; padding: 10px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; width: max-content !important; max-width: 200px !important; font-size: 13px !important; color: #1f2937 !important; z-index: 20 !important; pointer-events: none !important; white-space: pre-wrap !important; line-height: 1.4 !important; border: 1px solid #e5e7eb !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-button:hover + .fv-ia-static-tooltip display: block !important; #fv-chart-1779832342026-l1i1aj4jk .fv-logo-explore-bar position: relative !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-height: 30px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-logo-explore-bar .fv-logo margin: 0 auto !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-explore-wrapper position: absolute !important; right: 0 !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-logo-explore-bar flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-ia-explore-wrapper position: static !important; align-self: flex-end !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-explore-btn background-color: rgba(255, 255, 255, 0.95) !important; color: #1e293b !important; border: 1px solid #e5e7eb !important; border-radius: 9999px !important; padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; font-weight: 600 !important; font-family: sans-serif !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important; pointer-events: auto !important; flex-shrink: 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-explore-btn:hover background-color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !important; color: #E33235 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-explore-btn svg transition: transform 0.2s !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-explore-btn:hover svg transform: translateX(2px) !important; /* IA Modal Styles */ #fv-chart-1779832342026-l1i1aj4jk .fv-ia-active-modal-container display: none !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-modals display: block !important; position: static !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-modal-item display: none !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-modal-item.is-active display: flex !important; flex-direction: column !important; position: absolute !important; top: 1rem !important; right: 1rem !important; z-index: 20 !important; width: 18rem !important; max-width: calc(100% – 2rem) !important; background-color: #ffffff !important; padding: 1rem !important; border-radius: 0.75rem !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border: 1px solid #e5e7eb !important; border-top: 4px solid #E33235 !important; animation: fv-ia-fade-in 0.2s ease-out !important; gap: 0.75rem !important; max-height: 80% !important; overflow-y: auto !important; pointer-events: auto !important; @keyframes fv-ia-fade-in from opacity: 0; transform: scale(0.95); to opacity: 1; transform: scale(1); #fv-chart-1779832342026-l1i1aj4jk .fv-ia-modal-header display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; gap: 0.5rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-title font-size: 1rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-close-button background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; transition: all 0.2s !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-close-button:hover background: #e5e7eb !important; color: #111827 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-description font-size: 0.875rem !important; color: #374151 !important; margin: 0 !important; line-height: 1.625 !important; white-space: pre-wrap !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-ia-node-description font-size: 0.875rem !important; /* Error Handling */ #fv-chart-1779832342026-l1i1aj4jk .fv-ia-empty display: flex !important; align-items: center !important; justify-content: center !important; height: 200px !important; background-color: #f1f5f9 !important; color: #64748b !important; border: 2px dashed #cbd5e1 !important; border-radius: 0.5rem !important; /* Countdown Styles */ #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-container display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; font-family: Montserrat, sans-serif !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-header text-align: center !important; margin-bottom: 2rem !important; z-index: 10 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-title font-size: 1.25rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 !important; font-style: italic !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-subhead font-size: 1.125rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0.25rem 0 0 0 !important; font-style: italic !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-timer-wrap display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 64rem !important; z-index: 10 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-labels display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 0.5rem !important; font-size: 0.75rem !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-labels > div flex: 1 !important; text-align: center !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-box position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits > div.digit-box flex: 1 !important; text-align: center !important; white-space: nowrap !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits > div.colon flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-spike-l position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-spike-r position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; @media (min-width: 600px) #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-container padding: 2rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-title font-size: 1.75rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-subhead font-size: 1.25rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits font-size: 2.25rem !important; letter-spacing: 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-labels font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-box padding: 1.5rem 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits > div.colon top: -4px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-spike-l left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-spike-r right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; @media (min-width: 768px) #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits font-size: 3.5rem !important; letter-spacing: 0.05em !important; #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits > div.colon top: -5px !important; /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-pie-container, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-bar-row, #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-stacked-product, #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-grouped-bar-product, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-bar-row, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-stacked-product, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1779832342026-l1i1aj4jk.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-1779832342026-l1i1aj4jk.mobile-view .fv-bar-label, #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-grouped-product-title, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-bar-label, #fv-chart-1779832342026-l1i1aj4jk.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-1779832342026-l1i1aj4jk.mobile-view .fv-bar-container, #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-bar-cluster, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-bar-container, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-bar-cluster width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-x-axis-label-space, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-x-axis-label-space display: none !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-x-axis-chart-space, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-benchmark-title, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-benchmark-title font-size: 16px !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-dropdown-title, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-dropdown-title font-size: 16px !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-chart-title, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-chart-title padding: 0 8px !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-chart-subhead, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-header, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-vs, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-select-container, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-select, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-stl-shop-all-logo, #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-stl-shop-all-icon, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779832342026-l1i1aj4jk.mobile-view.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; @media (max-width: 599px) #fv-chart-1779832342026-l1i1aj4jk .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-bar-row, #fv-chart-1779832342026-l1i1aj4jk .fv-stacked-product, #fv-chart-1779832342026-l1i1aj4jk .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-bar-label, #fv-chart-1779832342026-l1i1aj4jk .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-1779832342026-l1i1aj4jk .fv-bar-container, #fv-chart-1779832342026-l1i1aj4jk .fv-bar-cluster width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-label-space display: none !important; #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-benchmark-title font-size: 16px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-dropdown-title font-size: 16px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-chart-title padding: 0 8px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-logo, #fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779832342026-l1i1aj4jk .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779832342026-l1i1aj4jk.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “Nipped and tucked, but RDNA 4 still delivers”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” , “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:52:22.028Z”, “citation”: “Add your caption to explain the data, the learnings and the key takeaways of the data being visualized”, “keywords”: [ “RX 9070 GRE (Acer Nitro)”, “Features”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Features”, “value”: 3.5, “unitText”: “”, “maxValue”: 5 ]
Nipped and tucked, but RDNA 4 still delivers
| Product | Features () |
|---|---|
| RX 9070 GRE (Acer Nitro) | 3.5 |
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; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) bar.style.setProperty(‘margin-left’, baseMargin + ‘%’, ‘important’); setTimeout(function() var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); if (targetMargin !== undefined && baseMargin !== undefined) bar.style.setProperty(‘margin-left’, targetMargin + ‘%’, ‘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() ); } 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) 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) ”; if (captionEl) captionEl.textContent = newCaption } 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) ); /* Shop The Look Hotspots */ var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); /* Remove highlights */ var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) item.classList.remove(‘is-highlighted’); ); /* Remove min-height after transition */ if (stlContainer) setTimeout(function() if (!allProductsModal.classList.contains(‘is-active’)) stlContainer.style.minHeight=””; if (‘parentIFrame’ in window) window.parentIFrame.size(); , 300); } hotspots.forEach(function(btn) btn.setAttribute(‘aria-expanded’, ‘false’); ); if (‘parentIFrame’ in window) window.parentIFrame.size(); } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); /* Ensure container is tall enough */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) container.style.minHeight = '450px'; /* Highlight and scroll to item */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) targetItem.classList.add('is-highlighted'); setTimeout(function() targetItem.scrollIntoView( behavior: 'smooth', block: 'center' ); , 100); if ('parentIFrame' in window) window.parentIFrame.size(); }); }); /* Shop All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Ensure container is tall enough */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.length) closeAllIANodes(); resetExploreBtn(); else currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) if(targetBtn.classList.contains(‘is-active’)) targetBtn.click(); targetBtn.click(); ); } if (iaWrapper) iaWrapper.addEventListener(‘click’, function(e) if (!e.target.closest(‘.fv-ia-node-button’) && !e.target.closest(‘.fv-ia-explore-btn’)) closeAllIANodes(); resetExploreBtn(); ); /* Initial Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) } 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-1779832342026-l1i1aj4jk’, false); ); else initialize(‘fv-chart-1779832342026-l1i1aj4jk’, false); })();
AMD Radeon RX 9070 GRE performance
While AMD’s pricing of the RX 9070 GRE should point us towards the equivalently priced RTX 5060 Ti 16 GB, for me it’s the performance delta between the GRE and the straight RX 9070, and the delta between it and the RTX 5070, which are more interesting.
The Navi 48 GPU at its heart ought to be able to best an RTX 5060 Ti’s GB206 GPU, which is getting on for half the size and with fewer than half the transistors inside it. I don’t care that we’re talking about 12 GB vs 16 GB in terms of memory, the RTX 5060 Ti with its 128-bit memory bus shows what a weak mid-range card it is at this price by comparison.
And so it is, at every level you’re looking at around 15 – 20 fps dropped between the parity priced AMD and Nvidia cards. There is no contest.
@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,900&display=swap’); /* Reset & Base */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper *, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper *:before, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper *:after, #fv-chart-1779813930213-aevj8xmje-slideshow *, #fv-chart-1779813930213-aevj8xmje-slideshow *:before, #fv-chart-1779813930213-aevj8xmje-slideshow *:after box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper, #fv-chart-1779813930213-aevj8xmje-slideshow font-family: ‘Open Sans’, sans-serif !important; /* Main Wrappers */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper position: relative !important; overflow: visible !important; –riv-primary: #E33235; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-inner-wrapper color: #1F2937 !important; background-color: #ededed !important; padding: 1.5rem 1.5rem 2rem !important; border-radius: 0.5rem !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; margin: 1rem 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-inner-wrapper.fv-no-header.fv-is-image-compare padding-top: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed width: 100vw !important; margin-left: calc(50% – 50vw) !important; body overflow-x: clip !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed .fv-inner-wrapper padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-inner-wrapper.fv-is-shop-the-look padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; /* Slideshow Styles */ #fv-chart-1779813930213-aevj8xmje-slideshow position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-slides-wrapper position: relative !important; width: 100% !important; #fv-chart-1779813930213-aevj8xmje-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-1779813930213-aevj8xmje-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-1779813930213-aevj8xmje-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-1779813930213-aevj8xmje-slideshow .fv-nav-btn svg width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-nav-btn:hover opacity: 0.9 !important; transform: translateY(-1px) !important; #fv-chart-1779813930213-aevj8xmje-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-1779813930213-aevj8xmje-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-1779813930213-aevj8xmje-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-1779813930213-aevj8xmje-slideshow .fv-slideshow-select:focus outline: 2px solid #E33235 !important; border-color: #E33235 !important; /* Typography */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-chart-title font-weight: bold !important; text-align: center !important; margin-bottom: 0.5rem !important; color: var(–riv-primary) !important; font-size: 20px !important; line-height: 1.2 !important; font-family: ‘Open Sans’, sans-serif !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; padding: 0 20px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-chart-subhead font-size: 18px !important; font-weight: 500 !important; text-align: center !important; margin-bottom: 2rem !important; color: #374151 !important; line-height: 1.7 !important; font-family: ‘Open Sans’, sans-serif !important; display: block !important; text-transform: none !important; padding: 0 20px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .rv-chart-caption font-size: 15px !important; color: #374151 !important; text-align: center !important; font-style: normal !important; font-weight: normal !important; line-height: 1.7 !important; font-family: ‘Open Sans’, sans-serif !important; display: block !important; /* Versus Chart */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-chart display: flex; flex-direction: column; width: 100%; margin-top: 1rem; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-header display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper flex: 1; min-width: 0; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-left text-align: center; padding-right: 1rem; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-right text-align: center; padding-left: 1rem; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-container position: relative; display: inline-block; max-width: 100%; width: 100%; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-chevron position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-left .fv-versus-chevron right: 0; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-right .fv-versus-chevron right: 0; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select background: transparent; border: none; border-bottom: 2px solid; font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-left text-align: center; direction: ltr; padding-right: 1.25rem; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-right text-align: center; padding-right: 1.25rem; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select option font-family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 14px; color: #374151; direction: ltr; text-align: left; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-vs font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; color: #374151; letter-spacing: 0.1em; padding: 0 1rem; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-body display: flex; flex-direction: column; gap: 1.5rem; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-row position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-bar-container position: relative; height: 32px; display: flex; align-items: center; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-bar-left-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-bar-right-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-bar height: 32px; width: var(–target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; display: flex; align-items: center; overflow: hidden; color: #ffffff; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-bar-left border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-bar-right border-radius: 0 4px 4px 0; justify-content: flex-start; padding: 0 8px; @keyframes fv-grow-max-width from max-width: 0; to max-width: 100%; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-center-line position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background-color: #ffffff; transform: translateX(-50%); z-index: 1; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-inside-left white-space: nowrap; flex-shrink: 0; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-inside-right white-space: nowrap; flex-shrink: 0; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-val-text font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-pct-diff font-size: 12px; font-weight: 600; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-label position: absolute; left: 50%; transform: translateX(-50%); top: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; font-family: ‘Open Sans’, sans-serif; font-weight: 700; font-size: 14px; color: #374151; white-space: nowrap; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .sr-only position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; /* Image Comparison Styles */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-container width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed .fv-image-compare-container width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper position: relative !important; width: 100% !important; overflow: hidden !important; border-radius: 0 !important; background-color: #000 !important; touch-action: pan-y !important; user-select: none !important; -webkit-user-select: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-inner position: relative !important; width: 100% !important; height: 100% !important; display: block !important; transform-origin: center center !important; transition: transform 0.1s ease-out !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-bg display: block !important; width: 100% !important; height: auto !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-fg position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-slider position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 32px !important; transform: translateX(-50%) !important; cursor: ew-resize !important; z-index: 10 !important; user-select: none !important; -webkit-user-select: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-slider-line position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 4px !important; background-color: white !important; transform: translateX(-50%) !important; box-shadow: 0 0 10px rgba(0,0,0,0.5) !important; pointer-events: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-handle position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 32px !important; height: 32px !important; background-color: white !important; border-radius: 50% !important; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; pointer-events: none !important; z-index: 11 !important; overflow: hidden !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-handle.fv-image-compare-handle-square border-radius: 6px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-arrow-left width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-right: 4px solid #4b5563 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-arrow-right width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 4px solid #4b5563 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-label position: absolute !important; top: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; padding: 0.25rem 0.75rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; font-weight: 500 !important; pointer-events: none !important; backdrop-filter: blur(4px) !important; z-index: 5 !important; transition: right 0.3s ease, opacity 0.2s ease !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-label-left left: 1rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-label-right right: 1rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-expand-btn, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-close-btn position: absolute !important; bottom: 1rem !important; right: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; border: none !important; border-radius: 0.25rem !important; padding: 0.5rem !important; cursor: pointer !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; backdrop-filter: blur(4px) !important; transition: background-color 0.2s !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-expand-btn:hover, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-close-btn:hover background-color: rgba(0, 0, 0, 0.7) !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-close-btn display: none !important; top: 1rem !important; bottom: auto !important; /* Fullscreen State */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999 !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: rgba(0, 0, 0, 0.9) !important; margin: 0 !important; touch-action: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: grab !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active cursor: grabbing !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg position: absolute !important; top: 0 !important; left: 0 !important; max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn display: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn display: flex !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right right: 4rem !important; /* Footer */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bottom-bar display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-footer-content text-align: center !important; width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-logo display: block !important; margin: 0 auto !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: auto !important; object-fit: contain !important; flex-shrink: 0 !important; /* Display Mode Controls */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-wrapper text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-title-container position: relative !important; display: inline-block !important; max-width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-title appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: transparent !important; border: none !important; font-size: 18px !important; font-weight: 600 !important; color: var(–riv-primary) !important; padding-right: 28px !important; padding-left: 10px !important; cursor: pointer !important; text-align: center !important; text-align-last: center !important; width: auto !important; max-width: 100% !important; font-family: ‘Open Sans’, sans-serif !important; line-height: 1.3 !important; margin: 0 !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-title:focus outline: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-title::-ms-expand display: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-chevron position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; color: var(–riv-primary) !important; display: flex !important; align-items: center !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-carousel-title-controls display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; width: 100% !important; gap: 12px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-carousel-nav-btn background: transparent !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; padding: 6px 10px !important; cursor: pointer !important; font-size: 14px !important; color: #374151 !important; display: flex !important; align-items: center !important; gap: 4px !important; font-family: ‘Open Sans’, sans-serif !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-carousel-nav-btn:hover border-color: #9ca3af !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-carousel-counter font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; /* Legend */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-legend display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px 16px !important; margin: 0 !important; padding: 0 !important; margin-top: 1rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-legend-item display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-legend-color width: 12px !important; height: 12px !important; border-radius: 3px !important; /* Multi-Value Legend */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-multi-value-legend display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px 24px !important; margin-bottom: 1.5rem !important; padding: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-multi-legend-item display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #374151 !important; font-weight: 500 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-multi-legend-swatch width: 16px !important; height: 16px !important; border-radius: 3px !important; /* Chart Core Styles */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-benchmark-group margin-bottom: 1rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-benchmark-title font-size: 18px !important; font-weight: 600 !important; margin-bottom: 16px !important; margin-top: 0 !important; padding: 0 !important; text-align: center !important; color: var(–riv-primary) !important; flex: 1 !important; min-width: 0 !important; font-family: ‘Open Sans’, sans-serif !important; line-height: 1.3 !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; word-wrap: break-word !important; max-width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-row, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stacked-product display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-label width: 150px !important; flex-shrink: 0 !important; font-size: 14px !important; color: #374151 !important; padding-right: 10px !important; text-align: right !important; font-weight: 500 !important; display: block !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-container flex-grow: 1 !important; background-color: #E5E7EB !important; border-radius: 4px !important; min-height: 25px !important; border: 1px solid #D1D5DB !important; position: relative !important; display: flex !important; align-items: center !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar height: 100% !important; border-radius: 3px !important; display: flex !important; align-items: center !important; transition: opacity 0.2s ease, width 0.8s ease-out !important; min-height: 23px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar:hover opacity: 0.8 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-inner-content display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; height: 100% !important; padding: 0 8px !important; font-size: 14px !important; font-weight: bold !important; overflow: hidden !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-inner-label white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-inner-value flex-shrink: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-value-outside padding-left: 8px !important; font-size: 14px !important; font-weight: bold !important; color: #374151 !important; white-space: nowrap !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-label.fv-primary-product font-weight: bold !important; color: var(–riv-primary) !important; /* Multi-Value Bar Logic */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-multi-bar-container flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-multi-bar-item display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; /* Stacked Bar */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stacked-bar display: flex !important; overflow: hidden !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stacked-segment height: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 8px !important; border-right: 1px solid rgba(255,255,255,0.3) !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stacked-segment:last-child border-right: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-segment-value font-size: 14px !important; font-weight: bold !important; /* Grouped Bar */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-grouped-bar-product display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-grouped-product-title-wrapper padding-left: 150px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-grouped-product-title width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.5rem !important; font-weight: 700 !important; font-size: 14px !important; color: #374151 !important; text-transform: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-cluster width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-cluster .fv-bar-row margin-bottom: 3px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-cluster .fv-bar-container height: 20px !important; /* Line Chart Grid */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .riv-grid line stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; /* X-Axis */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-wrapper display: flex !important; width: 100% !important; margin-top: 0.5rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-label-space width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-chart-space flex-grow: 1 !important; padding-right: 8px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-wrapper.fv-grouped-x-axis margin-left: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-line border-top: 1px solid #D1D5DB !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-ticks display: flex !important; justify-content: space-between !important; padding-top: 4px !important; font-size: 13px !important; color: #374151 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-ticks span position: relative !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-ticks span::before content: ” !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 2px !important; height: 4px !important; background-color: #D1D5DB !important; border-radius: 1px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-unit text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-title text-align: center !important; font-size: 15px !important; color: #374151 !important; margin-top: 8px !important; margin-bottom: 16px !important; line-height: 1.5 !important; padding: 0 1rem !important; display: block !important; font-weight: bold !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-y-axis-title font-size: 15px !important; color: #374151 !important; line-height: 1.5 !important; text-align: left !important; padding-left: 5.83% !important; /* Aligns with Y-axis line inside SVG (35/600) */ margin-bottom: 4px !important; display: block !important; font-weight: bold !important; /* Shop The Look */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-container position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; transition: min-height 0.3s ease !important; overflow: hidden !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed .fv-stl-container width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed .fv-stl-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-container position: absolute !important; z-index: 10 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-btn position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 300ms !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-btn:hover transform: scale(1.1) !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-btn:focus outline: 2px solid transparent !important; outline-offset: 2px !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-btn[aria-expanded=”true”] background-color: #3b82f6 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-pulse position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; @keyframes fv-stl-ping 75%, 100% transform: scale(2); opacity: 0; @media (max-width: 640px) #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-pulse animation-fill-mode: none !important; /* Shop the look button */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-btn position: absolute !important; bottom: 1rem !important; right: 1rem !important; height: 2.5rem !important; background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(12px) !important; color: #111827 !important; padding: 0 1rem 0 3rem !important; border-radius: 0.25rem !important; font-weight: 700 !important; font-size: 0.875rem !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important; border: none !important; cursor: pointer !important; transition: all 0.2s !important; z-index: 10 !important; display: flex !important; align-items: center !important; text-transform: uppercase !important; overflow: hidden !important; white-space: nowrap !important; max-width: calc(100% – 2rem) !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-btn span overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-btn:hover background-color: #ffffff !important; transform: scale(1.05) !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-logo position: absolute !important; left: 0 !important; top: 0 !important; width: 2.5rem !important; height: 2.5rem !important; object-fit: cover !important; background-color: #ffffff !important; border-right: 1px solid #f3f4f6 !important; flex-shrink: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-icon position: absolute !important; left: 0 !important; top: 0 !important; width: 2.5rem !important; height: 2.5rem !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: #ffffff !important; border-right: 1px solid #f3f4f6 !important; color: #1f2937 !important; flex-shrink: 0 !important; /* All Products Modal */ #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje 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-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje position: absolute !important; padding: 0 !important; align-items: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje.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-1779813930213-aevj8xmje .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-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .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-1779813930213-aevj8xmje.is-active .fv-stl-all-products-content opacity: 1 !important; transform: scale(1) !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje.is-active .fv-stl-all-products-content transform: translateY(0) !important; /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje.v2 align-items: flex-end !important; padding: 0 !important; @media (min-width: 640px) #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje.v2:not(.mobile-view *) justify-content: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje.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-1779813930213-aevj8xmje.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-1779813930213-aevj8xmje.v2.is-active .fv-stl-all-products-content transform: translateY(0) !important; opacity: 1 !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-header display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-header padding: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-logo height: 1.5rem !important; width: auto !important; object-fit: contain !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-logo height: 1.25rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-title font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-title font-size: 1.125rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .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-1779813930213-aevj8xmje .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-1779813930213-aevj8xmje .fv-stl-all-products-list list-style: none !important; padding: 1.5rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.75rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-list padding: 0.75rem !important; gap: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-item margin: 0 !important; padding: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-link display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-link padding: 0.5rem !important; border-radius: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .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-1779813930213-aevj8xmje .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-1779813930213-aevj8xmje .fv-stl-all-products-image-container position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-image-container margin-right: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-number position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-number top: -0.375rem !important; left: -0.375rem !important; width: 1.25rem !important; height: 1.25rem !important; font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-image-wrapper width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-image-wrapper width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-image width: 100% !important; height: 100% !important; object-fit: cover !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-placeholder width: 2rem !important; height: 2rem !important; color: #d1d5db !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-placeholder width: 1.5rem !important; height: 1.5rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-info flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-info margin-top: 0 !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-brand font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-brand font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-name font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-name font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-meta display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-meta font-size: 0.75rem !important; margin-bottom: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-price font-weight: 700 !important; color: #111827 !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-sale-price font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-sale-price margin-right: 0.375rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-original-price color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-original-price font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-commentary font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-commentary font-size: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-action width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-action width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-action svg width: 14px !important; height: 14px !important; #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-link:hover .fv-stl-all-products-action background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; /* Image Annotation Styles */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-container position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed .fv-ia-container width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed .fv-ia-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-container position: absolute !important; z-index: 10 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-button position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-button:hover transform: scale(1.1) !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-button.is-active background-color: #E33235 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-pulse-ring position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; @keyframes fv-ia-ping 75%, 100% transform: scale(2); opacity: 0; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-static-tooltip display: none !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translate(-50%, -100%) !important; background-color: rgba(255, 255, 255, 0.95) !important; padding: 10px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; width: max-content !important; max-width: 200px !important; font-size: 13px !important; color: #1f2937 !important; z-index: 20 !important; pointer-events: none !important; white-space: pre-wrap !important; line-height: 1.4 !important; border: 1px solid #e5e7eb !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-button:hover + .fv-ia-static-tooltip display: block !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-logo-explore-bar position: relative !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-height: 30px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-logo-explore-bar .fv-logo margin: 0 auto !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-explore-wrapper position: absolute !important; right: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-logo-explore-bar flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-ia-explore-wrapper position: static !important; align-self: flex-end !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-explore-btn background-color: rgba(255, 255, 255, 0.95) !important; color: #1e293b !important; border: 1px solid #e5e7eb !important; border-radius: 9999px !important; padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; font-weight: 600 !important; font-family: sans-serif !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important; pointer-events: auto !important; flex-shrink: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-explore-btn:hover background-color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !important; color: #E33235 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-explore-btn svg transition: transform 0.2s !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-explore-btn:hover svg transform: translateX(2px) !important; /* IA Modal Styles */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-active-modal-container display: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-modals display: block !important; position: static !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-modal-item display: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-modal-item.is-active display: flex !important; flex-direction: column !important; position: absolute !important; top: 1rem !important; right: 1rem !important; z-index: 20 !important; width: 18rem !important; max-width: calc(100% – 2rem) !important; background-color: #ffffff !important; padding: 1rem !important; border-radius: 0.75rem !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border: 1px solid #e5e7eb !important; border-top: 4px solid #E33235 !important; animation: fv-ia-fade-in 0.2s ease-out !important; gap: 0.75rem !important; max-height: 80% !important; overflow-y: auto !important; pointer-events: auto !important; @keyframes fv-ia-fade-in from opacity: 0; transform: scale(0.95); to opacity: 1; transform: scale(1); #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-modal-header display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; gap: 0.5rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-title font-size: 1rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-close-button background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; transition: all 0.2s !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-close-button:hover background: #e5e7eb !important; color: #111827 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-description font-size: 0.875rem !important; color: #374151 !important; margin: 0 !important; line-height: 1.625 !important; white-space: pre-wrap !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-ia-node-description font-size: 0.875rem !important; /* Error Handling */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-empty display: flex !important; align-items: center !important; justify-content: center !important; height: 200px !important; background-color: #f1f5f9 !important; color: #64748b !important; border: 2px dashed #cbd5e1 !important; border-radius: 0.5rem !important; /* Countdown Styles */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-container display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; font-family: Montserrat, sans-serif !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-header text-align: center !important; margin-bottom: 2rem !important; z-index: 10 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-title font-size: 1.25rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 !important; font-style: italic !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-subhead font-size: 1.125rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0.25rem 0 0 0 !important; font-style: italic !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-timer-wrap display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 64rem !important; z-index: 10 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-labels display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 0.5rem !important; font-size: 0.75rem !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-labels > div flex: 1 !important; text-align: center !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-box position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits > div.digit-box flex: 1 !important; text-align: center !important; white-space: nowrap !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits > div.colon flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-spike-l position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-spike-r position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; @media (min-width: 600px) #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-container padding: 2rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-title font-size: 1.75rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-subhead font-size: 1.25rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits font-size: 2.25rem !important; letter-spacing: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-labels font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-box padding: 1.5rem 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits > div.colon top: -4px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-spike-l left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-spike-r right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; @media (min-width: 768px) #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits font-size: 3.5rem !important; letter-spacing: 0.05em !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits > div.colon top: -5px !important; /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-pie-container, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-bar-row, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-stacked-product, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-grouped-bar-product, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-row, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-stacked-product, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-label:not(.fv-grouped-product-title) width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-bar-label, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-grouped-product-title, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-label, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-grouped-product-title width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-bar-container, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-bar-cluster, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-container, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-bar-cluster width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-x-axis-wrapper, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-x-axis-label-space, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-x-axis-label-space display: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-x-axis-chart-space, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-benchmark-title, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-benchmark-title font-size: 16px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-dropdown-title, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-dropdown-title font-size: 16px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-carousel-nav-btn, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-chart-title, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-chart-title padding: 0 8px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-chart-subhead, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-versus-header, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select-wrapper, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-versus-vs, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select-container, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-versus-select, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-stl-shop-all-logo, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-stl-shop-all-icon, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.labels-on-top .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; @media (max-width: 599px) #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-row, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stacked-product, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-label:not(.fv-grouped-product-title) width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-label, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-grouped-product-title width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-container, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-cluster width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-label-space display: none !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-benchmark-title font-size: 16px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-title font-size: 16px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-chart-title padding: 0 8px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-logo, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; [ “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “1080p gaming performance”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” , “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T16:45:30.214Z”, “citation”: “The cheaper RX 9070 GRE is getting very close to the 1080p performance of the RX 9070, and it’s practically a tie with the pricier Nvidia RTX 5070.”, “keywords”: [ “RX 9070 GRE (Acer Nitro)”, “RX 9070”, “RTX 5070”, “RTX 5060 Ti Palit Infinity 3”, “RX 9060 XT XFX 16 GB”, “Black Myth Wukong (1080p High)”, “Cyberpunk 2077 (1080p RT Ultra)”, “F1 24 (1080p Ultra high)”, “Homeworld 3 (1080p Epic)”, “Metro Exodus Enhanced Edition (1080p Ultra)”, “The Talos Principle 2 (1080p Ultra)”, “Total War: Warhammer 3 (1080p Ultra)”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , “@type”: “PropertyValue”, “name”: “RTX 5070 , 16 GB – Black Myth Wukong (1080p High)”, “value”: 73, “unitText”: “Avg FPS” , 16 GB – Black Myth Wukong (1080p High)”, “value”: 103, “unitText”: “Avg FPS” , 12 GB – Black Myth Wukong (1080p High)”, “value”: 90, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , “@type”: “PropertyValue”, “name”: “RTX 5070 , “@type”: “PropertyValue”, “name”: “RX 9060 XT , 16 GB – Cyberpunk 2077 (1080p RT Ultra)”, “value”: 70, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE , “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , “@type”: “PropertyValue”, “name”: “RTX 5070 , 16 GB – F1 24 (1080p Ultra high)”, “value”: 95, “unitText”: “Avg FPS” , 16 GB – F1 24 (1080p Ultra high)”, “value”: 138, “unitText”: “Avg FPS” , 12 GB – F1 24 (1080p Ultra high)”, “value”: 123, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , “@type”: “PropertyValue”, “name”: “RTX 5070 , “@type”: “PropertyValue”, “name”: “RX 9060 XT , 16 GB – Homeworld 3 (1080p Epic)”, “value”: 125, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE , 16 GB – Metro Exodus Enhanced Edition (1080p Ultra)”, “value”: 98, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5070 , “@type”: “PropertyValue”, “name”: “RX 9060 XT , 16 GB – Metro Exodus Enhanced Edition (1080p Ultra)”, “value”: 143, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE , 16 GB – The Talos Principle 2 (1080p Ultra)”, “value”: 75, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5070 , “@type”: “PropertyValue”, “name”: “RX 9060 XT , 16 GB – The Talos Principle 2 (1080p Ultra)”, “value”: 106, “unitText”: “Avg FPS” , 12 GB – The Talos Principle 2 (1080p Ultra)”, “value”: 92, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , “@type”: “PropertyValue”, “name”: “RTX 5070 , 16 GB – Total War: Warhammer 3 (1080p Ultra)”, “value”: 94, “unitText”: “Avg FPS” , 16 GB – Total War: Warhammer 3 (1080p Ultra)”, “value”: 112, “unitText”: “Avg FPS” , 12 GB – Total War: Warhammer 3 (1080p Ultra)”, “value”: 102, “unitText”: “Avg FPS” ], “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “1440p gaming performance”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” , “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T16:45:30.214Z”, “citation”: “As the resolution gets higher, the performance delta between the RX 9070 GRE and RTX 5070 does increase, but it’s still not huge.”, “keywords”: [ “RX 9070 GRE (Acer Nitro)”, “RX 9070”, “RTX 5070”, “RTX 5060 Ti Palit Infinity 3”, “RX 9060 XT XFX 16 GB”, “Black Myth Wukong (1440p High)”, “Cyberpunk 2077 (1440p RT Ultra)”, “F1 24 (1440p Ultra High)”, “Homeworld 3 (1440p Epic)”, “Metro Exodus Enhanced Edition (1440p Ultra)”, “The Talos Principle 2 (1440p Ultra)”, “Total War: Warhammer 3 (1440p Ultra)”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , “@type”: “PropertyValue”, “name”: “RTX 5070 , “@type”: “PropertyValue”, “name”: “RX 9060 XT , “@type”: “PropertyValue”, “name”: “RX 9070 , “@type”: “PropertyValue”, “name”: “RX 9070 GRE , 16 GB – Cyberpunk 2077 (1440p RT Ultra)”, “value”: 32, “unitText”: “Avg FPS” , 12 GB – Cyberpunk 2077 (1440p RT Ultra)”, “value”: 45, “unitText”: “Avg FPS” , 16 GB – Cyberpunk 2077 (1440p RT Ultra)”, “value”: 30, “unitText”: “Avg FPS” , 16 GB – Cyberpunk 2077 (1440p RT Ultra)”, “value”: 43, “unitText”: “Avg FPS” , 12 GB – Cyberpunk 2077 (1440p RT Ultra)”, “value”: 38, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , “@type”: “PropertyValue”, “name”: “RTX 5070 , “@type”: “PropertyValue”, “name”: “RX 9060 XT , 16 GB – F1 24 (1440p Ultra High)”, “value”: 90, “unitText”: “Avg FPS” , 12 GB – F1 24 (1440p Ultra High)”, “value”: 81, “unitText”: “Avg FPS” , 16 GB – Homeworld 3 (1440p Epic)”, “value”: 97, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5070 , 16 GB – Homeworld 3 (1440p Epic)”, “value”: 86, “unitText”: “Avg FPS” , 16 GB – Homeworld 3 (1440p Epic)”, “value”: 104, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE , “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , “@type”: “PropertyValue”, “name”: “RTX 5070 , “@type”: “PropertyValue”, “name”: “RX 9060 XT , 16 GB – Metro Exodus Enhanced Edition (1440p Ultra)”, “value”: 107, “unitText”: “Avg FPS” , 12 GB – Metro Exodus Enhanced Edition (1440p Ultra)”, “value”: 92, “unitText”: “Avg FPS” , 16 GB – The Talos Principle 2 (1440p Ultra)”, “value”: 51, “unitText”: “Avg FPS” , 12 GB – The Talos Principle 2 (1440p Ultra)”, “value”: 64, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9060 XT , 16 GB – The Talos Principle 2 (1440p Ultra)”, “value”: 74, “unitText”: “Avg FPS” , 12 GB – The Talos Principle 2 (1440p Ultra)”, “value”: 61, “unitText”: “Avg FPS” , 16 GB – Total War: Warhammer 3 (1440p Ultra)”, “value”: 60, “unitText”: “Avg FPS” , 12 GB – Total War: Warhammer 3 (1440p Ultra)”, “value”: 81, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9060 XT , 16 GB – Total War: Warhammer 3 (1440p Ultra)”, “value”: 96, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE ], “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “4K gaming performance”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” , “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T16:45:30.214Z”, “citation”: “Neither the RX 9070 GRE nor RTX 5070 are native 4K GPUs, and the Nvidia card still holds sway, but again it is close.”, “keywords”: [ “RX 9070 GRE (Acer Nitro)”, “RX 9070”, “RTX 5070”, “RTX 5060 Ti Palit Infinity 3”, “RX 9060 XT XFX 16 GB”, “Black Myth Wukong (4K High)”, “Cyberpunk 2077 (4K RT Ultra)”, “F1 24 (4K Ultra High)”, “Homeworld 3 (4K Epic)”, “Metro Exodus Enhanced Edition (4K Ultra)”, “The Talos Principle 2 (4K Ultra)”, “Total War: Warhammer 3 (4K Ultra)”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , 12 GB – Black Myth Wukong (4K High)”, “value”: 37, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9060 XT , 16 GB – Black Myth Wukong (4K High)”, “value”: 40, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE , 16 GB – Cyberpunk 2077 (4K RT Ultra)”, “value”: 15, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5070 , 16 GB – Cyberpunk 2077 (4K RT Ultra)”, “value”: 14, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 , 12 GB – Cyberpunk 2077 (4K RT Ultra)”, “value”: 10, “unitText”: “Avg FPS” , 16 GB – F1 24 (4K Ultra High)”, “value”: 27, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5070 , “@type”: “PropertyValue”, “name”: “RX 9060 XT , “@type”: “PropertyValue”, “name”: “RX 9070 , “@type”: “PropertyValue”, “name”: “RX 9070 GRE , 16 GB – Homeworld 3 (4K Epic)”, “value”: 58, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5070 , “@type”: “PropertyValue”, “name”: “RX 9060 XT , 16 GB – Homeworld 3 (4K Epic)”, “value”: 72, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE , 16 GB – Metro Exodus Enhanced Edition (4K Ultra)”, “value”: 42, “unitText”: “Avg FPS” , 12 GB – Metro Exodus Enhanced Edition (4K Ultra)”, “value”: 57, “unitText”: “Avg FPS” , 16 GB – Metro Exodus Enhanced Edition (4K Ultra)”, “value”: 41, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 , 12 GB – Metro Exodus Enhanced Edition (4K Ultra)”, “value”: 52, “unitText”: “Avg FPS” , 16 GB – The Talos Principle 2 (4K Ultra)”, “value”: 27, “unitText”: “Avg FPS” , 12 GB – The Talos Principle 2 (4K Ultra)”, “value”: 35, “unitText”: “Avg FPS” , 16 GB – The Talos Principle 2 (4K Ultra)”, “value”: 25, “unitText”: “Avg FPS” , 16 GB – The Talos Principle 2 (4K Ultra)”, “value”: 39, “unitText”: “Avg FPS” , 12 GB – The Talos Principle 2 (4K Ultra)”, “value”: 26, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , “@type”: “PropertyValue”, “name”: “RTX 5070 , 16 GB – Total War: Warhammer 3 (4K Ultra)”, “value”: 30, “unitText”: “Avg FPS” , 16 GB – Total War: Warhammer 3 (4K Ultra)”, “value”: 52, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE ]]
1080p gaming performance
Black Myth Wukong (1080p High)Cyberpunk 2077 (1080p RT Ultra)F1 24 (1080p Ultra high)Homeworld 3 (1080p Epic)Metro Exodus Enhanced Edition (1080p Ultra)The Talos Principle 2 (1080p Ultra)Total War: Warhammer 3 (1080p Ultra)
Avg FPS
1% Low FPS
| Product | Value |
|---|---|
| RX 9070 GRE | 12 GB | 90 Avg FPS, 78 1% Low FPS |
| RX 9070 | 16 GB | 103 Avg FPS, 89 1% Low FPS |
| RTX 5070 | 12 GB | 95 Avg FPS, 82 1% Low FPS |
| RTX 5060 Ti | 16 GB | 75 Avg FPS, 65 1% Low FPS |
| RX 9060 XT | 16 GB | 73 Avg FPS, 63 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; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) bar.style.setProperty(‘margin-left’, baseMargin + ‘%’, ‘important’); setTimeout(function() var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); if (targetMargin !== undefined && baseMargin !== undefined) bar.style.setProperty(‘margin-left’, targetMargin + ‘%’, ‘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() ); } 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) 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) ”; if (captionEl) captionEl.textContent = newCaption } 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) ); /* Shop The Look Hotspots */ var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); /* Remove highlights */ var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) item.classList.remove(‘is-highlighted’); ); /* Remove min-height after transition */ if (stlContainer) setTimeout(function() if (!allProductsModal.classList.contains(‘is-active’)) stlContainer.style.minHeight=””; if (‘parentIFrame’ in window) window.parentIFrame.size(); , 300); } hotspots.forEach(function(btn) btn.setAttribute(‘aria-expanded’, ‘false’); ); if (‘parentIFrame’ in window) window.parentIFrame.size(); } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); /* Ensure container is tall enough */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) container.style.minHeight = '450px'; /* Highlight and scroll to item */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) targetItem.classList.add('is-highlighted'); setTimeout(function() targetItem.scrollIntoView( behavior: 'smooth', block: 'center' ); , 100); if ('parentIFrame' in window) window.parentIFrame.size(); }); }); /* Shop All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Ensure container is tall enough */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.length) closeAllIANodes(); resetExploreBtn(); else currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) if(targetBtn.classList.contains(‘is-active’)) targetBtn.click(); targetBtn.click(); ); } if (iaWrapper) iaWrapper.addEventListener(‘click’, function(e) if (!e.target.closest(‘.fv-ia-node-button’) && !e.target.closest(‘.fv-ia-explore-btn’)) closeAllIANodes(); resetExploreBtn(); ); /* Initial Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) } if (true) { var slideshowContainer = document.getElementById(uniqueId + ‘-slideshow’); if (slideshowContainer) var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); slides.forEach(function(slide) setupWrapper(slide.querySelector(‘.fv-chart-wrapper’)); ); var slideshowContainer = document.getElementById(uniqueId + ‘-slideshow’); /* Check if container exists to prevent errors */ if (slideshowContainer) { var currentSlideIndex = 0; var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); var counter = slideshowContainer.querySelector(‘.fv-slide-counter’); var prevBtn = slideshowContainer.querySelector(‘.fv-nav-btn.prev’); var nextBtn = slideshowContainer.querySelector(‘.fv-nav-btn.next’); var dropdown = slideshowContainer.querySelector(‘.fv-slideshow-select’); function updateControls(index) if (counter) counter.textContent = (index + 1) + ‘ / ‘ + slides.length; if (dropdown) dropdown.value = index; if (prevBtn) if (index === 0) prevBtn.classList.add(‘disabled’); else prevBtn.classList.remove(‘disabled’); if (nextBtn) if (index === slides.length – 1) nextBtn.classList.add(‘disabled’); else nextBtn.classList.remove(‘disabled’); function showSlide(index) if (index = slides.length) return; /* index = 0; */ currentSlideIndex = index; slides.forEach(function(slide, i) slide.style.display = i === index ? ‘block’ : ‘none’; if (i === index) /* Re-trigger animations for the active slide */ var chartEl = slide.querySelector(‘.fv-chart-wrapper’); if (chartEl && window.fvAnimateCharts) window.fvAnimateCharts(chartEl); ); updateControls(currentSlideIndex); if (prevBtn) prevBtn.addEventListener(‘click’, function() showSlide(currentSlideIndex – 1); ); if (nextBtn) nextBtn.addEventListener(‘click’, function() showSlide(currentSlideIndex + 1); ); if (dropdown) dropdown.addEventListener(‘change’, function(e) showSlide(parseInt(e.target.value)); ); /* Initial setup */ updateControls(currentSlideIndex); /* Initial animation for the first slide */ if (slides.length > 0) var firstChart = slides[0].querySelector(‘.fv-chart-wrapper’); if (firstChart && window.fvAnimateCharts) setTimeout(function() window.fvAnimateCharts(firstChart); , 100); } } else setupWrapper(root); } if (document.readyState === ‘loading’) document.addEventListener(‘DOMContentLoaded’, function() initialize(‘fv-chart-1779813930213-aevj8xmje’, true); ); else initialize(‘fv-chart-1779813930213-aevj8xmje’, true); })();
But the pricier RTX 5070 and RX 9070 are interesting in just how close they are in performance terms to the RX 9070 GRE. Against the RTX 5070 the two cards are not far off being on a level, trading blows across parts of our benchmarking suite. On the whole, though you’d have to say the Nvidia card more consistently leads the GRE overall, but there’s surprisingly little in it, certainly not enough that you’d actually feel it in most games. It is clear, however, that the 3584 core Navi 48 chip inside the straight RX 9070—with its 16 GB VRAM quotient and 256-bit memory bus—is absolutely the better option.
@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,900&display=swap’); /* Reset & Base */ #fv-chart-1779814062060-lpiqcv1dg *, #fv-chart-1779814062060-lpiqcv1dg *:before, #fv-chart-1779814062060-lpiqcv1dg *:after, #fv-chart-1779814062060-lpiqcv1dg-slideshow *, #fv-chart-1779814062060-lpiqcv1dg-slideshow *:before, #fv-chart-1779814062060-lpiqcv1dg-slideshow *:after box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; #fv-chart-1779814062060-lpiqcv1dg, #fv-chart-1779814062060-lpiqcv1dg-slideshow font-family: ‘Open Sans’, sans-serif !important; /* Main Wrappers */ #fv-chart-1779814062060-lpiqcv1dg position: relative !important; overflow: visible !important; –riv-primary: #E33235; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-inner-wrapper.fv-no-header.fv-is-image-compare padding-top: 0 !important; #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed width: 100vw !important; margin-left: calc(50% – 50vw) !important; body overflow-x: clip !important; #fv-chart-1779814062060-lpiqcv1dg.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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg-slideshow position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; #fv-chart-1779814062060-lpiqcv1dg-slideshow .fv-slides-wrapper position: relative !important; width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg-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-1779814062060-lpiqcv1dg-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-1779814062060-lpiqcv1dg-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-1779814062060-lpiqcv1dg-slideshow .fv-nav-btn svg width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; #fv-chart-1779814062060-lpiqcv1dg-slideshow .fv-nav-btn:hover opacity: 0.9 !important; transform: translateY(-1px) !important; #fv-chart-1779814062060-lpiqcv1dg-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-1779814062060-lpiqcv1dg-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-1779814062060-lpiqcv1dg-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-1779814062060-lpiqcv1dg-slideshow .fv-slideshow-select:focus outline: 2px solid #E33235 !important; border-color: #E33235 !important; /* Typography */ #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-versus-chart display: flex; flex-direction: column; width: 100%; margin-top: 1rem; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-header display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper flex: 1; min-width: 0; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper.fv-left text-align: center; padding-right: 1rem; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper.fv-right text-align: center; padding-left: 1rem; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-container position: relative; display: inline-block; max-width: 100%; width: 100%; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-chevron position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper.fv-left .fv-versus-chevron right: 0; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper.fv-right .fv-versus-chevron right: 0; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-versus-select.fv-select-left text-align: center; direction: ltr; padding-right: 1.25rem; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select.fv-select-right text-align: center; padding-right: 1.25rem; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-versus-body display: flex; flex-direction: column; gap: 1.5rem; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-row position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-bar-container position: relative; height: 32px; display: flex; align-items: center; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-bar-left-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-bar-right-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-versus-bar-left border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-inside-left white-space: nowrap; flex-shrink: 0; #fv-chart-1779814062060-lpiqcv1dg .fv-inside-right white-space: nowrap; flex-shrink: 0; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-val-text font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-pct-diff font-size: 12px; font-weight: 600; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-image-compare-container width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed .fv-image-compare-container width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-image-compare-handle.fv-image-compare-handle-square border-radius: 6px !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-image-compare-label-left left: 1rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-label-right right: 1rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-expand-btn, #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-image-compare-expand-btn:hover, #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-close-btn:hover background-color: rgba(0, 0, 0, 0.7) !important; #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-close-btn display: none !important; top: 1rem !important; bottom: auto !important; /* Fullscreen State */ #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active cursor: grabbing !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn display: none !important; #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn display: flex !important; #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right right: 4rem !important; /* Footer */ #fv-chart-1779814062060-lpiqcv1dg .fv-bottom-bar display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-footer-content text-align: center !important; width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-dropdown-wrapper text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-dropdown-title-container position: relative !important; display: inline-block !important; max-width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-dropdown-title:focus outline: none !important; #fv-chart-1779814062060-lpiqcv1dg .fv-dropdown-title::-ms-expand display: none !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-carousel-nav-btn:hover border-color: #9ca3af !important; #fv-chart-1779814062060-lpiqcv1dg .fv-carousel-counter font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; /* Legend */ #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-legend-item display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-legend-color width: 12px !important; height: 12px !important; border-radius: 3px !important; /* Multi-Value Legend */ #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-multi-legend-swatch width: 16px !important; height: 16px !important; border-radius: 3px !important; /* Chart Core Styles */ #fv-chart-1779814062060-lpiqcv1dg .fv-benchmark-group margin-bottom: 1rem !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-bar-row, #fv-chart-1779814062060-lpiqcv1dg .fv-stacked-product display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-bar:hover opacity: 0.8 !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-bar-inner-label white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-bar-inner-value flex-shrink: 0 !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-bar-label.fv-primary-product font-weight: bold !important; color: var(–riv-primary) !important; /* Multi-Value Bar Logic */ #fv-chart-1779814062060-lpiqcv1dg .fv-multi-bar-container flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; #fv-chart-1779814062060-lpiqcv1dg .fv-multi-bar-item display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; /* Stacked Bar */ #fv-chart-1779814062060-lpiqcv1dg .fv-stacked-bar display: flex !important; overflow: hidden !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-stacked-segment:last-child border-right: none !important; #fv-chart-1779814062060-lpiqcv1dg .fv-segment-value font-size: 14px !important; font-weight: bold !important; /* Grouped Bar */ #fv-chart-1779814062060-lpiqcv1dg .fv-grouped-bar-product display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-grouped-product-title-wrapper padding-left: 150px !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-bar-cluster width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; #fv-chart-1779814062060-lpiqcv1dg .fv-bar-cluster .fv-bar-row margin-bottom: 3px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-bar-cluster .fv-bar-container height: 20px !important; /* Line Chart Grid */ #fv-chart-1779814062060-lpiqcv1dg .riv-grid line stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; /* X-Axis */ #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-wrapper display: flex !important; width: 100% !important; margin-top: 0.5rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-label-space width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-chart-space flex-grow: 1 !important; padding-right: 8px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-wrapper.fv-grouped-x-axis margin-left: 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-line border-top: 1px solid #D1D5DB !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-x-axis-ticks span position: relative !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-x-axis-unit text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-stl-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed .fv-stl-container width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed .fv-stl-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779814062060-lpiqcv1dg .fv-stl-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779814062060-lpiqcv1dg .fv-stl-hotspot-container position: absolute !important; z-index: 10 !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-stl-hotspot-btn:hover transform: scale(1.1) !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-stl-hotspot-pulse animation-fill-mode: none !important; /* Shop the look button */ #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-stl-shop-all-btn span overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; #fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-btn:hover background-color: #ffffff !important; transform: scale(1.05) !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg 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-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg position: absolute !important; padding: 0 !important; align-items: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg.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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg.is-active .fv-stl-all-products-content opacity: 1 !important; transform: scale(1) !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg.is-active .fv-stl-all-products-content transform: translateY(0) !important; /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg.v2 align-items: flex-end !important; padding: 0 !important; @media (min-width: 640px) #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg.v2:not(.mobile-view *) justify-content: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg.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-1779814062060-lpiqcv1dg.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-1779814062060-lpiqcv1dg.v2.is-active .fv-stl-all-products-content transform: translateY(0) !important; opacity: 1 !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-header display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-header padding: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-logo height: 1.5rem !important; width: auto !important; object-fit: contain !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-logo height: 1.25rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-title font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-title font-size: 1.125rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-stl-all-products-list list-style: none !important; padding: 1.5rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.75rem !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-list padding: 0.75rem !important; gap: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-item margin: 0 !important; padding: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-link display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-link padding: 0.5rem !important; border-radius: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-stl-all-products-image-container position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-image-container margin-right: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-number position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-number top: -0.375rem !important; left: -0.375rem !important; width: 1.25rem !important; height: 1.25rem !important; font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-image-wrapper width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-image-wrapper width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-image width: 100% !important; height: 100% !important; object-fit: cover !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-placeholder width: 2rem !important; height: 2rem !important; color: #d1d5db !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-placeholder width: 1.5rem !important; height: 1.5rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-info flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-info margin-top: 0 !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-brand font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-brand font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-name font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-name font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-meta display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-meta font-size: 0.75rem !important; margin-bottom: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-price font-weight: 700 !important; color: #111827 !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-sale-price font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-sale-price margin-right: 0.375rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-original-price color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-original-price font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-commentary font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-commentary font-size: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-action width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-action width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-action svg width: 14px !important; height: 14px !important; #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-link:hover .fv-stl-all-products-action background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; /* Image Annotation Styles */ #fv-chart-1779814062060-lpiqcv1dg .fv-ia-container position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed .fv-ia-container width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed .fv-ia-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-container position: absolute !important; z-index: 10 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-button position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-button:hover transform: scale(1.1) !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-button.is-active background-color: #E33235 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-pulse-ring position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; @keyframes fv-ia-ping 75%, 100% transform: scale(2); opacity: 0; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-static-tooltip display: none !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translate(-50%, -100%) !important; background-color: rgba(255, 255, 255, 0.95) !important; padding: 10px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; width: max-content !important; max-width: 200px !important; font-size: 13px !important; color: #1f2937 !important; z-index: 20 !important; pointer-events: none !important; white-space: pre-wrap !important; line-height: 1.4 !important; border: 1px solid #e5e7eb !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-button:hover + .fv-ia-static-tooltip display: block !important; #fv-chart-1779814062060-lpiqcv1dg .fv-logo-explore-bar position: relative !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-height: 30px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-logo-explore-bar .fv-logo margin: 0 auto !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-explore-wrapper position: absolute !important; right: 0 !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-logo-explore-bar flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-ia-explore-wrapper position: static !important; align-self: flex-end !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-explore-btn background-color: rgba(255, 255, 255, 0.95) !important; color: #1e293b !important; border: 1px solid #e5e7eb !important; border-radius: 9999px !important; padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; font-weight: 600 !important; font-family: sans-serif !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important; pointer-events: auto !important; flex-shrink: 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-explore-btn:hover background-color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !important; color: #E33235 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-explore-btn svg transition: transform 0.2s !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-explore-btn:hover svg transform: translateX(2px) !important; /* IA Modal Styles */ #fv-chart-1779814062060-lpiqcv1dg .fv-ia-active-modal-container display: none !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-modals display: block !important; position: static !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-modal-item display: none !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-modal-item.is-active display: flex !important; flex-direction: column !important; position: absolute !important; top: 1rem !important; right: 1rem !important; z-index: 20 !important; width: 18rem !important; max-width: calc(100% – 2rem) !important; background-color: #ffffff !important; padding: 1rem !important; border-radius: 0.75rem !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border: 1px solid #e5e7eb !important; border-top: 4px solid #E33235 !important; animation: fv-ia-fade-in 0.2s ease-out !important; gap: 0.75rem !important; max-height: 80% !important; overflow-y: auto !important; pointer-events: auto !important; @keyframes fv-ia-fade-in from opacity: 0; transform: scale(0.95); to opacity: 1; transform: scale(1); #fv-chart-1779814062060-lpiqcv1dg .fv-ia-modal-header display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; gap: 0.5rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-title font-size: 1rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-close-button background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; transition: all 0.2s !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-close-button:hover background: #e5e7eb !important; color: #111827 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-description font-size: 0.875rem !important; color: #374151 !important; margin: 0 !important; line-height: 1.625 !important; white-space: pre-wrap !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-ia-node-description font-size: 0.875rem !important; /* Error Handling */ #fv-chart-1779814062060-lpiqcv1dg .fv-ia-empty display: flex !important; align-items: center !important; justify-content: center !important; height: 200px !important; background-color: #f1f5f9 !important; color: #64748b !important; border: 2px dashed #cbd5e1 !important; border-radius: 0.5rem !important; /* Countdown Styles */ #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-container display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; font-family: Montserrat, sans-serif !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-header text-align: center !important; margin-bottom: 2rem !important; z-index: 10 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-title font-size: 1.25rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 !important; font-style: italic !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-subhead font-size: 1.125rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0.25rem 0 0 0 !important; font-style: italic !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-timer-wrap display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 64rem !important; z-index: 10 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-labels display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 0.5rem !important; font-size: 0.75rem !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-labels > div flex: 1 !important; text-align: center !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-box position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits > div.digit-box flex: 1 !important; text-align: center !important; white-space: nowrap !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits > div.colon flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-spike-l position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-spike-r position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; @media (min-width: 600px) #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-container padding: 2rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-title font-size: 1.75rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-subhead font-size: 1.25rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits font-size: 2.25rem !important; letter-spacing: 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-labels font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-box padding: 1.5rem 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits > div.colon top: -4px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-spike-l left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-spike-r right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; @media (min-width: 768px) #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits font-size: 3.5rem !important; letter-spacing: 0.05em !important; #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits > div.colon top: -5px !important; /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-pie-container, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-bar-row, #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-stacked-product, #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-grouped-bar-product, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-bar-row, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-stacked-product, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1779814062060-lpiqcv1dg.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-1779814062060-lpiqcv1dg.mobile-view .fv-bar-label, #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-grouped-product-title, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-bar-label, #fv-chart-1779814062060-lpiqcv1dg.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-1779814062060-lpiqcv1dg.mobile-view .fv-bar-container, #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-bar-cluster, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-bar-container, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-bar-cluster width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-x-axis-wrapper, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-x-axis-label-space, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-x-axis-label-space display: none !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-x-axis-chart-space, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-benchmark-title, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-benchmark-title font-size: 16px !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-dropdown-title, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-dropdown-title font-size: 16px !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-carousel-nav-btn, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-chart-title, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-chart-title padding: 0 8px !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-chart-subhead, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-header, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-select-wrapper, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-vs, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-select-container, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-select, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-stl-shop-all-logo, #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-stl-shop-all-icon, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779814062060-lpiqcv1dg.mobile-view.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; @media (max-width: 599px) #fv-chart-1779814062060-lpiqcv1dg .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-bar-row, #fv-chart-1779814062060-lpiqcv1dg .fv-stacked-product, #fv-chart-1779814062060-lpiqcv1dg .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-bar-label, #fv-chart-1779814062060-lpiqcv1dg .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-1779814062060-lpiqcv1dg .fv-bar-container, #fv-chart-1779814062060-lpiqcv1dg .fv-bar-cluster width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-label-space display: none !important; #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-benchmark-title font-size: 16px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-dropdown-title font-size: 16px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-chart-title padding: 0 8px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-logo, #fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779814062060-lpiqcv1dg .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779814062060-lpiqcv1dg.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “Upscaled gaming performance”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” , “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T16:47:42.060Z”, “citation”: “There are a couple of instances where, when using upscaling, the RX 9070 GRE takes a healthy lead in terms of frame rates over the RTX 5070.”, “keywords”: [ “RX 9070 GRE (Acer Nitro)”, “RX 9070”, “RTX 5070”, “RTX 5060 Ti Palit Infinity 3”, “RX 9060 XT XFX 16 GB”, “Black Myth Wukong (1440p High + Upscaling (quality))”, “Cyberpunk 2077 (1440p RT Ultra + upscaling (quality))”, “F1 24 (1440p Ultra high +upscsaling (Quality), 2x FG)”, “Homeworld 3 (1440p Epic + upscaling (quality))”, “The Talos Principle 2 (1440p Ultra +upscaling (quality), 2x FG)”, “F1 24 (1440p Ultra high +upscaling (Quality), 2x FG)”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , “@type”: “PropertyValue”, “name”: “RTX 5070 , “@type”: “PropertyValue”, “name”: “RX 9060 XT , “@type”: “PropertyValue”, “name”: “RX 9070 , 12 GB – Black Myth Wukong (1440p High + Upscaling (quality))”, “value”: 95, “unitText”: “Avg FPS” , 16 GB – Cyberpunk 2077 (1440p RT Ultra + upscaling (quality))”, “value”: 96, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5070 , 16 GB – Cyberpunk 2077 (1440p RT Ultra + upscaling (quality))”, “value”: 102, “unitText”: “Avg FPS” , 16 GB – Cyberpunk 2077 (1440p RT Ultra + upscaling (quality))”, “value”: 149, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE , “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , “@type”: “PropertyValue”, “name”: “RTX 5070 , “@type”: “PropertyValue”, “name”: “RX 9060 XT , “@type”: “PropertyValue”, “name”: “RX 9070 , 12 GB – F1 24 (1440p Ultra high +upscsaling (Quality), 2x FG)”, “value”: 249, “unitText”: “Avg FPS” , 16 GB – Homeworld 3 (1440p Epic + upscaling (quality))”, “value”: 118, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RTX 5070 , “@type”: “PropertyValue”, “name”: “RX 9060 XT , 16 GB – Homeworld 3 (1440p Epic + upscaling (quality))”, “value”: 123, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE , “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , “@type”: “PropertyValue”, “name”: “RTX 5070 , 16 GB – The Talos Principle 2 (1440p Ultra +upscaling (quality), 2x FG)”, “value”: 135, “unitText”: “Avg FPS” , 16 GB – The Talos Principle 2 (1440p Ultra +upscaling (quality), 2x FG)”, “value”: 197, “unitText”: “Avg FPS” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE ]
Upscaled gaming performance
Black Myth Wukong (1440p High + Upscaling (quality))Cyberpunk 2077 (1440p RT Ultra + upscaling (quality))F1 24 (1440p Ultra high +upscaling (Quality), 2x FG)Homeworld 3 (1440p Epic + upscaling (quality))The Talos Principle 2 (1440p Ultra +upscaling (quality), 2x FG)
Avg FPS
1% Low FPS
| Product | Value |
|---|---|
| RX 9070 GRE | 12 GB | 95 Avg FPS, 82 1% Low FPS |
| RX 9070 | 16 GB | 111 Avg FPS, 96 1% Low FPS |
| RTX 5070 | 12 GB | 107 Avg FPS, 81 1% Low FPS |
| RTX 5060 Ti | 16 GB | 86 Avg FPS, 72 1% Low FPS |
| RX 9060 XT | 16 GB | 78 Avg FPS, 69 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; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) bar.style.setProperty(‘margin-left’, baseMargin + ‘%’, ‘important’); setTimeout(function() var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); if (targetMargin !== undefined && baseMargin !== undefined) bar.style.setProperty(‘margin-left’, targetMargin + ‘%’, ‘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() ); } 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) 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) ”; if (captionEl) captionEl.textContent = newCaption } 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) ); /* Shop The Look Hotspots */ var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); /* Remove highlights */ var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) item.classList.remove(‘is-highlighted’); ); /* Remove min-height after transition */ if (stlContainer) setTimeout(function() if (!allProductsModal.classList.contains(‘is-active’)) stlContainer.style.minHeight=””; if (‘parentIFrame’ in window) window.parentIFrame.size(); , 300); } hotspots.forEach(function(btn) btn.setAttribute(‘aria-expanded’, ‘false’); ); if (‘parentIFrame’ in window) window.parentIFrame.size(); } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); /* Ensure container is tall enough */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) container.style.minHeight = '450px'; /* Highlight and scroll to item */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) targetItem.classList.add('is-highlighted'); setTimeout(function() targetItem.scrollIntoView( behavior: 'smooth', block: 'center' ); , 100); if ('parentIFrame' in window) window.parentIFrame.size(); }); }); /* Shop All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Ensure container is tall enough */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.length) closeAllIANodes(); resetExploreBtn(); else currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) if(targetBtn.classList.contains(‘is-active’)) targetBtn.click(); targetBtn.click(); ); } if (iaWrapper) iaWrapper.addEventListener(‘click’, function(e) if (!e.target.closest(‘.fv-ia-node-button’) && !e.target.closest(‘.fv-ia-explore-btn’)) closeAllIANodes(); resetExploreBtn(); ); /* Initial Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) } 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-1779814062060-lpiqcv1dg’, false); ); else initialize(‘fv-chart-1779814062060-lpiqcv1dg’, false); })();
Though the GRE is still not far off, and if the price gap between either the RX 9070 or RTX 5070 increases then the GRE will become a more tempting option. At MSRP vs. current pricing of the RX 9070 specifically, with the GRE you’re getting roughly 86% of the performance, but you are paying around 92% of the price.
At the higher resolutions the GRE notably struggles against the other two cards, though if you’re aiming specifically for 4K gaming with anything in the $600 range you are 100% relying on some heavy upscaling. At 1440p though it still shines.
@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,900&display=swap’); /* Reset & Base */ #fv-chart-1779814533259-6zoxelk6m *, #fv-chart-1779814533259-6zoxelk6m *:before, #fv-chart-1779814533259-6zoxelk6m *:after, #fv-chart-1779814533259-6zoxelk6m-slideshow *, #fv-chart-1779814533259-6zoxelk6m-slideshow *:before, #fv-chart-1779814533259-6zoxelk6m-slideshow *:after box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; #fv-chart-1779814533259-6zoxelk6m, #fv-chart-1779814533259-6zoxelk6m-slideshow font-family: ‘Open Sans’, sans-serif !important; /* Main Wrappers */ #fv-chart-1779814533259-6zoxelk6m position: relative !important; overflow: visible !important; –riv-primary: #E33235; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-inner-wrapper.fv-no-header.fv-is-image-compare padding-top: 0 !important; #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed width: 100vw !important; margin-left: calc(50% – 50vw) !important; body overflow-x: clip !important; #fv-chart-1779814533259-6zoxelk6m.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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m-slideshow position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; #fv-chart-1779814533259-6zoxelk6m-slideshow .fv-slides-wrapper position: relative !important; width: 100% !important; #fv-chart-1779814533259-6zoxelk6m-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-1779814533259-6zoxelk6m-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-1779814533259-6zoxelk6m-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-1779814533259-6zoxelk6m-slideshow .fv-nav-btn svg width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; #fv-chart-1779814533259-6zoxelk6m-slideshow .fv-nav-btn:hover opacity: 0.9 !important; transform: translateY(-1px) !important; #fv-chart-1779814533259-6zoxelk6m-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-1779814533259-6zoxelk6m-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-1779814533259-6zoxelk6m-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-1779814533259-6zoxelk6m-slideshow .fv-slideshow-select:focus outline: 2px solid #E33235 !important; border-color: #E33235 !important; /* Typography */ #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-versus-chart display: flex; flex-direction: column; width: 100%; margin-top: 1rem; #fv-chart-1779814533259-6zoxelk6m .fv-versus-header display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper flex: 1; min-width: 0; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper.fv-left text-align: center; padding-right: 1rem; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper.fv-right text-align: center; padding-left: 1rem; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-container position: relative; display: inline-block; max-width: 100%; width: 100%; #fv-chart-1779814533259-6zoxelk6m .fv-versus-chevron position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper.fv-left .fv-versus-chevron right: 0; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper.fv-right .fv-versus-chevron right: 0; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-versus-select.fv-select-left text-align: center; direction: ltr; padding-right: 1.25rem; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select.fv-select-right text-align: center; padding-right: 1.25rem; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-versus-body display: flex; flex-direction: column; gap: 1.5rem; #fv-chart-1779814533259-6zoxelk6m .fv-versus-row position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; #fv-chart-1779814533259-6zoxelk6m .fv-versus-bar-container position: relative; height: 32px; display: flex; align-items: center; #fv-chart-1779814533259-6zoxelk6m .fv-versus-bar-left-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; #fv-chart-1779814533259-6zoxelk6m .fv-versus-bar-right-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-versus-bar-left border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-inside-left white-space: nowrap; flex-shrink: 0; #fv-chart-1779814533259-6zoxelk6m .fv-inside-right white-space: nowrap; flex-shrink: 0; #fv-chart-1779814533259-6zoxelk6m .fv-versus-val-text font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; #fv-chart-1779814533259-6zoxelk6m .fv-versus-pct-diff font-size: 12px; font-weight: 600; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-image-compare-container width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed .fv-image-compare-container width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-image-compare-handle.fv-image-compare-handle-square border-radius: 6px !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-image-compare-label-left left: 1rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-label-right right: 1rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-expand-btn, #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-image-compare-expand-btn:hover, #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-close-btn:hover background-color: rgba(0, 0, 0, 0.7) !important; #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-close-btn display: none !important; top: 1rem !important; bottom: auto !important; /* Fullscreen State */ #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active cursor: grabbing !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn display: none !important; #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn display: flex !important; #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right right: 4rem !important; /* Footer */ #fv-chart-1779814533259-6zoxelk6m .fv-bottom-bar display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-footer-content text-align: center !important; width: 100% !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-dropdown-wrapper text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-dropdown-title-container position: relative !important; display: inline-block !important; max-width: 100% !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-dropdown-title:focus outline: none !important; #fv-chart-1779814533259-6zoxelk6m .fv-dropdown-title::-ms-expand display: none !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-carousel-nav-btn:hover border-color: #9ca3af !important; #fv-chart-1779814533259-6zoxelk6m .fv-carousel-counter font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; /* Legend */ #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-legend-item display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; #fv-chart-1779814533259-6zoxelk6m .fv-legend-color width: 12px !important; height: 12px !important; border-radius: 3px !important; /* Multi-Value Legend */ #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-multi-legend-swatch width: 16px !important; height: 16px !important; border-radius: 3px !important; /* Chart Core Styles */ #fv-chart-1779814533259-6zoxelk6m .fv-benchmark-group margin-bottom: 1rem !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-bar-row, #fv-chart-1779814533259-6zoxelk6m .fv-stacked-product display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-bar:hover opacity: 0.8 !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-bar-inner-label white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; #fv-chart-1779814533259-6zoxelk6m .fv-bar-inner-value flex-shrink: 0 !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-bar-label.fv-primary-product font-weight: bold !important; color: var(–riv-primary) !important; /* Multi-Value Bar Logic */ #fv-chart-1779814533259-6zoxelk6m .fv-multi-bar-container flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; #fv-chart-1779814533259-6zoxelk6m .fv-multi-bar-item display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; /* Stacked Bar */ #fv-chart-1779814533259-6zoxelk6m .fv-stacked-bar display: flex !important; overflow: hidden !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-stacked-segment:last-child border-right: none !important; #fv-chart-1779814533259-6zoxelk6m .fv-segment-value font-size: 14px !important; font-weight: bold !important; /* Grouped Bar */ #fv-chart-1779814533259-6zoxelk6m .fv-grouped-bar-product display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-grouped-product-title-wrapper padding-left: 150px !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-bar-cluster width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; #fv-chart-1779814533259-6zoxelk6m .fv-bar-cluster .fv-bar-row margin-bottom: 3px !important; #fv-chart-1779814533259-6zoxelk6m .fv-bar-cluster .fv-bar-container height: 20px !important; /* Line Chart Grid */ #fv-chart-1779814533259-6zoxelk6m .riv-grid line stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; /* X-Axis */ #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-wrapper display: flex !important; width: 100% !important; margin-top: 0.5rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-label-space width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-chart-space flex-grow: 1 !important; padding-right: 8px !important; #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-wrapper.fv-grouped-x-axis margin-left: 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-line border-top: 1px solid #D1D5DB !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-x-axis-ticks span position: relative !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-x-axis-unit text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-stl-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed .fv-stl-container width: 100% !important; #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed .fv-stl-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779814533259-6zoxelk6m .fv-stl-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779814533259-6zoxelk6m .fv-stl-hotspot-container position: absolute !important; z-index: 10 !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-stl-hotspot-btn:hover transform: scale(1.1) !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-stl-hotspot-pulse animation-fill-mode: none !important; /* Shop the look button */ #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-stl-shop-all-btn span overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; #fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-btn:hover background-color: #ffffff !important; transform: scale(1.05) !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m 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-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m position: absolute !important; padding: 0 !important; align-items: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m.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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m.is-active .fv-stl-all-products-content opacity: 1 !important; transform: scale(1) !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m.is-active .fv-stl-all-products-content transform: translateY(0) !important; /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m.v2 align-items: flex-end !important; padding: 0 !important; @media (min-width: 640px) #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m.v2:not(.mobile-view *) justify-content: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m.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-1779814533259-6zoxelk6m.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-1779814533259-6zoxelk6m.v2.is-active .fv-stl-all-products-content transform: translateY(0) !important; opacity: 1 !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-header display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-header padding: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-logo height: 1.5rem !important; width: auto !important; object-fit: contain !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-logo height: 1.25rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-title font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-title font-size: 1.125rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-stl-all-products-list list-style: none !important; padding: 1.5rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.75rem !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-list padding: 0.75rem !important; gap: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-item margin: 0 !important; padding: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-link display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-link padding: 0.5rem !important; border-radius: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-stl-all-products-image-container position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-image-container margin-right: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-number position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-number top: -0.375rem !important; left: -0.375rem !important; width: 1.25rem !important; height: 1.25rem !important; font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-image-wrapper width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-image-wrapper width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-image width: 100% !important; height: 100% !important; object-fit: cover !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-placeholder width: 2rem !important; height: 2rem !important; color: #d1d5db !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-placeholder width: 1.5rem !important; height: 1.5rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-info flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-info margin-top: 0 !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-brand font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-brand font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-name font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-name font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-meta display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-meta font-size: 0.75rem !important; margin-bottom: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-price font-weight: 700 !important; color: #111827 !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-sale-price font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-sale-price margin-right: 0.375rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-original-price color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-original-price font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-commentary font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-commentary font-size: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-action width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-action width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-action svg width: 14px !important; height: 14px !important; #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-link:hover .fv-stl-all-products-action background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; /* Image Annotation Styles */ #fv-chart-1779814533259-6zoxelk6m .fv-ia-container position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed .fv-ia-container width: 100% !important; #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed .fv-ia-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-container position: absolute !important; z-index: 10 !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-button position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-button:hover transform: scale(1.1) !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-button.is-active background-color: #E33235 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-pulse-ring position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; @keyframes fv-ia-ping 75%, 100% transform: scale(2); opacity: 0; #fv-chart-1779814533259-6zoxelk6m .fv-ia-static-tooltip display: none !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translate(-50%, -100%) !important; background-color: rgba(255, 255, 255, 0.95) !important; padding: 10px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; width: max-content !important; max-width: 200px !important; font-size: 13px !important; color: #1f2937 !important; z-index: 20 !important; pointer-events: none !important; white-space: pre-wrap !important; line-height: 1.4 !important; border: 1px solid #e5e7eb !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-button:hover + .fv-ia-static-tooltip display: block !important; #fv-chart-1779814533259-6zoxelk6m .fv-logo-explore-bar position: relative !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-height: 30px !important; #fv-chart-1779814533259-6zoxelk6m .fv-logo-explore-bar .fv-logo margin: 0 auto !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-explore-wrapper position: absolute !important; right: 0 !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-logo-explore-bar flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-ia-explore-wrapper position: static !important; align-self: flex-end !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-explore-btn background-color: rgba(255, 255, 255, 0.95) !important; color: #1e293b !important; border: 1px solid #e5e7eb !important; border-radius: 9999px !important; padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; font-weight: 600 !important; font-family: sans-serif !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important; pointer-events: auto !important; flex-shrink: 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-explore-btn:hover background-color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !important; color: #E33235 !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-explore-btn svg transition: transform 0.2s !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-explore-btn:hover svg transform: translateX(2px) !important; /* IA Modal Styles */ #fv-chart-1779814533259-6zoxelk6m .fv-ia-active-modal-container display: none !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-modals display: block !important; position: static !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-modal-item display: none !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-modal-item.is-active display: flex !important; flex-direction: column !important; position: absolute !important; top: 1rem !important; right: 1rem !important; z-index: 20 !important; width: 18rem !important; max-width: calc(100% – 2rem) !important; background-color: #ffffff !important; padding: 1rem !important; border-radius: 0.75rem !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border: 1px solid #e5e7eb !important; border-top: 4px solid #E33235 !important; animation: fv-ia-fade-in 0.2s ease-out !important; gap: 0.75rem !important; max-height: 80% !important; overflow-y: auto !important; pointer-events: auto !important; @keyframes fv-ia-fade-in from opacity: 0; transform: scale(0.95); to opacity: 1; transform: scale(1); #fv-chart-1779814533259-6zoxelk6m .fv-ia-modal-header display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; gap: 0.5rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-title font-size: 1rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-close-button background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; transition: all 0.2s !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-close-button:hover background: #e5e7eb !important; color: #111827 !important; #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-description font-size: 0.875rem !important; color: #374151 !important; margin: 0 !important; line-height: 1.625 !important; white-space: pre-wrap !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-ia-node-description font-size: 0.875rem !important; /* Error Handling */ #fv-chart-1779814533259-6zoxelk6m .fv-ia-empty display: flex !important; align-items: center !important; justify-content: center !important; height: 200px !important; background-color: #f1f5f9 !important; color: #64748b !important; border: 2px dashed #cbd5e1 !important; border-radius: 0.5rem !important; /* Countdown Styles */ #fv-chart-1779814533259-6zoxelk6m .fv-countdown-container display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; font-family: Montserrat, sans-serif !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-header text-align: center !important; margin-bottom: 2rem !important; z-index: 10 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-title font-size: 1.25rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 !important; font-style: italic !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-subhead font-size: 1.125rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0.25rem 0 0 0 !important; font-style: italic !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-timer-wrap display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 64rem !important; z-index: 10 !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-labels display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 0.5rem !important; font-size: 0.75rem !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-labels > div flex: 1 !important; text-align: center !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-box position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits > div.digit-box flex: 1 !important; text-align: center !important; white-space: nowrap !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits > div.colon flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-spike-l position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-spike-r position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; @media (min-width: 600px) #fv-chart-1779814533259-6zoxelk6m .fv-countdown-container padding: 2rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-title font-size: 1.75rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-subhead font-size: 1.25rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits font-size: 2.25rem !important; letter-spacing: 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-labels font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-box padding: 1.5rem 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits > div.colon top: -4px !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-spike-l left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-spike-r right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; @media (min-width: 768px) #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits font-size: 3.5rem !important; letter-spacing: 0.05em !important; #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits > div.colon top: -5px !important; /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-pie-container, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-bar-row, #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-stacked-product, #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-grouped-bar-product, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-bar-row, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-stacked-product, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1779814533259-6zoxelk6m.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-1779814533259-6zoxelk6m.mobile-view .fv-bar-label, #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-grouped-product-title, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-bar-label, #fv-chart-1779814533259-6zoxelk6m.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-1779814533259-6zoxelk6m.mobile-view .fv-bar-container, #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-bar-cluster, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-bar-container, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-bar-cluster width: 100% !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-x-axis-wrapper, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-x-axis-label-space, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-x-axis-label-space display: none !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-x-axis-chart-space, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-benchmark-title, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-benchmark-title font-size: 16px !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-dropdown-title, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-dropdown-title font-size: 16px !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-carousel-nav-btn, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-chart-title, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-chart-title padding: 0 8px !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-chart-subhead, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-header, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-select-wrapper, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-vs, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-select-container, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-select, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-stl-shop-all-logo, #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-stl-shop-all-icon, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779814533259-6zoxelk6m.mobile-view.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; @media (max-width: 599px) #fv-chart-1779814533259-6zoxelk6m .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-bar-row, #fv-chart-1779814533259-6zoxelk6m .fv-stacked-product, #fv-chart-1779814533259-6zoxelk6m .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-bar-label, #fv-chart-1779814533259-6zoxelk6m .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-1779814533259-6zoxelk6m .fv-bar-container, #fv-chart-1779814533259-6zoxelk6m .fv-bar-cluster width: 100% !important; #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-label-space display: none !important; #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-benchmark-title font-size: 16px !important; #fv-chart-1779814533259-6zoxelk6m .fv-dropdown-title font-size: 16px !important; #fv-chart-1779814533259-6zoxelk6m .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779814533259-6zoxelk6m .fv-chart-title padding: 0 8px !important; #fv-chart-1779814533259-6zoxelk6m .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779814533259-6zoxelk6m .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779814533259-6zoxelk6m .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779814533259-6zoxelk6m .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-logo, #fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779814533259-6zoxelk6m .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779814533259-6zoxelk6m.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “Undervolting performance”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” , “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T16:55:33.260Z”, “citation”: “With a super-easy undervolt, the RX 9070 GRE is able to post performance on par or beyond the RTX 5070, and alongside the straight RX 9070.”, “keywords”: [ “RX 9070 GRE (Acer Nitro) (Undervolted
Undervolting performance
Black Myth Wukong (1440p High)Black Myth Wukong (1440p High + Upscaling (quality))Cyberpunk 2077 (1440p RT Ultra)Cyberpunk 2077 (1440p RT Ultra + upscaling (quality))F1 24 (1440p Ultra High)F1 24 (1440p Ultra high +upscaling (Quality), 2x FG)Homeworld 3 (1440p Epic)Homeworld 3 (1440p Epic + upscaling (quality))Metro Exodus Enhanced Edition (1440p Ultra)The Talos Principle 2 (1440p Ultra)The Talos Principle 2 (1440p Ultra +upscaling (quality), 2x FG)Total War: Warhammer 3 (1440p Ultra)
Avg FPS
1% Low FPS
| Product | Value |
|---|---|
| RX 9070 GRE | Undervolted | -130mV | 2700 Mem | 69 Avg FPS, 42 1% Low FPS |
| RX 9070 GRE | Stock | 62 Avg FPS, 55 1% Low FPS |
| RX 9070 | Stock | 73 Avg FPS, 64 1% Low FPS |
| RTX 5070 | Stock | 68 Avg FPS, 60 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; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) bar.style.setProperty(‘margin-left’, baseMargin + ‘%’, ‘important’); setTimeout(function() var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); if (targetMargin !== undefined && baseMargin !== undefined) bar.style.setProperty(‘margin-left’, targetMargin + ‘%’, ‘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() ); } 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) 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) ”; if (captionEl) captionEl.textContent = newCaption } 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) ); /* Shop The Look Hotspots */ var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); /* Remove highlights */ var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) item.classList.remove(‘is-highlighted’); ); /* Remove min-height after transition */ if (stlContainer) setTimeout(function() if (!allProductsModal.classList.contains(‘is-active’)) stlContainer.style.minHeight=””; if (‘parentIFrame’ in window) window.parentIFrame.size(); , 300); } hotspots.forEach(function(btn) btn.setAttribute(‘aria-expanded’, ‘false’); ); if (‘parentIFrame’ in window) window.parentIFrame.size(); } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); /* Ensure container is tall enough */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) container.style.minHeight = '450px'; /* Highlight and scroll to item */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) targetItem.classList.add('is-highlighted'); setTimeout(function() targetItem.scrollIntoView( behavior: 'smooth', block: 'center' ); , 100); if ('parentIFrame' in window) window.parentIFrame.size(); }); }); /* Shop All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Ensure container is tall enough */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.length) closeAllIANodes(); resetExploreBtn(); else currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) if(targetBtn.classList.contains(‘is-active’)) targetBtn.click(); targetBtn.click(); ); } if (iaWrapper) iaWrapper.addEventListener(‘click’, function(e) if (!e.target.closest(‘.fv-ia-node-button’) && !e.target.closest(‘.fv-ia-explore-btn’)) closeAllIANodes(); resetExploreBtn(); ); /* Initial Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) } 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-1779814533259-6zoxelk6m’, false); ); else initialize(‘fv-chart-1779814533259-6zoxelk6m’, false); })();
The pricing maths start to make more sense when you factor in the level of performance headroom built into this card, however. With a little oh-so-simple undervolt I was able to push the RX 9070 GRE with a few percentage points of the performance of the RX 9070. And with the GPU consistently topping the 3 GHz mark, you’re looking at generally a performance lead over the RTX 5070, too.
I still find the performance headroom of Navi 48 GPUs surprising, and while AMD’s lower order RX 9000-series cards don’t have as consistent a level of overclocking/undervolting performance to them, every Navi 48-powered card I’ve tested is happy to let you pull back its core voltage in exchange for giving up a whole lot more clock speed and around 10% extra frame rate performance in games.
@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,900&display=swap’); /* Reset & Base */ #fv-chart-1779832390094-amoge5ivm *, #fv-chart-1779832390094-amoge5ivm *:before, #fv-chart-1779832390094-amoge5ivm *:after, #fv-chart-1779832390094-amoge5ivm-slideshow *, #fv-chart-1779832390094-amoge5ivm-slideshow *:before, #fv-chart-1779832390094-amoge5ivm-slideshow *:after box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; #fv-chart-1779832390094-amoge5ivm, #fv-chart-1779832390094-amoge5ivm-slideshow font-family: ‘Open Sans’, sans-serif !important; /* Main Wrappers */ #fv-chart-1779832390094-amoge5ivm position: relative !important; overflow: visible !important; –riv-primary: #E33235; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-inner-wrapper.fv-no-header.fv-is-image-compare padding-top: 0 !important; #fv-chart-1779832390094-amoge5ivm.fv-full-bleed width: 100vw !important; margin-left: calc(50% – 50vw) !important; body overflow-x: clip !important; #fv-chart-1779832390094-amoge5ivm.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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm-slideshow position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; #fv-chart-1779832390094-amoge5ivm-slideshow .fv-slides-wrapper position: relative !important; width: 100% !important; #fv-chart-1779832390094-amoge5ivm-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-1779832390094-amoge5ivm-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-1779832390094-amoge5ivm-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-1779832390094-amoge5ivm-slideshow .fv-nav-btn svg width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; #fv-chart-1779832390094-amoge5ivm-slideshow .fv-nav-btn:hover opacity: 0.9 !important; transform: translateY(-1px) !important; #fv-chart-1779832390094-amoge5ivm-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-1779832390094-amoge5ivm-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-1779832390094-amoge5ivm-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-1779832390094-amoge5ivm-slideshow .fv-slideshow-select:focus outline: 2px solid #E33235 !important; border-color: #E33235 !important; /* Typography */ #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-versus-chart display: flex; flex-direction: column; width: 100%; margin-top: 1rem; #fv-chart-1779832390094-amoge5ivm .fv-versus-header display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; #fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper flex: 1; min-width: 0; #fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper.fv-left text-align: center; padding-right: 1rem; #fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper.fv-right text-align: center; padding-left: 1rem; #fv-chart-1779832390094-amoge5ivm .fv-versus-select-container position: relative; display: inline-block; max-width: 100%; width: 100%; #fv-chart-1779832390094-amoge5ivm .fv-versus-chevron position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; #fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper.fv-left .fv-versus-chevron right: 0; #fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper.fv-right .fv-versus-chevron right: 0; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-versus-select.fv-select-left text-align: center; direction: ltr; padding-right: 1.25rem; #fv-chart-1779832390094-amoge5ivm .fv-versus-select.fv-select-right text-align: center; padding-right: 1.25rem; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-versus-body display: flex; flex-direction: column; gap: 1.5rem; #fv-chart-1779832390094-amoge5ivm .fv-versus-row position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; #fv-chart-1779832390094-amoge5ivm .fv-versus-bar-container position: relative; height: 32px; display: flex; align-items: center; #fv-chart-1779832390094-amoge5ivm .fv-versus-bar-left-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; #fv-chart-1779832390094-amoge5ivm .fv-versus-bar-right-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-versus-bar-left border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-inside-left white-space: nowrap; flex-shrink: 0; #fv-chart-1779832390094-amoge5ivm .fv-inside-right white-space: nowrap; flex-shrink: 0; #fv-chart-1779832390094-amoge5ivm .fv-versus-val-text font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; #fv-chart-1779832390094-amoge5ivm .fv-versus-pct-diff font-size: 12px; font-weight: 600; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-image-compare-container width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; #fv-chart-1779832390094-amoge5ivm.fv-full-bleed .fv-image-compare-container width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-image-compare-handle.fv-image-compare-handle-square border-radius: 6px !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-image-compare-label-left left: 1rem !important; #fv-chart-1779832390094-amoge5ivm .fv-image-compare-label-right right: 1rem !important; #fv-chart-1779832390094-amoge5ivm .fv-image-compare-expand-btn, #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-image-compare-expand-btn:hover, #fv-chart-1779832390094-amoge5ivm .fv-image-compare-close-btn:hover background-color: rgba(0, 0, 0, 0.7) !important; #fv-chart-1779832390094-amoge5ivm .fv-image-compare-close-btn display: none !important; top: 1rem !important; bottom: auto !important; /* Fullscreen State */ #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active cursor: grabbing !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn display: none !important; #fv-chart-1779832390094-amoge5ivm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn display: flex !important; #fv-chart-1779832390094-amoge5ivm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right right: 4rem !important; /* Footer */ #fv-chart-1779832390094-amoge5ivm .fv-bottom-bar display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; #fv-chart-1779832390094-amoge5ivm .fv-footer-content text-align: center !important; width: 100% !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-dropdown-wrapper text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-dropdown-title-container position: relative !important; display: inline-block !important; max-width: 100% !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-dropdown-title:focus outline: none !important; #fv-chart-1779832390094-amoge5ivm .fv-dropdown-title::-ms-expand display: none !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-carousel-nav-btn:hover border-color: #9ca3af !important; #fv-chart-1779832390094-amoge5ivm .fv-carousel-counter font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; /* Legend */ #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-legend-item display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; #fv-chart-1779832390094-amoge5ivm .fv-legend-color width: 12px !important; height: 12px !important; border-radius: 3px !important; /* Multi-Value Legend */ #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-multi-legend-swatch width: 16px !important; height: 16px !important; border-radius: 3px !important; /* Chart Core Styles */ #fv-chart-1779832390094-amoge5ivm .fv-benchmark-group margin-bottom: 1rem !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-bar-row, #fv-chart-1779832390094-amoge5ivm .fv-stacked-product display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-bar:hover opacity: 0.8 !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-bar-inner-label white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; #fv-chart-1779832390094-amoge5ivm .fv-bar-inner-value flex-shrink: 0 !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-bar-label.fv-primary-product font-weight: bold !important; color: var(–riv-primary) !important; /* Multi-Value Bar Logic */ #fv-chart-1779832390094-amoge5ivm .fv-multi-bar-container flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; #fv-chart-1779832390094-amoge5ivm .fv-multi-bar-item display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; /* Stacked Bar */ #fv-chart-1779832390094-amoge5ivm .fv-stacked-bar display: flex !important; overflow: hidden !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-stacked-segment:last-child border-right: none !important; #fv-chart-1779832390094-amoge5ivm .fv-segment-value font-size: 14px !important; font-weight: bold !important; /* Grouped Bar */ #fv-chart-1779832390094-amoge5ivm .fv-grouped-bar-product display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; #fv-chart-1779832390094-amoge5ivm .fv-grouped-product-title-wrapper padding-left: 150px !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-bar-cluster width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; #fv-chart-1779832390094-amoge5ivm .fv-bar-cluster .fv-bar-row margin-bottom: 3px !important; #fv-chart-1779832390094-amoge5ivm .fv-bar-cluster .fv-bar-container height: 20px !important; /* Line Chart Grid */ #fv-chart-1779832390094-amoge5ivm .riv-grid line stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; /* X-Axis */ #fv-chart-1779832390094-amoge5ivm .fv-x-axis-wrapper display: flex !important; width: 100% !important; margin-top: 0.5rem !important; #fv-chart-1779832390094-amoge5ivm .fv-x-axis-label-space width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-x-axis-chart-space flex-grow: 1 !important; padding-right: 8px !important; #fv-chart-1779832390094-amoge5ivm .fv-x-axis-wrapper.fv-grouped-x-axis margin-left: 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-x-axis-line border-top: 1px solid #D1D5DB !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-x-axis-ticks span position: relative !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-x-axis-unit text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-stl-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779832390094-amoge5ivm.fv-full-bleed .fv-stl-container width: 100% !important; #fv-chart-1779832390094-amoge5ivm.fv-full-bleed .fv-stl-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832390094-amoge5ivm .fv-stl-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779832390094-amoge5ivm .fv-stl-hotspot-container position: absolute !important; z-index: 10 !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-stl-hotspot-btn:hover transform: scale(1.1) !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-stl-hotspot-pulse animation-fill-mode: none !important; /* Shop the look button */ #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-stl-shop-all-btn span overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; #fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-btn:hover background-color: #ffffff !important; transform: scale(1.05) !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm 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-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm position: absolute !important; padding: 0 !important; align-items: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm.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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm.is-active .fv-stl-all-products-content opacity: 1 !important; transform: scale(1) !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm.is-active .fv-stl-all-products-content transform: translateY(0) !important; /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm.v2 align-items: flex-end !important; padding: 0 !important; @media (min-width: 640px) #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm.v2:not(.mobile-view *) justify-content: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm.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-1779832390094-amoge5ivm.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-1779832390094-amoge5ivm.v2.is-active .fv-stl-all-products-content transform: translateY(0) !important; opacity: 1 !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-header display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-header padding: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-logo height: 1.5rem !important; width: auto !important; object-fit: contain !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-logo height: 1.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-title font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-title font-size: 1.125rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-stl-all-products-list list-style: none !important; padding: 1.5rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.75rem !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-list padding: 0.75rem !important; gap: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-item margin: 0 !important; padding: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-link display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-link padding: 0.5rem !important; border-radius: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-stl-all-products-image-container position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-image-container margin-right: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-number position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-number top: -0.375rem !important; left: -0.375rem !important; width: 1.25rem !important; height: 1.25rem !important; font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-image-wrapper width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-image-wrapper width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-image width: 100% !important; height: 100% !important; object-fit: cover !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-placeholder width: 2rem !important; height: 2rem !important; color: #d1d5db !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-placeholder width: 1.5rem !important; height: 1.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-info flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-info margin-top: 0 !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-brand font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-brand font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-name font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-name font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-meta display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-meta font-size: 0.75rem !important; margin-bottom: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-price font-weight: 700 !important; color: #111827 !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-sale-price font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-sale-price margin-right: 0.375rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-original-price color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-original-price font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-commentary font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-commentary font-size: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-action width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-action width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-action svg width: 14px !important; height: 14px !important; #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-link:hover .fv-stl-all-products-action background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; /* Image Annotation Styles */ #fv-chart-1779832390094-amoge5ivm .fv-ia-container position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779832390094-amoge5ivm.fv-full-bleed .fv-ia-container width: 100% !important; #fv-chart-1779832390094-amoge5ivm.fv-full-bleed .fv-ia-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-node-container position: absolute !important; z-index: 10 !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-node-button position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-node-button:hover transform: scale(1.1) !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-node-button.is-active background-color: #E33235 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-pulse-ring position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; @keyframes fv-ia-ping 75%, 100% transform: scale(2); opacity: 0; #fv-chart-1779832390094-amoge5ivm .fv-ia-static-tooltip display: none !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translate(-50%, -100%) !important; background-color: rgba(255, 255, 255, 0.95) !important; padding: 10px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; width: max-content !important; max-width: 200px !important; font-size: 13px !important; color: #1f2937 !important; z-index: 20 !important; pointer-events: none !important; white-space: pre-wrap !important; line-height: 1.4 !important; border: 1px solid #e5e7eb !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-node-button:hover + .fv-ia-static-tooltip display: block !important; #fv-chart-1779832390094-amoge5ivm .fv-logo-explore-bar position: relative !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-height: 30px !important; #fv-chart-1779832390094-amoge5ivm .fv-logo-explore-bar .fv-logo margin: 0 auto !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-explore-wrapper position: absolute !important; right: 0 !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-logo-explore-bar flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-ia-explore-wrapper position: static !important; align-self: flex-end !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-explore-btn background-color: rgba(255, 255, 255, 0.95) !important; color: #1e293b !important; border: 1px solid #e5e7eb !important; border-radius: 9999px !important; padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; font-weight: 600 !important; font-family: sans-serif !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important; pointer-events: auto !important; flex-shrink: 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-explore-btn:hover background-color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !important; color: #E33235 !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-explore-btn svg transition: transform 0.2s !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-explore-btn:hover svg transform: translateX(2px) !important; /* IA Modal Styles */ #fv-chart-1779832390094-amoge5ivm .fv-ia-active-modal-container display: none !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-modals display: block !important; position: static !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-modal-item display: none !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-modal-item.is-active display: flex !important; flex-direction: column !important; position: absolute !important; top: 1rem !important; right: 1rem !important; z-index: 20 !important; width: 18rem !important; max-width: calc(100% – 2rem) !important; background-color: #ffffff !important; padding: 1rem !important; border-radius: 0.75rem !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border: 1px solid #e5e7eb !important; border-top: 4px solid #E33235 !important; animation: fv-ia-fade-in 0.2s ease-out !important; gap: 0.75rem !important; max-height: 80% !important; overflow-y: auto !important; pointer-events: auto !important; @keyframes fv-ia-fade-in from opacity: 0; transform: scale(0.95); to opacity: 1; transform: scale(1); #fv-chart-1779832390094-amoge5ivm .fv-ia-modal-header display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; gap: 0.5rem !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-node-title font-size: 1rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-close-button background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; transition: all 0.2s !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-close-button:hover background: #e5e7eb !important; color: #111827 !important; #fv-chart-1779832390094-amoge5ivm .fv-ia-node-description font-size: 0.875rem !important; color: #374151 !important; margin: 0 !important; line-height: 1.625 !important; white-space: pre-wrap !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-ia-node-description font-size: 0.875rem !important; /* Error Handling */ #fv-chart-1779832390094-amoge5ivm .fv-ia-empty display: flex !important; align-items: center !important; justify-content: center !important; height: 200px !important; background-color: #f1f5f9 !important; color: #64748b !important; border: 2px dashed #cbd5e1 !important; border-radius: 0.5rem !important; /* Countdown Styles */ #fv-chart-1779832390094-amoge5ivm .fv-countdown-container display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; font-family: Montserrat, sans-serif !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-header text-align: center !important; margin-bottom: 2rem !important; z-index: 10 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-title font-size: 1.25rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 !important; font-style: italic !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-subhead font-size: 1.125rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0.25rem 0 0 0 !important; font-style: italic !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-timer-wrap display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 64rem !important; z-index: 10 !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-labels display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 0.5rem !important; font-size: 0.75rem !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-labels > div flex: 1 !important; text-align: center !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-box position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits > div.digit-box flex: 1 !important; text-align: center !important; white-space: nowrap !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits > div.colon flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-spike-l position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-spike-r position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; @media (min-width: 600px) #fv-chart-1779832390094-amoge5ivm .fv-countdown-container padding: 2rem !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-title font-size: 1.75rem !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-subhead font-size: 1.25rem !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits font-size: 2.25rem !important; letter-spacing: 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-labels font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-box padding: 1.5rem 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits > div.colon top: -4px !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-spike-l left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-spike-r right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; @media (min-width: 768px) #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits font-size: 3.5rem !important; letter-spacing: 0.05em !important; #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits > div.colon top: -5px !important; /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-pie-container, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-bar-row, #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-stacked-product, #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-grouped-bar-product, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-bar-row, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-stacked-product, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1779832390094-amoge5ivm.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-1779832390094-amoge5ivm.mobile-view .fv-bar-label, #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-grouped-product-title, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-bar-label, #fv-chart-1779832390094-amoge5ivm.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-1779832390094-amoge5ivm.mobile-view .fv-bar-container, #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-bar-cluster, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-bar-container, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-bar-cluster width: 100% !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-x-axis-label-space, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-x-axis-label-space display: none !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-x-axis-chart-space, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-benchmark-title, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-benchmark-title font-size: 16px !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-dropdown-title, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-dropdown-title font-size: 16px !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-chart-title, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-chart-title padding: 0 8px !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-chart-subhead, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-header, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-vs, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-select-container, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-select, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-stl-shop-all-logo, #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-stl-shop-all-icon, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779832390094-amoge5ivm.mobile-view.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; @media (max-width: 599px) #fv-chart-1779832390094-amoge5ivm .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779832390094-amoge5ivm .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-bar-row, #fv-chart-1779832390094-amoge5ivm .fv-stacked-product, #fv-chart-1779832390094-amoge5ivm .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-bar-label, #fv-chart-1779832390094-amoge5ivm .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-1779832390094-amoge5ivm .fv-bar-container, #fv-chart-1779832390094-amoge5ivm .fv-bar-cluster width: 100% !important; #fv-chart-1779832390094-amoge5ivm .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-x-axis-label-space display: none !important; #fv-chart-1779832390094-amoge5ivm .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-benchmark-title font-size: 16px !important; #fv-chart-1779832390094-amoge5ivm .fv-dropdown-title font-size: 16px !important; #fv-chart-1779832390094-amoge5ivm .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779832390094-amoge5ivm .fv-chart-title padding: 0 8px !important; #fv-chart-1779832390094-amoge5ivm .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779832390094-amoge5ivm .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779832390094-amoge5ivm .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779832390094-amoge5ivm .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779832390094-amoge5ivm .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779832390094-amoge5ivm .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-logo, #fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779832390094-amoge5ivm .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779832390094-amoge5ivm.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “Undervolt and watch it fly”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” , “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:53:10.095Z”, “citation”: “Add your caption to explain the data, the learnings and the key takeaways of the data being visualized”, “keywords”: [ “RX 9070 GRE (Acer Nitro)”, “Performance”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Performance”, “value”: 4, “unitText”: “”, “maxValue”: 5 ]
Undervolt and watch it fly
| Product | Performance () |
|---|---|
| RX 9070 GRE (Acer Nitro) | 4 |
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; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) bar.style.setProperty(‘margin-left’, baseMargin + ‘%’, ‘important’); setTimeout(function() var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); if (targetMargin !== undefined && baseMargin !== undefined) bar.style.setProperty(‘margin-left’, targetMargin + ‘%’, ‘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() ); } 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) 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) ”; if (captionEl) captionEl.textContent = newCaption } 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) ); /* Shop The Look Hotspots */ var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); /* Remove highlights */ var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) item.classList.remove(‘is-highlighted’); ); /* Remove min-height after transition */ if (stlContainer) setTimeout(function() if (!allProductsModal.classList.contains(‘is-active’)) stlContainer.style.minHeight=””; if (‘parentIFrame’ in window) window.parentIFrame.size(); , 300); } hotspots.forEach(function(btn) btn.setAttribute(‘aria-expanded’, ‘false’); ); if (‘parentIFrame’ in window) window.parentIFrame.size(); } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); /* Ensure container is tall enough */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) container.style.minHeight = '450px'; /* Highlight and scroll to item */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) targetItem.classList.add('is-highlighted'); setTimeout(function() targetItem.scrollIntoView( behavior: 'smooth', block: 'center' ); , 100); if ('parentIFrame' in window) window.parentIFrame.size(); }); }); /* Shop All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Ensure container is tall enough */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.length) closeAllIANodes(); resetExploreBtn(); else currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) if(targetBtn.classList.contains(‘is-active’)) targetBtn.click(); targetBtn.click(); ); } if (iaWrapper) iaWrapper.addEventListener(‘click’, function(e) if (!e.target.closest(‘.fv-ia-node-button’) && !e.target.closest(‘.fv-ia-explore-btn’)) closeAllIANodes(); resetExploreBtn(); ); /* Initial Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) } 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-1779832390094-amoge5ivm’, false); ); else initialize(‘fv-chart-1779832390094-amoge5ivm’, false); })();
AMD Radeon RX 9070 GRE thermals
It’s probably no surprise that a mid-range graphics card sporting a triple fan cooling array actually trends to the pretty chill, but that’s where we’re at with at least the Acer Nitro RX 9070 GRE I’ve been testing. There are no Made by AMD (MBA) cards for this generation, so all RDNA 4 GPUs are clothed in their manufacturer’s cooling shrouds, and you’re likely to be getting arrays designed for beefier cards slapped onto the RX 9070 GRE.
@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,900&display=swap’); /* Reset & Base */ #fv-chart-1779814280850-sfyjmq3av *, #fv-chart-1779814280850-sfyjmq3av *:before, #fv-chart-1779814280850-sfyjmq3av *:after, #fv-chart-1779814280850-sfyjmq3av-slideshow *, #fv-chart-1779814280850-sfyjmq3av-slideshow *:before, #fv-chart-1779814280850-sfyjmq3av-slideshow *:after box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; #fv-chart-1779814280850-sfyjmq3av, #fv-chart-1779814280850-sfyjmq3av-slideshow font-family: ‘Open Sans’, sans-serif !important; /* Main Wrappers */ #fv-chart-1779814280850-sfyjmq3av position: relative !important; overflow: visible !important; –riv-primary: #E33235; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-inner-wrapper.fv-no-header.fv-is-image-compare padding-top: 0 !important; #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed width: 100vw !important; margin-left: calc(50% – 50vw) !important; body overflow-x: clip !important; #fv-chart-1779814280850-sfyjmq3av.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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av-slideshow position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; #fv-chart-1779814280850-sfyjmq3av-slideshow .fv-slides-wrapper position: relative !important; width: 100% !important; #fv-chart-1779814280850-sfyjmq3av-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-1779814280850-sfyjmq3av-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-1779814280850-sfyjmq3av-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-1779814280850-sfyjmq3av-slideshow .fv-nav-btn svg width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; #fv-chart-1779814280850-sfyjmq3av-slideshow .fv-nav-btn:hover opacity: 0.9 !important; transform: translateY(-1px) !important; #fv-chart-1779814280850-sfyjmq3av-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-1779814280850-sfyjmq3av-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-1779814280850-sfyjmq3av-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-1779814280850-sfyjmq3av-slideshow .fv-slideshow-select:focus outline: 2px solid #E33235 !important; border-color: #E33235 !important; /* Typography */ #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-versus-chart display: flex; flex-direction: column; width: 100%; margin-top: 1rem; #fv-chart-1779814280850-sfyjmq3av .fv-versus-header display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper flex: 1; min-width: 0; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper.fv-left text-align: center; padding-right: 1rem; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper.fv-right text-align: center; padding-left: 1rem; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-container position: relative; display: inline-block; max-width: 100%; width: 100%; #fv-chart-1779814280850-sfyjmq3av .fv-versus-chevron position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper.fv-left .fv-versus-chevron right: 0; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper.fv-right .fv-versus-chevron right: 0; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-versus-select.fv-select-left text-align: center; direction: ltr; padding-right: 1.25rem; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select.fv-select-right text-align: center; padding-right: 1.25rem; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-versus-body display: flex; flex-direction: column; gap: 1.5rem; #fv-chart-1779814280850-sfyjmq3av .fv-versus-row position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; #fv-chart-1779814280850-sfyjmq3av .fv-versus-bar-container position: relative; height: 32px; display: flex; align-items: center; #fv-chart-1779814280850-sfyjmq3av .fv-versus-bar-left-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; #fv-chart-1779814280850-sfyjmq3av .fv-versus-bar-right-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-versus-bar-left border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-inside-left white-space: nowrap; flex-shrink: 0; #fv-chart-1779814280850-sfyjmq3av .fv-inside-right white-space: nowrap; flex-shrink: 0; #fv-chart-1779814280850-sfyjmq3av .fv-versus-val-text font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; #fv-chart-1779814280850-sfyjmq3av .fv-versus-pct-diff font-size: 12px; font-weight: 600; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-image-compare-container width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed .fv-image-compare-container width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-image-compare-handle.fv-image-compare-handle-square border-radius: 6px !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-image-compare-label-left left: 1rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-label-right right: 1rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-expand-btn, #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-image-compare-expand-btn:hover, #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-close-btn:hover background-color: rgba(0, 0, 0, 0.7) !important; #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-close-btn display: none !important; top: 1rem !important; bottom: auto !important; /* Fullscreen State */ #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active cursor: grabbing !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn display: none !important; #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn display: flex !important; #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right right: 4rem !important; /* Footer */ #fv-chart-1779814280850-sfyjmq3av .fv-bottom-bar display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-footer-content text-align: center !important; width: 100% !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-dropdown-wrapper text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-dropdown-title-container position: relative !important; display: inline-block !important; max-width: 100% !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-dropdown-title:focus outline: none !important; #fv-chart-1779814280850-sfyjmq3av .fv-dropdown-title::-ms-expand display: none !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-carousel-nav-btn:hover border-color: #9ca3af !important; #fv-chart-1779814280850-sfyjmq3av .fv-carousel-counter font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; /* Legend */ #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-legend-item display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; #fv-chart-1779814280850-sfyjmq3av .fv-legend-color width: 12px !important; height: 12px !important; border-radius: 3px !important; /* Multi-Value Legend */ #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-multi-legend-swatch width: 16px !important; height: 16px !important; border-radius: 3px !important; /* Chart Core Styles */ #fv-chart-1779814280850-sfyjmq3av .fv-benchmark-group margin-bottom: 1rem !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-bar-row, #fv-chart-1779814280850-sfyjmq3av .fv-stacked-product display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-bar:hover opacity: 0.8 !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-bar-inner-label white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; #fv-chart-1779814280850-sfyjmq3av .fv-bar-inner-value flex-shrink: 0 !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-bar-label.fv-primary-product font-weight: bold !important; color: var(–riv-primary) !important; /* Multi-Value Bar Logic */ #fv-chart-1779814280850-sfyjmq3av .fv-multi-bar-container flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; #fv-chart-1779814280850-sfyjmq3av .fv-multi-bar-item display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; /* Stacked Bar */ #fv-chart-1779814280850-sfyjmq3av .fv-stacked-bar display: flex !important; overflow: hidden !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-stacked-segment:last-child border-right: none !important; #fv-chart-1779814280850-sfyjmq3av .fv-segment-value font-size: 14px !important; font-weight: bold !important; /* Grouped Bar */ #fv-chart-1779814280850-sfyjmq3av .fv-grouped-bar-product display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-grouped-product-title-wrapper padding-left: 150px !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-bar-cluster width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; #fv-chart-1779814280850-sfyjmq3av .fv-bar-cluster .fv-bar-row margin-bottom: 3px !important; #fv-chart-1779814280850-sfyjmq3av .fv-bar-cluster .fv-bar-container height: 20px !important; /* Line Chart Grid */ #fv-chart-1779814280850-sfyjmq3av .riv-grid line stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; /* X-Axis */ #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-wrapper display: flex !important; width: 100% !important; margin-top: 0.5rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-label-space width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-chart-space flex-grow: 1 !important; padding-right: 8px !important; #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-wrapper.fv-grouped-x-axis margin-left: 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-line border-top: 1px solid #D1D5DB !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-x-axis-ticks span position: relative !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-x-axis-unit text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-stl-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed .fv-stl-container width: 100% !important; #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed .fv-stl-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779814280850-sfyjmq3av .fv-stl-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779814280850-sfyjmq3av .fv-stl-hotspot-container position: absolute !important; z-index: 10 !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-stl-hotspot-btn:hover transform: scale(1.1) !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-stl-hotspot-pulse animation-fill-mode: none !important; /* Shop the look button */ #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-stl-shop-all-btn span overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; #fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-btn:hover background-color: #ffffff !important; transform: scale(1.05) !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av 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-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av position: absolute !important; padding: 0 !important; align-items: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av.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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av.is-active .fv-stl-all-products-content opacity: 1 !important; transform: scale(1) !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av.is-active .fv-stl-all-products-content transform: translateY(0) !important; /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av.v2 align-items: flex-end !important; padding: 0 !important; @media (min-width: 640px) #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av.v2:not(.mobile-view *) justify-content: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av.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-1779814280850-sfyjmq3av.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-1779814280850-sfyjmq3av.v2.is-active .fv-stl-all-products-content transform: translateY(0) !important; opacity: 1 !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-header display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-header padding: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-logo height: 1.5rem !important; width: auto !important; object-fit: contain !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-logo height: 1.25rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-title font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-title font-size: 1.125rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-stl-all-products-list list-style: none !important; padding: 1.5rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.75rem !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-list padding: 0.75rem !important; gap: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-item margin: 0 !important; padding: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-link display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-link padding: 0.5rem !important; border-radius: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-stl-all-products-image-container position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-image-container margin-right: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-number position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-number top: -0.375rem !important; left: -0.375rem !important; width: 1.25rem !important; height: 1.25rem !important; font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-image-wrapper width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-image-wrapper width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-image width: 100% !important; height: 100% !important; object-fit: cover !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-placeholder width: 2rem !important; height: 2rem !important; color: #d1d5db !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-placeholder width: 1.5rem !important; height: 1.5rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-info flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-info margin-top: 0 !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-brand font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-brand font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-name font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-name font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-meta display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-meta font-size: 0.75rem !important; margin-bottom: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-price font-weight: 700 !important; color: #111827 !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-sale-price font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-sale-price margin-right: 0.375rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-original-price color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-original-price font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-commentary font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-commentary font-size: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-action width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-action width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-action svg width: 14px !important; height: 14px !important; #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-link:hover .fv-stl-all-products-action background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; /* Image Annotation Styles */ #fv-chart-1779814280850-sfyjmq3av .fv-ia-container position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed .fv-ia-container width: 100% !important; #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed .fv-ia-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-container position: absolute !important; z-index: 10 !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-button position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-button:hover transform: scale(1.1) !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-button.is-active background-color: #E33235 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-pulse-ring position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; @keyframes fv-ia-ping 75%, 100% transform: scale(2); opacity: 0; #fv-chart-1779814280850-sfyjmq3av .fv-ia-static-tooltip display: none !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translate(-50%, -100%) !important; background-color: rgba(255, 255, 255, 0.95) !important; padding: 10px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; width: max-content !important; max-width: 200px !important; font-size: 13px !important; color: #1f2937 !important; z-index: 20 !important; pointer-events: none !important; white-space: pre-wrap !important; line-height: 1.4 !important; border: 1px solid #e5e7eb !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-button:hover + .fv-ia-static-tooltip display: block !important; #fv-chart-1779814280850-sfyjmq3av .fv-logo-explore-bar position: relative !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-height: 30px !important; #fv-chart-1779814280850-sfyjmq3av .fv-logo-explore-bar .fv-logo margin: 0 auto !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-explore-wrapper position: absolute !important; right: 0 !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-logo-explore-bar flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-ia-explore-wrapper position: static !important; align-self: flex-end !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-explore-btn background-color: rgba(255, 255, 255, 0.95) !important; color: #1e293b !important; border: 1px solid #e5e7eb !important; border-radius: 9999px !important; padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; font-weight: 600 !important; font-family: sans-serif !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important; pointer-events: auto !important; flex-shrink: 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-explore-btn:hover background-color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !important; color: #E33235 !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-explore-btn svg transition: transform 0.2s !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-explore-btn:hover svg transform: translateX(2px) !important; /* IA Modal Styles */ #fv-chart-1779814280850-sfyjmq3av .fv-ia-active-modal-container display: none !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-modals display: block !important; position: static !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-modal-item display: none !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-modal-item.is-active display: flex !important; flex-direction: column !important; position: absolute !important; top: 1rem !important; right: 1rem !important; z-index: 20 !important; width: 18rem !important; max-width: calc(100% – 2rem) !important; background-color: #ffffff !important; padding: 1rem !important; border-radius: 0.75rem !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border: 1px solid #e5e7eb !important; border-top: 4px solid #E33235 !important; animation: fv-ia-fade-in 0.2s ease-out !important; gap: 0.75rem !important; max-height: 80% !important; overflow-y: auto !important; pointer-events: auto !important; @keyframes fv-ia-fade-in from opacity: 0; transform: scale(0.95); to opacity: 1; transform: scale(1); #fv-chart-1779814280850-sfyjmq3av .fv-ia-modal-header display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; gap: 0.5rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-title font-size: 1rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-close-button background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; transition: all 0.2s !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-close-button:hover background: #e5e7eb !important; color: #111827 !important; #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-description font-size: 0.875rem !important; color: #374151 !important; margin: 0 !important; line-height: 1.625 !important; white-space: pre-wrap !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-ia-node-description font-size: 0.875rem !important; /* Error Handling */ #fv-chart-1779814280850-sfyjmq3av .fv-ia-empty display: flex !important; align-items: center !important; justify-content: center !important; height: 200px !important; background-color: #f1f5f9 !important; color: #64748b !important; border: 2px dashed #cbd5e1 !important; border-radius: 0.5rem !important; /* Countdown Styles */ #fv-chart-1779814280850-sfyjmq3av .fv-countdown-container display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; font-family: Montserrat, sans-serif !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-header text-align: center !important; margin-bottom: 2rem !important; z-index: 10 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-title font-size: 1.25rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 !important; font-style: italic !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-subhead font-size: 1.125rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0.25rem 0 0 0 !important; font-style: italic !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-timer-wrap display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 64rem !important; z-index: 10 !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-labels display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 0.5rem !important; font-size: 0.75rem !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-labels > div flex: 1 !important; text-align: center !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-box position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits > div.digit-box flex: 1 !important; text-align: center !important; white-space: nowrap !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits > div.colon flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-spike-l position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-spike-r position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; @media (min-width: 600px) #fv-chart-1779814280850-sfyjmq3av .fv-countdown-container padding: 2rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-title font-size: 1.75rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-subhead font-size: 1.25rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits font-size: 2.25rem !important; letter-spacing: 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-labels font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-box padding: 1.5rem 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits > div.colon top: -4px !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-spike-l left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-spike-r right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; @media (min-width: 768px) #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits font-size: 3.5rem !important; letter-spacing: 0.05em !important; #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits > div.colon top: -5px !important; /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-pie-container, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-bar-row, #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-stacked-product, #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-grouped-bar-product, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-bar-row, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-stacked-product, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1779814280850-sfyjmq3av.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-1779814280850-sfyjmq3av.mobile-view .fv-bar-label, #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-grouped-product-title, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-bar-label, #fv-chart-1779814280850-sfyjmq3av.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-1779814280850-sfyjmq3av.mobile-view .fv-bar-container, #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-bar-cluster, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-bar-container, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-bar-cluster width: 100% !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-x-axis-wrapper, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-x-axis-label-space, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-x-axis-label-space display: none !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-x-axis-chart-space, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-benchmark-title, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-benchmark-title font-size: 16px !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-dropdown-title, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-dropdown-title font-size: 16px !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-carousel-nav-btn, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-chart-title, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-chart-title padding: 0 8px !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-chart-subhead, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-header, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-select-wrapper, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-vs, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-select-container, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-select, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-stl-shop-all-logo, #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-stl-shop-all-icon, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779814280850-sfyjmq3av.mobile-view.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; @media (max-width: 599px) #fv-chart-1779814280850-sfyjmq3av .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-bar-row, #fv-chart-1779814280850-sfyjmq3av .fv-stacked-product, #fv-chart-1779814280850-sfyjmq3av .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-bar-label, #fv-chart-1779814280850-sfyjmq3av .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-1779814280850-sfyjmq3av .fv-bar-container, #fv-chart-1779814280850-sfyjmq3av .fv-bar-cluster width: 100% !important; #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-label-space display: none !important; #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-benchmark-title font-size: 16px !important; #fv-chart-1779814280850-sfyjmq3av .fv-dropdown-title font-size: 16px !important; #fv-chart-1779814280850-sfyjmq3av .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779814280850-sfyjmq3av .fv-chart-title padding: 0 8px !important; #fv-chart-1779814280850-sfyjmq3av .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779814280850-sfyjmq3av .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779814280850-sfyjmq3av .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779814280850-sfyjmq3av .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-logo, #fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779814280850-sfyjmq3av .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779814280850-sfyjmq3av.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “System performance”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” , “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T16:51:20.850Z”, “citation”: “The RX 9070 GRE uses the same coolers as the RX 9070/XT cards, with more power-hungry GPUs, the cooling noise and thermal load is impressively light.”, “keywords”: [ “RX 9070 GRE (Acer Nitro)”, “RX 9070”, “RTX 5070”, “RTX 5060 Ti Palit Infinity 3”, “RX 9060 XT XFX 16 GB”, “Thermals”, “GPU frequency”, “Power”, “Performance per watt”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ 16 GB – Thermals”, “value”: 67, “unitText”: “Peak temperature (°C)” , 12 GB – Thermals”, “value”: 79, “unitText”: “Peak temperature (°C)” , 16 GB – Thermals”, “value”: 57, “unitText”: “Peak temperature (°C)” , 16 GB – Thermals”, “value”: 57, “unitText”: “Peak temperature (°C)” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE , 16 GB – GPU frequency”, “value”: 2687, “unitText”: “Average clock speed (MHz)” , 12 GB – GPU frequency”, “value”: 2693, “unitText”: “Average clock speed (MHz)” , “@type”: “PropertyValue”, “name”: “RX 9060 XT , 16 GB – GPU frequency”, “value”: 2349, “unitText”: “Average clock speed (MHz)” , “@type”: “PropertyValue”, “name”: “RX 9070 GRE , 16 GB – Power”, “value”: 207, “unitText”: “Peak power (watts)” , “@type”: “PropertyValue”, “name”: “RTX 5070 , 16 GB – Power”, “value”: 182, “unitText”: “Peak power (watts)” , “@type”: “PropertyValue”, “name”: “RX 9070 , 12 GB – Power”, “value”: 287, “unitText”: “Peak power (watts)” , “@type”: “PropertyValue”, “name”: “RTX 5060 Ti , 12 GB – Performance per watt”, “value”: 0.24, “unitText”: “4K frames per J” , “@type”: “PropertyValue”, “name”: “RX 9070 , “@type”: “PropertyValue”, “name”: “RX 9070 GRE ]
System performance
ThermalsGPU frequencyPowerPerformance per watt
Peak temperature (°C)
Average temperature (°C)
| Product | Value |
|---|---|
| RX 9070 GRE | 12 GB | 62 Peak temperature (°C), 59 Average temperature (°C) |
| RX 9070 | 16 GB | 57 Peak temperature (°C), 55 Average temperature (°C) |
| RTX 5070 | 12 GB | 79 Peak temperature (°C), 76 Average temperature (°C) |
| RTX 5060 Ti | 16 GB | 67 Peak temperature (°C), 65 Average temperature (°C) |
| RX 9060 XT | 16 GB | 57 Peak temperature (°C), 48 Average temperature (°C) |
window.iFrameResizer = heightCalculationMethod: ‘taggedElement’ ; (function() { /* Global animation function for slideshow re-use */ window.fvAnimateCharts = function(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(function(bar, index) /* Reset to 0 first to ensure animation triggers */ bar.style.setProperty(‘width’, ‘0%’, ‘important’); bar.style.setProperty(‘transition’, ‘none’, ‘important’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Force reflow */ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) bar.style.setProperty(‘margin-left’, baseMargin + ‘%’, ‘important’); setTimeout(function() var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); if (targetMargin !== undefined && baseMargin !== undefined) bar.style.setProperty(‘margin-left’, targetMargin + ‘%’, ‘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() ); } 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) 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) ”; if (captionEl) captionEl.textContent = newCaption } 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) ); /* Shop The Look Hotspots */ var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); /* Remove highlights */ var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) item.classList.remove(‘is-highlighted’); ); /* Remove min-height after transition */ if (stlContainer) setTimeout(function() if (!allProductsModal.classList.contains(‘is-active’)) stlContainer.style.minHeight=””; if (‘parentIFrame’ in window) window.parentIFrame.size(); , 300); } hotspots.forEach(function(btn) btn.setAttribute(‘aria-expanded’, ‘false’); ); if (‘parentIFrame’ in window) window.parentIFrame.size(); } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); /* Ensure container is tall enough */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) container.style.minHeight = '450px'; /* Highlight and scroll to item */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) targetItem.classList.add('is-highlighted'); setTimeout(function() targetItem.scrollIntoView( behavior: 'smooth', block: 'center' ); , 100); if ('parentIFrame' in window) window.parentIFrame.size(); }); }); /* Shop All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Ensure container is tall enough */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.length) closeAllIANodes(); resetExploreBtn(); else currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) if(targetBtn.classList.contains(‘is-active’)) targetBtn.click(); targetBtn.click(); ); } if (iaWrapper) iaWrapper.addEventListener(‘click’, function(e) if (!e.target.closest(‘.fv-ia-node-button’) && !e.target.closest(‘.fv-ia-explore-btn’)) closeAllIANodes(); resetExploreBtn(); ); /* Initial Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) } 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-1779814280850-sfyjmq3av’, false); ); else initialize(‘fv-chart-1779814280850-sfyjmq3av’, false); })();
From what I can tell, without having the cards cheek-by-jowl, this Acer GRE is using the exact same Frostblade 4.0 cooler as its RX 9070 XT stablemate, and I’ve tested at a solid ~60°C when under load. That makes it cooler than the similarly triple-fanned Palit RTX 5060 Ti we’ve tested, and waaaaaay cooler than the Founders Edition RTX 5070.
And that’s true whether you indulge in undervolting or not. I actually found it running a teensy bit more frosty when I’d pulled back the power, even though the GPU is generally running at over 300 MHz faster than at stock levels.
@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,900&display=swap’); /* Reset & Base */ #fv-chart-1779832484642-wst2orehw *, #fv-chart-1779832484642-wst2orehw *:before, #fv-chart-1779832484642-wst2orehw *:after, #fv-chart-1779832484642-wst2orehw-slideshow *, #fv-chart-1779832484642-wst2orehw-slideshow *:before, #fv-chart-1779832484642-wst2orehw-slideshow *:after box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; #fv-chart-1779832484642-wst2orehw, #fv-chart-1779832484642-wst2orehw-slideshow font-family: ‘Open Sans’, sans-serif !important; /* Main Wrappers */ #fv-chart-1779832484642-wst2orehw position: relative !important; overflow: visible !important; –riv-primary: #E33235; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-inner-wrapper.fv-no-header.fv-is-image-compare padding-top: 0 !important; #fv-chart-1779832484642-wst2orehw.fv-full-bleed width: 100vw !important; margin-left: calc(50% – 50vw) !important; body overflow-x: clip !important; #fv-chart-1779832484642-wst2orehw.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-1779832484642-wst2orehw .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-1779832484642-wst2orehw-slideshow position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; #fv-chart-1779832484642-wst2orehw-slideshow .fv-slides-wrapper position: relative !important; width: 100% !important; #fv-chart-1779832484642-wst2orehw-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-1779832484642-wst2orehw-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-1779832484642-wst2orehw-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-1779832484642-wst2orehw-slideshow .fv-nav-btn svg width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; #fv-chart-1779832484642-wst2orehw-slideshow .fv-nav-btn:hover opacity: 0.9 !important; transform: translateY(-1px) !important; #fv-chart-1779832484642-wst2orehw-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-1779832484642-wst2orehw-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-1779832484642-wst2orehw-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-1779832484642-wst2orehw-slideshow .fv-slideshow-select:focus outline: 2px solid #E33235 !important; border-color: #E33235 !important; /* Typography */ #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-versus-chart display: flex; flex-direction: column; width: 100%; margin-top: 1rem; #fv-chart-1779832484642-wst2orehw .fv-versus-header display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; #fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper flex: 1; min-width: 0; #fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper.fv-left text-align: center; padding-right: 1rem; #fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper.fv-right text-align: center; padding-left: 1rem; #fv-chart-1779832484642-wst2orehw .fv-versus-select-container position: relative; display: inline-block; max-width: 100%; width: 100%; #fv-chart-1779832484642-wst2orehw .fv-versus-chevron position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; #fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper.fv-left .fv-versus-chevron right: 0; #fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper.fv-right .fv-versus-chevron right: 0; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-versus-select.fv-select-left text-align: center; direction: ltr; padding-right: 1.25rem; #fv-chart-1779832484642-wst2orehw .fv-versus-select.fv-select-right text-align: center; padding-right: 1.25rem; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-versus-body display: flex; flex-direction: column; gap: 1.5rem; #fv-chart-1779832484642-wst2orehw .fv-versus-row position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; #fv-chart-1779832484642-wst2orehw .fv-versus-bar-container position: relative; height: 32px; display: flex; align-items: center; #fv-chart-1779832484642-wst2orehw .fv-versus-bar-left-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; #fv-chart-1779832484642-wst2orehw .fv-versus-bar-right-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-versus-bar-left border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-inside-left white-space: nowrap; flex-shrink: 0; #fv-chart-1779832484642-wst2orehw .fv-inside-right white-space: nowrap; flex-shrink: 0; #fv-chart-1779832484642-wst2orehw .fv-versus-val-text font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; #fv-chart-1779832484642-wst2orehw .fv-versus-pct-diff font-size: 12px; font-weight: 600; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-image-compare-container width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; #fv-chart-1779832484642-wst2orehw.fv-full-bleed .fv-image-compare-container width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-image-compare-handle.fv-image-compare-handle-square border-radius: 6px !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-image-compare-label-left left: 1rem !important; #fv-chart-1779832484642-wst2orehw .fv-image-compare-label-right right: 1rem !important; #fv-chart-1779832484642-wst2orehw .fv-image-compare-expand-btn, #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-image-compare-expand-btn:hover, #fv-chart-1779832484642-wst2orehw .fv-image-compare-close-btn:hover background-color: rgba(0, 0, 0, 0.7) !important; #fv-chart-1779832484642-wst2orehw .fv-image-compare-close-btn display: none !important; top: 1rem !important; bottom: auto !important; /* Fullscreen State */ #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active cursor: grabbing !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn display: none !important; #fv-chart-1779832484642-wst2orehw .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn display: flex !important; #fv-chart-1779832484642-wst2orehw .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right right: 4rem !important; /* Footer */ #fv-chart-1779832484642-wst2orehw .fv-bottom-bar display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; #fv-chart-1779832484642-wst2orehw .fv-footer-content text-align: center !important; width: 100% !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-dropdown-wrapper text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; #fv-chart-1779832484642-wst2orehw .fv-dropdown-title-container position: relative !important; display: inline-block !important; max-width: 100% !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-dropdown-title:focus outline: none !important; #fv-chart-1779832484642-wst2orehw .fv-dropdown-title::-ms-expand display: none !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-carousel-nav-btn:hover border-color: #9ca3af !important; #fv-chart-1779832484642-wst2orehw .fv-carousel-counter font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; /* Legend */ #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-legend-item display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; #fv-chart-1779832484642-wst2orehw .fv-legend-color width: 12px !important; height: 12px !important; border-radius: 3px !important; /* Multi-Value Legend */ #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-multi-legend-swatch width: 16px !important; height: 16px !important; border-radius: 3px !important; /* Chart Core Styles */ #fv-chart-1779832484642-wst2orehw .fv-benchmark-group margin-bottom: 1rem !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-bar-row, #fv-chart-1779832484642-wst2orehw .fv-stacked-product display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-bar:hover opacity: 0.8 !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-bar-inner-label white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; #fv-chart-1779832484642-wst2orehw .fv-bar-inner-value flex-shrink: 0 !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-bar-label.fv-primary-product font-weight: bold !important; color: var(–riv-primary) !important; /* Multi-Value Bar Logic */ #fv-chart-1779832484642-wst2orehw .fv-multi-bar-container flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; #fv-chart-1779832484642-wst2orehw .fv-multi-bar-item display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; /* Stacked Bar */ #fv-chart-1779832484642-wst2orehw .fv-stacked-bar display: flex !important; overflow: hidden !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-stacked-segment:last-child border-right: none !important; #fv-chart-1779832484642-wst2orehw .fv-segment-value font-size: 14px !important; font-weight: bold !important; /* Grouped Bar */ #fv-chart-1779832484642-wst2orehw .fv-grouped-bar-product display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; #fv-chart-1779832484642-wst2orehw .fv-grouped-product-title-wrapper padding-left: 150px !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-bar-cluster width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; #fv-chart-1779832484642-wst2orehw .fv-bar-cluster .fv-bar-row margin-bottom: 3px !important; #fv-chart-1779832484642-wst2orehw .fv-bar-cluster .fv-bar-container height: 20px !important; /* Line Chart Grid */ #fv-chart-1779832484642-wst2orehw .riv-grid line stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; /* X-Axis */ #fv-chart-1779832484642-wst2orehw .fv-x-axis-wrapper display: flex !important; width: 100% !important; margin-top: 0.5rem !important; #fv-chart-1779832484642-wst2orehw .fv-x-axis-label-space width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; #fv-chart-1779832484642-wst2orehw .fv-x-axis-chart-space flex-grow: 1 !important; padding-right: 8px !important; #fv-chart-1779832484642-wst2orehw .fv-x-axis-wrapper.fv-grouped-x-axis margin-left: 0 !important; #fv-chart-1779832484642-wst2orehw .fv-x-axis-line border-top: 1px solid #D1D5DB !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-x-axis-ticks span position: relative !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-x-axis-unit text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-stl-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779832484642-wst2orehw.fv-full-bleed .fv-stl-container width: 100% !important; #fv-chart-1779832484642-wst2orehw.fv-full-bleed .fv-stl-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832484642-wst2orehw .fv-stl-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779832484642-wst2orehw .fv-stl-hotspot-container position: absolute !important; z-index: 10 !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-stl-hotspot-btn:hover transform: scale(1.1) !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-stl-hotspot-pulse animation-fill-mode: none !important; /* Shop the look button */ #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-stl-shop-all-btn span overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; #fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-btn:hover background-color: #ffffff !important; transform: scale(1.05) !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw 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-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw position: absolute !important; padding: 0 !important; align-items: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw.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-1779832484642-wst2orehw .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-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw.is-active .fv-stl-all-products-content opacity: 1 !important; transform: scale(1) !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw.is-active .fv-stl-all-products-content transform: translateY(0) !important; /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw.v2 align-items: flex-end !important; padding: 0 !important; @media (min-width: 640px) #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw.v2:not(.mobile-view *) justify-content: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw.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-1779832484642-wst2orehw.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-1779832484642-wst2orehw.v2.is-active .fv-stl-all-products-content transform: translateY(0) !important; opacity: 1 !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-header display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-header padding: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-logo height: 1.5rem !important; width: auto !important; object-fit: contain !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-logo height: 1.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-title font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-title font-size: 1.125rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-stl-all-products-list list-style: none !important; padding: 1.5rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.75rem !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-list padding: 0.75rem !important; gap: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-item margin: 0 !important; padding: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-link display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-link padding: 0.5rem !important; border-radius: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-stl-all-products-image-container position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-image-container margin-right: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-number position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-number top: -0.375rem !important; left: -0.375rem !important; width: 1.25rem !important; height: 1.25rem !important; font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-image-wrapper width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-image-wrapper width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-image width: 100% !important; height: 100% !important; object-fit: cover !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-placeholder width: 2rem !important; height: 2rem !important; color: #d1d5db !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-placeholder width: 1.5rem !important; height: 1.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-info flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-info margin-top: 0 !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-brand font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-brand font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-name font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-name font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-meta display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-meta font-size: 0.75rem !important; margin-bottom: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-price font-weight: 700 !important; color: #111827 !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-sale-price font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-sale-price margin-right: 0.375rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-original-price color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-original-price font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-commentary font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-commentary font-size: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-action width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-action width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-action svg width: 14px !important; height: 14px !important; #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-link:hover .fv-stl-all-products-action background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; /* Image Annotation Styles */ #fv-chart-1779832484642-wst2orehw .fv-ia-container position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; #fv-chart-1779832484642-wst2orehw .fv-ia-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779832484642-wst2orehw.fv-full-bleed .fv-ia-container width: 100% !important; #fv-chart-1779832484642-wst2orehw.fv-full-bleed .fv-ia-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832484642-wst2orehw .fv-ia-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779832484642-wst2orehw .fv-ia-node-container position: absolute !important; z-index: 10 !important; #fv-chart-1779832484642-wst2orehw .fv-ia-node-button position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; #fv-chart-1779832484642-wst2orehw .fv-ia-node-button:hover transform: scale(1.1) !important; #fv-chart-1779832484642-wst2orehw .fv-ia-node-button.is-active background-color: #E33235 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; #fv-chart-1779832484642-wst2orehw .fv-ia-pulse-ring position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; @keyframes fv-ia-ping 75%, 100% transform: scale(2); opacity: 0; #fv-chart-1779832484642-wst2orehw .fv-ia-static-tooltip display: none !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translate(-50%, -100%) !important; background-color: rgba(255, 255, 255, 0.95) !important; padding: 10px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; width: max-content !important; max-width: 200px !important; font-size: 13px !important; color: #1f2937 !important; z-index: 20 !important; pointer-events: none !important; white-space: pre-wrap !important; line-height: 1.4 !important; border: 1px solid #e5e7eb !important; #fv-chart-1779832484642-wst2orehw .fv-ia-node-button:hover + .fv-ia-static-tooltip display: block !important; #fv-chart-1779832484642-wst2orehw .fv-logo-explore-bar position: relative !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-height: 30px !important; #fv-chart-1779832484642-wst2orehw .fv-logo-explore-bar .fv-logo margin: 0 auto !important; #fv-chart-1779832484642-wst2orehw .fv-ia-explore-wrapper position: absolute !important; right: 0 !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-logo-explore-bar flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-ia-explore-wrapper position: static !important; align-self: flex-end !important; #fv-chart-1779832484642-wst2orehw .fv-ia-explore-btn background-color: rgba(255, 255, 255, 0.95) !important; color: #1e293b !important; border: 1px solid #e5e7eb !important; border-radius: 9999px !important; padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; font-weight: 600 !important; font-family: sans-serif !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important; pointer-events: auto !important; flex-shrink: 0 !important; #fv-chart-1779832484642-wst2orehw .fv-ia-explore-btn:hover background-color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !important; color: #E33235 !important; #fv-chart-1779832484642-wst2orehw .fv-ia-explore-btn svg transition: transform 0.2s !important; #fv-chart-1779832484642-wst2orehw .fv-ia-explore-btn:hover svg transform: translateX(2px) !important; /* IA Modal Styles */ #fv-chart-1779832484642-wst2orehw .fv-ia-active-modal-container display: none !important; #fv-chart-1779832484642-wst2orehw .fv-ia-modals display: block !important; position: static !important; #fv-chart-1779832484642-wst2orehw .fv-ia-modal-item display: none !important; #fv-chart-1779832484642-wst2orehw .fv-ia-modal-item.is-active display: flex !important; flex-direction: column !important; position: absolute !important; top: 1rem !important; right: 1rem !important; z-index: 20 !important; width: 18rem !important; max-width: calc(100% – 2rem) !important; background-color: #ffffff !important; padding: 1rem !important; border-radius: 0.75rem !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border: 1px solid #e5e7eb !important; border-top: 4px solid #E33235 !important; animation: fv-ia-fade-in 0.2s ease-out !important; gap: 0.75rem !important; max-height: 80% !important; overflow-y: auto !important; pointer-events: auto !important; @keyframes fv-ia-fade-in from opacity: 0; transform: scale(0.95); to opacity: 1; transform: scale(1); #fv-chart-1779832484642-wst2orehw .fv-ia-modal-header display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; gap: 0.5rem !important; #fv-chart-1779832484642-wst2orehw .fv-ia-node-title font-size: 1rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779832484642-wst2orehw .fv-ia-close-button background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; transition: all 0.2s !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; #fv-chart-1779832484642-wst2orehw .fv-ia-close-button:hover background: #e5e7eb !important; color: #111827 !important; #fv-chart-1779832484642-wst2orehw .fv-ia-node-description font-size: 0.875rem !important; color: #374151 !important; margin: 0 !important; line-height: 1.625 !important; white-space: pre-wrap !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-ia-node-description font-size: 0.875rem !important; /* Error Handling */ #fv-chart-1779832484642-wst2orehw .fv-ia-empty display: flex !important; align-items: center !important; justify-content: center !important; height: 200px !important; background-color: #f1f5f9 !important; color: #64748b !important; border: 2px dashed #cbd5e1 !important; border-radius: 0.5rem !important; /* Countdown Styles */ #fv-chart-1779832484642-wst2orehw .fv-countdown-container display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; font-family: Montserrat, sans-serif !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-header text-align: center !important; margin-bottom: 2rem !important; z-index: 10 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-title font-size: 1.25rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 !important; font-style: italic !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-subhead font-size: 1.125rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0.25rem 0 0 0 !important; font-style: italic !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-timer-wrap display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 64rem !important; z-index: 10 !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-labels display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 0.5rem !important; font-size: 0.75rem !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-labels > div flex: 1 !important; text-align: center !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-box position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-digits display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-digits > div.digit-box flex: 1 !important; text-align: center !important; white-space: nowrap !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-digits > div.colon flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-spike-l position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-spike-r position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; @media (min-width: 600px) #fv-chart-1779832484642-wst2orehw .fv-countdown-container padding: 2rem !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-title font-size: 1.75rem !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-subhead font-size: 1.25rem !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-digits font-size: 2.25rem !important; letter-spacing: 0 !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-labels font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-box padding: 1.5rem 0 !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-digits > div.colon top: -4px !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-spike-l left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-spike-r right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; @media (min-width: 768px) #fv-chart-1779832484642-wst2orehw .fv-countdown-digits font-size: 3.5rem !important; letter-spacing: 0.05em !important; #fv-chart-1779832484642-wst2orehw .fv-countdown-digits > div.colon top: -5px !important; /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1779832484642-wst2orehw.mobile-view .fv-pie-container, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-bar-row, #fv-chart-1779832484642-wst2orehw.mobile-view .fv-stacked-product, #fv-chart-1779832484642-wst2orehw.mobile-view .fv-grouped-bar-product, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-bar-row, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-stacked-product, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1779832484642-wst2orehw.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-1779832484642-wst2orehw.mobile-view .fv-bar-label, #fv-chart-1779832484642-wst2orehw.mobile-view .fv-grouped-product-title, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-bar-label, #fv-chart-1779832484642-wst2orehw.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-1779832484642-wst2orehw.mobile-view .fv-bar-container, #fv-chart-1779832484642-wst2orehw.mobile-view .fv-bar-cluster, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-bar-container, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-bar-cluster width: 100% !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-x-axis-label-space, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-x-axis-label-space display: none !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-x-axis-chart-space, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-benchmark-title, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-benchmark-title font-size: 16px !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-dropdown-title, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-dropdown-title font-size: 16px !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-chart-title, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-chart-title padding: 0 8px !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-chart-subhead, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-header, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-vs, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-select-container, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-select, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-stl-shop-all-logo, #fv-chart-1779832484642-wst2orehw.mobile-view .fv-stl-shop-all-icon, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779832484642-wst2orehw.mobile-view .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779832484642-wst2orehw.mobile-view.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; @media (max-width: 599px) #fv-chart-1779832484642-wst2orehw .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779832484642-wst2orehw .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779832484642-wst2orehw .fv-bar-row, #fv-chart-1779832484642-wst2orehw .fv-stacked-product, #fv-chart-1779832484642-wst2orehw .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-bar-label, #fv-chart-1779832484642-wst2orehw .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-1779832484642-wst2orehw .fv-bar-container, #fv-chart-1779832484642-wst2orehw .fv-bar-cluster width: 100% !important; #fv-chart-1779832484642-wst2orehw .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779832484642-wst2orehw .fv-x-axis-label-space display: none !important; #fv-chart-1779832484642-wst2orehw .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779832484642-wst2orehw .fv-benchmark-title font-size: 16px !important; #fv-chart-1779832484642-wst2orehw .fv-dropdown-title font-size: 16px !important; #fv-chart-1779832484642-wst2orehw .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779832484642-wst2orehw .fv-chart-title padding: 0 8px !important; #fv-chart-1779832484642-wst2orehw .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779832484642-wst2orehw .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779832484642-wst2orehw .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779832484642-wst2orehw .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779832484642-wst2orehw .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779832484642-wst2orehw .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779832484642-wst2orehw .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-logo, #fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779832484642-wst2orehw .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779832484642-wst2orehw.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “Chillers built for better GPUs means cool GPUs”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” , “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:54:44.643Z”, “citation”: “Add your caption to explain the data, the learnings and the key takeaways of the data being visualized”, “keywords”: [ “RX 9070 GRE (Acer Nitro)”, “Thermals”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Thermals”, “value”: 4.5, “unitText”: “”, “maxValue”: 5 ]
Chillers built for better GPUs means cool GPUs
| Product | Thermals () |
|---|---|
| RX 9070 GRE (Acer Nitro) | 4.5 |
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; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) bar.style.setProperty(‘margin-left’, baseMargin + ‘%’, ‘important’); setTimeout(function() var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); if (targetMargin !== undefined && baseMargin !== undefined) bar.style.setProperty(‘margin-left’, targetMargin + ‘%’, ‘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() ); } 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) 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) ”; if (captionEl) captionEl.textContent = newCaption } 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) ); /* Shop The Look Hotspots */ var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); /* Remove highlights */ var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) item.classList.remove(‘is-highlighted’); ); /* Remove min-height after transition */ if (stlContainer) setTimeout(function() if (!allProductsModal.classList.contains(‘is-active’)) stlContainer.style.minHeight=””; if (‘parentIFrame’ in window) window.parentIFrame.size(); , 300); } hotspots.forEach(function(btn) btn.setAttribute(‘aria-expanded’, ‘false’); ); if (‘parentIFrame’ in window) window.parentIFrame.size(); } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); /* Ensure container is tall enough */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) container.style.minHeight = '450px'; /* Highlight and scroll to item */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) targetItem.classList.add('is-highlighted'); setTimeout(function() targetItem.scrollIntoView( behavior: 'smooth', block: 'center' ); , 100); if ('parentIFrame' in window) window.parentIFrame.size(); }); }); /* Shop All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Ensure container is tall enough */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.length) closeAllIANodes(); resetExploreBtn(); else currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) if(targetBtn.classList.contains(‘is-active’)) targetBtn.click(); targetBtn.click(); ); } if (iaWrapper) iaWrapper.addEventListener(‘click’, function(e) if (!e.target.closest(‘.fv-ia-node-button’) && !e.target.closest(‘.fv-ia-explore-btn’)) closeAllIANodes(); resetExploreBtn(); ); /* Initial Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) } 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-1779832484642-wst2orehw’, false); ); else initialize(‘fv-chart-1779832484642-wst2orehw’, false); })();
AMD Radeon RX 9070 GRE sound
I have found only the tiniest smattering of coil whine. That’s something I regularly listen out for with AMD GPUs, and in this generation with Nvidia cards, too. But, with the RX 9070 GRE I’ve been testing, I’m only detecting the very occasional electrical fizz when the frame rate in a settings screen spikes to ludicrous levels—in games I never heard the power componentry sing its siren song.
The actual fan noise is blessedly relaxed, too. The GPU may be running cool, but it’s not because Acer has tuned those three fans to run at turbine settings. Even under sustained load, and even with the card sitting in an open test rig right next to me, the fan noise never got to a distracting level at all.
It will sound different in a closed PC case, though there should also be moving air around and/or across the GPU to help shift that hot air, too.
@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,900&display=swap’); /* Reset & Base */ #fv-chart-1779832523670-vg5y6xkwe *, #fv-chart-1779832523670-vg5y6xkwe *:before, #fv-chart-1779832523670-vg5y6xkwe *:after, #fv-chart-1779832523670-vg5y6xkwe-slideshow *, #fv-chart-1779832523670-vg5y6xkwe-slideshow *:before, #fv-chart-1779832523670-vg5y6xkwe-slideshow *:after box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; #fv-chart-1779832523670-vg5y6xkwe, #fv-chart-1779832523670-vg5y6xkwe-slideshow font-family: ‘Open Sans’, sans-serif !important; /* Main Wrappers */ #fv-chart-1779832523670-vg5y6xkwe position: relative !important; overflow: visible !important; –riv-primary: #E33235; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-inner-wrapper.fv-no-header.fv-is-image-compare padding-top: 0 !important; #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed width: 100vw !important; margin-left: calc(50% – 50vw) !important; body overflow-x: clip !important; #fv-chart-1779832523670-vg5y6xkwe.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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe-slideshow position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; #fv-chart-1779832523670-vg5y6xkwe-slideshow .fv-slides-wrapper position: relative !important; width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe-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-1779832523670-vg5y6xkwe-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-1779832523670-vg5y6xkwe-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-1779832523670-vg5y6xkwe-slideshow .fv-nav-btn svg width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; #fv-chart-1779832523670-vg5y6xkwe-slideshow .fv-nav-btn:hover opacity: 0.9 !important; transform: translateY(-1px) !important; #fv-chart-1779832523670-vg5y6xkwe-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-1779832523670-vg5y6xkwe-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-1779832523670-vg5y6xkwe-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-1779832523670-vg5y6xkwe-slideshow .fv-slideshow-select:focus outline: 2px solid #E33235 !important; border-color: #E33235 !important; /* Typography */ #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-versus-chart display: flex; flex-direction: column; width: 100%; margin-top: 1rem; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-header display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper flex: 1; min-width: 0; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper.fv-left text-align: center; padding-right: 1rem; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper.fv-right text-align: center; padding-left: 1rem; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-container position: relative; display: inline-block; max-width: 100%; width: 100%; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-chevron position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper.fv-left .fv-versus-chevron right: 0; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper.fv-right .fv-versus-chevron right: 0; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-versus-select.fv-select-left text-align: center; direction: ltr; padding-right: 1.25rem; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select.fv-select-right text-align: center; padding-right: 1.25rem; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-versus-body display: flex; flex-direction: column; gap: 1.5rem; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-row position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-bar-container position: relative; height: 32px; display: flex; align-items: center; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-bar-left-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-bar-right-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-versus-bar-left border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-inside-left white-space: nowrap; flex-shrink: 0; #fv-chart-1779832523670-vg5y6xkwe .fv-inside-right white-space: nowrap; flex-shrink: 0; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-val-text font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-pct-diff font-size: 12px; font-weight: 600; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-image-compare-container width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed .fv-image-compare-container width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-image-compare-handle.fv-image-compare-handle-square border-radius: 6px !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-image-compare-label-left left: 1rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-label-right right: 1rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-expand-btn, #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-image-compare-expand-btn:hover, #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-close-btn:hover background-color: rgba(0, 0, 0, 0.7) !important; #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-close-btn display: none !important; top: 1rem !important; bottom: auto !important; /* Fullscreen State */ #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active cursor: grabbing !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn display: none !important; #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn display: flex !important; #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right right: 4rem !important; /* Footer */ #fv-chart-1779832523670-vg5y6xkwe .fv-bottom-bar display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-footer-content text-align: center !important; width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-dropdown-wrapper text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-dropdown-title-container position: relative !important; display: inline-block !important; max-width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-dropdown-title:focus outline: none !important; #fv-chart-1779832523670-vg5y6xkwe .fv-dropdown-title::-ms-expand display: none !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-carousel-nav-btn:hover border-color: #9ca3af !important; #fv-chart-1779832523670-vg5y6xkwe .fv-carousel-counter font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; /* Legend */ #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-legend-item display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-legend-color width: 12px !important; height: 12px !important; border-radius: 3px !important; /* Multi-Value Legend */ #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-multi-legend-swatch width: 16px !important; height: 16px !important; border-radius: 3px !important; /* Chart Core Styles */ #fv-chart-1779832523670-vg5y6xkwe .fv-benchmark-group margin-bottom: 1rem !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-bar-row, #fv-chart-1779832523670-vg5y6xkwe .fv-stacked-product display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-bar:hover opacity: 0.8 !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-bar-inner-label white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-bar-inner-value flex-shrink: 0 !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-bar-label.fv-primary-product font-weight: bold !important; color: var(–riv-primary) !important; /* Multi-Value Bar Logic */ #fv-chart-1779832523670-vg5y6xkwe .fv-multi-bar-container flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; #fv-chart-1779832523670-vg5y6xkwe .fv-multi-bar-item display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; /* Stacked Bar */ #fv-chart-1779832523670-vg5y6xkwe .fv-stacked-bar display: flex !important; overflow: hidden !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-stacked-segment:last-child border-right: none !important; #fv-chart-1779832523670-vg5y6xkwe .fv-segment-value font-size: 14px !important; font-weight: bold !important; /* Grouped Bar */ #fv-chart-1779832523670-vg5y6xkwe .fv-grouped-bar-product display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-grouped-product-title-wrapper padding-left: 150px !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-bar-cluster width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; #fv-chart-1779832523670-vg5y6xkwe .fv-bar-cluster .fv-bar-row margin-bottom: 3px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-bar-cluster .fv-bar-container height: 20px !important; /* Line Chart Grid */ #fv-chart-1779832523670-vg5y6xkwe .riv-grid line stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; /* X-Axis */ #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-wrapper display: flex !important; width: 100% !important; margin-top: 0.5rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-label-space width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-chart-space flex-grow: 1 !important; padding-right: 8px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-wrapper.fv-grouped-x-axis margin-left: 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-line border-top: 1px solid #D1D5DB !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-x-axis-ticks span position: relative !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-x-axis-unit text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-stl-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed .fv-stl-container width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed .fv-stl-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832523670-vg5y6xkwe .fv-stl-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779832523670-vg5y6xkwe .fv-stl-hotspot-container position: absolute !important; z-index: 10 !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-stl-hotspot-btn:hover transform: scale(1.1) !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-stl-hotspot-pulse animation-fill-mode: none !important; /* Shop the look button */ #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-stl-shop-all-btn span overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; #fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-btn:hover background-color: #ffffff !important; transform: scale(1.05) !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe 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-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe position: absolute !important; padding: 0 !important; align-items: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe.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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe.is-active .fv-stl-all-products-content opacity: 1 !important; transform: scale(1) !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe.is-active .fv-stl-all-products-content transform: translateY(0) !important; /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe.v2 align-items: flex-end !important; padding: 0 !important; @media (min-width: 640px) #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe.v2:not(.mobile-view *) justify-content: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe.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-1779832523670-vg5y6xkwe.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-1779832523670-vg5y6xkwe.v2.is-active .fv-stl-all-products-content transform: translateY(0) !important; opacity: 1 !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-header display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-header padding: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-logo height: 1.5rem !important; width: auto !important; object-fit: contain !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-logo height: 1.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-title font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-title font-size: 1.125rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-stl-all-products-list list-style: none !important; padding: 1.5rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.75rem !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-list padding: 0.75rem !important; gap: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-item margin: 0 !important; padding: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-link display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-link padding: 0.5rem !important; border-radius: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-stl-all-products-image-container position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-image-container margin-right: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-number position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-number top: -0.375rem !important; left: -0.375rem !important; width: 1.25rem !important; height: 1.25rem !important; font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-image-wrapper width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-image-wrapper width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-image width: 100% !important; height: 100% !important; object-fit: cover !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-placeholder width: 2rem !important; height: 2rem !important; color: #d1d5db !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-placeholder width: 1.5rem !important; height: 1.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-info flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-info margin-top: 0 !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-brand font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-brand font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-name font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-name font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-meta display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-meta font-size: 0.75rem !important; margin-bottom: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-price font-weight: 700 !important; color: #111827 !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-sale-price font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-sale-price margin-right: 0.375rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-original-price color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-original-price font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-commentary font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-commentary font-size: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-action width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-action width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-action svg width: 14px !important; height: 14px !important; #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-link:hover .fv-stl-all-products-action background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; /* Image Annotation Styles */ #fv-chart-1779832523670-vg5y6xkwe .fv-ia-container position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed .fv-ia-container width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed .fv-ia-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-container position: absolute !important; z-index: 10 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-button position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-button:hover transform: scale(1.1) !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-button.is-active background-color: #E33235 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-pulse-ring position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; @keyframes fv-ia-ping 75%, 100% transform: scale(2); opacity: 0; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-static-tooltip display: none !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translate(-50%, -100%) !important; background-color: rgba(255, 255, 255, 0.95) !important; padding: 10px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; width: max-content !important; max-width: 200px !important; font-size: 13px !important; color: #1f2937 !important; z-index: 20 !important; pointer-events: none !important; white-space: pre-wrap !important; line-height: 1.4 !important; border: 1px solid #e5e7eb !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-button:hover + .fv-ia-static-tooltip display: block !important; #fv-chart-1779832523670-vg5y6xkwe .fv-logo-explore-bar position: relative !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-height: 30px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-logo-explore-bar .fv-logo margin: 0 auto !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-explore-wrapper position: absolute !important; right: 0 !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-logo-explore-bar flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-ia-explore-wrapper position: static !important; align-self: flex-end !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-explore-btn background-color: rgba(255, 255, 255, 0.95) !important; color: #1e293b !important; border: 1px solid #e5e7eb !important; border-radius: 9999px !important; padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; font-weight: 600 !important; font-family: sans-serif !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important; pointer-events: auto !important; flex-shrink: 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-explore-btn:hover background-color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !important; color: #E33235 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-explore-btn svg transition: transform 0.2s !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-explore-btn:hover svg transform: translateX(2px) !important; /* IA Modal Styles */ #fv-chart-1779832523670-vg5y6xkwe .fv-ia-active-modal-container display: none !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-modals display: block !important; position: static !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-modal-item display: none !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-modal-item.is-active display: flex !important; flex-direction: column !important; position: absolute !important; top: 1rem !important; right: 1rem !important; z-index: 20 !important; width: 18rem !important; max-width: calc(100% – 2rem) !important; background-color: #ffffff !important; padding: 1rem !important; border-radius: 0.75rem !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border: 1px solid #e5e7eb !important; border-top: 4px solid #E33235 !important; animation: fv-ia-fade-in 0.2s ease-out !important; gap: 0.75rem !important; max-height: 80% !important; overflow-y: auto !important; pointer-events: auto !important; @keyframes fv-ia-fade-in from opacity: 0; transform: scale(0.95); to opacity: 1; transform: scale(1); #fv-chart-1779832523670-vg5y6xkwe .fv-ia-modal-header display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; gap: 0.5rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-title font-size: 1rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-close-button background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; transition: all 0.2s !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-close-button:hover background: #e5e7eb !important; color: #111827 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-description font-size: 0.875rem !important; color: #374151 !important; margin: 0 !important; line-height: 1.625 !important; white-space: pre-wrap !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-ia-node-description font-size: 0.875rem !important; /* Error Handling */ #fv-chart-1779832523670-vg5y6xkwe .fv-ia-empty display: flex !important; align-items: center !important; justify-content: center !important; height: 200px !important; background-color: #f1f5f9 !important; color: #64748b !important; border: 2px dashed #cbd5e1 !important; border-radius: 0.5rem !important; /* Countdown Styles */ #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-container display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; font-family: Montserrat, sans-serif !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-header text-align: center !important; margin-bottom: 2rem !important; z-index: 10 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-title font-size: 1.25rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 !important; font-style: italic !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-subhead font-size: 1.125rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0.25rem 0 0 0 !important; font-style: italic !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-timer-wrap display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 64rem !important; z-index: 10 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-labels display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 0.5rem !important; font-size: 0.75rem !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-labels > div flex: 1 !important; text-align: center !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-box position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits > div.digit-box flex: 1 !important; text-align: center !important; white-space: nowrap !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits > div.colon flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-spike-l position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-spike-r position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; @media (min-width: 600px) #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-container padding: 2rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-title font-size: 1.75rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-subhead font-size: 1.25rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits font-size: 2.25rem !important; letter-spacing: 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-labels font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-box padding: 1.5rem 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits > div.colon top: -4px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-spike-l left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-spike-r right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; @media (min-width: 768px) #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits font-size: 3.5rem !important; letter-spacing: 0.05em !important; #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits > div.colon top: -5px !important; /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-pie-container, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-bar-row, #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-stacked-product, #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-grouped-bar-product, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-bar-row, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-stacked-product, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1779832523670-vg5y6xkwe.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-1779832523670-vg5y6xkwe.mobile-view .fv-bar-label, #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-grouped-product-title, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-bar-label, #fv-chart-1779832523670-vg5y6xkwe.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-1779832523670-vg5y6xkwe.mobile-view .fv-bar-container, #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-bar-cluster, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-bar-container, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-bar-cluster width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-x-axis-label-space, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-x-axis-label-space display: none !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-x-axis-chart-space, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-benchmark-title, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-benchmark-title font-size: 16px !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-dropdown-title, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-dropdown-title font-size: 16px !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-chart-title, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-chart-title padding: 0 8px !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-chart-subhead, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-header, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-vs, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-select-container, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-select, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-stl-shop-all-logo, #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-stl-shop-all-icon, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779832523670-vg5y6xkwe.mobile-view.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; @media (max-width: 599px) #fv-chart-1779832523670-vg5y6xkwe .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-bar-row, #fv-chart-1779832523670-vg5y6xkwe .fv-stacked-product, #fv-chart-1779832523670-vg5y6xkwe .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-bar-label, #fv-chart-1779832523670-vg5y6xkwe .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-1779832523670-vg5y6xkwe .fv-bar-container, #fv-chart-1779832523670-vg5y6xkwe .fv-bar-cluster width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-label-space display: none !important; #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-benchmark-title font-size: 16px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-dropdown-title font-size: 16px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-chart-title padding: 0 8px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-logo, #fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779832523670-vg5y6xkwe .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779832523670-vg5y6xkwe.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “Cool also means quiet”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” , “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:55:23.671Z”, “citation”: “Add your caption to explain the data, the learnings and the key takeaways of the data being visualized”, “keywords”: [ “RX 9070 GRE (Acer Nitro)”, “Sound”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Sound”, “value”: 4.5, “unitText”: “”, “maxValue”: 5 ]
Cool also means quiet
| Product | Sound () |
|---|---|
| RX 9070 GRE (Acer Nitro) | 4.5 |
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; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) bar.style.setProperty(‘margin-left’, baseMargin + ‘%’, ‘important’); setTimeout(function() var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); if (targetMargin !== undefined && baseMargin !== undefined) bar.style.setProperty(‘margin-left’, targetMargin + ‘%’, ‘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() ); } 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) 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) ”; if (captionEl) captionEl.textContent = newCaption } 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) ); /* Shop The Look Hotspots */ var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); /* Remove highlights */ var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) item.classList.remove(‘is-highlighted’); ); /* Remove min-height after transition */ if (stlContainer) setTimeout(function() if (!allProductsModal.classList.contains(‘is-active’)) stlContainer.style.minHeight=””; if (‘parentIFrame’ in window) window.parentIFrame.size(); , 300); } hotspots.forEach(function(btn) btn.setAttribute(‘aria-expanded’, ‘false’); ); if (‘parentIFrame’ in window) window.parentIFrame.size(); } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); /* Ensure container is tall enough */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) container.style.minHeight = '450px'; /* Highlight and scroll to item */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) targetItem.classList.add('is-highlighted'); setTimeout(function() targetItem.scrollIntoView( behavior: 'smooth', block: 'center' ); , 100); if ('parentIFrame' in window) window.parentIFrame.size(); }); }); /* Shop All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Ensure container is tall enough */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.length) closeAllIANodes(); resetExploreBtn(); else currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) if(targetBtn.classList.contains(‘is-active’)) targetBtn.click(); targetBtn.click(); ); } if (iaWrapper) iaWrapper.addEventListener(‘click’, function(e) if (!e.target.closest(‘.fv-ia-node-button’) && !e.target.closest(‘.fv-ia-explore-btn’)) closeAllIANodes(); resetExploreBtn(); ); /* Initial Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) } 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-1779832523670-vg5y6xkwe’, false); ); else initialize(‘fv-chart-1779832523670-vg5y6xkwe’, false); })();
AMD Radeon RX 9070 GRE value
This is what’s going to make or break the AMD RX 9070 GRE: its true value once released into the wild. That goes beyond just the initial MSRP quoted by AMD, and has everything to do with what the retailers and manufacturers end up charging PC gamers in the real world. This is the issue we had around the other Navi 48-powered graphics cards, where we were given MSRP numbers that melted away scant hours after the cards launched.
It’s potentially harder for that to happen in the current environment. With the RX 9070 GRE given a $549 starting price, and the RX 9070 currently available for $600, there isn’t a lot of wiggle room for perfidious retailers to spike the price unnecessarily. As soon as you get start to eat into that $50 price delta the smart money will surely switch to the faster 16 GB card.
But, while the GPU market has plateaued in terms of pricing over the past few months—albeit at disappointingly higher levels than the tail end of 2025—that’s no guarantee the current status quo will be preserved. There have been a few rumblings recently that the prices of AMD cards are going to get bumped in the near future, putting them back alongside their Nvidia competitors, and if that happens then the GRE’s $549-$600 price tag might look ever more tantalising.
I will reiterate that the notion of value is a tough one here, considering that its $549 price tag is the same as the RX 9070, but then I think we’ve all had to readjust our pricing perceptions in the face of the RAMpocalypse and its fallout. Time will tell how well the RX 9070 GRE is able to hold to its MSRP. History would tell us that it’s not going to be easy.
@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,900&display=swap’); /* Reset & Base */ #fv-chart-1779832578932-vqkbqnxc3 *, #fv-chart-1779832578932-vqkbqnxc3 *:before, #fv-chart-1779832578932-vqkbqnxc3 *:after, #fv-chart-1779832578932-vqkbqnxc3-slideshow *, #fv-chart-1779832578932-vqkbqnxc3-slideshow *:before, #fv-chart-1779832578932-vqkbqnxc3-slideshow *:after box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; #fv-chart-1779832578932-vqkbqnxc3, #fv-chart-1779832578932-vqkbqnxc3-slideshow font-family: ‘Open Sans’, sans-serif !important; /* Main Wrappers */ #fv-chart-1779832578932-vqkbqnxc3 position: relative !important; overflow: visible !important; –riv-primary: #E33235; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-inner-wrapper.fv-no-header.fv-is-image-compare padding-top: 0 !important; #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed width: 100vw !important; margin-left: calc(50% – 50vw) !important; body overflow-x: clip !important; #fv-chart-1779832578932-vqkbqnxc3.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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3-slideshow position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; #fv-chart-1779832578932-vqkbqnxc3-slideshow .fv-slides-wrapper position: relative !important; width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3-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-1779832578932-vqkbqnxc3-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-1779832578932-vqkbqnxc3-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-1779832578932-vqkbqnxc3-slideshow .fv-nav-btn svg width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; #fv-chart-1779832578932-vqkbqnxc3-slideshow .fv-nav-btn:hover opacity: 0.9 !important; transform: translateY(-1px) !important; #fv-chart-1779832578932-vqkbqnxc3-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-1779832578932-vqkbqnxc3-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-1779832578932-vqkbqnxc3-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-1779832578932-vqkbqnxc3-slideshow .fv-slideshow-select:focus outline: 2px solid #E33235 !important; border-color: #E33235 !important; /* Typography */ #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-versus-chart display: flex; flex-direction: column; width: 100%; margin-top: 1rem; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-header display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper flex: 1; min-width: 0; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper.fv-left text-align: center; padding-right: 1rem; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper.fv-right text-align: center; padding-left: 1rem; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-container position: relative; display: inline-block; max-width: 100%; width: 100%; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-chevron position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper.fv-left .fv-versus-chevron right: 0; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper.fv-right .fv-versus-chevron right: 0; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-versus-select.fv-select-left text-align: center; direction: ltr; padding-right: 1.25rem; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select.fv-select-right text-align: center; padding-right: 1.25rem; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-versus-body display: flex; flex-direction: column; gap: 1.5rem; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-row position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-bar-container position: relative; height: 32px; display: flex; align-items: center; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-bar-left-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-bar-right-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-versus-bar-left border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-inside-left white-space: nowrap; flex-shrink: 0; #fv-chart-1779832578932-vqkbqnxc3 .fv-inside-right white-space: nowrap; flex-shrink: 0; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-val-text font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-pct-diff font-size: 12px; font-weight: 600; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-image-compare-container width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed .fv-image-compare-container width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-image-compare-handle.fv-image-compare-handle-square border-radius: 6px !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-image-compare-label-left left: 1rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-label-right right: 1rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-expand-btn, #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-image-compare-expand-btn:hover, #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-close-btn:hover background-color: rgba(0, 0, 0, 0.7) !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-close-btn display: none !important; top: 1rem !important; bottom: auto !important; /* Fullscreen State */ #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active cursor: grabbing !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn display: none !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn display: flex !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right right: 4rem !important; /* Footer */ #fv-chart-1779832578932-vqkbqnxc3 .fv-bottom-bar display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-footer-content text-align: center !important; width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-dropdown-wrapper text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-dropdown-title-container position: relative !important; display: inline-block !important; max-width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-dropdown-title:focus outline: none !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-dropdown-title::-ms-expand display: none !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-carousel-nav-btn:hover border-color: #9ca3af !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-carousel-counter font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; /* Legend */ #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-legend-item display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-legend-color width: 12px !important; height: 12px !important; border-radius: 3px !important; /* Multi-Value Legend */ #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-multi-legend-swatch width: 16px !important; height: 16px !important; border-radius: 3px !important; /* Chart Core Styles */ #fv-chart-1779832578932-vqkbqnxc3 .fv-benchmark-group margin-bottom: 1rem !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-bar-row, #fv-chart-1779832578932-vqkbqnxc3 .fv-stacked-product display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-bar:hover opacity: 0.8 !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-bar-inner-label white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-inner-value flex-shrink: 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-bar-label.fv-primary-product font-weight: bold !important; color: var(–riv-primary) !important; /* Multi-Value Bar Logic */ #fv-chart-1779832578932-vqkbqnxc3 .fv-multi-bar-container flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-multi-bar-item display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; /* Stacked Bar */ #fv-chart-1779832578932-vqkbqnxc3 .fv-stacked-bar display: flex !important; overflow: hidden !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-stacked-segment:last-child border-right: none !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-segment-value font-size: 14px !important; font-weight: bold !important; /* Grouped Bar */ #fv-chart-1779832578932-vqkbqnxc3 .fv-grouped-bar-product display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-grouped-product-title-wrapper padding-left: 150px !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-bar-cluster width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-cluster .fv-bar-row margin-bottom: 3px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-cluster .fv-bar-container height: 20px !important; /* Line Chart Grid */ #fv-chart-1779832578932-vqkbqnxc3 .riv-grid line stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; /* X-Axis */ #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-wrapper display: flex !important; width: 100% !important; margin-top: 0.5rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-label-space width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-chart-space flex-grow: 1 !important; padding-right: 8px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-wrapper.fv-grouped-x-axis margin-left: 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-line border-top: 1px solid #D1D5DB !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-x-axis-ticks span position: relative !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-x-axis-unit text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-stl-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed .fv-stl-container width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed .fv-stl-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-hotspot-container position: absolute !important; z-index: 10 !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-stl-hotspot-btn:hover transform: scale(1.1) !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-stl-hotspot-pulse animation-fill-mode: none !important; /* Shop the look button */ #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-stl-shop-all-btn span overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-btn:hover background-color: #ffffff !important; transform: scale(1.05) !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 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-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 position: absolute !important; padding: 0 !important; align-items: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3.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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3.is-active .fv-stl-all-products-content opacity: 1 !important; transform: scale(1) !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3.is-active .fv-stl-all-products-content transform: translateY(0) !important; /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3.v2 align-items: flex-end !important; padding: 0 !important; @media (min-width: 640px) #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3.v2:not(.mobile-view *) justify-content: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3.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-1779832578932-vqkbqnxc3.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-1779832578932-vqkbqnxc3.v2.is-active .fv-stl-all-products-content transform: translateY(0) !important; opacity: 1 !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-header display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-header padding: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-logo height: 1.5rem !important; width: auto !important; object-fit: contain !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-logo height: 1.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-title font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-title font-size: 1.125rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-stl-all-products-list list-style: none !important; padding: 1.5rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.75rem !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-list padding: 0.75rem !important; gap: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-item margin: 0 !important; padding: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-link display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-link padding: 0.5rem !important; border-radius: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-stl-all-products-image-container position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-image-container margin-right: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-number position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-number top: -0.375rem !important; left: -0.375rem !important; width: 1.25rem !important; height: 1.25rem !important; font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-image-wrapper width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-image-wrapper width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-image width: 100% !important; height: 100% !important; object-fit: cover !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-placeholder width: 2rem !important; height: 2rem !important; color: #d1d5db !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-placeholder width: 1.5rem !important; height: 1.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-info flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-info margin-top: 0 !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-brand font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-brand font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-name font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-name font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-meta display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-meta font-size: 0.75rem !important; margin-bottom: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-price font-weight: 700 !important; color: #111827 !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-sale-price font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-sale-price margin-right: 0.375rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-original-price color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-original-price font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-commentary font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-commentary font-size: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-action width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-action width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-action svg width: 14px !important; height: 14px !important; #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-link:hover .fv-stl-all-products-action background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; /* Image Annotation Styles */ #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-container position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed .fv-ia-container width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed .fv-ia-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-container position: absolute !important; z-index: 10 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-button position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-button:hover transform: scale(1.1) !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-button.is-active background-color: #E33235 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-pulse-ring position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; @keyframes fv-ia-ping 75%, 100% transform: scale(2); opacity: 0; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-static-tooltip display: none !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translate(-50%, -100%) !important; background-color: rgba(255, 255, 255, 0.95) !important; padding: 10px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; width: max-content !important; max-width: 200px !important; font-size: 13px !important; color: #1f2937 !important; z-index: 20 !important; pointer-events: none !important; white-space: pre-wrap !important; line-height: 1.4 !important; border: 1px solid #e5e7eb !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-button:hover + .fv-ia-static-tooltip display: block !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-logo-explore-bar position: relative !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-height: 30px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-logo-explore-bar .fv-logo margin: 0 auto !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-explore-wrapper position: absolute !important; right: 0 !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-logo-explore-bar flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-ia-explore-wrapper position: static !important; align-self: flex-end !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-explore-btn background-color: rgba(255, 255, 255, 0.95) !important; color: #1e293b !important; border: 1px solid #e5e7eb !important; border-radius: 9999px !important; padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; font-weight: 600 !important; font-family: sans-serif !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important; pointer-events: auto !important; flex-shrink: 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-explore-btn:hover background-color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !important; color: #E33235 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-explore-btn svg transition: transform 0.2s !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-explore-btn:hover svg transform: translateX(2px) !important; /* IA Modal Styles */ #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-active-modal-container display: none !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-modals display: block !important; position: static !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-modal-item display: none !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-modal-item.is-active display: flex !important; flex-direction: column !important; position: absolute !important; top: 1rem !important; right: 1rem !important; z-index: 20 !important; width: 18rem !important; max-width: calc(100% – 2rem) !important; background-color: #ffffff !important; padding: 1rem !important; border-radius: 0.75rem !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border: 1px solid #e5e7eb !important; border-top: 4px solid #E33235 !important; animation: fv-ia-fade-in 0.2s ease-out !important; gap: 0.75rem !important; max-height: 80% !important; overflow-y: auto !important; pointer-events: auto !important; @keyframes fv-ia-fade-in from opacity: 0; transform: scale(0.95); to opacity: 1; transform: scale(1); #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-modal-header display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; gap: 0.5rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-title font-size: 1rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-close-button background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; transition: all 0.2s !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-close-button:hover background: #e5e7eb !important; color: #111827 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-description font-size: 0.875rem !important; color: #374151 !important; margin: 0 !important; line-height: 1.625 !important; white-space: pre-wrap !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-ia-node-description font-size: 0.875rem !important; /* Error Handling */ #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-empty display: flex !important; align-items: center !important; justify-content: center !important; height: 200px !important; background-color: #f1f5f9 !important; color: #64748b !important; border: 2px dashed #cbd5e1 !important; border-radius: 0.5rem !important; /* Countdown Styles */ #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-container display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; font-family: Montserrat, sans-serif !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-header text-align: center !important; margin-bottom: 2rem !important; z-index: 10 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-title font-size: 1.25rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 !important; font-style: italic !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-subhead font-size: 1.125rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0.25rem 0 0 0 !important; font-style: italic !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-timer-wrap display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 64rem !important; z-index: 10 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-labels display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 0.5rem !important; font-size: 0.75rem !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-labels > div flex: 1 !important; text-align: center !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-box position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits > div.digit-box flex: 1 !important; text-align: center !important; white-space: nowrap !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits > div.colon flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-spike-l position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-spike-r position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; @media (min-width: 600px) #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-container padding: 2rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-title font-size: 1.75rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-subhead font-size: 1.25rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits font-size: 2.25rem !important; letter-spacing: 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-labels font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-box padding: 1.5rem 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits > div.colon top: -4px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-spike-l left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-spike-r right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; @media (min-width: 768px) #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits font-size: 3.5rem !important; letter-spacing: 0.05em !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits > div.colon top: -5px !important; /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-pie-container, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-bar-row, #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-stacked-product, #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-grouped-bar-product, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-bar-row, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-stacked-product, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1779832578932-vqkbqnxc3.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-1779832578932-vqkbqnxc3.mobile-view .fv-bar-label, #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-grouped-product-title, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-bar-label, #fv-chart-1779832578932-vqkbqnxc3.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-1779832578932-vqkbqnxc3.mobile-view .fv-bar-container, #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-bar-cluster, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-bar-container, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-bar-cluster width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-x-axis-label-space, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-x-axis-label-space display: none !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-x-axis-chart-space, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-benchmark-title, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-benchmark-title font-size: 16px !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-dropdown-title, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-dropdown-title font-size: 16px !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-chart-title, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-chart-title padding: 0 8px !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-chart-subhead, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-header, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-vs, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-select-container, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-select, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-stl-shop-all-logo, #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-stl-shop-all-icon, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779832578932-vqkbqnxc3.mobile-view.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; @media (max-width: 599px) #fv-chart-1779832578932-vqkbqnxc3 .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-row, #fv-chart-1779832578932-vqkbqnxc3 .fv-stacked-product, #fv-chart-1779832578932-vqkbqnxc3 .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-bar-label, #fv-chart-1779832578932-vqkbqnxc3 .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-1779832578932-vqkbqnxc3 .fv-bar-container, #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-cluster width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-label-space display: none !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-benchmark-title font-size: 16px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-dropdown-title font-size: 16px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-chart-title padding: 0 8px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-logo, #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779832578932-vqkbqnxc3 .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779832578932-vqkbqnxc3.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “The value prop could evaporate quickly”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” , “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:56:18.932Z”, “citation”: “Add your caption to explain the data, the learnings and the key takeaways of the data being visualized”, “keywords”: [ “RX 9070 GRE (Acer Nitro)”, “Value”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Value”, “value”: 3, “unitText”: “”, “maxValue”: 5 ]
The value prop could evaporate quickly
| Product | Value () |
|---|---|
| RX 9070 GRE (Acer Nitro) | 3 |
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; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) bar.style.setProperty(‘margin-left’, baseMargin + ‘%’, ‘important’); setTimeout(function() var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); if (targetMargin !== undefined && baseMargin !== undefined) bar.style.setProperty(‘margin-left’, targetMargin + ‘%’, ‘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() ); } 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) 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) ”; if (captionEl) captionEl.textContent = newCaption } 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) ); /* Shop The Look Hotspots */ var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); /* Remove highlights */ var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) item.classList.remove(‘is-highlighted’); ); /* Remove min-height after transition */ if (stlContainer) setTimeout(function() if (!allProductsModal.classList.contains(‘is-active’)) stlContainer.style.minHeight=””; if (‘parentIFrame’ in window) window.parentIFrame.size(); , 300); } hotspots.forEach(function(btn) btn.setAttribute(‘aria-expanded’, ‘false’); ); if (‘parentIFrame’ in window) window.parentIFrame.size(); } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); /* Ensure container is tall enough */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) container.style.minHeight = '450px'; /* Highlight and scroll to item */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) targetItem.classList.add('is-highlighted'); setTimeout(function() targetItem.scrollIntoView( behavior: 'smooth', block: 'center' ); , 100); if ('parentIFrame' in window) window.parentIFrame.size(); }); }); /* Shop All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Ensure container is tall enough */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.length) closeAllIANodes(); resetExploreBtn(); else currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) if(targetBtn.classList.contains(‘is-active’)) targetBtn.click(); targetBtn.click(); ); } if (iaWrapper) iaWrapper.addEventListener(‘click’, function(e) if (!e.target.closest(‘.fv-ia-node-button’) && !e.target.closest(‘.fv-ia-explore-btn’)) closeAllIANodes(); resetExploreBtn(); ); /* Initial Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) } 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-1779832578932-vqkbqnxc3’, false); ); else initialize(‘fv-chart-1779832578932-vqkbqnxc3’, false); })();
AMD Radeon RX 9070 GRE software
Acer has its own Intelligent Space application you can use in conjunction with your Nitro card that will offer up some AI tools you can use with your hardware and potentially suggest performance tweaks, but if I’m honest I really wouldn’t bother. AMD’s own Adrenalin software is good enough to do all the GPU tweaking you could want.
And hey, if you want some AI shenanigans you can also download a 34 GB AMD AI Bundle along with your drivers. If you want to do some local AI things, you’re getting tools such as ComfyUI, Ollama, and LM Studio. They’re good ways to get the most out of your local hardware in an AI sense if you want to get away from the token drains of cloud AI.
But let’s go back to Adrenalin, because AMD’s driver software is way better than the old days, though is not without its quirks. I still get frustrated by the fact the Adrenalin software’s shortcuts have a tendency to tread all over existing app’s own shortcuts, such as Photoshop and Google Docs, and that the UI isn’t the most intuitive to navigate. But it’s still functional, and when it comes to tweaking your GPU I’ve been more than happy to do all of my undervolting with the RX 9070 GRE via Adrenalin alone.
You’re also getting a good data overlay in the Adrenalin software, which you can enable via those troubling shortcuts or inside the software itself. That allows you to see exactly what’s going on with your CPU and GPU to help you troubleshoot any issues you feel you might be having with your system.
@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap’); @import url(‘https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,900&display=swap’); /* Reset & Base */ #fv-chart-1779832621246-gpy1nppxa *, #fv-chart-1779832621246-gpy1nppxa *:before, #fv-chart-1779832621246-gpy1nppxa *:after, #fv-chart-1779832621246-gpy1nppxa-slideshow *, #fv-chart-1779832621246-gpy1nppxa-slideshow *:before, #fv-chart-1779832621246-gpy1nppxa-slideshow *:after box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; #fv-chart-1779832621246-gpy1nppxa, #fv-chart-1779832621246-gpy1nppxa-slideshow font-family: ‘Open Sans’, sans-serif !important; /* Main Wrappers */ #fv-chart-1779832621246-gpy1nppxa position: relative !important; overflow: visible !important; –riv-primary: #E33235; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-inner-wrapper.fv-no-header.fv-is-image-compare padding-top: 0 !important; #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed width: 100vw !important; margin-left: calc(50% – 50vw) !important; body overflow-x: clip !important; #fv-chart-1779832621246-gpy1nppxa.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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa-slideshow position: relative !important; width: 100% !important; margin: 1rem 0 !important; –riv-primary: #E33235; #fv-chart-1779832621246-gpy1nppxa-slideshow .fv-slides-wrapper position: relative !important; width: 100% !important; #fv-chart-1779832621246-gpy1nppxa-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-1779832621246-gpy1nppxa-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-1779832621246-gpy1nppxa-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-1779832621246-gpy1nppxa-slideshow .fv-nav-btn svg width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; #fv-chart-1779832621246-gpy1nppxa-slideshow .fv-nav-btn:hover opacity: 0.9 !important; transform: translateY(-1px) !important; #fv-chart-1779832621246-gpy1nppxa-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-1779832621246-gpy1nppxa-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-1779832621246-gpy1nppxa-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-1779832621246-gpy1nppxa-slideshow .fv-slideshow-select:focus outline: 2px solid #E33235 !important; border-color: #E33235 !important; /* Typography */ #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-versus-chart display: flex; flex-direction: column; width: 100%; margin-top: 1rem; #fv-chart-1779832621246-gpy1nppxa .fv-versus-header display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper flex: 1; min-width: 0; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper.fv-left text-align: center; padding-right: 1rem; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper.fv-right text-align: center; padding-left: 1rem; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-container position: relative; display: inline-block; max-width: 100%; width: 100%; #fv-chart-1779832621246-gpy1nppxa .fv-versus-chevron position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper.fv-left .fv-versus-chevron right: 0; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper.fv-right .fv-versus-chevron right: 0; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-versus-select.fv-select-left text-align: center; direction: ltr; padding-right: 1.25rem; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select.fv-select-right text-align: center; padding-right: 1.25rem; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-versus-body display: flex; flex-direction: column; gap: 1.5rem; #fv-chart-1779832621246-gpy1nppxa .fv-versus-row position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; #fv-chart-1779832621246-gpy1nppxa .fv-versus-bar-container position: relative; height: 32px; display: flex; align-items: center; #fv-chart-1779832621246-gpy1nppxa .fv-versus-bar-left-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; #fv-chart-1779832621246-gpy1nppxa .fv-versus-bar-right-wrapper flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-versus-bar-left border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-inside-left white-space: nowrap; flex-shrink: 0; #fv-chart-1779832621246-gpy1nppxa .fv-inside-right white-space: nowrap; flex-shrink: 0; #fv-chart-1779832621246-gpy1nppxa .fv-versus-val-text font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; #fv-chart-1779832621246-gpy1nppxa .fv-versus-pct-diff font-size: 12px; font-weight: 600; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-image-compare-container width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed .fv-image-compare-container width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-image-compare-handle.fv-image-compare-handle-square border-radius: 6px !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-image-compare-label-left left: 1rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-label-right right: 1rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-expand-btn, #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-image-compare-expand-btn:hover, #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-close-btn:hover background-color: rgba(0, 0, 0, 0.7) !important; #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-close-btn display: none !important; top: 1rem !important; bottom: auto !important; /* Fullscreen State */ #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active cursor: grabbing !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn display: none !important; #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn display: flex !important; #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right right: 4rem !important; /* Footer */ #fv-chart-1779832621246-gpy1nppxa .fv-bottom-bar display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-footer-content text-align: center !important; width: 100% !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-dropdown-wrapper text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-dropdown-title-container position: relative !important; display: inline-block !important; max-width: 100% !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-dropdown-title:focus outline: none !important; #fv-chart-1779832621246-gpy1nppxa .fv-dropdown-title::-ms-expand display: none !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-carousel-nav-btn:hover border-color: #9ca3af !important; #fv-chart-1779832621246-gpy1nppxa .fv-carousel-counter font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; /* Legend */ #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-legend-item display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; #fv-chart-1779832621246-gpy1nppxa .fv-legend-color width: 12px !important; height: 12px !important; border-radius: 3px !important; /* Multi-Value Legend */ #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-multi-legend-swatch width: 16px !important; height: 16px !important; border-radius: 3px !important; /* Chart Core Styles */ #fv-chart-1779832621246-gpy1nppxa .fv-benchmark-group margin-bottom: 1rem !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-bar-row, #fv-chart-1779832621246-gpy1nppxa .fv-stacked-product display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-bar:hover opacity: 0.8 !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-bar-inner-label white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; #fv-chart-1779832621246-gpy1nppxa .fv-bar-inner-value flex-shrink: 0 !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-bar-label.fv-primary-product font-weight: bold !important; color: var(–riv-primary) !important; /* Multi-Value Bar Logic */ #fv-chart-1779832621246-gpy1nppxa .fv-multi-bar-container flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; #fv-chart-1779832621246-gpy1nppxa .fv-multi-bar-item display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; /* Stacked Bar */ #fv-chart-1779832621246-gpy1nppxa .fv-stacked-bar display: flex !important; overflow: hidden !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-stacked-segment:last-child border-right: none !important; #fv-chart-1779832621246-gpy1nppxa .fv-segment-value font-size: 14px !important; font-weight: bold !important; /* Grouped Bar */ #fv-chart-1779832621246-gpy1nppxa .fv-grouped-bar-product display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-grouped-product-title-wrapper padding-left: 150px !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-bar-cluster width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; #fv-chart-1779832621246-gpy1nppxa .fv-bar-cluster .fv-bar-row margin-bottom: 3px !important; #fv-chart-1779832621246-gpy1nppxa .fv-bar-cluster .fv-bar-container height: 20px !important; /* Line Chart Grid */ #fv-chart-1779832621246-gpy1nppxa .riv-grid line stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; /* X-Axis */ #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-wrapper display: flex !important; width: 100% !important; margin-top: 0.5rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-label-space width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-chart-space flex-grow: 1 !important; padding-right: 8px !important; #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-wrapper.fv-grouped-x-axis margin-left: 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-line border-top: 1px solid #D1D5DB !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-x-axis-ticks span position: relative !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-x-axis-unit text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-stl-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed .fv-stl-container width: 100% !important; #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed .fv-stl-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832621246-gpy1nppxa .fv-stl-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779832621246-gpy1nppxa .fv-stl-hotspot-container position: absolute !important; z-index: 10 !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-stl-hotspot-btn:hover transform: scale(1.1) !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-stl-hotspot-pulse animation-fill-mode: none !important; /* Shop the look button */ #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-stl-shop-all-btn span overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; #fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-btn:hover background-color: #ffffff !important; transform: scale(1.05) !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa 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-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa position: absolute !important; padding: 0 !important; align-items: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa.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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa.is-active .fv-stl-all-products-content opacity: 1 !important; transform: scale(1) !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa.is-active .fv-stl-all-products-content transform: translateY(0) !important; /* V2 Bottom Sheet Style */ #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa.v2 align-items: flex-end !important; padding: 0 !important; @media (min-width: 640px) #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa.v2:not(.mobile-view *) justify-content: flex-end !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa.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-1779832621246-gpy1nppxa.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-1779832621246-gpy1nppxa.v2.is-active .fv-stl-all-products-content transform: translateY(0) !important; opacity: 1 !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-header display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-header padding: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-logo height: 1.5rem !important; width: auto !important; object-fit: contain !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-logo height: 1.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-title font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-title font-size: 1.125rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-stl-all-products-list list-style: none !important; padding: 1.5rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.75rem !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-list padding: 0.75rem !important; gap: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-item margin: 0 !important; padding: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-link display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-link padding: 0.5rem !important; border-radius: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-stl-all-products-image-container position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-image-container margin-right: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-number position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-number top: -0.375rem !important; left: -0.375rem !important; width: 1.25rem !important; height: 1.25rem !important; font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-image-wrapper width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-image-wrapper width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-image width: 100% !important; height: 100% !important; object-fit: cover !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-placeholder width: 2rem !important; height: 2rem !important; color: #d1d5db !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-placeholder width: 1.5rem !important; height: 1.5rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-info flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-info margin-top: 0 !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-brand font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-brand font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-name font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-name font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-meta display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-meta font-size: 0.75rem !important; margin-bottom: 0.25rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-price font-weight: 700 !important; color: #111827 !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-sale-price font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-sale-price margin-right: 0.375rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-original-price color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-original-price font-size: 0.625rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-commentary font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-commentary font-size: 0.75rem !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-action width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-action width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-action svg width: 14px !important; height: 14px !important; #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-link:hover .fv-stl-all-products-action background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; /* Image Annotation Styles */ #fv-chart-1779832621246-gpy1nppxa .fv-ia-container position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-wrapper position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed .fv-ia-container width: 100% !important; #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed .fv-ia-wrapper width: 100% !important; max-width: none !important; margin: 0 auto !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-image display: block !important; width: 100% !important; height: auto !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-container position: absolute !important; z-index: 10 !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-button position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-button:hover transform: scale(1.1) !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-button.is-active background-color: #E33235 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-pulse-ring position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; @keyframes fv-ia-ping 75%, 100% transform: scale(2); opacity: 0; #fv-chart-1779832621246-gpy1nppxa .fv-ia-static-tooltip display: none !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translate(-50%, -100%) !important; background-color: rgba(255, 255, 255, 0.95) !important; padding: 10px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; width: max-content !important; max-width: 200px !important; font-size: 13px !important; color: #1f2937 !important; z-index: 20 !important; pointer-events: none !important; white-space: pre-wrap !important; line-height: 1.4 !important; border: 1px solid #e5e7eb !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-button:hover + .fv-ia-static-tooltip display: block !important; #fv-chart-1779832621246-gpy1nppxa .fv-logo-explore-bar position: relative !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-height: 30px !important; #fv-chart-1779832621246-gpy1nppxa .fv-logo-explore-bar .fv-logo margin: 0 auto !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-explore-wrapper position: absolute !important; right: 0 !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-logo-explore-bar flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-ia-explore-wrapper position: static !important; align-self: flex-end !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-explore-btn background-color: rgba(255, 255, 255, 0.95) !important; color: #1e293b !important; border: 1px solid #e5e7eb !important; border-radius: 9999px !important; padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; font-weight: 600 !important; font-family: sans-serif !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important; pointer-events: auto !important; flex-shrink: 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-explore-btn:hover background-color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !important; color: #E33235 !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-explore-btn svg transition: transform 0.2s !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-explore-btn:hover svg transform: translateX(2px) !important; /* IA Modal Styles */ #fv-chart-1779832621246-gpy1nppxa .fv-ia-active-modal-container display: none !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-modals display: block !important; position: static !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-modal-item display: none !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-modal-item.is-active display: flex !important; flex-direction: column !important; position: absolute !important; top: 1rem !important; right: 1rem !important; z-index: 20 !important; width: 18rem !important; max-width: calc(100% – 2rem) !important; background-color: #ffffff !important; padding: 1rem !important; border-radius: 0.75rem !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border: 1px solid #e5e7eb !important; border-top: 4px solid #E33235 !important; animation: fv-ia-fade-in 0.2s ease-out !important; gap: 0.75rem !important; max-height: 80% !important; overflow-y: auto !important; pointer-events: auto !important; @keyframes fv-ia-fade-in from opacity: 0; transform: scale(0.95); to opacity: 1; transform: scale(1); #fv-chart-1779832621246-gpy1nppxa .fv-ia-modal-header display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; gap: 0.5rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-title font-size: 1rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-close-button background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; transition: all 0.2s !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-close-button:hover background: #e5e7eb !important; color: #111827 !important; #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-description font-size: 0.875rem !important; color: #374151 !important; margin: 0 !important; line-height: 1.625 !important; white-space: pre-wrap !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-ia-node-description font-size: 0.875rem !important; /* Error Handling */ #fv-chart-1779832621246-gpy1nppxa .fv-ia-empty display: flex !important; align-items: center !important; justify-content: center !important; height: 200px !important; background-color: #f1f5f9 !important; color: #64748b !important; border: 2px dashed #cbd5e1 !important; border-radius: 0.5rem !important; /* Countdown Styles */ #fv-chart-1779832621246-gpy1nppxa .fv-countdown-container display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; font-family: Montserrat, sans-serif !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-header text-align: center !important; margin-bottom: 2rem !important; z-index: 10 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-title font-size: 1.25rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 !important; font-style: italic !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-subhead font-size: 1.125rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0.25rem 0 0 0 !important; font-style: italic !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-timer-wrap display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 64rem !important; z-index: 10 !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-labels display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 0.5rem !important; font-size: 0.75rem !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-labels > div flex: 1 !important; text-align: center !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-box position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits > div.digit-box flex: 1 !important; text-align: center !important; white-space: nowrap !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits > div.colon flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-spike-l position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-spike-r position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; @media (min-width: 600px) #fv-chart-1779832621246-gpy1nppxa .fv-countdown-container padding: 2rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-title font-size: 1.75rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-subhead font-size: 1.25rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits font-size: 2.25rem !important; letter-spacing: 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-labels font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-box padding: 1.5rem 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits > div.colon top: -4px !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-spike-l left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-spike-r right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; @media (min-width: 768px) #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits font-size: 3.5rem !important; letter-spacing: 0.05em !important; #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits > div.colon top: -5px !important; /* Mobile / Forced Mobile View / Labels on Top */ #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-pie-container, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-bar-row, #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-stacked-product, #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-grouped-bar-product, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-bar-row, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-stacked-product, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1779832621246-gpy1nppxa.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-1779832621246-gpy1nppxa.mobile-view .fv-bar-label, #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-grouped-product-title, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-bar-label, #fv-chart-1779832621246-gpy1nppxa.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-1779832621246-gpy1nppxa.mobile-view .fv-bar-container, #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-bar-cluster, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-bar-container, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-bar-cluster width: 100% !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-x-axis-label-space, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-x-axis-label-space display: none !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-x-axis-chart-space, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-benchmark-title, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-benchmark-title font-size: 16px !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-dropdown-title, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-dropdown-title font-size: 16px !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-chart-title, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-chart-title padding: 0 8px !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-chart-subhead, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-header, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-vs, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-select-container, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-select, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-stl-shop-all-logo, #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-stl-shop-all-icon, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779832621246-gpy1nppxa.mobile-view.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; @media (max-width: 599px) #fv-chart-1779832621246-gpy1nppxa .fv-pie-container flex-direction: column !important; gap: 1rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-grouped-product-title-wrapper padding-left: 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-bar-row, #fv-chart-1779832621246-gpy1nppxa .fv-stacked-product, #fv-chart-1779832621246-gpy1nppxa .fv-grouped-bar-product flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-bar-label, #fv-chart-1779832621246-gpy1nppxa .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-1779832621246-gpy1nppxa .fv-bar-container, #fv-chart-1779832621246-gpy1nppxa .fv-bar-cluster width: 100% !important; #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-wrapper margin-left: 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-label-space display: none !important; #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-chart-space padding-right: 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-benchmark-title font-size: 16px !important; #fv-chart-1779832621246-gpy1nppxa .fv-dropdown-title font-size: 16px !important; #fv-chart-1779832621246-gpy1nppxa .fv-carousel-nav-btn padding: 8px 12px !important; font-size: 14px !important; #fv-chart-1779832621246-gpy1nppxa .fv-chart-title padding: 0 8px !important; #fv-chart-1779832621246-gpy1nppxa .fv-chart-subhead padding: 0 8px !important; #fv-chart-1779832621246-gpy1nppxa .fv-versus-header flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper flex: 1 !important; min-width: 0 !important; width: 100% !important; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper.fv-left text-align: center !important; padding-right: 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper.fv-right text-align: center !important; padding-left: 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select.fv-select-left text-align: center !important; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select.fv-select-right text-align: center !important; #fv-chart-1779832621246-gpy1nppxa .fv-versus-vs text-align: center !important; padding: 0.25rem 0 !important; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-container max-width: 100% !important; width: 100% !important; #fv-chart-1779832621246-gpy1nppxa .fv-versus-select font-size: 14px !important; width: 100% !important; #fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-btn bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% – 1rem) !important; #fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-logo, #fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-icon width: 2rem !important; height: 2rem !important; #fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-icon svg width: 14px !important; height: 14px !important; #fv-chart-1779832621246-gpy1nppxa .fv-y-axis-title padding-left: 5% !important; /* (30/600) for mobile view */ #fv-chart-1779832621246-gpy1nppxa.fv-contains-line-chart .fv-footer-content margin-left: -1rem !important; margin-right: -1rem !important; “@context”: “https://schema.org”, “@type”: “Dataset”, “name”: “Adrenalin is ace now, and so is FSR4”, “description”: “Subhead to describe the test and what’s being measured and why”, “creator”: “@type”: “Organization”, “name”: “PC Gamer”, “logo”: “https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png” , “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:57:01.247Z”, “citation”: “Add your caption to explain the data, the learnings and the key takeaways of the data being visualized”, “keywords”: [ “RX 9070 GRE (Acer Nitro)”, “Software”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Performance Benchmarking”, “variableMeasured”: [ “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Software”, “value”: 4, “unitText”: “”, “maxValue”: 5 ]
Adrenalin is ace now, and so is FSR4
| Product | Software () |
|---|---|
| RX 9070 GRE (Acer Nitro) | 4 |
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; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) bar.style.setProperty(‘margin-left’, baseMargin + ‘%’, ‘important’); setTimeout(function() var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.style.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘important’); bar.style.setProperty(‘width’, targetWidth + ‘%’, ‘important’); if (targetMargin !== undefined && baseMargin !== undefined) bar.style.setProperty(‘margin-left’, targetMargin + ‘%’, ‘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() ); } 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) 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) ”; if (captionEl) captionEl.textContent = newCaption } 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) ); /* Shop The Look Hotspots */ var hotspots = chartWrapper.querySelectorAll(‘.fv-stl-hotspot-btn’); var allProductsModal = chartWrapper.querySelector(‘.fv-stl-all-products-modal’); var shopAllBtn = chartWrapper.querySelector(‘.fv-stl-shop-all-btn’); var allProductsList = chartWrapper.querySelector(‘.fv-stl-all-products-list’); var stlContainer = chartWrapper.querySelector(‘.fv-stl-container’); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove(‘is-active’); /* Remove highlights */ var items = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); items.forEach(function(item) item.classList.remove(‘is-highlighted’); ); /* Remove min-height after transition */ if (stlContainer) setTimeout(function() if (!allProductsModal.classList.contains(‘is-active’)) stlContainer.style.minHeight=””; if (‘parentIFrame’ in window) window.parentIFrame.size(); , 300); } hotspots.forEach(function(btn) btn.setAttribute(‘aria-expanded’, ‘false’); ); if (‘parentIFrame’ in window) window.parentIFrame.size(); } hotspots.forEach(function(btn) { btn.addEventListener(‘click’, function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute(‘data-hotspot-id’); var isExpanded = btn.getAttribute(‘aria-expanded’) === ‘true’; closeAllModals(); if (!isExpanded && allProductsModal) btn.setAttribute(‘aria-expanded’, ‘true’); allProductsModal.classList.add(‘is-active’); /* Ensure container is tall enough */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) container.style.minHeight = '450px'; /* Highlight and scroll to item */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) targetItem.classList.add('is-highlighted'); setTimeout(function() targetItem.scrollIntoView( behavior: 'smooth', block: 'center' ); , 100); if ('parentIFrame' in window) window.parentIFrame.size(); }); }); /* Shop All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click', function(e) e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Ensure container is tall enough */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.length) closeAllIANodes(); resetExploreBtn(); else currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) if(targetBtn.classList.contains(‘is-active’)) targetBtn.click(); targetBtn.click(); ); } if (iaWrapper) iaWrapper.addEventListener(‘click’, function(e) if (!e.target.closest(‘.fv-ia-node-button’) && !e.target.closest(‘.fv-ia-explore-btn’)) closeAllIANodes(); resetExploreBtn(); ); /* Initial Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) } 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-1779832621246-gpy1nppxa’, false); ); else initialize(‘fv-chart-1779832621246-gpy1nppxa’, false); })();
