The AMD RX 9070 GRE might be essentially the most 2026 graphics card any GPU firm may launch this 12 months. With the doable exception of Nvidia digging down the again of the couch once more and releasing one other RTX 3060. The RX 9070 GRE was beforehand a China-exclusive card and represents a dumbing down of the Navi 48 GPU with much less of that costly ol’ VRAM. However essentially the most damning facet is the actual fact AMD has given this weaker card a world launch on the identical beginning value because the beefier RX 9070.I get the rationale—due to reminiscence and silicon constraints, graphics card costs are all larger than they had been when this card initially launched in China—however nonetheless, releasing a weaker GPU on the identical preliminary MSRP as one other card, which has a extra absolutely useful model of the identical chip, is rarely going to really feel good. It is turning into a standard phrase for me, however that is simply one other damning indictment of the state of PC gaming {hardware} in 2026.This can be a card very a lot launched for proper now, giving AMD extra choices for its Navi 48 silicon (particularly for chips that do not make the grade for full RX 9070/XT playing cards) without having to supply the complete 16 GB monty. And it’s priced for proper now, too, with Nvidia’s RTX 5070 out there at $600 and the RTX 5060 Ti 16 GB at $550. AMD is laser-focused on these two GeForce playing cards, however clearly additionally does not need to utterly torpedo the RX 9070 by pricing it absolutely $100 decrease at $499.It’s nonetheless a powerful card in its personal proper, getting mighty near the RTX 5070 at inventory speeds and frequently beating it with a easy, pain-free undervolt. So, whereas I am not essentially loving the optics of it being priced on the identical MSRP because the unquestionably higher RX 9070, it is the $550 card I’d suggest proper now, with the $50 delta between them being simply sufficient. But when retailers lose their collective minds and frequently value it on the identical degree as the most cost effective RX 9070 playing cards—which may completely occur, too—the RX 9070 GRE’s value-proposition totally evaporates.✅ Yow will discover it at or under MSRP: The RX 9070 GRE quickly loses relevance as quickly because it strays above its $549 price ticket. With the superior RX 9070 costing $600 proper now, there is not a whole lot of wiggle room for retailers or producers.✅ You are completely satisfied tweaking: The additional degree of efficiency you’ll be able to extract from the RX 9070 GRE with some straightforward undervolting is tangible, and ranges up the cardboard.❌ Yow will discover the RX 9070 for a similar value: With 16 GB of quicker VRAM and a extra highly effective model of the Navi 48 GPU, the straight RX 9070 is well the higher card.❌ You need compute energy, too: The RDNA 4 structure simply does not have the identical basic compute efficiency as equal Nvidia GPUs. Should you’re rendering or hoping for a GenAI card, this isn’t the way in which. @import url(‘https://fonts.googleapis.com/css2?household=Open+Sans:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Poppins:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Montserrat:ital,wght@0,400;0,900;1,900&show=swap’); /* Reset & Base */ #fv-chart-1779832217258-plngama0h *, #fv-chart-1779832217258-plngama0h *:earlier than, #fv-chart-1779832217258-plngama0h *:after, #fv-chart-1779832217258-plngama0h-slideshow *, #fv-chart-1779832217258-plngama0h-slideshow *:earlier than, #fv-chart-1779832217258-plngama0h-slideshow *:after { box-sizing: border-box !essential; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1779832217258-plngama0h, #fv-chart-1779832217258-plngama0h-slideshow { font-family: ‘Open Sans’, sans-serif !essential; } /* Important Wrappers */ #fv-chart-1779832217258-plngama0h { place: relative !essential; overflow: seen !essential; –riv-primary: #E33235; } #fv-chart-1779832217258-plngama0h .fv-inner-wrapper { colour: #1F2937 !essential; background-color: #ededed !essential; padding: 1.5rem 1.5rem 2rem !essential; border-radius: 0.5rem !essential; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !essential; margin: 1rem 0 !essential; show: flex !essential; flex-direction: column !essential; overflow: hidden !essential; } #fv-chart-1779832217258-plngama0h .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !essential; } #fv-chart-1779832217258-plngama0h.fv-full-bleed { width: 100vw !essential; margin-left: calc(50% – 50vw) !essential; } physique { overflow-x: clip !essential; } #fv-chart-1779832217258-plngama0h.fv-full-bleed .fv-inner-wrapper { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } #fv-chart-1779832217258-plngama0h .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } /* Slideshow Types */ #fv-chart-1779832217258-plngama0h-slideshow { place: relative !essential; width: 100% !essential; margin: 1rem 0 !essential; –riv-primary: #E33235; } #fv-chart-1779832217258-plngama0h-slideshow .fv-slides-wrapper { place: relative !essential; width: 100% !essential; } #fv-chart-1779832217258-plngama0h-slideshow .fv-slide { width: 100% !essential; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } /* High Navigation Row (Redesign) */ #fv-chart-1779832217258-plngama0h-slideshow .fv-slideshow-nav-row { place: relative !essential; show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; padding: 0 0 16px 0 !essential; width: 100% !essential; z-index: 20 !essential; } #fv-chart-1779832217258-plngama0h-slideshow .fv-nav-btn { background-color: var(–riv-primary) !essential; colour: #ffffff !essential; border: none !essential; border-radius: 4px !essential; padding: 8px 16px !essential; font-size: 14px !essential; font-weight: 700 !essential; cursor: pointer !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 6px !essential; transition: opacity 0.2s, background-color 0.2s !essential; peak: 36px !essential; text-transform: none !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !essential; } #fv-chart-1779832217258-plngama0h-slideshow .fv-nav-btn svg { width: 18px !essential; peak: 18px !essential; stroke-width: 3px !essential; filter: none !essential; } #fv-chart-1779832217258-plngama0h-slideshow .fv-nav-btn:hover { opacity: 0.9 !essential; remodel: translateY(-1px) !essential; } #fv-chart-1779832217258-plngama0h-slideshow .fv-nav-btn.disabled { background-color: #E5E7EB !essential; colour: #9CA3AF !essential; cursor: default !essential; pointer-events: none !essential; box-shadow: none !essential; } #fv-chart-1779832217258-plngama0h-slideshow .fv-slide-counter { font-family: ‘Poppins’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; colour: #374151 !essential; text-align: middle !essential; min-width: 40px !essential; background-color: rgba(255,255,255,0.8) !essential; padding: 2px 8px !essential; border-radius: 10px !essential; } /* Slideshow Dropdown Navigation */ #fv-chart-1779832217258-plngama0h-slideshow .fv-slideshow-select { place: absolute !essential; high: 10px !essential; proper: 10px !essential; z-index: 20 !essential; look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background-color: white !essential; border: 1px strong #d1d5db !essential; colour: #1F2937 !essential; font-family: ‘Open Sans’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; padding: 6px 32px 6px 12px !essential; border-radius: 4px !essential; cursor: pointer !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !essential; background-image: url(“information:picture/svg+xml,%3csvg xmlns=”http://www.w3.org/2000/svg” fill=”none” viewBox=’0 0 20 20’%3epercent3cpath stroke=”%236b7280″ stroke-linecap=’spherical’ stroke-linejoin=’spherical’ stroke-width=”1.5″ d=’M6 8l4 4 4-4’/%3epercent3c/svgpercent3e”) !essential; background-position: proper 0.5rem middle !essential; background-repeat: no-repeat !essential; background-size: 1.5em 1.5em !essential; } #fv-chart-1779832217258-plngama0h-slideshow .fv-slideshow-select:focus { define: 2px strong #E33235 !essential; border-color: #E33235 !essential; } /* Typography */ #fv-chart-1779832217258-plngama0h .fv-chart-title { font-weight: daring !essential; text-align: middle !essential; margin-bottom: 0.5rem !essential; colour: var(–riv-primary) !essential; font-size: 20px !essential; line-height: 1.2 !essential; font-family: ‘Open Sans’, sans-serif !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; padding: 0 20px !essential; } #fv-chart-1779832217258-plngama0h .fv-chart-subhead { font-size: 18px !essential; font-weight: 500 !essential; text-align: middle !essential; margin-bottom: 2rem !essential; colour: #374151 !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; text-transform: none !essential; padding: 0 20px !essential; } #fv-chart-1779832217258-plngama0h .rv-chart-caption { font-size: 15px !essential; colour: #374151 !essential; text-align: middle !essential; font-style: regular !essential; font-weight: regular !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; } /* Versus Chart */ #fv-chart-1779832217258-plngama0h .fv-versus-chart { show: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1779832217258-plngama0h .fv-versus-header { show: flex; justify-content: space-between; align-items: middle; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1779832217258-plngama0h .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1779832217258-plngama0h .fv-versus-select-wrapper.fv-left { text-align: middle; padding-right: 1rem; } #fv-chart-1779832217258-plngama0h .fv-versus-select-wrapper.fv-right { text-align: middle; padding-left: 1rem; } #fv-chart-1779832217258-plngama0h .fv-versus-select-container { place: relative; show: inline-block; max-width: 100%; width: 100%; } #fv-chart-1779832217258-plngama0h .fv-versus-chevron { place: absolute; high: 50%; remodel: translateY(-50%); pointer-events: none; width: 16px; peak: 16px; flex-shrink: 0; } #fv-chart-1779832217258-plngama0h .fv-versus-select-wrapper.fv-left .fv-versus-chevron { proper: 0; } #fv-chart-1779832217258-plngama0h .fv-versus-select-wrapper.fv-right .fv-versus-chevron { proper: 0; } #fv-chart-1779832217258-plngama0h .fv-versus-select { background: clear; border: none; border-bottom: 2px strong; font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; define: none; look: none; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #fv-chart-1779832217258-plngama0h .fv-versus-select.fv-select-left { text-align: middle; course: ltr; padding-right: 1.25rem; } #fv-chart-1779832217258-plngama0h .fv-versus-select.fv-select-right { text-align: middle; padding-right: 1.25rem; } #fv-chart-1779832217258-plngama0h .fv-versus-select possibility { font-family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 14px; colour: #374151; course: ltr; text-align: left; } #fv-chart-1779832217258-plngama0h .fv-versus-vs { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1779832217258-plngama0h .fv-versus-body { show: flex; flex-direction: column; hole: 1.5rem; } #fv-chart-1779832217258-plngama0h .fv-versus-row { place: relative; peak: auto; padding-top: 20px; margin-bottom: 0.25rem; show: block; } #fv-chart-1779832217258-plngama0h .fv-versus-bar-container { place: relative; peak: 32px; show: flex; align-items: middle; } #fv-chart-1779832217258-plngama0h .fv-versus-bar-left-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-end; align-items: middle; } #fv-chart-1779832217258-plngama0h .fv-versus-bar-right-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-start; align-items: middle; } #fv-chart-1779832217258-plngama0h .fv-versus-bar { peak: 32px; width: var(–target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; show: flex; align-items: middle; overflow: hidden; colour: #ffffff; } #fv-chart-1779832217258-plngama0h .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1779832217258-plngama0h .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-1779832217258-plngama0h .fv-versus-center-line { place: absolute; left: 50%; high: 0; backside: 0; width: 4px; background-color: #ffffff; remodel: translateX(-50%); z-index: 1; } #fv-chart-1779832217258-plngama0h .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1779832217258-plngama0h .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1779832217258-plngama0h .fv-versus-val-text { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1779832217258-plngama0h .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1779832217258-plngama0h .fv-versus-label { place: absolute; left: 50%; remodel: translateX(-50%); high: 0; background-color: clear; border: none; box-shadow: none; padding: 0; font-family: ‘Open Sans’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; white-space: nowrap; } #fv-chart-1779832217258-plngama0h .sr-only { place: absolute !essential; width: 1px !essential; peak: 1px !essential; padding: 0 !essential; margin: -1px !essential; overflow: hidden !essential; clip: rect(0,0,0,0) !essential; white-space: nowrap !essential; border: 0 !essential; } /* Picture Comparability Types */ #fv-chart-1779832217258-plngama0h .fv-image-compare-container { width: auto !essential; margin-left: -1.5rem !essential; margin-right: -1.5rem !essential; margin-bottom: 2rem !essential; } #fv-chart-1779832217258-plngama0h.fv-full-bleed .fv-image-compare-container { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-wrapper { place: relative !essential; width: 100% !essential; overflow: hidden !essential; border-radius: 0 !essential; background-color: #000 !essential; touch-action: pan-y !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-inner { place: relative !essential; width: 100% !essential; peak: 100% !essential; show: block !essential; transform-origin: middle middle !essential; transition: remodel 0.1s ease-out !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-bg { show: block !essential; width: 100% !essential; peak: auto !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-fg { place: absolute !essential; high: 0 !essential; left: 0 !essential; width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-slider { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 32px !essential; remodel: translateX(-50%) !essential; cursor: ew-resize !essential; z-index: 10 !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-slider-line { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 4px !essential; background-color: white !essential; remodel: translateX(-50%) !essential; box-shadow: 0 0 10px rgba(0,0,0,0.5) !essential; pointer-events: none !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-handle { place: absolute !essential; high: 50% !essential; left: 50% !essential; remodel: translate(-50%, -50%) !essential; width: 32px !essential; peak: 32px !essential; background-color: white !essential; border-radius: 50% !essential; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 4px !essential; pointer-events: none !essential; z-index: 11 !essential; overflow: hidden !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-arrow-left { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-right: 4px strong #4b5563 !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-arrow-right { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-left: 4px strong #4b5563 !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-label { place: absolute !essential; high: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; padding: 0.25rem 0.75rem !essential; border-radius: 0.25rem !essential; font-size: 0.875rem !essential; font-weight: 500 !essential; pointer-events: none !essential; backdrop-filter: blur(4px) !essential; z-index: 5 !essential; transition: proper 0.3s ease, opacity 0.2s ease !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-label-left { left: 1rem !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-label-right { proper: 1rem !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-expand-btn, #fv-chart-1779832217258-plngama0h .fv-image-compare-close-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; border: none !essential; border-radius: 0.25rem !essential; padding: 0.5rem !essential; cursor: pointer !essential; z-index: 20 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; backdrop-filter: blur(4px) !essential; transition: background-color 0.2s !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-expand-btn:hover, #fv-chart-1779832217258-plngama0h .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-close-btn { show: none !essential; high: 1rem !essential; backside: auto !essential; } /* Fullscreen State */ #fv-chart-1779832217258-plngama0h .fv-image-compare-wrapper.fv-image-compare-fullscreen { place: fastened !essential; high: 0 !essential; left: 0 !essential; proper: 0 !essential; backside: 0 !essential; width: 100% !essential; peak: 100% !essential; z-index: 999999 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: rgba(0, 0, 0, 0.9) !essential; margin: 0 !essential; touch-action: none !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !essential; peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; cursor: seize !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:energetic { cursor: grabbing !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { place: absolute !essential; high: 0 !essential; left: 0 !essential; max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { show: none !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { show: flex !essential; } #fv-chart-1779832217258-plngama0h .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { proper: 4rem !essential; } /* Footer */ #fv-chart-1779832217258-plngama0h .fv-bottom-bar { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; margin-top: 0.5rem !essential; hole: 1rem !essential; } #fv-chart-1779832217258-plngama0h .fv-footer-content { text-align: middle !essential; width: 100% !essential; } #fv-chart-1779832217258-plngama0h .fv-logo { show: block !essential; margin: 0 auto !essential; width: 120px !essential; min-width: 120px !essential; max-width: 120px !essential; peak: auto !essential; object-fit: comprise !essential; flex-shrink: 0 !essential; } /* Show Mode Controls */ #fv-chart-1779832217258-plngama0h .fv-dropdown-wrapper { text-align: middle !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; } #fv-chart-1779832217258-plngama0h .fv-dropdown-title-container { place: relative !essential; show: inline-block !essential; max-width: 100% !essential; } #fv-chart-1779832217258-plngama0h .fv-dropdown-title { look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background: clear !essential; border: none !essential; font-size: 18px !essential; font-weight: 600 !essential; colour: var(–riv-primary) !essential; padding-right: 28px !essential; padding-left: 10px !essential; cursor: pointer !essential; text-align: middle !essential; text-align-last: middle !essential; width: auto !essential; max-width: 100% !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; margin: 0 !essential; text-overflow: ellipsis !essential; overflow: hidden !essential; white-space: nowrap !essential; } #fv-chart-1779832217258-plngama0h .fv-dropdown-title:focus { define: none !essential; } #fv-chart-1779832217258-plngama0h .fv-dropdown-title::-ms-expand { show: none !essential; } #fv-chart-1779832217258-plngama0h .fv-dropdown-chevron { place: absolute !essential; proper: 0 !essential; high: 50% !essential; remodel: translateY(-50%) !essential; pointer-events: none !essential; colour: var(–riv-primary) !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832217258-plngama0h .fv-carousel-title-controls { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; margin-bottom: 16px !essential; width: 100% !essential; hole: 12px !essential; } #fv-chart-1779832217258-plngama0h .fv-carousel-nav-btn { background: clear !essential; border: 1px strong #d1d5db !essential; border-radius: 6px !essential; padding: 6px 10px !essential; cursor: pointer !essential; font-size: 14px !essential; colour: #374151 !essential; show: flex !essential; align-items: middle !essential; hole: 4px !essential; font-family: ‘Open Sans’, sans-serif !essential; } #fv-chart-1779832217258-plngama0h .fv-carousel-nav-btn:hover { border-color: #9ca3af !essential; } #fv-chart-1779832217258-plngama0h .fv-carousel-counter { font-size: 14px !essential; colour: #374151 !essential; text-align: middle !essential; margin-top: 1rem !essential; } /* Legend */ #fv-chart-1779832217258-plngama0h .fv-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 8px 16px !essential; margin: 0 !essential; padding: 0 !essential; margin-top: 1rem !essential; } #fv-chart-1779832217258-plngama0h .fv-legend-item { show: flex !essential; align-items: middle !essential; hole: 6px !essential; font-size: 14px !essential; colour: #374151 !essential; } #fv-chart-1779832217258-plngama0h .fv-legend-color { width: 12px !essential; peak: 12px !essential; border-radius: 3px !essential; } /* Multi-Worth Legend */ #fv-chart-1779832217258-plngama0h .fv-multi-value-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 12px 24px !essential; margin-bottom: 1.5rem !essential; padding: 0 !essential; } #fv-chart-1779832217258-plngama0h .fv-multi-legend-item { show: flex !essential; align-items: middle !essential; hole: 8px !essential; font-size: 14px !essential; colour: #374151 !essential; font-weight: 500 !essential; } #fv-chart-1779832217258-plngama0h .fv-multi-legend-swatch { width: 16px !essential; peak: 16px !essential; border-radius: 3px !essential; } /* Chart Core Types */ #fv-chart-1779832217258-plngama0h .fv-benchmark-group { margin-bottom: 1rem !essential; } #fv-chart-1779832217258-plngama0h .fv-benchmark-title { font-size: 18px !essential; font-weight: 600 !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; padding: 0 !essential; text-align: middle !essential; colour: var(–riv-primary) !essential; flex: 1 !essential; min-width: 0 !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; word-wrap: break-word !essential; max-width: 100% !essential; } #fv-chart-1779832217258-plngama0h .fv-bar-row, #fv-chart-1779832217258-plngama0h .fv-stacked-product { show: flex !essential; align-items: middle !essential; width: 100% !essential; margin-bottom: 0.75rem !essential; } #fv-chart-1779832217258-plngama0h .fv-bar-label { width: 150px !essential; flex-shrink: 0 !essential; font-size: 14px !essential; colour: #374151 !essential; padding-right: 10px !essential; text-align: proper !essential; font-weight: 500 !essential; show: block !essential; } #fv-chart-1779832217258-plngama0h .fv-bar-container { flex-grow: 1 !essential; background-color: #E5E7EB !essential; border-radius: 4px !essential; min-height: 25px !essential; border: 1px strong #D1D5DB !essential; place: relative !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832217258-plngama0h .fv-bar { peak: 100% !essential; border-radius: 3px !essential; show: flex !essential; align-items: middle !essential; transition: opacity 0.2s ease, width 0.8s ease-out !essential; min-height: 23px !essential; } #fv-chart-1779832217258-plngama0h .fv-bar:hover { opacity: 0.8 !essential; } #fv-chart-1779832217258-plngama0h .fv-bar-inner-content { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; width: 100% !essential; peak: 100% !essential; padding: 0 8px !essential; font-size: 14px !essential; font-weight: daring !essential; overflow: hidden !essential; } #fv-chart-1779832217258-plngama0h .fv-bar-inner-label { white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; padding-right: 8px !essential; } #fv-chart-1779832217258-plngama0h .fv-bar-inner-value { flex-shrink: 0 !essential; } #fv-chart-1779832217258-plngama0h .fv-bar-value-outside { padding-left: 8px !essential; font-size: 14px !essential; font-weight: daring !essential; colour: #374151 !essential; white-space: nowrap !essential; } #fv-chart-1779832217258-plngama0h .fv-bar-label.fv-primary-product { font-weight: daring !essential; colour: var(–riv-primary) !essential; } /* Multi-Worth Bar Logic */ #fv-chart-1779832217258-plngama0h .fv-multi-bar-container { flex-direction: column !essential; padding: 4px !essential; align-items: stretch !essential; hole: 4px !essential; peak: auto !essential; } #fv-chart-1779832217258-plngama0h .fv-multi-bar-item { show: flex !essential; align-items: middle !essential; peak: 25px !essential; width: 100% !essential; } /* Stacked Bar */ #fv-chart-1779832217258-plngama0h .fv-stacked-bar { show: flex !essential; overflow: hidden !essential; } #fv-chart-1779832217258-plngama0h .fv-stacked-segment { peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: flex-end !essential; padding-right: 8px !essential; border-right: 1px strong rgba(255,255,255,0.3) !essential; } #fv-chart-1779832217258-plngama0h .fv-stacked-segment:last-child { border-right: none !essential; } #fv-chart-1779832217258-plngama0h .fv-segment-value { font-size: 14px !essential; font-weight: daring !essential; } /* Grouped Bar */ #fv-chart-1779832217258-plngama0h .fv-grouped-bar-product { show: flex !essential; flex-direction: column !essential; width: 100% !essential; margin-bottom: 1.25rem !essential; } #fv-chart-1779832217258-plngama0h .fv-grouped-product-title-wrapper { padding-left: 150px !essential; } #fv-chart-1779832217258-plngama0h .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.5rem !essential; font-weight: 700 !essential; font-size: 14px !essential; colour: #374151 !essential; text-transform: none !essential; } #fv-chart-1779832217258-plngama0h .fv-bar-cluster { width: 100% !essential; flex-grow: 1 !essential; show: flex !essential; flex-direction: column !essential; } #fv-chart-1779832217258-plngama0h .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !essential; } #fv-chart-1779832217258-plngama0h .fv-bar-cluster .fv-bar-container { peak: 20px !essential; } /* Line Chart Grid */ #fv-chart-1779832217258-plngama0h .riv-grid line { stroke: #D1D5DB !essential; stroke-dasharray: 3 3 !essential; } /* X-Axis */ #fv-chart-1779832217258-plngama0h .fv-x-axis-wrapper { show: flex !essential; width: 100% !essential; margin-top: 0.5rem !essential; } #fv-chart-1779832217258-plngama0h .fv-x-axis-label-space { width: 150px !essential; padding-right: 10px !essential; flex-shrink: 0 !essential; } #fv-chart-1779832217258-plngama0h .fv-x-axis-chart-space { flex-grow: 1 !essential; padding-right: 8px !essential; } #fv-chart-1779832217258-plngama0h .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !essential; } #fv-chart-1779832217258-plngama0h .fv-x-axis-line { border-top: 1px strong #D1D5DB !essential; } #fv-chart-1779832217258-plngama0h .fv-x-axis-ticks { show: flex !essential; justify-content: space-between !essential; padding-top: 4px !essential; font-size: 13px !essential; colour: #374151 !essential; } #fv-chart-1779832217258-plngama0h .fv-x-axis-ticks span { place: relative !essential; } #fv-chart-1779832217258-plngama0h .fv-x-axis-ticks span::earlier than { content material: ” !essential; place: absolute !essential; high: -6px !essential; left: 50% !essential; remodel: translateX(-50%) !essential; width: 2px !essential; peak: 4px !essential; background-color: #D1D5DB !essential; border-radius: 1px !essential; } #fv-chart-1779832217258-plngama0h .fv-x-axis-unit { text-align: middle !essential; font-size: 14px !essential; colour: #374151 !essential; margin-top: 8px !essential; show: block !essential; } #fv-chart-1779832217258-plngama0h .fv-x-axis-title { text-align: middle !essential; font-size: 15px !essential; colour: #374151 !essential; margin-top: 8px !essential; margin-bottom: 16px !essential; line-height: 1.5 !essential; padding: 0 1rem !essential; show: block !essential; font-weight: daring !essential; } #fv-chart-1779832217258-plngama0h .fv-y-axis-title { font-size: 15px !essential; colour: #374151 !essential; line-height: 1.5 !essential; text-align: left !essential; padding-left: 5.83% !essential; /* Aligns with Y-axis line inside SVG (35/600) */ margin-bottom: 4px !essential; show: block !essential; font-weight: daring !essential; } /* Store The Look */ #fv-chart-1779832217258-plngama0h .fv-stl-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; transition: min-height 0.3s ease !essential; overflow: hidden !essential; } #fv-chart-1779832217258-plngama0h .fv-stl-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832217258-plngama0h.fv-full-bleed .fv-stl-container { width: 100% !essential; } #fv-chart-1779832217258-plngama0h.fv-full-bleed .fv-stl-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832217258-plngama0h .fv-stl-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832217258-plngama0h .fv-stl-hotspot-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832217258-plngama0h .fv-stl-hotspot-btn { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !essential; transition-property: all !essential; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !essential; transition-duration: 300ms !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832217258-plngama0h .fv-stl-hotspot-btn:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832217258-plngama0h .fv-stl-hotspot-btn:focus { define: 2px strong clear !essential; outline-offset: 2px !essential; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !essential; } #fv-chart-1779832217258-plngama0h .fv-stl-hotspot-btn[aria-expanded=”true”] { background-color: #3b82f6 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832217258-plngama0h .fv-stl-hotspot-pulse { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-stl-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1779832217258-plngama0h .fv-stl-hotspot-pulse { animation-fill-mode: none !essential; } } /* Store the look button */ #fv-chart-1779832217258-plngama0h .fv-stl-shop-all-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; peak: 2.5rem !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; colour: #111827 !essential; padding: 0 1rem 0 3rem !essential; border-radius: 0.25rem !essential; font-weight: 700 !essential; font-size: 0.875rem !essential; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !essential; border: none !essential; cursor: pointer !essential; transition: all 0.2s !essential; z-index: 10 !essential; show: flex !essential; align-items: middle !essential; text-transform: uppercase !essential; overflow: hidden !essential; white-space: nowrap !essential; max-width: calc(100% – 2rem) !essential; } #fv-chart-1779832217258-plngama0h .fv-stl-shop-all-btn span { overflow: hidden !essential; text-overflow: ellipsis !essential; white-space: nowrap !essential; } #fv-chart-1779832217258-plngama0h .fv-stl-shop-all-btn:hover { background-color: #ffffff !essential; remodel: scale(1.05) !essential; } #fv-chart-1779832217258-plngama0h .fv-stl-shop-all-logo { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; object-fit: cowl !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; flex-shrink: 0 !essential; } #fv-chart-1779832217258-plngama0h .fv-stl-shop-all-icon { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; colour: #1f2937 !essential; flex-shrink: 0 !essential; } /* All Merchandise Modal */ #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h { place: fastened !essential; inset: 0 !essential; background-color: rgba(0, 0, 0, 0) !essential; backdrop-filter: blur(0px) !essential; -webkit-backdrop-filter: blur(0px) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; z-index: 99999 !essential; pointer-events: none !essential; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !essential; padding: 1rem !essential; overflow: hidden !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h { place: absolute !essential; padding: 0 !essential; align-items: flex-end !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h.is-active { background-color: rgba(0, 0, 0, 0.2) !essential; backdrop-filter: blur(4px) !essential; -webkit-backdrop-filter: blur(4px) !essential; pointer-events: auto !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-content { width: 100% !essential; max-width: 42rem !essential; max-height: 100% !essential; show: flex !essential; flex-direction: column !essential; place: relative !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; border-radius: 1rem !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; overflow: hidden !essential; transition: remodel 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !essential; opacity: 0 !essential; remodel: scale(0.95) !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h.is-active .fv-stl-all-products-content { opacity: 1 !essential; remodel: scale(1) !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; } /* V2 Backside Sheet Fashion */ #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h.v2 { align-items: flex-end !essential; padding: 0 !essential; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h.v2:not(.mobile-view *) { justify-content: flex-end !essential; } } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h.v2 .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h.v2:not(.mobile-view *) .fv-stl-all-products-content { max-width: 700px !essential; border-radius: 1.5rem 0 0 0 !essential; } } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h.v2.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-header { show: flex !essential; align-items: middle !essential; justify-content: space-between !essential; padding: 1.5rem !essential; border-bottom: 1px strong #e5e7eb !essential; flex-shrink: 0 !essential; place: sticky !essential; high: 0 !essential; background-color: rgba(255, 255, 255, 0.8) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; z-index: 10 !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-header { padding: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-logo { peak: 1.5rem !essential; width: auto !essential; object-fit: comprise !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-logo { peak: 1.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-title { font-size: 1.25rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-title { font-size: 1.125rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-close { width: 2rem !essential; peak: 2rem !essential; border-radius: 9999px !essential; background-color: rgba(0, 0, 0, 0.05) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; border: none !essential; cursor: pointer !essential; z-index: 10 !essential; colour: #6b7280 !essential; transition: all 0.2s !essential; padding: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-list { list-style: none !essential; padding: 1.5rem !essential; margin: 0 !essential; overflow-y: auto !essential; flex: 1 !essential; show: flex !essential; flex-direction: column !essential; hole: 0.75rem !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-list { padding: 0.75rem !essential; hole: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-item { margin: 0 !essential; padding: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-link { show: flex !essential; align-items: flex-start !essential; padding: 0.75rem !essential; text-decoration: none !essential; colour: inherit !essential; transition: all 0.2s !essential; border-radius: 1rem !essential; border: 1px strong clear !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-link { padding: 0.5rem !essential; border-radius: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-link:hover { background-color: #ffffff !essential; border-color: #e5e7eb !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !essential; border-color: #d1d5db !essential; 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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-image-container { place: relative !essential; margin-right: 1.25rem !essential; flex-shrink: 0 !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-image-container { margin-right: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-number { place: absolute !essential; high: -0.5rem !essential; left: -0.5rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; background-color: #0f172a !essential; colour: #ffffff !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; 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 !essential; z-index: 10 !essential; font-family: sans-serif !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-number { high: -0.375rem !essential; left: -0.375rem !essential; width: 1.25rem !essential; peak: 1.25rem !essential; font-size: 0.625rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-image-wrapper { width: 6rem !essential; peak: 6rem !essential; border-radius: 0.75rem !essential; overflow: hidden !essential; background-color: #f9fafb !essential; border: 1px strong #f3f4f6 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-image-wrapper { width: 4rem !essential; peak: 4rem !essential; border-radius: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-image { width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-placeholder { width: 2rem !essential; peak: 2rem !essential; colour: #d1d5db !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-placeholder { width: 1.5rem !essential; peak: 1.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-info { flex: 1 !essential; min-width: 0 !essential; show: flex !essential; flex-direction: column !essential; justify-content: middle !essential; margin-top: 0.25rem !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-info { margin-top: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-brand { font-size: 0.625rem !essential; font-weight: 700 !essential; colour: #6b7280 !essential; text-transform: uppercase !essential; letter-spacing: 0.1em !essential; margin: 0 0 0.375rem 0 !essential; white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-brand { font-size: 0.5625rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-name { font-size: 1rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 0 0.375rem 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.25 !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-name { font-size: 0.875rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-meta { show: flex !essential; align-items: middle !essential; font-size: 0.875rem !essential; margin-bottom: 0.375rem !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-meta { font-size: 0.75rem !essential; margin-bottom: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-price { font-weight: 700 !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-sale-price { font-weight: 700 !essential; colour: #dc2626 !essential; margin-right: 0.5rem !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-sale-price { margin-right: 0.375rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-original-price { colour: #9ca3af !essential; text-decoration: line-through !essential; font-size: 0.75rem !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-original-price { font-size: 0.625rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-commentary { font-size: 0.875rem !essential; colour: #4b5563 !essential; margin: 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.375 !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-commentary { font-size: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-action { width: 2.5rem !essential; peak: 2.5rem !essential; border-radius: 9999px !essential; background-color: #f9fafb !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; margin-left: 1rem !essential; flex-shrink: 0 !essential; border: 1px strong #f3f4f6 !essential; transition: all 0.2s !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-action { width: 2rem !essential; peak: 2rem !essential; margin-left: 0.75rem !essential; } #fv-chart-1779832217258-plngama0h.mobile-view #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-action svg { width: 14px !essential; peak: 14px !essential; } #fv-stl-all-products-modal-fv-chart-1779832217258-plngama0h .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !essential; colour: #ffffff !essential; border-color: #111827 !essential; } /* Picture Annotation Types */ #fv-chart-1779832217258-plngama0h .fv-ia-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; overflow: hidden !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832217258-plngama0h.fv-full-bleed .fv-ia-container { width: 100% !essential; } #fv-chart-1779832217258-plngama0h.fv-full-bleed .fv-ia-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-node-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-node-button { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-node-button:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-node-button.is-active { background-color: #E33235 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-pulse-ring { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-ia-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } #fv-chart-1779832217258-plngama0h .fv-ia-static-tooltip { show: none !essential; place: absolute !essential; high: -10px !essential; left: 50% !essential; remodel: translate(-50%, -100%) !essential; background-color: rgba(255, 255, 255, 0.95) !essential; padding: 10px !essential; border-radius: 6px !essential; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !essential; width: max-content !essential; max-width: 200px !essential; font-size: 13px !essential; colour: #1f2937 !essential; z-index: 20 !essential; pointer-events: none !essential; white-space: pre-wrap !essential; line-height: 1.4 !essential; border: 1px strong #e5e7eb !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-node-button:hover + .fv-ia-static-tooltip { show: block !essential; } #fv-chart-1779832217258-plngama0h .fv-logo-explore-bar { place: relative !essential; width: 100% !essential; show: flex !essential; justify-content: middle !essential; align-items: middle !essential; min-height: 30px !essential; } #fv-chart-1779832217258-plngama0h .fv-logo-explore-bar .fv-logo { margin: 0 auto !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-explore-wrapper { place: absolute !essential; proper: 0 !essential; } #fv-chart-1779832217258-plngama0h.mobile-view .fv-logo-explore-bar { flex-direction: column !essential; min-height: auto !essential; hole: 0.75rem !essential; } #fv-chart-1779832217258-plngama0h.mobile-view .fv-ia-explore-wrapper { place: static !essential; align-self: flex-end !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !essential; colour: #1e293b !essential; border: 1px strong #e5e7eb !essential; border-radius: 9999px !essential; padding: 0.5rem 1.25rem !essential; font-size: 0.875rem !essential; font-weight: 600 !essential; font-family: sans-serif !essential; show: inline-flex !essential; align-items: middle !essential; hole: 0.5rem !essential; cursor: pointer !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 0.2s !essential; pointer-events: auto !essential; flex-shrink: 0 !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-explore-btn:hover { background-color: #ffffff !essential; remodel: translateY(-2px) !essential; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !essential; colour: #E33235 !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-explore-btn svg { transition: remodel 0.2s !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-explore-btn:hover svg { remodel: translateX(2px) !essential; } /* IA Modal Types */ #fv-chart-1779832217258-plngama0h .fv-ia-active-modal-container { show: none !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-modals { show: block !essential; place: static !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-modal-item { show: none !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-modal-item.is-active { show: flex !essential; flex-direction: column !essential; place: absolute !essential; high: 1rem !essential; proper: 1rem !essential; z-index: 20 !essential; width: 18rem !essential; max-width: calc(100% – 2rem) !essential; background-color: #ffffff !essential; padding: 1rem !essential; border-radius: 0.75rem !essential; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !essential; border: 1px strong #e5e7eb !essential; border-top: 4px strong #E33235 !essential; animation: fv-ia-fade-in 0.2s ease-out !essential; hole: 0.75rem !essential; max-height: 80% !essential; overflow-y: auto !essential; pointer-events: auto !essential; } @keyframes fv-ia-fade-in { from { opacity: 0; remodel: scale(0.95); } to { opacity: 1; remodel: scale(1); } } #fv-chart-1779832217258-plngama0h .fv-ia-modal-header { show: flex !essential; justify-content: space-between !essential; align-items: flex-start !essential; margin: 0 !essential; hole: 0.5rem !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-node-title { font-size: 1rem !essential; line-height: 1.25 !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-close-button { background: #f9fafb !essential; border: 1px strong #e5e7eb !essential; border-radius: 50% !essential; width: 2rem !essential; peak: 2rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; cursor: pointer !essential; padding: 0 !essential; flex-shrink: 0 !essential; transition: all 0.2s !essential; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-close-button:hover { background: #e5e7eb !essential; colour: #111827 !essential; } #fv-chart-1779832217258-plngama0h .fv-ia-node-description { font-size: 0.875rem !essential; colour: #374151 !essential; margin: 0 !essential; line-height: 1.625 !essential; white-space: pre-wrap !essential; } #fv-chart-1779832217258-plngama0h.mobile-view .fv-ia-node-description { font-size: 0.875rem !essential; } /* Error Dealing with */ #fv-chart-1779832217258-plngama0h .fv-ia-empty { show: flex !essential; align-items: middle !essential; justify-content: middle !essential; peak: 200px !essential; background-color: #f1f5f9 !essential; colour: #64748b !essential; border: 2px dashed #cbd5e1 !essential; border-radius: 0.5rem !essential; } /* Countdown Types */ #fv-chart-1779832217258-plngama0h .fv-countdown-container { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; justify-content: middle !essential; padding: 1rem !essential; place: relative !essential; width: 100% !essential; box-sizing: border-box !essential; font-family: Montserrat, sans-serif !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-header { text-align: middle !essential; margin-bottom: 2rem !essential; z-index: 10 !essential; width: 100% !essential; show: flex !essential; flex-direction: column !essential; align-items: middle !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-title { font-size: 1.25rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0 !essential; font-style: italic !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-subhead { font-size: 1.125rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0.25rem 0 0 0 !essential; font-style: italic !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-timer-wrap { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; width: 100% !essential; max-width: 64rem !essential; z-index: 10 !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-labels { show: flex !essential; justify-content: middle !essential; width: 100% !essential; margin-bottom: 0.5rem !essential; padding: 0 0.5rem !essential; font-size: 0.75rem !essential; font-weight: daring !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-labels > div { flex: 1 !essential; text-align: middle !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-box { place: relative !essential; width: 100% !essential; border-top: 6px strong #333 !essential; border-bottom: 8px strong #333 !essential; padding: 1rem 0 !essential; background: linear-gradient(to backside, #1f2937, #000000) !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-digits { show: flex !essential; justify-content: middle !essential; font-size: 1.75rem !essential; font-weight: 900 !essential; letter-spacing: 0em !essential; font-family: monospace !essential; colour: #fff !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-digits > div.digit-box { flex: 1 !essential; text-align: middle !essential; white-space: nowrap !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-digits > div.colon { flex: 0 0 auto !essential; opacity: 0.5 !essential; place: relative !essential; high: -2px !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-spike-l { place: absolute !essential; left: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-right: 15px strong #374151 !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-spike-r { place: absolute !essential; proper: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-left: 15px strong #374151 !essential; } @media (min-width: 600px) { #fv-chart-1779832217258-plngama0h .fv-countdown-container { padding: 2rem !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-title { font-size: 1.75rem !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-subhead { font-size: 1.25rem !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-digits { font-size: 2.25rem !essential; letter-spacing: 0 !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-labels { font-size: 0.875rem !essential; padding: 0 1rem !essential; margin-bottom: 1rem !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-box { padding: 1.5rem 0 !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-digits > div.colon { high: -4px !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-spike-l { left: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-right-width: 20px !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-spike-r { proper: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-left-width: 20px !essential; } } @media (min-width: 768px) { #fv-chart-1779832217258-plngama0h .fv-countdown-digits { font-size: 3.5rem !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832217258-plngama0h .fv-countdown-digits > div.colon { high: -5px !essential; } } /* Cell / Pressured Cell View / Labels on High */ #fv-chart-1779832217258-plngama0h.mobile-view .fv-pie-container, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-bar-row, #fv-chart-1779832217258-plngama0h.mobile-view .fv-stacked-product, #fv-chart-1779832217258-plngama0h.mobile-view .fv-grouped-bar-product, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-bar-row, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-stacked-product, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-grouped-bar-product { flex-direction: column !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1779832217258-plngama0h.labels-on-top .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-bar-label, #fv-chart-1779832217258-plngama0h.mobile-view .fv-grouped-product-title, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-bar-label, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-bar-container, #fv-chart-1779832217258-plngama0h.mobile-view .fv-bar-cluster, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-bar-container, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-bar-cluster { width: 100% !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-x-axis-label-space, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-x-axis-label-space { show: none !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-x-axis-chart-space, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-benchmark-title, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-dropdown-title, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-chart-title, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-chart-subhead, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-versus-header, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: middle !essential; padding-right: 0 !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: middle !essential; padding-left: 0 !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-versus-select.fv-select-left { text-align: middle !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-versus-select.fv-select-right { text-align: middle !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-versus-vs, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-versus-select-container, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-versus-select, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-stl-shop-all-logo, #fv-chart-1779832217258-plngama0h.mobile-view .fv-stl-shop-all-icon, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-stl-shop-all-icon { width: 2rem !essential; peak: 2rem !essential; }#fv-chart-1779832217258-plngama0h.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1779832217258-plngama0h.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !essential; peak: 14px !essential; } #fv-chart-1779832217258-plngama0h.mobile-view .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832217258-plngama0h.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } @media (max-width: 599px) { #fv-chart-1779832217258-plngama0h .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#fv-chart-1779832217258-plngama0h .fv-grouped-product-title-wrapper { padding-left: 0 !essential; }#fv-chart-1779832217258-plngama0h .fv-bar-row, #fv-chart-1779832217258-plngama0h .fv-stacked-product, #fv-chart-1779832217258-plngama0h .fv-grouped-bar-product { flex-direction: column !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#fv-chart-1779832217258-plngama0h .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832217258-plngama0h .fv-bar-label, #fv-chart-1779832217258-plngama0h .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832217258-plngama0h .fv-bar-container, #fv-chart-1779832217258-plngama0h .fv-bar-cluster { width: 100% !essential; }#fv-chart-1779832217258-plngama0h .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832217258-plngama0h .fv-x-axis-label-space { show: none !essential; }#fv-chart-1779832217258-plngama0h .fv-x-axis-chart-space { padding-right: 0 !essential; }#fv-chart-1779832217258-plngama0h .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832217258-plngama0h .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832217258-plngama0h .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832217258-plngama0h .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832217258-plngama0h .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832217258-plngama0h .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832217258-plngama0h .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#fv-chart-1779832217258-plngama0h .fv-versus-select-wrapper.fv-left { text-align: middle !essential; padding-right: 0 !essential; }#fv-chart-1779832217258-plngama0h .fv-versus-select-wrapper.fv-right { text-align: middle !essential; padding-left: 0 !essential; }#fv-chart-1779832217258-plngama0h .fv-versus-select.fv-select-left { text-align: middle !essential; }#fv-chart-1779832217258-plngama0h .fv-versus-select.fv-select-right { text-align: middle !essential; }#fv-chart-1779832217258-plngama0h .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832217258-plngama0h .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832217258-plngama0h .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832217258-plngama0h .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#fv-chart-1779832217258-plngama0h .fv-stl-shop-all-logo, #fv-chart-1779832217258-plngama0h .fv-stl-shop-all-icon { width: 2rem !essential; peak: 2rem !essential; }#fv-chart-1779832217258-plngama0h .fv-stl-shop-all-icon svg { width: 14px !essential; peak: 14px !essential; } #fv-chart-1779832217258-plngama0h .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832217258-plngama0h.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } } { “@context”: “https://schema.org”, “@sort”: “Dataset”, “identify”: “General Chart Title”, “description”: “Subhead to explain the check and what’s being measured and why”, “creator”: { “@sort”: “Group”, “identify”: “PC Gamer”, “emblem”: “https://cdn.mos.cms.futurecdn.web/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:50:17.259Z”, “quotation”: “We scored the RX 9070 GRE out of 5 in six distinct classes.”, “key phrases”: [ “RX 9070 GRE (Acer Nitro)”, “Features”, “Performance”, “Thermals”, “Sound”, “Value”, “Software”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Efficiency Benchmarking”, “variableMeasured”: [ { “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Features”, “value”: 3.5, “unitText”: “”, “maxValue”: 5 }, { “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Performance”, “value”: 4, “unitText”: “”, “maxValue”: 5 }, { “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Thermals”, “value”: 4.5, “unitText”: “”, “maxValue”: 5 }, { “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Sound”, “value”: 4.5, “unitText”: “”, “maxValue”: 5 }, { “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Value”, “value”: 3, “unitText”: “”, “maxValue”: 5 }, { “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Software”, “value”: 4, “unitText”: “”, “maxValue”: 5 } ]} Options 3.5 Efficiency 4 Thermals 4.5 Sound 4.5 Worth 3 Software program 4 Group 1 Information ProductFeatures ()Efficiency ()Thermals ()Sound ()Worth ()Software program () RX 9070 GRE (Acer Nitro)3.544.54.534 We scored the RX 9070 GRE out of 5 in six distinct classes. window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (perform() { /* World animation perform for slideshow re-use */ window.fvAnimateCharts = perform(chartWrapper) { if (!chartWrapper) return; perform animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(perform(bar, index) { /* Reset to 0 first to make sure animation triggers */ bar.type.setProperty(‘width’, ‘0%’, ‘essential’); bar.type.setProperty(‘transition’, ‘none’, ‘essential’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Drive reflow */ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, baseMargin + ‘%’, ‘essential’); } setTimeout(perform() { var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.type.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘essential’); bar.type.setProperty(‘width’, targetWidth + ‘%’, ‘essential’); if (targetMargin !== undefined && baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, targetMargin + ‘%’, ‘essential’); } }, index * 50 + 50); /* Diminished preliminary delay */ }); } perform animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(perform(p, i) { if (typeof p.getTotalLength === ‘perform’) { var len = p.getTotalLength(); p.type.transition = ‘none’; p.type.strokeDasharray = len; p.type.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(perform() { p.type.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.type.strokeDashoffset=”0″; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(perform(dot, i) { dot.type.opacity = ‘0’; setTimeout(perform() { dot.type.transition = ‘opacity 0.3s ease’; dot.type.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(perform(chart) { /* If in carousel/dropdown mode, hidden charts are show:none. */ /* We solely animate what’s seen. */ if (window.getComputedStyle(chart).show === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; perform initialize(uniqueId, isSlideshow) { var root = doc.getElementById(uniqueId); /* In slideshow mode, ‘root’ might be null as a result of the container has ‘-slideshow’ suffix. */ /* We deal with that logic under. */ if (!root && !isSlideshow) return; /* Setup inside interactions (Carousel/Dropdown/LineChart) for a particular chart wrapper */ perform setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive cellular view dealing with */ perform checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.display && Math.min(window.display.width, window.display.peak) <= 599; var isMobile; if (width === 0) else { /* Cell if container is small OR if it's a bodily cellular gadget (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner=”left”; if (rightNum > 0) { var diff = Math.spherical(((leftNum – rightNum) / rightNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner=”proper”; if (leftNum > 0) { var diff = Math.spherical(((rightNum – leftNum) / leftNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } } var leftDisplay = information.productData[leftProduct] && information.productData[leftProduct].displayValue !== undefined ? information.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = information.productData[rightProduct] && information.productData[rightProduct].displayValue !== undefined ? information.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (information.productData[leftProduct] && information.productData[leftProduct].unit) || (information.productData[rightProduct] && information.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(perform(el) { el.take away(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘proper’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.type.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.type.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.type.width = leftWidth + ‘%’; } if (rightBar) { rightBar.type.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.type.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.type.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = information.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.subsequent’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Textual content Parts */ 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.size > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.choices).map(perform(o) { return o.textual content; }); } else { charts.forEach(perform(c) ); } perform showInternalChart(index) { if (index = charts.size) index = 0; currentChartIndex = index; charts.forEach(perform(c, i) { c.type.show = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if wanted */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Replace labels-on-top based mostly on present chart sort */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.take away(‘labels-on-top’); } } }); if (dropdown) dropdown.worth = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.size; /* Replace Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); var currentChartType = activeChart.getAttribute(‘data-chart-type’); var hideGlobalCaption = currentChartType === ‘Countdown’ || currentChartType === ‘Picture Comparability’ || currentChartType === ‘Store the Assortment’; if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().size > 0 && !hideGlobalCaption) { footerContentEl.type.show = ‘block’; if (bottomBarEl) bottomBarEl.type.show = ‘flex’; } else { footerContentEl.type.show = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.type.show = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, perform(e) { showInternalChart(parseInt(e.goal.worth)); }); if (prevBtn) prevBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex + 1); }); } /* Picture Comparability Logic */ var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(perform(wrapper) { var internal = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; /* Zoom state */ var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; perform updateTransform() { if (wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { internal.type.setProperty(‘remodel’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘essential’); } else { internal.type.removeProperty(‘remodel’); scale = 1; panX = 0; panY = 0; } } perform constrainPan() { var rect = wrapper.getBoundingClientRect(); /* Max pan is determined by how a lot the picture is scaled past the wrapper */ var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.peak * scale – rect.peak) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, perform() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; hasPanned = true; /* Stop click on after pinch */ } else if (e.touches.size === 1 && scale > 1) }, { passive: false }); wrapper.addEventListener(‘touchmove’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.size === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, perform(e) { if (e.touches.size < 2) { initialDistance = null; } if (e.touches.size === 0) { isPanning = false; } }); perform handleMove(clientX) { var rect = internal.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var % = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.type.setProperty('left', % + '%', 'essential'); if (fgImage) fgImage.type.setProperty('clip-path', 'polygon(0 0, ' + % + '% 0, ' + % + '% 100%, 0 100%)', 'essential'); if (labelLeft) { if (% 90) { labelRight.type.setProperty(‘opacity’, ‘0’, ‘essential’); } else { labelRight.type.setProperty(‘opacity’, ‘1’, ‘essential’); } } } perform onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } perform onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } perform stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, perform(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, perform(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } /* Develop/Shut Logic */ var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.mother or father) { expandBtn.type.show = ‘none’; } else { expandBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ‘hidden’; /* Load high-res pictures if out there */ if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); }); } /* Shut on Escape */ doc.addEventListener(‘keydown’, perform(e) { if (e.key === ‘Escape’ && wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); } }); }); /* Store 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’); perform closeAllModals() { if (allProductsModal) { allProductsModal.classList.take away(‘is-active’); /* Take away highlights */ var objects = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); objects.forEach(perform(merchandise) { merchandise.classList.take away(‘is-highlighted’); }); /* Take away min-height after transition */ if (stlContainer) { setTimeout(perform() { if (!allProductsModal.classList.accommodates(‘is-active’)) { stlContainer.type.minHeight=””; if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } }, 300); } } hotspots.forEach(perform(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } hotspots.forEach(perform(btn) { btn.addEventListener(‘click on’, perform(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’); /* Guarantee container is tall sufficient */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.type.minHeight = '450px'; } /* Spotlight and scroll to merchandise */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(perform() { targetItem.scrollIntoView({ habits: 'easy', block: 'middle' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.measurement(); } } }); }); /* Store All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click on', perform(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Guarantee container is tall sufficient */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.size) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if(targetBtn.classList.accommodates(‘is-active’)) { targetBtn.click on(); } targetBtn.click on(); } } }); } if (iaWrapper) { iaWrapper.addEventListener(‘click on’, perform(e) { if (!e.goal.closest(‘.fv-ia-node-button’) && !e.goal.closest(‘.fv-ia-explore-btn’)) { closeAllIANodes(); resetExploreBtn(); } }); } /* Preliminary Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute(‘data-primary-color’) || ‘#f97316’; var subheadColor = countdownContainer.getAttribute(‘data-subhead-color’) || ‘#ffffff’; var pad = perform(n) { return (n 0) { d = Math.flooring(distinction / (1000 * 60 * 60 * 24)); h = Math.flooring((distinction / (1000 * 60 * 60)) % 24); m = Math.flooring((distinction / 1000 / 60) % 60); s = Math.flooring((distinction / 1000) % 60); } var daysEl = countdownContainer.querySelector(‘[data-time=”days”]’); var hoursEl = countdownContainer.querySelector(‘[data-time=”hours”]’); var minsEl = countdownContainer.querySelector(‘[data-time=”minutes”]’); var secsEl = countdownContainer.querySelector(‘[data-time=”seconds”]’); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = doc.getElementById(uniqueId + ‘-slideshow’); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); slides.forEach(perform(slide) { setupWrapper(slide.querySelector(‘.fv-chart-wrapper’)); }); } } else { setupWrapper(root); } } if (doc.readyState === ‘loading’) { doc.addEventListener(‘DOMContentLoaded’, perform() { initialize(‘fv-chart-1779832217258-plngama0h’, false); }); } else { initialize(‘fv-chart-1779832217258-plngama0h’, false); } })(); AMD Radeon RX 9070 GRE options(Picture credit score: Future)RX 9070 GRERX 9070RTX 5070GPUNavi 48Navi 48GB205-300Shaders307235846144LithographyTSMC N4PTSMC N4PTSMC 4NTransistors (B)53.953.931.1Die measurement (mm²)356.5356.5263Memory measurement (GB)121612Memory typeGDDR6GDDR6GDDR7Memory bus192256192TDP (W)220220250MSRP (US$)$449$549$549Sporting the identical Navi 48 GPU as each the RX 9070 and the RX 9070 XT, the GRE is clearly minimize from the identical silicon. Andy coated the RDNA 4 structure in additional depth in his tech dive, and I added some additional notes in my authentic RX 9070 XT evaluation, too. The chip on the coronary heart of this GRE, nonetheless, has misplaced one other eight compute models (CUs) in contrast with the following card up, which in flip had misplaced eight CUs in contrast with the top-end RX 9070 XT. Which means you are getting 3072 shaders, making it over 500 and 1000 shaders behind its different Navi 48 brethren respectively.That theoretically permits AMD to make use of GPUs that won’t have been capable of run both 56 or 64 CUs at full velocity to create one other graphics card, and nonetheless get nearly the identical amount of money for it, too. All it has to do is fuse off these errant, doubtlessly dysfunctional CUs (an excessive amount of to hope that it is a soft-block, doubtlessly circumvented by some ingenious vBIOS hacks) and ship that GPU out as an RX 9070 GRE.With 12 GB of GDDR6, versus the 16 GB utilized by the opposite Navi 48 playing cards, and slower reminiscence at that, AMD can also be capable of save on the manufacturing prices of the RX 9070 GRE. Which is important proper now given the skyrocketing pricing of reminiscence, whether or not server, system, or video reminiscence.Like the opposite RDNA 4 GPUs, the RX 9070 GRE advantages from a drastically improved ray tracing engine, which implies that these newest AMD playing cards are capable of higher take care of the rigours of that fancy lighting function than another Radeon GPU of instances previous. They’re far nearer to how Nvidia has been constructing and working its RT Cores, and meaning they not lag thus far behind GeForce playing cards when it comes to ray traced gaming efficiency.The opposite large function of RDNA 4 is the help for FSR 4, AMD’s hottest, machine-learning powered upscaling engine. When it was first launched it represented a step change within the Radeon upscaler, making FSR far nearer to the picture constancy and stability that Nvidia’s comparable DLSS function provides. Nevertheless it wasn’t constructed into a whole lot of video games at first, although that’s beginning to change, and can solely develop as time strikes on. Although it’s notable that FSR help remains to be a secondary concern for a lot of video games builders, regardless of AMD’s experiences of how easy it’s to implement.Proper now it’s only out there for RDNA 4 playing cards, however AMD is lastly committing to opening help to RDNA 3 and later RDNA 2 GPUs. @import url(‘https://fonts.googleapis.com/css2?household=Open+Sans:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Poppins:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Montserrat:ital,wght@0,400;0,900;1,900&show=swap’); /* Reset & Base */ #fv-chart-1779832342026-l1i1aj4jk *, #fv-chart-1779832342026-l1i1aj4jk *:earlier than, #fv-chart-1779832342026-l1i1aj4jk *:after, #fv-chart-1779832342026-l1i1aj4jk-slideshow *, #fv-chart-1779832342026-l1i1aj4jk-slideshow *:earlier than, #fv-chart-1779832342026-l1i1aj4jk-slideshow *:after { box-sizing: border-box !essential; 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 !essential; } /* Important Wrappers */ #fv-chart-1779832342026-l1i1aj4jk { place: relative !essential; overflow: seen !essential; –riv-primary: #E33235; } #fv-chart-1779832342026-l1i1aj4jk .fv-inner-wrapper { colour: #1F2937 !essential; background-color: #ededed !essential; padding: 1.5rem 1.5rem 2rem !essential; border-radius: 0.5rem !essential; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !essential; margin: 1rem 0 !essential; show: flex !essential; flex-direction: column !essential; overflow: hidden !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed { width: 100vw !essential; margin-left: calc(50% – 50vw) !essential; } physique { overflow-x: clip !essential; } #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed .fv-inner-wrapper { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } /* Slideshow Types */ #fv-chart-1779832342026-l1i1aj4jk-slideshow { place: relative !essential; width: 100% !essential; margin: 1rem 0 !essential; –riv-primary: #E33235; } #fv-chart-1779832342026-l1i1aj4jk-slideshow .fv-slides-wrapper { place: relative !essential; width: 100% !essential; } #fv-chart-1779832342026-l1i1aj4jk-slideshow .fv-slide { width: 100% !essential; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } /* High Navigation Row (Redesign) */ #fv-chart-1779832342026-l1i1aj4jk-slideshow .fv-slideshow-nav-row { place: relative !essential; show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; padding: 0 0 16px 0 !essential; width: 100% !essential; z-index: 20 !essential; } #fv-chart-1779832342026-l1i1aj4jk-slideshow .fv-nav-btn { background-color: var(–riv-primary) !essential; colour: #ffffff !essential; border: none !essential; border-radius: 4px !essential; padding: 8px 16px !essential; font-size: 14px !essential; font-weight: 700 !essential; cursor: pointer !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 6px !essential; transition: opacity 0.2s, background-color 0.2s !essential; peak: 36px !essential; text-transform: none !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !essential; } #fv-chart-1779832342026-l1i1aj4jk-slideshow .fv-nav-btn svg { width: 18px !essential; peak: 18px !essential; stroke-width: 3px !essential; filter: none !essential; } #fv-chart-1779832342026-l1i1aj4jk-slideshow .fv-nav-btn:hover { opacity: 0.9 !essential; remodel: translateY(-1px) !essential; } #fv-chart-1779832342026-l1i1aj4jk-slideshow .fv-nav-btn.disabled { background-color: #E5E7EB !essential; colour: #9CA3AF !essential; cursor: default !essential; pointer-events: none !essential; box-shadow: none !essential; } #fv-chart-1779832342026-l1i1aj4jk-slideshow .fv-slide-counter { font-family: ‘Poppins’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; colour: #374151 !essential; text-align: middle !essential; min-width: 40px !essential; background-color: rgba(255,255,255,0.8) !essential; padding: 2px 8px !essential; border-radius: 10px !essential; } /* Slideshow Dropdown Navigation */ #fv-chart-1779832342026-l1i1aj4jk-slideshow .fv-slideshow-select { place: absolute !essential; high: 10px !essential; proper: 10px !essential; z-index: 20 !essential; look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background-color: white !essential; border: 1px strong #d1d5db !essential; colour: #1F2937 !essential; font-family: ‘Open Sans’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; padding: 6px 32px 6px 12px !essential; border-radius: 4px !essential; cursor: pointer !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !essential; background-image: url(“information:picture/svg+xml,%3csvg xmlns=”http://www.w3.org/2000/svg” fill=”none” viewBox=’0 0 20 20’%3epercent3cpath stroke=”%236b7280″ stroke-linecap=’spherical’ stroke-linejoin=’spherical’ stroke-width=”1.5″ d=’M6 8l4 4 4-4’/%3epercent3c/svgpercent3e”) !essential; background-position: proper 0.5rem middle !essential; background-repeat: no-repeat !essential; background-size: 1.5em 1.5em !essential; } #fv-chart-1779832342026-l1i1aj4jk-slideshow .fv-slideshow-select:focus { define: 2px strong #E33235 !essential; border-color: #E33235 !essential; } /* Typography */ #fv-chart-1779832342026-l1i1aj4jk .fv-chart-title { font-weight: daring !essential; text-align: middle !essential; margin-bottom: 0.5rem !essential; colour: var(–riv-primary) !essential; font-size: 20px !essential; line-height: 1.2 !essential; font-family: ‘Open Sans’, sans-serif !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; padding: 0 20px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-chart-subhead { font-size: 18px !essential; font-weight: 500 !essential; text-align: middle !essential; margin-bottom: 2rem !essential; colour: #374151 !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; text-transform: none !essential; padding: 0 20px !essential; } #fv-chart-1779832342026-l1i1aj4jk .rv-chart-caption { font-size: 15px !essential; colour: #374151 !essential; text-align: middle !essential; font-style: regular !essential; font-weight: regular !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; } /* Versus Chart */ #fv-chart-1779832342026-l1i1aj4jk .fv-versus-chart { show: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-header { show: flex; justify-content: space-between; align-items: middle; 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: middle; padding-right: 1rem; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper.fv-right { text-align: middle; padding-left: 1rem; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-container { place: relative; show: inline-block; max-width: 100%; width: 100%; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-chevron { place: absolute; high: 50%; remodel: translateY(-50%); pointer-events: none; width: 16px; peak: 16px; flex-shrink: 0; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper.fv-left .fv-versus-chevron { proper: 0; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper.fv-right .fv-versus-chevron { proper: 0; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select { background: clear; border: none; border-bottom: 2px strong; font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; define: none; look: 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: middle; course: ltr; padding-right: 1.25rem; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select.fv-select-right { text-align: middle; padding-right: 1.25rem; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-select possibility { font-family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 14px; colour: #374151; course: ltr; text-align: left; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-vs { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-body { show: flex; flex-direction: column; hole: 1.5rem; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-row { place: relative; peak: auto; padding-top: 20px; margin-bottom: 0.25rem; show: block; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-bar-container { place: relative; peak: 32px; show: flex; align-items: middle; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-bar-left-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-end; align-items: middle; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-bar-right-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-start; align-items: middle; } #fv-chart-1779832342026-l1i1aj4jk .fv-versus-bar { peak: 32px; width: var(–target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; show: flex; align-items: middle; overflow: hidden; colour: #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 { place: absolute; left: 50%; high: 0; backside: 0; width: 4px; background-color: #ffffff; remodel: 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 { place: absolute; left: 50%; remodel: translateX(-50%); high: 0; background-color: clear; border: none; box-shadow: none; padding: 0; font-family: ‘Open Sans’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; white-space: nowrap; } #fv-chart-1779832342026-l1i1aj4jk .sr-only { place: absolute !essential; width: 1px !essential; peak: 1px !essential; padding: 0 !essential; margin: -1px !essential; overflow: hidden !essential; clip: rect(0,0,0,0) !essential; white-space: nowrap !essential; border: 0 !essential; } /* Picture Comparability Types */ #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-container { width: auto !essential; margin-left: -1.5rem !essential; margin-right: -1.5rem !essential; margin-bottom: 2rem !essential; } #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed .fv-image-compare-container { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-wrapper { place: relative !essential; width: 100% !essential; overflow: hidden !essential; border-radius: 0 !essential; background-color: #000 !essential; touch-action: pan-y !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-inner { place: relative !essential; width: 100% !essential; peak: 100% !essential; show: block !essential; transform-origin: middle middle !essential; transition: remodel 0.1s ease-out !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-bg { show: block !essential; width: 100% !essential; peak: auto !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-fg { place: absolute !essential; high: 0 !essential; left: 0 !essential; width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-slider { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 32px !essential; remodel: translateX(-50%) !essential; cursor: ew-resize !essential; z-index: 10 !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-slider-line { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 4px !essential; background-color: white !essential; remodel: translateX(-50%) !essential; box-shadow: 0 0 10px rgba(0,0,0,0.5) !essential; pointer-events: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-handle { place: absolute !essential; high: 50% !essential; left: 50% !essential; remodel: translate(-50%, -50%) !essential; width: 32px !essential; peak: 32px !essential; background-color: white !essential; border-radius: 50% !essential; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 4px !essential; pointer-events: none !essential; z-index: 11 !essential; overflow: hidden !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-arrow-left { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-right: 4px strong #4b5563 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-arrow-right { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-left: 4px strong #4b5563 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-label { place: absolute !essential; high: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; padding: 0.25rem 0.75rem !essential; border-radius: 0.25rem !essential; font-size: 0.875rem !essential; font-weight: 500 !essential; pointer-events: none !essential; backdrop-filter: blur(4px) !essential; z-index: 5 !essential; transition: proper 0.3s ease, opacity 0.2s ease !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-label-left { left: 1rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-label-right { proper: 1rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-expand-btn, #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-close-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; border: none !essential; border-radius: 0.25rem !essential; padding: 0.5rem !essential; cursor: pointer !essential; z-index: 20 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; backdrop-filter: blur(4px) !essential; transition: background-color 0.2s !essential; } #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) !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-close-btn { show: none !essential; high: 1rem !essential; backside: auto !essential; } /* Fullscreen State */ #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-wrapper.fv-image-compare-fullscreen { place: fastened !essential; high: 0 !essential; left: 0 !essential; proper: 0 !essential; backside: 0 !essential; width: 100% !essential; peak: 100% !essential; z-index: 999999 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: rgba(0, 0, 0, 0.9) !essential; margin: 0 !essential; touch-action: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !essential; peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; cursor: seize !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:energetic { cursor: grabbing !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { place: absolute !essential; high: 0 !essential; left: 0 !essential; max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { show: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { show: flex !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { proper: 4rem !essential; } /* Footer */ #fv-chart-1779832342026-l1i1aj4jk .fv-bottom-bar { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; margin-top: 0.5rem !essential; hole: 1rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-footer-content { text-align: middle !essential; width: 100% !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-logo { show: block !essential; margin: 0 auto !essential; width: 120px !essential; min-width: 120px !essential; max-width: 120px !essential; peak: auto !essential; object-fit: comprise !essential; flex-shrink: 0 !essential; } /* Show Mode Controls */ #fv-chart-1779832342026-l1i1aj4jk .fv-dropdown-wrapper { text-align: middle !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-dropdown-title-container { place: relative !essential; show: inline-block !essential; max-width: 100% !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-dropdown-title { look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background: clear !essential; border: none !essential; font-size: 18px !essential; font-weight: 600 !essential; colour: var(–riv-primary) !essential; padding-right: 28px !essential; padding-left: 10px !essential; cursor: pointer !essential; text-align: middle !essential; text-align-last: middle !essential; width: auto !essential; max-width: 100% !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; margin: 0 !essential; text-overflow: ellipsis !essential; overflow: hidden !essential; white-space: nowrap !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-dropdown-title:focus { define: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-dropdown-title::-ms-expand { show: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-dropdown-chevron { place: absolute !essential; proper: 0 !essential; high: 50% !essential; remodel: translateY(-50%) !essential; pointer-events: none !essential; colour: var(–riv-primary) !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-carousel-title-controls { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; margin-bottom: 16px !essential; width: 100% !essential; hole: 12px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-carousel-nav-btn { background: clear !essential; border: 1px strong #d1d5db !essential; border-radius: 6px !essential; padding: 6px 10px !essential; cursor: pointer !essential; font-size: 14px !essential; colour: #374151 !essential; show: flex !essential; align-items: middle !essential; hole: 4px !essential; font-family: ‘Open Sans’, sans-serif !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-carousel-nav-btn:hover { border-color: #9ca3af !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-carousel-counter { font-size: 14px !essential; colour: #374151 !essential; text-align: middle !essential; margin-top: 1rem !essential; } /* Legend */ #fv-chart-1779832342026-l1i1aj4jk .fv-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 8px 16px !essential; margin: 0 !essential; padding: 0 !essential; margin-top: 1rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-legend-item { show: flex !essential; align-items: middle !essential; hole: 6px !essential; font-size: 14px !essential; colour: #374151 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-legend-color { width: 12px !essential; peak: 12px !essential; border-radius: 3px !essential; } /* Multi-Worth Legend */ #fv-chart-1779832342026-l1i1aj4jk .fv-multi-value-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 12px 24px !essential; margin-bottom: 1.5rem !essential; padding: 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-multi-legend-item { show: flex !essential; align-items: middle !essential; hole: 8px !essential; font-size: 14px !essential; colour: #374151 !essential; font-weight: 500 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-multi-legend-swatch { width: 16px !essential; peak: 16px !essential; border-radius: 3px !essential; } /* Chart Core Types */ #fv-chart-1779832342026-l1i1aj4jk .fv-benchmark-group { margin-bottom: 1rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-benchmark-title { font-size: 18px !essential; font-weight: 600 !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; padding: 0 !essential; text-align: middle !essential; colour: var(–riv-primary) !essential; flex: 1 !essential; min-width: 0 !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; word-wrap: break-word !essential; max-width: 100% !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar-row, #fv-chart-1779832342026-l1i1aj4jk .fv-stacked-product { show: flex !essential; align-items: middle !essential; width: 100% !essential; margin-bottom: 0.75rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar-label { width: 150px !essential; flex-shrink: 0 !essential; font-size: 14px !essential; colour: #374151 !essential; padding-right: 10px !essential; text-align: proper !essential; font-weight: 500 !essential; show: block !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar-container { flex-grow: 1 !essential; background-color: #E5E7EB !essential; border-radius: 4px !essential; min-height: 25px !essential; border: 1px strong #D1D5DB !essential; place: relative !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar { peak: 100% !essential; border-radius: 3px !essential; show: flex !essential; align-items: middle !essential; transition: opacity 0.2s ease, width 0.8s ease-out !essential; min-height: 23px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar:hover { opacity: 0.8 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar-inner-content { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; width: 100% !essential; peak: 100% !essential; padding: 0 8px !essential; font-size: 14px !essential; font-weight: daring !essential; overflow: hidden !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar-inner-label { white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; padding-right: 8px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar-inner-value { flex-shrink: 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar-value-outside { padding-left: 8px !essential; font-size: 14px !essential; font-weight: daring !essential; colour: #374151 !essential; white-space: nowrap !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar-label.fv-primary-product { font-weight: daring !essential; colour: var(–riv-primary) !essential; } /* Multi-Worth Bar Logic */ #fv-chart-1779832342026-l1i1aj4jk .fv-multi-bar-container { flex-direction: column !essential; padding: 4px !essential; align-items: stretch !essential; hole: 4px !essential; peak: auto !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-multi-bar-item { show: flex !essential; align-items: middle !essential; peak: 25px !essential; width: 100% !essential; } /* Stacked Bar */ #fv-chart-1779832342026-l1i1aj4jk .fv-stacked-bar { show: flex !essential; overflow: hidden !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stacked-segment { peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: flex-end !essential; padding-right: 8px !essential; border-right: 1px strong rgba(255,255,255,0.3) !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stacked-segment:last-child { border-right: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-segment-value { font-size: 14px !essential; font-weight: daring !essential; } /* Grouped Bar */ #fv-chart-1779832342026-l1i1aj4jk .fv-grouped-bar-product { show: flex !essential; flex-direction: column !essential; width: 100% !essential; margin-bottom: 1.25rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-grouped-product-title-wrapper { padding-left: 150px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.5rem !essential; font-weight: 700 !essential; font-size: 14px !essential; colour: #374151 !essential; text-transform: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar-cluster { width: 100% !essential; flex-grow: 1 !essential; show: flex !essential; flex-direction: column !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-bar-cluster .fv-bar-container { peak: 20px !essential; } /* Line Chart Grid */ #fv-chart-1779832342026-l1i1aj4jk .riv-grid line { stroke: #D1D5DB !essential; stroke-dasharray: 3 3 !essential; } /* X-Axis */ #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-wrapper { show: flex !essential; width: 100% !essential; margin-top: 0.5rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-label-space { width: 150px !essential; padding-right: 10px !essential; flex-shrink: 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-chart-space { flex-grow: 1 !essential; padding-right: 8px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-line { border-top: 1px strong #D1D5DB !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-ticks { show: flex !essential; justify-content: space-between !essential; padding-top: 4px !essential; font-size: 13px !essential; colour: #374151 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-ticks span { place: relative !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-ticks span::earlier than { content material: ” !essential; place: absolute !essential; high: -6px !essential; left: 50% !essential; remodel: translateX(-50%) !essential; width: 2px !essential; peak: 4px !essential; background-color: #D1D5DB !essential; border-radius: 1px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-unit { text-align: middle !essential; font-size: 14px !essential; colour: #374151 !essential; margin-top: 8px !essential; show: block !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-title { text-align: middle !essential; font-size: 15px !essential; colour: #374151 !essential; margin-top: 8px !essential; margin-bottom: 16px !essential; line-height: 1.5 !essential; padding: 0 1rem !essential; show: block !essential; font-weight: daring !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-y-axis-title { font-size: 15px !essential; colour: #374151 !essential; line-height: 1.5 !essential; text-align: left !essential; padding-left: 5.83% !essential; /* Aligns with Y-axis line inside SVG (35/600) */ margin-bottom: 4px !essential; show: block !essential; font-weight: daring !essential; } /* Store The Look */ #fv-chart-1779832342026-l1i1aj4jk .fv-stl-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; transition: min-height 0.3s ease !essential; overflow: hidden !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stl-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed .fv-stl-container { width: 100% !essential; } #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed .fv-stl-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stl-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stl-hotspot-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stl-hotspot-btn { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !essential; transition-property: all !essential; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !essential; transition-duration: 300ms !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stl-hotspot-btn:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stl-hotspot-btn:focus { define: 2px strong clear !essential; outline-offset: 2px !essential; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stl-hotspot-btn[aria-expanded=”true”] { background-color: #3b82f6 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stl-hotspot-pulse { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-stl-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1779832342026-l1i1aj4jk .fv-stl-hotspot-pulse { animation-fill-mode: none !essential; } } /* Store the look button */ #fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; peak: 2.5rem !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; colour: #111827 !essential; padding: 0 1rem 0 3rem !essential; border-radius: 0.25rem !essential; font-weight: 700 !essential; font-size: 0.875rem !essential; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !essential; border: none !essential; cursor: pointer !essential; transition: all 0.2s !essential; z-index: 10 !essential; show: flex !essential; align-items: middle !essential; text-transform: uppercase !essential; overflow: hidden !essential; white-space: nowrap !essential; max-width: calc(100% – 2rem) !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-btn span { overflow: hidden !essential; text-overflow: ellipsis !essential; white-space: nowrap !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-btn:hover { background-color: #ffffff !essential; remodel: scale(1.05) !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-logo { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; object-fit: cowl !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; flex-shrink: 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-icon { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; colour: #1f2937 !essential; flex-shrink: 0 !essential; } /* All Merchandise Modal */ #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk { place: fastened !essential; inset: 0 !essential; background-color: rgba(0, 0, 0, 0) !essential; backdrop-filter: blur(0px) !essential; -webkit-backdrop-filter: blur(0px) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; z-index: 99999 !essential; pointer-events: none !essential; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !essential; padding: 1rem !essential; overflow: hidden !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk { place: absolute !essential; padding: 0 !essential; align-items: flex-end !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk.is-active { background-color: rgba(0, 0, 0, 0.2) !essential; backdrop-filter: blur(4px) !essential; -webkit-backdrop-filter: blur(4px) !essential; pointer-events: auto !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-content { width: 100% !essential; max-width: 42rem !essential; max-height: 100% !essential; show: flex !essential; flex-direction: column !essential; place: relative !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; border-radius: 1rem !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; overflow: hidden !essential; transition: remodel 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !essential; opacity: 0 !essential; remodel: scale(0.95) !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk.is-active .fv-stl-all-products-content { opacity: 1 !essential; remodel: scale(1) !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; } /* V2 Backside Sheet Fashion */ #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk.v2 { align-items: flex-end !essential; padding: 0 !essential; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk.v2:not(.mobile-view *) { justify-content: flex-end !essential; } } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk.v2 .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } @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 !essential; border-radius: 1.5rem 0 0 0 !essential; } } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk.v2.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-header { show: flex !essential; align-items: middle !essential; justify-content: space-between !essential; padding: 1.5rem !essential; border-bottom: 1px strong #e5e7eb !essential; flex-shrink: 0 !essential; place: sticky !essential; high: 0 !essential; background-color: rgba(255, 255, 255, 0.8) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; z-index: 10 !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-header { padding: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-logo { peak: 1.5rem !essential; width: auto !essential; object-fit: comprise !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-logo { peak: 1.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-title { font-size: 1.25rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-title { font-size: 1.125rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-close { width: 2rem !essential; peak: 2rem !essential; border-radius: 9999px !essential; background-color: rgba(0, 0, 0, 0.05) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; border: none !essential; cursor: pointer !essential; z-index: 10 !essential; colour: #6b7280 !essential; transition: all 0.2s !essential; padding: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-list { list-style: none !essential; padding: 1.5rem !essential; margin: 0 !essential; overflow-y: auto !essential; flex: 1 !essential; show: flex !essential; flex-direction: column !essential; hole: 0.75rem !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-list { padding: 0.75rem !essential; hole: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-item { margin: 0 !essential; padding: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-link { show: flex !essential; align-items: flex-start !essential; padding: 0.75rem !essential; text-decoration: none !essential; colour: inherit !essential; transition: all 0.2s !essential; border-radius: 1rem !essential; border: 1px strong clear !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-link { padding: 0.5rem !essential; border-radius: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-link:hover { background-color: #ffffff !essential; border-color: #e5e7eb !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !essential; border-color: #d1d5db !essential; 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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-image-container { place: relative !essential; margin-right: 1.25rem !essential; flex-shrink: 0 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-number { place: absolute !essential; high: -0.5rem !essential; left: -0.5rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; background-color: #0f172a !essential; colour: #ffffff !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; 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 !essential; z-index: 10 !essential; font-family: sans-serif !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-number { high: -0.375rem !essential; left: -0.375rem !essential; width: 1.25rem !essential; peak: 1.25rem !essential; font-size: 0.625rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-image-wrapper { width: 6rem !essential; peak: 6rem !essential; border-radius: 0.75rem !essential; overflow: hidden !essential; background-color: #f9fafb !essential; border: 1px strong #f3f4f6 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-image-wrapper { width: 4rem !essential; peak: 4rem !essential; border-radius: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-image { width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-placeholder { width: 2rem !essential; peak: 2rem !essential; colour: #d1d5db !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-placeholder { width: 1.5rem !essential; peak: 1.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-info { flex: 1 !essential; min-width: 0 !essential; show: flex !essential; flex-direction: column !essential; justify-content: middle !essential; margin-top: 0.25rem !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-info { margin-top: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-brand { font-size: 0.625rem !essential; font-weight: 700 !essential; colour: #6b7280 !essential; text-transform: uppercase !essential; letter-spacing: 0.1em !essential; margin: 0 0 0.375rem 0 !essential; white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-brand { font-size: 0.5625rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-name { font-size: 1rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 0 0.375rem 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.25 !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-name { font-size: 0.875rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-meta { show: flex !essential; align-items: middle !essential; font-size: 0.875rem !essential; margin-bottom: 0.375rem !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-meta { font-size: 0.75rem !essential; margin-bottom: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-price { font-weight: 700 !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-sale-price { font-weight: 700 !essential; colour: #dc2626 !essential; margin-right: 0.5rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-original-price { colour: #9ca3af !essential; text-decoration: line-through !essential; font-size: 0.75rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-commentary { font-size: 0.875rem !essential; colour: #4b5563 !essential; margin: 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.375 !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-commentary { font-size: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-action { width: 2.5rem !essential; peak: 2.5rem !essential; border-radius: 9999px !essential; background-color: #f9fafb !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; margin-left: 1rem !essential; flex-shrink: 0 !essential; border: 1px strong #f3f4f6 !essential; transition: all 0.2s !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-action { width: 2rem !essential; peak: 2rem !essential; margin-left: 0.75rem !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-action svg { width: 14px !essential; peak: 14px !essential; } #fv-stl-all-products-modal-fv-chart-1779832342026-l1i1aj4jk .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !essential; colour: #ffffff !essential; border-color: #111827 !essential; } /* Picture Annotation Types */ #fv-chart-1779832342026-l1i1aj4jk .fv-ia-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; overflow: hidden !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed .fv-ia-container { width: 100% !essential; } #fv-chart-1779832342026-l1i1aj4jk.fv-full-bleed .fv-ia-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-button { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-button:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-button.is-active { background-color: #E33235 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-pulse-ring { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-ia-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-static-tooltip { show: none !essential; place: absolute !essential; high: -10px !essential; left: 50% !essential; remodel: translate(-50%, -100%) !essential; background-color: rgba(255, 255, 255, 0.95) !essential; padding: 10px !essential; border-radius: 6px !essential; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !essential; width: max-content !essential; max-width: 200px !essential; font-size: 13px !essential; colour: #1f2937 !essential; z-index: 20 !essential; pointer-events: none !essential; white-space: pre-wrap !essential; line-height: 1.4 !essential; border: 1px strong #e5e7eb !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-button:hover + .fv-ia-static-tooltip { show: block !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-logo-explore-bar { place: relative !essential; width: 100% !essential; show: flex !essential; justify-content: middle !essential; align-items: middle !essential; min-height: 30px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-logo-explore-bar .fv-logo { margin: 0 auto !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-explore-wrapper { place: absolute !essential; proper: 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-logo-explore-bar { flex-direction: column !essential; min-height: auto !essential; hole: 0.75rem !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-ia-explore-wrapper { place: static !essential; align-self: flex-end !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !essential; colour: #1e293b !essential; border: 1px strong #e5e7eb !essential; border-radius: 9999px !essential; padding: 0.5rem 1.25rem !essential; font-size: 0.875rem !essential; font-weight: 600 !essential; font-family: sans-serif !essential; show: inline-flex !essential; align-items: middle !essential; hole: 0.5rem !essential; cursor: pointer !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 0.2s !essential; pointer-events: auto !essential; flex-shrink: 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-explore-btn:hover { background-color: #ffffff !essential; remodel: translateY(-2px) !essential; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !essential; colour: #E33235 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-explore-btn svg { transition: remodel 0.2s !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-explore-btn:hover svg { remodel: translateX(2px) !essential; } /* IA Modal Types */ #fv-chart-1779832342026-l1i1aj4jk .fv-ia-active-modal-container { show: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-modals { show: block !essential; place: static !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-modal-item { show: none !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-modal-item.is-active { show: flex !essential; flex-direction: column !essential; place: absolute !essential; high: 1rem !essential; proper: 1rem !essential; z-index: 20 !essential; width: 18rem !essential; max-width: calc(100% – 2rem) !essential; background-color: #ffffff !essential; padding: 1rem !essential; border-radius: 0.75rem !essential; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !essential; border: 1px strong #e5e7eb !essential; border-top: 4px strong #E33235 !essential; animation: fv-ia-fade-in 0.2s ease-out !essential; hole: 0.75rem !essential; max-height: 80% !essential; overflow-y: auto !essential; pointer-events: auto !essential; } @keyframes fv-ia-fade-in { from { opacity: 0; remodel: scale(0.95); } to { opacity: 1; remodel: scale(1); } } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-modal-header { show: flex !essential; justify-content: space-between !essential; align-items: flex-start !essential; margin: 0 !essential; hole: 0.5rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-title { font-size: 1rem !essential; line-height: 1.25 !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-close-button { background: #f9fafb !essential; border: 1px strong #e5e7eb !essential; border-radius: 50% !essential; width: 2rem !essential; peak: 2rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; cursor: pointer !essential; padding: 0 !essential; flex-shrink: 0 !essential; transition: all 0.2s !essential; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-close-button:hover { background: #e5e7eb !essential; colour: #111827 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-ia-node-description { font-size: 0.875rem !essential; colour: #374151 !essential; margin: 0 !essential; line-height: 1.625 !essential; white-space: pre-wrap !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-ia-node-description { font-size: 0.875rem !essential; } /* Error Dealing with */ #fv-chart-1779832342026-l1i1aj4jk .fv-ia-empty { show: flex !essential; align-items: middle !essential; justify-content: middle !essential; peak: 200px !essential; background-color: #f1f5f9 !essential; colour: #64748b !essential; border: 2px dashed #cbd5e1 !essential; border-radius: 0.5rem !essential; } /* Countdown Types */ #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-container { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; justify-content: middle !essential; padding: 1rem !essential; place: relative !essential; width: 100% !essential; box-sizing: border-box !essential; font-family: Montserrat, sans-serif !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-header { text-align: middle !essential; margin-bottom: 2rem !essential; z-index: 10 !essential; width: 100% !essential; show: flex !essential; flex-direction: column !essential; align-items: middle !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-title { font-size: 1.25rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0 !essential; font-style: italic !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-subhead { font-size: 1.125rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0.25rem 0 0 0 !essential; font-style: italic !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-timer-wrap { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; width: 100% !essential; max-width: 64rem !essential; z-index: 10 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-labels { show: flex !essential; justify-content: middle !essential; width: 100% !essential; margin-bottom: 0.5rem !essential; padding: 0 0.5rem !essential; font-size: 0.75rem !essential; font-weight: daring !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-labels > div { flex: 1 !essential; text-align: middle !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-box { place: relative !essential; width: 100% !essential; border-top: 6px strong #333 !essential; border-bottom: 8px strong #333 !essential; padding: 1rem 0 !essential; background: linear-gradient(to backside, #1f2937, #000000) !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits { show: flex !essential; justify-content: middle !essential; font-size: 1.75rem !essential; font-weight: 900 !essential; letter-spacing: 0em !essential; font-family: monospace !essential; colour: #fff !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits > div.digit-box { flex: 1 !essential; text-align: middle !essential; white-space: nowrap !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits > div.colon { flex: 0 0 auto !essential; opacity: 0.5 !essential; place: relative !essential; high: -2px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-spike-l { place: absolute !essential; left: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-right: 15px strong #374151 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-spike-r { place: absolute !essential; proper: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-left: 15px strong #374151 !essential; } @media (min-width: 600px) { #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-container { padding: 2rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-title { font-size: 1.75rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-subhead { font-size: 1.25rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits { font-size: 2.25rem !essential; letter-spacing: 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-labels { font-size: 0.875rem !essential; padding: 0 1rem !essential; margin-bottom: 1rem !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-box { padding: 1.5rem 0 !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits > div.colon { high: -4px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-spike-l { left: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-right-width: 20px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-spike-r { proper: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-left-width: 20px !essential; } } @media (min-width: 768px) { #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits { font-size: 3.5rem !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-countdown-digits > div.colon { high: -5px !essential; } } /* Cell / Pressured Cell View / Labels on High */ #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-pie-container, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#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 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-x-axis-label-space, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-x-axis-label-space { show: none !essential; }#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 !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-benchmark-title, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-dropdown-title, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-chart-title, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-chart-subhead, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-header, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#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: middle !essential; padding-right: 0 !essential; }#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: middle !essential; padding-left: 0 !essential; }#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: middle !essential; }#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: middle !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-vs, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-select-container, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-versus-select, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832342026-l1i1aj4jk.labels-on-top .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#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 !essential; peak: 2rem !essential; }#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 !essential; peak: 14px !essential; } #fv-chart-1779832342026-l1i1aj4jk.mobile-view .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832342026-l1i1aj4jk.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } @media (max-width: 599px) { #fv-chart-1779832342026-l1i1aj4jk .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-grouped-product-title-wrapper { padding-left: 0 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-bar-label, #fv-chart-1779832342026-l1i1aj4jk .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-bar-container, #fv-chart-1779832342026-l1i1aj4jk .fv-bar-cluster { width: 100% !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-label-space { show: none !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-x-axis-chart-space { padding-right: 0 !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper.fv-left { text-align: middle !essential; padding-right: 0 !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-wrapper.fv-right { text-align: middle !essential; padding-left: 0 !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-versus-select.fv-select-left { text-align: middle !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-versus-select.fv-select-right { text-align: middle !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-logo, #fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-icon { width: 2rem !essential; peak: 2rem !essential; }#fv-chart-1779832342026-l1i1aj4jk .fv-stl-shop-all-icon svg { width: 14px !essential; peak: 14px !essential; } #fv-chart-1779832342026-l1i1aj4jk .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832342026-l1i1aj4jk.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } } { “@context”: “https://schema.org”, “@sort”: “Dataset”, “identify”: “Nipped and tucked, however RDNA 4 nonetheless delivers”, “description”: “Subhead to explain the check and what’s being measured and why”, “creator”: { “@sort”: “Group”, “identify”: “PC Gamer”, “emblem”: “https://cdn.mos.cms.futurecdn.web/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:52:22.028Z”, “quotation”: “Add your caption to elucidate the information, the learnings and the important thing takeaways of the information being visualized”, “key phrases”: [ “RX 9070 GRE (Acer Nitro)”, “Features”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Efficiency Benchmarking”, “variableMeasured”: [ { “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Features”, “value”: 3.5, “unitText”: “”, “maxValue”: 5 } ]} Nipped and tucked, however RDNA 4 nonetheless delivers Options 3.5 Group 1 Information ProductFeatures () RX 9070 GRE (Acer Nitro)3.5 window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (perform() { /* World animation perform for slideshow re-use */ window.fvAnimateCharts = perform(chartWrapper) { if (!chartWrapper) return; perform animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(perform(bar, index) { /* Reset to 0 first to make sure animation triggers */ bar.type.setProperty(‘width’, ‘0%’, ‘essential’); bar.type.setProperty(‘transition’, ‘none’, ‘essential’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Drive reflow */ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, baseMargin + ‘%’, ‘essential’); } setTimeout(perform() { var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.type.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘essential’); bar.type.setProperty(‘width’, targetWidth + ‘%’, ‘essential’); if (targetMargin !== undefined && baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, targetMargin + ‘%’, ‘essential’); } }, index * 50 + 50); /* Diminished preliminary delay */ }); } perform animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(perform(p, i) { if (typeof p.getTotalLength === ‘perform’) { var len = p.getTotalLength(); p.type.transition = ‘none’; p.type.strokeDasharray = len; p.type.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(perform() { p.type.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.type.strokeDashoffset=”0″; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(perform(dot, i) { dot.type.opacity = ‘0’; setTimeout(perform() { dot.type.transition = ‘opacity 0.3s ease’; dot.type.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(perform(chart) { /* If in carousel/dropdown mode, hidden charts are show:none. */ /* We solely animate what’s seen. */ if (window.getComputedStyle(chart).show === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; perform initialize(uniqueId, isSlideshow) { var root = doc.getElementById(uniqueId); /* In slideshow mode, ‘root’ might be null as a result of the container has ‘-slideshow’ suffix. */ /* We deal with that logic under. */ if (!root && !isSlideshow) return; /* Setup inside interactions (Carousel/Dropdown/LineChart) for a particular chart wrapper */ perform setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive cellular view dealing with */ perform checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.display && Math.min(window.display.width, window.display.peak) <= 599; var isMobile; if (width === 0) else { /* Cell if container is small OR if it's a bodily cellular gadget (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner=”left”; if (rightNum > 0) { var diff = Math.spherical(((leftNum – rightNum) / rightNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner=”proper”; if (leftNum > 0) { var diff = Math.spherical(((rightNum – leftNum) / leftNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } } var leftDisplay = information.productData[leftProduct] && information.productData[leftProduct].displayValue !== undefined ? information.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = information.productData[rightProduct] && information.productData[rightProduct].displayValue !== undefined ? information.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (information.productData[leftProduct] && information.productData[leftProduct].unit) || (information.productData[rightProduct] && information.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(perform(el) { el.take away(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘proper’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.type.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.type.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.type.width = leftWidth + ‘%’; } if (rightBar) { rightBar.type.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.type.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.type.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = information.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.subsequent’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Textual content Parts */ 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.size > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.choices).map(perform(o) { return o.textual content; }); } else { charts.forEach(perform(c) ); } perform showInternalChart(index) { if (index = charts.size) index = 0; currentChartIndex = index; charts.forEach(perform(c, i) { c.type.show = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if wanted */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Replace labels-on-top based mostly on present chart sort */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.take away(‘labels-on-top’); } } }); if (dropdown) dropdown.worth = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.size; /* Replace Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); var currentChartType = activeChart.getAttribute(‘data-chart-type’); var hideGlobalCaption = currentChartType === ‘Countdown’ || currentChartType === ‘Picture Comparability’ || currentChartType === ‘Store the Assortment’; if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().size > 0 && !hideGlobalCaption) { footerContentEl.type.show = ‘block’; if (bottomBarEl) bottomBarEl.type.show = ‘flex’; } else { footerContentEl.type.show = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.type.show = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, perform(e) { showInternalChart(parseInt(e.goal.worth)); }); if (prevBtn) prevBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex + 1); }); } /* Picture Comparability Logic */ var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(perform(wrapper) { var internal = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; /* Zoom state */ var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; perform updateTransform() { if (wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { internal.type.setProperty(‘remodel’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘essential’); } else { internal.type.removeProperty(‘remodel’); scale = 1; panX = 0; panY = 0; } } perform constrainPan() { var rect = wrapper.getBoundingClientRect(); /* Max pan is determined by how a lot the picture is scaled past the wrapper */ var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.peak * scale – rect.peak) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, perform() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; hasPanned = true; /* Stop click on after pinch */ } else if (e.touches.size === 1 && scale > 1) }, { passive: false }); wrapper.addEventListener(‘touchmove’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.size === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, perform(e) { if (e.touches.size < 2) { initialDistance = null; } if (e.touches.size === 0) { isPanning = false; } }); perform handleMove(clientX) { var rect = internal.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var % = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.type.setProperty('left', % + '%', 'essential'); if (fgImage) fgImage.type.setProperty('clip-path', 'polygon(0 0, ' + % + '% 0, ' + % + '% 100%, 0 100%)', 'essential'); if (labelLeft) { if (% 90) { labelRight.type.setProperty(‘opacity’, ‘0’, ‘essential’); } else { labelRight.type.setProperty(‘opacity’, ‘1’, ‘essential’); } } } perform onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } perform onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } perform stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, perform(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, perform(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } /* Develop/Shut Logic */ var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.mother or father) { expandBtn.type.show = ‘none’; } else { expandBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ‘hidden’; /* Load high-res pictures if out there */ if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); }); } /* Shut on Escape */ doc.addEventListener(‘keydown’, perform(e) { if (e.key === ‘Escape’ && wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); } }); }); /* Store 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’); perform closeAllModals() { if (allProductsModal) { allProductsModal.classList.take away(‘is-active’); /* Take away highlights */ var objects = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); objects.forEach(perform(merchandise) { merchandise.classList.take away(‘is-highlighted’); }); /* Take away min-height after transition */ if (stlContainer) { setTimeout(perform() { if (!allProductsModal.classList.accommodates(‘is-active’)) { stlContainer.type.minHeight=””; if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } }, 300); } } hotspots.forEach(perform(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } hotspots.forEach(perform(btn) { btn.addEventListener(‘click on’, perform(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’); /* Guarantee container is tall sufficient */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.type.minHeight = '450px'; } /* Spotlight and scroll to merchandise */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(perform() { targetItem.scrollIntoView({ habits: 'easy', block: 'middle' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.measurement(); } } }); }); /* Store All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click on', perform(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Guarantee container is tall sufficient */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.size) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if(targetBtn.classList.accommodates(‘is-active’)) { targetBtn.click on(); } targetBtn.click on(); } } }); } if (iaWrapper) { iaWrapper.addEventListener(‘click on’, perform(e) { if (!e.goal.closest(‘.fv-ia-node-button’) && !e.goal.closest(‘.fv-ia-explore-btn’)) { closeAllIANodes(); resetExploreBtn(); } }); } /* Preliminary Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute(‘data-primary-color’) || ‘#f97316’; var subheadColor = countdownContainer.getAttribute(‘data-subhead-color’) || ‘#ffffff’; var pad = perform(n) { return (n 0) { d = Math.flooring(distinction / (1000 * 60 * 60 * 24)); h = Math.flooring((distinction / (1000 * 60 * 60)) % 24); m = Math.flooring((distinction / 1000 / 60) % 60); s = Math.flooring((distinction / 1000) % 60); } var daysEl = countdownContainer.querySelector(‘[data-time=”days”]’); var hoursEl = countdownContainer.querySelector(‘[data-time=”hours”]’); var minsEl = countdownContainer.querySelector(‘[data-time=”minutes”]’); var secsEl = countdownContainer.querySelector(‘[data-time=”seconds”]’); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = doc.getElementById(uniqueId + ‘-slideshow’); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); slides.forEach(perform(slide) { setupWrapper(slide.querySelector(‘.fv-chart-wrapper’)); }); } } else { setupWrapper(root); } } if (doc.readyState === ‘loading’) { doc.addEventListener(‘DOMContentLoaded’, perform() { initialize(‘fv-chart-1779832342026-l1i1aj4jk’, false); }); } else { initialize(‘fv-chart-1779832342026-l1i1aj4jk’, false); } })(); AMD Radeon RX 9070 GRE efficiency(Picture credit score: Future)Whereas AMD’s pricing of the RX 9070 GRE ought to level us in direction of the equivalently priced RTX 5060 Ti 16 GB, for me it is the efficiency delta between the GRE and the straight RX 9070, and the delta between it and the RTX 5070, that are extra fascinating. The Navi 48 GPU at its coronary heart ought to have the ability to greatest an RTX 5060 Ti’s GB206 GPU, which is getting on for half the dimensions and with fewer than half the transistors inside it. I do not care that we’re speaking about 12 GB vs 16 GB when it comes to reminiscence, the RTX 5060 Ti with its 128-bit reminiscence bus exhibits what a weak mid-range card it’s at this value by comparability.And so it’s, at each degree you are round 15 – 20 fps dropped between the parity priced AMD and Nvidia playing cards. There isn’t any contest. @import url(‘https://fonts.googleapis.com/css2?household=Open+Sans:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Poppins:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Montserrat:ital,wght@0,400;0,900;1,900&show=swap’); /* Reset & Base */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper *, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper *:earlier than, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper *:after, #fv-chart-1779813930213-aevj8xmje-slideshow *, #fv-chart-1779813930213-aevj8xmje-slideshow *:earlier than, #fv-chart-1779813930213-aevj8xmje-slideshow *:after { box-sizing: border-box !essential; 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 !essential; } /* Important Wrappers */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper { place: relative !essential; overflow: seen !essential; –riv-primary: #E33235; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-inner-wrapper { colour: #1F2937 !essential; background-color: #ededed !essential; padding: 1.5rem 1.5rem 2rem !essential; border-radius: 0.5rem !essential; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !essential; margin: 1rem 0 !essential; show: flex !essential; flex-direction: column !essential; overflow: hidden !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed { width: 100vw !essential; margin-left: calc(50% – 50vw) !essential; } physique { overflow-x: clip !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed .fv-inner-wrapper { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } /* Slideshow Types */ #fv-chart-1779813930213-aevj8xmje-slideshow { place: relative !essential; width: 100% !essential; margin: 1rem 0 !essential; –riv-primary: #E33235; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-slides-wrapper { place: relative !essential; width: 100% !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-slide { width: 100% !essential; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } /* High Navigation Row (Redesign) */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-slideshow-nav-row { place: relative !essential; show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; padding: 0 0 16px 0 !essential; width: 100% !essential; z-index: 20 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-nav-btn { background-color: var(–riv-primary) !essential; colour: #ffffff !essential; border: none !essential; border-radius: 4px !essential; padding: 8px 16px !essential; font-size: 14px !essential; font-weight: 700 !essential; cursor: pointer !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 6px !essential; transition: opacity 0.2s, background-color 0.2s !essential; peak: 36px !essential; text-transform: none !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-nav-btn svg { width: 18px !essential; peak: 18px !essential; stroke-width: 3px !essential; filter: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-nav-btn:hover { opacity: 0.9 !essential; remodel: translateY(-1px) !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-nav-btn.disabled { background-color: #E5E7EB !essential; colour: #9CA3AF !essential; cursor: default !essential; pointer-events: none !essential; box-shadow: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-slide-counter { font-family: ‘Poppins’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; colour: #374151 !essential; text-align: middle !essential; min-width: 40px !essential; background-color: rgba(255,255,255,0.8) !essential; padding: 2px 8px !essential; border-radius: 10px !essential; } /* Slideshow Dropdown Navigation */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-slideshow-select { place: absolute !essential; high: 10px !essential; proper: 10px !essential; z-index: 20 !essential; look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background-color: white !essential; border: 1px strong #d1d5db !essential; colour: #1F2937 !essential; font-family: ‘Open Sans’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; padding: 6px 32px 6px 12px !essential; border-radius: 4px !essential; cursor: pointer !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !essential; background-image: url(“information:picture/svg+xml,%3csvg xmlns=”http://www.w3.org/2000/svg” fill=”none” viewBox=’0 0 20 20’%3epercent3cpath stroke=”%236b7280″ stroke-linecap=’spherical’ stroke-linejoin=’spherical’ stroke-width=”1.5″ d=’M6 8l4 4 4-4’/%3epercent3c/svgpercent3e”) !essential; background-position: proper 0.5rem middle !essential; background-repeat: no-repeat !essential; background-size: 1.5em 1.5em !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-slideshow-select:focus { define: 2px strong #E33235 !essential; border-color: #E33235 !essential; } /* Typography */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-chart-title { font-weight: daring !essential; text-align: middle !essential; margin-bottom: 0.5rem !essential; colour: var(–riv-primary) !essential; font-size: 20px !essential; line-height: 1.2 !essential; font-family: ‘Open Sans’, sans-serif !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; padding: 0 20px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-chart-subhead { font-size: 18px !essential; font-weight: 500 !essential; text-align: middle !essential; margin-bottom: 2rem !essential; colour: #374151 !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; text-transform: none !essential; padding: 0 20px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .rv-chart-caption { font-size: 15px !essential; colour: #374151 !essential; text-align: middle !essential; font-style: regular !essential; font-weight: regular !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; } /* Versus Chart */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-chart { show: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-header { show: flex; justify-content: space-between; align-items: middle; 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: middle; padding-right: 1rem; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-right { text-align: middle; padding-left: 1rem; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-container { place: relative; show: inline-block; max-width: 100%; width: 100%; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-chevron { place: absolute; high: 50%; remodel: translateY(-50%); pointer-events: none; width: 16px; peak: 16px; flex-shrink: 0; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-left .fv-versus-chevron { proper: 0; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-right .fv-versus-chevron { proper: 0; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select { background: clear; border: none; border-bottom: 2px strong; font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; define: none; look: 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: middle; course: ltr; padding-right: 1.25rem; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-right { text-align: middle; padding-right: 1.25rem; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select possibility { font-family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 14px; colour: #374151; course: 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; colour: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-body { show: flex; flex-direction: column; hole: 1.5rem; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-row { place: relative; peak: auto; padding-top: 20px; margin-bottom: 0.25rem; show: block; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-bar-container { place: relative; peak: 32px; show: flex; align-items: middle; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-bar-left-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-end; align-items: middle; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-bar-right-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-start; align-items: middle; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-bar { peak: 32px; width: var(–target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; show: flex; align-items: middle; overflow: hidden; colour: #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 { place: absolute; left: 50%; high: 0; backside: 0; width: 4px; background-color: #ffffff; remodel: 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 { place: absolute; left: 50%; remodel: translateX(-50%); high: 0; background-color: clear; border: none; box-shadow: none; padding: 0; font-family: ‘Open Sans’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; white-space: nowrap; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .sr-only { place: absolute !essential; width: 1px !essential; peak: 1px !essential; padding: 0 !essential; margin: -1px !essential; overflow: hidden !essential; clip: rect(0,0,0,0) !essential; white-space: nowrap !essential; border: 0 !essential; } /* Picture Comparability Types */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-container { width: auto !essential; margin-left: -1.5rem !essential; margin-right: -1.5rem !essential; margin-bottom: 2rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed .fv-image-compare-container { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper { place: relative !essential; width: 100% !essential; overflow: hidden !essential; border-radius: 0 !essential; background-color: #000 !essential; touch-action: pan-y !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-inner { place: relative !essential; width: 100% !essential; peak: 100% !essential; show: block !essential; transform-origin: middle middle !essential; transition: remodel 0.1s ease-out !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-bg { show: block !essential; width: 100% !essential; peak: auto !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-fg { place: absolute !essential; high: 0 !essential; left: 0 !essential; width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-slider { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 32px !essential; remodel: translateX(-50%) !essential; cursor: ew-resize !essential; z-index: 10 !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-slider-line { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 4px !essential; background-color: white !essential; remodel: translateX(-50%) !essential; box-shadow: 0 0 10px rgba(0,0,0,0.5) !essential; pointer-events: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-handle { place: absolute !essential; high: 50% !essential; left: 50% !essential; remodel: translate(-50%, -50%) !essential; width: 32px !essential; peak: 32px !essential; background-color: white !essential; border-radius: 50% !essential; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 4px !essential; pointer-events: none !essential; z-index: 11 !essential; overflow: hidden !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-arrow-left { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-right: 4px strong #4b5563 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-arrow-right { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-left: 4px strong #4b5563 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-label { place: absolute !essential; high: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; padding: 0.25rem 0.75rem !essential; border-radius: 0.25rem !essential; font-size: 0.875rem !essential; font-weight: 500 !essential; pointer-events: none !essential; backdrop-filter: blur(4px) !essential; z-index: 5 !essential; transition: proper 0.3s ease, opacity 0.2s ease !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-label-left { left: 1rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-label-right { proper: 1rem !essential; } #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 { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; border: none !essential; border-radius: 0.25rem !essential; padding: 0.5rem !essential; cursor: pointer !essential; z-index: 20 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; backdrop-filter: blur(4px) !essential; transition: background-color 0.2s !essential; } #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) !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-close-btn { show: none !essential; high: 1rem !essential; backside: auto !essential; } /* Fullscreen State */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen { place: fastened !essential; high: 0 !essential; left: 0 !essential; proper: 0 !essential; backside: 0 !essential; width: 100% !essential; peak: 100% !essential; z-index: 999999 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: rgba(0, 0, 0, 0.9) !essential; margin: 0 !essential; touch-action: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !essential; peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; cursor: seize !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:energetic { cursor: grabbing !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { place: absolute !essential; high: 0 !essential; left: 0 !essential; max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { show: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { show: flex !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { proper: 4rem !essential; } /* Footer */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bottom-bar { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; margin-top: 0.5rem !essential; hole: 1rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-footer-content { text-align: middle !essential; width: 100% !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-logo { show: block !essential; margin: 0 auto !essential; width: 120px !essential; min-width: 120px !essential; max-width: 120px !essential; peak: auto !essential; object-fit: comprise !essential; flex-shrink: 0 !essential; } /* Show Mode Controls */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-wrapper { text-align: middle !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-title-container { place: relative !essential; show: inline-block !essential; max-width: 100% !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-title { look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background: clear !essential; border: none !essential; font-size: 18px !essential; font-weight: 600 !essential; colour: var(–riv-primary) !essential; padding-right: 28px !essential; padding-left: 10px !essential; cursor: pointer !essential; text-align: middle !essential; text-align-last: middle !essential; width: auto !essential; max-width: 100% !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; margin: 0 !essential; text-overflow: ellipsis !essential; overflow: hidden !essential; white-space: nowrap !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-title:focus { define: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-title::-ms-expand { show: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-chevron { place: absolute !essential; proper: 0 !essential; high: 50% !essential; remodel: translateY(-50%) !essential; pointer-events: none !essential; colour: var(–riv-primary) !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-carousel-title-controls { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; margin-bottom: 16px !essential; width: 100% !essential; hole: 12px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-carousel-nav-btn { background: clear !essential; border: 1px strong #d1d5db !essential; border-radius: 6px !essential; padding: 6px 10px !essential; cursor: pointer !essential; font-size: 14px !essential; colour: #374151 !essential; show: flex !essential; align-items: middle !essential; hole: 4px !essential; font-family: ‘Open Sans’, sans-serif !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-carousel-nav-btn:hover { border-color: #9ca3af !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-carousel-counter { font-size: 14px !essential; colour: #374151 !essential; text-align: middle !essential; margin-top: 1rem !essential; } /* Legend */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 8px 16px !essential; margin: 0 !essential; padding: 0 !essential; margin-top: 1rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-legend-item { show: flex !essential; align-items: middle !essential; hole: 6px !essential; font-size: 14px !essential; colour: #374151 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-legend-color { width: 12px !essential; peak: 12px !essential; border-radius: 3px !essential; } /* Multi-Worth Legend */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-multi-value-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 12px 24px !essential; margin-bottom: 1.5rem !essential; padding: 0 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-multi-legend-item { show: flex !essential; align-items: middle !essential; hole: 8px !essential; font-size: 14px !essential; colour: #374151 !essential; font-weight: 500 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-multi-legend-swatch { width: 16px !essential; peak: 16px !essential; border-radius: 3px !essential; } /* Chart Core Types */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-benchmark-group { margin-bottom: 1rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-benchmark-title { font-size: 18px !essential; font-weight: 600 !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; padding: 0 !essential; text-align: middle !essential; colour: var(–riv-primary) !essential; flex: 1 !essential; min-width: 0 !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; word-wrap: break-word !essential; max-width: 100% !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-row, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stacked-product { show: flex !essential; align-items: middle !essential; width: 100% !essential; margin-bottom: 0.75rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-label { width: 150px !essential; flex-shrink: 0 !essential; font-size: 14px !essential; colour: #374151 !essential; padding-right: 10px !essential; text-align: proper !essential; font-weight: 500 !essential; show: block !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-container { flex-grow: 1 !essential; background-color: #E5E7EB !essential; border-radius: 4px !essential; min-height: 25px !essential; border: 1px strong #D1D5DB !essential; place: relative !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar { peak: 100% !essential; border-radius: 3px !essential; show: flex !essential; align-items: middle !essential; transition: opacity 0.2s ease, width 0.8s ease-out !essential; min-height: 23px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar:hover { opacity: 0.8 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-inner-content { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; width: 100% !essential; peak: 100% !essential; padding: 0 8px !essential; font-size: 14px !essential; font-weight: daring !essential; overflow: hidden !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-inner-label { white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; padding-right: 8px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-inner-value { flex-shrink: 0 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-value-outside { padding-left: 8px !essential; font-size: 14px !essential; font-weight: daring !essential; colour: #374151 !essential; white-space: nowrap !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-label.fv-primary-product { font-weight: daring !essential; colour: var(–riv-primary) !essential; } /* Multi-Worth Bar Logic */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-multi-bar-container { flex-direction: column !essential; padding: 4px !essential; align-items: stretch !essential; hole: 4px !essential; peak: auto !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-multi-bar-item { show: flex !essential; align-items: middle !essential; peak: 25px !essential; width: 100% !essential; } /* Stacked Bar */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stacked-bar { show: flex !essential; overflow: hidden !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stacked-segment { peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: flex-end !essential; padding-right: 8px !essential; border-right: 1px strong rgba(255,255,255,0.3) !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stacked-segment:last-child { border-right: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-segment-value { font-size: 14px !essential; font-weight: daring !essential; } /* Grouped Bar */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-grouped-bar-product { show: flex !essential; flex-direction: column !essential; width: 100% !essential; margin-bottom: 1.25rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-grouped-product-title-wrapper { padding-left: 150px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.5rem !essential; font-weight: 700 !essential; font-size: 14px !essential; colour: #374151 !essential; text-transform: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-cluster { width: 100% !essential; flex-grow: 1 !essential; show: flex !essential; flex-direction: column !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-cluster .fv-bar-container { peak: 20px !essential; } /* Line Chart Grid */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .riv-grid line { stroke: #D1D5DB !essential; stroke-dasharray: 3 3 !essential; } /* X-Axis */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-wrapper { show: flex !essential; width: 100% !essential; margin-top: 0.5rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-label-space { width: 150px !essential; padding-right: 10px !essential; flex-shrink: 0 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-chart-space { flex-grow: 1 !essential; padding-right: 8px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-line { border-top: 1px strong #D1D5DB !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-ticks { show: flex !essential; justify-content: space-between !essential; padding-top: 4px !essential; font-size: 13px !essential; colour: #374151 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-ticks span { place: relative !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-ticks span::earlier than { content material: ” !essential; place: absolute !essential; high: -6px !essential; left: 50% !essential; remodel: translateX(-50%) !essential; width: 2px !essential; peak: 4px !essential; background-color: #D1D5DB !essential; border-radius: 1px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-unit { text-align: middle !essential; font-size: 14px !essential; colour: #374151 !essential; margin-top: 8px !essential; show: block !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-title { text-align: middle !essential; font-size: 15px !essential; colour: #374151 !essential; margin-top: 8px !essential; margin-bottom: 16px !essential; line-height: 1.5 !essential; padding: 0 1rem !essential; show: block !essential; font-weight: daring !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-y-axis-title { font-size: 15px !essential; colour: #374151 !essential; line-height: 1.5 !essential; text-align: left !essential; padding-left: 5.83% !essential; /* Aligns with Y-axis line inside SVG (35/600) */ margin-bottom: 4px !essential; show: block !essential; font-weight: daring !essential; } /* Store The Look */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; transition: min-height 0.3s ease !essential; overflow: hidden !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed .fv-stl-container { width: 100% !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed .fv-stl-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-btn { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !essential; transition-property: all !essential; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !essential; transition-duration: 300ms !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-btn:hover { remodel: scale(1.1) !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-btn:focus { define: 2px strong clear !essential; outline-offset: 2px !essential; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-btn[aria-expanded=”true”] { background-color: #3b82f6 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-pulse { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-stl-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-hotspot-pulse { animation-fill-mode: none !essential; } } /* Store the look button */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; peak: 2.5rem !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; colour: #111827 !essential; padding: 0 1rem 0 3rem !essential; border-radius: 0.25rem !essential; font-weight: 700 !essential; font-size: 0.875rem !essential; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !essential; border: none !essential; cursor: pointer !essential; transition: all 0.2s !essential; z-index: 10 !essential; show: flex !essential; align-items: middle !essential; text-transform: uppercase !essential; overflow: hidden !essential; white-space: nowrap !essential; max-width: calc(100% – 2rem) !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-btn span { overflow: hidden !essential; text-overflow: ellipsis !essential; white-space: nowrap !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-btn:hover { background-color: #ffffff !essential; remodel: scale(1.05) !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-logo { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; object-fit: cowl !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; flex-shrink: 0 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-icon { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; colour: #1f2937 !essential; flex-shrink: 0 !essential; } /* All Merchandise Modal */ #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje { place: fastened !essential; inset: 0 !essential; background-color: rgba(0, 0, 0, 0) !essential; backdrop-filter: blur(0px) !essential; -webkit-backdrop-filter: blur(0px) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; z-index: 99999 !essential; pointer-events: none !essential; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !essential; padding: 1rem !essential; overflow: hidden !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje { place: absolute !essential; padding: 0 !essential; align-items: flex-end !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje.is-active { background-color: rgba(0, 0, 0, 0.2) !essential; backdrop-filter: blur(4px) !essential; -webkit-backdrop-filter: blur(4px) !essential; pointer-events: auto !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-content { width: 100% !essential; max-width: 42rem !essential; max-height: 100% !essential; show: flex !essential; flex-direction: column !essential; place: relative !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; border-radius: 1rem !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; overflow: hidden !essential; transition: remodel 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !essential; opacity: 0 !essential; remodel: scale(0.95) !essential; } #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% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje.is-active .fv-stl-all-products-content { opacity: 1 !essential; remodel: scale(1) !essential; } #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 { remodel: translateY(0) !essential; } /* V2 Backside Sheet Fashion */ #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje.v2 { align-items: flex-end !essential; padding: 0 !essential; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje.v2:not(.mobile-view *) { justify-content: flex-end !essential; } } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje.v2 .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } @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 !essential; border-radius: 1.5rem 0 0 0 !essential; } } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje.v2.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-header { show: flex !essential; align-items: middle !essential; justify-content: space-between !essential; padding: 1.5rem !essential; border-bottom: 1px strong #e5e7eb !essential; flex-shrink: 0 !essential; place: sticky !essential; high: 0 !essential; background-color: rgba(255, 255, 255, 0.8) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; z-index: 10 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-logo { peak: 1.5rem !essential; width: auto !essential; object-fit: comprise !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-logo { peak: 1.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-title { font-size: 1.25rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-close { width: 2rem !essential; peak: 2rem !essential; border-radius: 9999px !essential; background-color: rgba(0, 0, 0, 0.05) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; border: none !essential; cursor: pointer !essential; z-index: 10 !essential; colour: #6b7280 !essential; transition: all 0.2s !essential; padding: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-list { list-style: none !essential; padding: 1.5rem !essential; margin: 0 !essential; overflow-y: auto !essential; flex: 1 !essential; show: flex !essential; flex-direction: column !essential; hole: 0.75rem !essential; } #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 !essential; hole: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-item { margin: 0 !essential; padding: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-link { show: flex !essential; align-items: flex-start !essential; padding: 0.75rem !essential; text-decoration: none !essential; colour: inherit !essential; transition: all 0.2s !essential; border-radius: 1rem !essential; border: 1px strong clear !essential; } #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 !essential; border-radius: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-link:hover { background-color: #ffffff !essential; border-color: #e5e7eb !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !essential; border-color: #d1d5db !essential; 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 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-image-container { place: relative !essential; margin-right: 1.25rem !essential; flex-shrink: 0 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-number { place: absolute !essential; high: -0.5rem !essential; left: -0.5rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; background-color: #0f172a !essential; colour: #ffffff !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; 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 !essential; z-index: 10 !essential; font-family: sans-serif !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-number { high: -0.375rem !essential; left: -0.375rem !essential; width: 1.25rem !essential; peak: 1.25rem !essential; font-size: 0.625rem !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-image-wrapper { width: 6rem !essential; peak: 6rem !essential; border-radius: 0.75rem !essential; overflow: hidden !essential; background-color: #f9fafb !essential; border: 1px strong #f3f4f6 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !essential; } #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 !essential; peak: 4rem !essential; border-radius: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-image { width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-placeholder { width: 2rem !essential; peak: 2rem !essential; colour: #d1d5db !essential; } #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 !essential; peak: 1.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-info { flex: 1 !essential; min-width: 0 !essential; show: flex !essential; flex-direction: column !essential; justify-content: middle !essential; margin-top: 0.25rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-brand { font-size: 0.625rem !essential; font-weight: 700 !essential; colour: #6b7280 !essential; text-transform: uppercase !essential; letter-spacing: 0.1em !essential; margin: 0 0 0.375rem 0 !essential; white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; } #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 !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-name { font-size: 1rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 0 0.375rem 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.25 !essential; } #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 !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-meta { show: flex !essential; align-items: middle !essential; font-size: 0.875rem !essential; margin-bottom: 0.375rem !essential; } #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 !essential; margin-bottom: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-price { font-weight: 700 !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-sale-price { font-weight: 700 !essential; colour: #dc2626 !essential; margin-right: 0.5rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-original-price { colour: #9ca3af !essential; text-decoration: line-through !essential; font-size: 0.75rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-commentary { font-size: 0.875rem !essential; colour: #4b5563 !essential; margin: 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.375 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-action { width: 2.5rem !essential; peak: 2.5rem !essential; border-radius: 9999px !essential; background-color: #f9fafb !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; margin-left: 1rem !essential; flex-shrink: 0 !essential; border: 1px strong #f3f4f6 !essential; transition: all 0.2s !essential; } #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 !essential; peak: 2rem !essential; margin-left: 0.75rem !essential; } #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 !essential; peak: 14px !essential; } #fv-stl-all-products-modal-fv-chart-1779813930213-aevj8xmje .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !essential; colour: #ffffff !essential; border-color: #111827 !essential; } /* Picture Annotation Types */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; overflow: hidden !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed .fv-ia-container { width: 100% !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-full-bleed .fv-ia-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-button { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-button:hover { remodel: scale(1.1) !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-button.is-active { background-color: #E33235 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-pulse-ring { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-ia-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-static-tooltip { show: none !essential; place: absolute !essential; high: -10px !essential; left: 50% !essential; remodel: translate(-50%, -100%) !essential; background-color: rgba(255, 255, 255, 0.95) !essential; padding: 10px !essential; border-radius: 6px !essential; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !essential; width: max-content !essential; max-width: 200px !essential; font-size: 13px !essential; colour: #1f2937 !essential; z-index: 20 !essential; pointer-events: none !essential; white-space: pre-wrap !essential; line-height: 1.4 !essential; border: 1px strong #e5e7eb !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-button:hover + .fv-ia-static-tooltip { show: block !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-logo-explore-bar { place: relative !essential; width: 100% !essential; show: flex !essential; justify-content: middle !essential; align-items: middle !essential; min-height: 30px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-logo-explore-bar .fv-logo { margin: 0 auto !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-explore-wrapper { place: absolute !essential; proper: 0 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-logo-explore-bar { flex-direction: column !essential; min-height: auto !essential; hole: 0.75rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-ia-explore-wrapper { place: static !essential; align-self: flex-end !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !essential; colour: #1e293b !essential; border: 1px strong #e5e7eb !essential; border-radius: 9999px !essential; padding: 0.5rem 1.25rem !essential; font-size: 0.875rem !essential; font-weight: 600 !essential; font-family: sans-serif !essential; show: inline-flex !essential; align-items: middle !essential; hole: 0.5rem !essential; cursor: pointer !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 0.2s !essential; pointer-events: auto !essential; flex-shrink: 0 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-explore-btn:hover { background-color: #ffffff !essential; remodel: translateY(-2px) !essential; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !essential; colour: #E33235 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-explore-btn svg { transition: remodel 0.2s !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-explore-btn:hover svg { remodel: translateX(2px) !essential; } /* IA Modal Types */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-active-modal-container { show: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-modals { show: block !essential; place: static !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-modal-item { show: none !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-modal-item.is-active { show: flex !essential; flex-direction: column !essential; place: absolute !essential; high: 1rem !essential; proper: 1rem !essential; z-index: 20 !essential; width: 18rem !essential; max-width: calc(100% – 2rem) !essential; background-color: #ffffff !essential; padding: 1rem !essential; border-radius: 0.75rem !essential; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !essential; border: 1px strong #e5e7eb !essential; border-top: 4px strong #E33235 !essential; animation: fv-ia-fade-in 0.2s ease-out !essential; hole: 0.75rem !essential; max-height: 80% !essential; overflow-y: auto !essential; pointer-events: auto !essential; } @keyframes fv-ia-fade-in { from { opacity: 0; remodel: scale(0.95); } to { opacity: 1; remodel: scale(1); } } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-modal-header { show: flex !essential; justify-content: space-between !essential; align-items: flex-start !essential; margin: 0 !essential; hole: 0.5rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-title { font-size: 1rem !essential; line-height: 1.25 !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-close-button { background: #f9fafb !essential; border: 1px strong #e5e7eb !essential; border-radius: 50% !essential; width: 2rem !essential; peak: 2rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; cursor: pointer !essential; padding: 0 !essential; flex-shrink: 0 !essential; transition: all 0.2s !essential; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-close-button:hover { background: #e5e7eb !essential; colour: #111827 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-node-description { font-size: 0.875rem !essential; colour: #374151 !essential; margin: 0 !essential; line-height: 1.625 !essential; white-space: pre-wrap !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-ia-node-description { font-size: 0.875rem !essential; } /* Error Dealing with */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-ia-empty { show: flex !essential; align-items: middle !essential; justify-content: middle !essential; peak: 200px !essential; background-color: #f1f5f9 !essential; colour: #64748b !essential; border: 2px dashed #cbd5e1 !essential; border-radius: 0.5rem !essential; } /* Countdown Types */ #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-container { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; justify-content: middle !essential; padding: 1rem !essential; place: relative !essential; width: 100% !essential; box-sizing: border-box !essential; font-family: Montserrat, sans-serif !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-header { text-align: middle !essential; margin-bottom: 2rem !essential; z-index: 10 !essential; width: 100% !essential; show: flex !essential; flex-direction: column !essential; align-items: middle !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-title { font-size: 1.25rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0 !essential; font-style: italic !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-subhead { font-size: 1.125rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0.25rem 0 0 0 !essential; font-style: italic !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-timer-wrap { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; width: 100% !essential; max-width: 64rem !essential; z-index: 10 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-labels { show: flex !essential; justify-content: middle !essential; width: 100% !essential; margin-bottom: 0.5rem !essential; padding: 0 0.5rem !essential; font-size: 0.75rem !essential; font-weight: daring !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-labels > div { flex: 1 !essential; text-align: middle !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-box { place: relative !essential; width: 100% !essential; border-top: 6px strong #333 !essential; border-bottom: 8px strong #333 !essential; padding: 1rem 0 !essential; background: linear-gradient(to backside, #1f2937, #000000) !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits { show: flex !essential; justify-content: middle !essential; font-size: 1.75rem !essential; font-weight: 900 !essential; letter-spacing: 0em !essential; font-family: monospace !essential; colour: #fff !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits > div.digit-box { flex: 1 !essential; text-align: middle !essential; white-space: nowrap !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits > div.colon { flex: 0 0 auto !essential; opacity: 0.5 !essential; place: relative !essential; high: -2px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-spike-l { place: absolute !essential; left: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-right: 15px strong #374151 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-spike-r { place: absolute !essential; proper: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-left: 15px strong #374151 !essential; } @media (min-width: 600px) { #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-container { padding: 2rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-title { font-size: 1.75rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-subhead { font-size: 1.25rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits { font-size: 2.25rem !essential; letter-spacing: 0 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-labels { font-size: 0.875rem !essential; padding: 0 1rem !essential; margin-bottom: 1rem !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-box { padding: 1.5rem 0 !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits > div.colon { high: -4px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-spike-l { left: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-right-width: 20px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-spike-r { proper: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-left-width: 20px !essential; } } @media (min-width: 768px) { #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits { font-size: 3.5rem !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-countdown-digits > div.colon { high: -5px !essential; } } /* Cell / Pressured Cell View / Labels on High */ #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 !essential; hole: 1rem !essential; }#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 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; }#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 !essential; }#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 { show: none !essential; }#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 !essential; }#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 !essential; }#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 !essential; }#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 !essential; font-size: 14px !essential; }#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 !essential; }#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 !essential; }#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 !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#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 !essential; min-width: 0 !essential; width: 100% !essential; }#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: middle !essential; padding-right: 0 !essential; }#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: middle !essential; padding-left: 0 !essential; }#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: middle !essential; }#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: middle !essential; }#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: middle !essential; padding: 0.25rem 0 !essential; }#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% !essential; width: 100% !essential; }#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 !essential; width: 100% !essential; }#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 { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#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 !essential; peak: 2rem !essential; }#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 !essential; peak: 14px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } @media (max-width: 599px) { #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-grouped-product-title-wrapper { padding-left: 0 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-container, #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-bar-cluster { width: 100% !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-label-space { show: none !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-x-axis-chart-space { padding-right: 0 !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-left { text-align: middle !essential; padding-right: 0 !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-wrapper.fv-right { text-align: middle !essential; padding-left: 0 !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-left { text-align: middle !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select.fv-select-right { text-align: middle !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#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 !essential; peak: 2rem !essential; }#fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-stl-shop-all-icon svg { width: 14px !essential; peak: 14px !essential; } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779813930213-aevj8xmje-slideshow .fv-chart-wrapper.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } } [{ “@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”: “Efficiency Benchmarking”, “variableMeasured”: [ 16 GB – Black Myth Wukong (1080p High)”, “value”: 75, “unitText”: “Avg FPS” , 12 GB – Black Myth Wukong (1080p High)”, “value”: 95, “unitText”: “Avg FPS” , 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” , 16 GB – Cyberpunk 2077 (1080p RT Ultra)”, “value”: 51, “unitText”: “Avg FPS” , 12 GB – Cyberpunk 2077 (1080p RT Ultra)”, “value”: 72, “unitText”: “Avg FPS” , 16 GB – Cyberpunk 2077 (1080p RT Ultra)”, “value”: 49, “unitText”: “Avg FPS” , 16 GB – Cyberpunk 2077 (1080p RT Ultra)”, “value”: 70, “unitText”: “Avg FPS” , 12 GB – Cyberpunk 2077 (1080p RT Ultra)”, “value”: 63, “unitText”: “Avg FPS” , 16 GB – F1 24 (1080p Ultra high)”, “value”: 90, “unitText”: “Avg FPS” , 12 GB – F1 24 (1080p Ultra high)”, “value”: 123, “unitText”: “Avg FPS” , 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” , 16 GB – Homeworld 3 (1080p Epic)”, “value”: 117, “unitText”: “Avg FPS” , 12 GB – Homeworld 3 (1080p Epic)”, “value”: 125, “unitText”: “Avg FPS” , 16 GB – Homeworld 3 (1080p Epic)”, “value”: 106, “unitText”: “Avg FPS” , 16 GB – Homeworld 3 (1080p Epic)”, “value”: 125, “unitText”: “Avg FPS” , 12 GB – Homeworld 3 (1080p Epic)”, “value”: 123, “unitText”: “Avg FPS” , 16 GB – Metro Exodus Enhanced Edition (1080p Ultra)”, “value”: 98, “unitText”: “Avg FPS” , 12 GB – Metro Exodus Enhanced Edition (1080p Ultra)”, “value”: 139, “unitText”: “Avg FPS” , 16 GB – Metro Exodus Enhanced Edition (1080p Ultra)”, “value”: 96, “unitText”: “Avg FPS” , 16 GB – Metro Exodus Enhanced Edition (1080p Ultra)”, “value”: 143, “unitText”: “Avg FPS” , 12 GB – Metro Exodus Enhanced Edition (1080p Ultra)”, “value”: 124, “unitText”: “Avg FPS” , 16 GB – The Talos Principle 2 (1080p Ultra)”, “value”: 75, “unitText”: “Avg FPS” , 12 GB – The Talos Principle 2 (1080p Ultra)”, “value”: 92, “unitText”: “Avg FPS” , 16 GB – The Talos Principle 2 (1080p Ultra)”, “value”: 73, “unitText”: “Avg FPS” , 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” , 16 GB – Total War: Warhammer 3 (1080p Ultra)”, “value”: 83, “unitText”: “Avg FPS” , 12 GB – Total War: Warhammer 3 (1080p Ultra)”, “value”: 104, “unitText”: “Avg FPS” , 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”, “@sort”: “Dataset”, “identify”: “1440p gaming efficiency”, “description”: “Subhead to explain the check and what’s being measured and why”, “creator”: { “@sort”: “Group”, “identify”: “PC Gamer”, “emblem”: “https://cdn.mos.cms.futurecdn.web/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T16:45:30.214Z”, “quotation”: “Because the decision will get larger, the efficiency delta between the RX 9070 GRE and RTX 5070 does improve, nevertheless it’s nonetheless not large.”, “key phrases”: [ “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”: “Efficiency Benchmarking”, “variableMeasured”: [ 16 GB – Black Myth Wukong (1440p High)”, “value”: 51, “unitText”: “Avg FPS” , 12 GB – Black Myth Wukong (1440p High)”, “value”: 68, “unitText”: “Avg FPS” , 16 GB – Black Myth Wukong (1440p High)”, “value”: 48, “unitText”: “Avg FPS” , 16 GB – Black Myth Wukong (1440p High)”, “value”: 73, “unitText”: “Avg FPS” , 12 GB – Black Myth Wukong (1440p High)”, “value”: 62, “unitText”: “Avg FPS” , 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” , 16 GB – F1 24 (1440p Ultra High)”, “value”: 56, “unitText”: “Avg FPS” , 12 GB – F1 24 (1440p Ultra High)”, “value”: 78, “unitText”: “Avg FPS” , 16 GB – F1 24 (1440p Ultra High)”, “value”: 60, “unitText”: “Avg FPS” , 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” , 12 GB – Homeworld 3 (1440p Epic)”, “value”: 112, “unitText”: “Avg FPS” , 16 GB – Homeworld 3 (1440p Epic)”, “value”: 86, “unitText”: “Avg FPS” , 16 GB – Homeworld 3 (1440p Epic)”, “value”: 104, “unitText”: “Avg FPS” , 12 GB – Homeworld 3 (1440p Epic)”, “value”: 101, “unitText”: “Avg FPS” , 16 GB – Metro Exodus Enhanced Edition (1440p Ultra)”, “value”: 72, “unitText”: “Avg FPS” , 12 GB – Metro Exodus Enhanced Edition (1440p Ultra)”, “value”: 100, “unitText”: “Avg FPS” , 16 GB – Metro Exodus Enhanced Edition (1440p Ultra)”, “value”: 71, “unitText”: “Avg FPS” , 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” , 16 GB – The Talos Principle 2 (1440p Ultra)”, “value”: 49, “unitText”: “Avg FPS” , 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” , 16 GB – Total War: Warhammer 3 (1440p Ultra)”, “value”: 62, “unitText”: “Avg FPS” , 16 GB – Total War: Warhammer 3 (1440p Ultra)”, “value”: 96, “unitText”: “Avg FPS” , 12 GB – Total War: Warhammer 3 (1440p Ultra)”, “value”: 82, “unitText”: “Avg FPS” ]},{ “@context”: “https://schema.org”, “@sort”: “Dataset”, “identify”: “4K gaming efficiency”, “description”: “Subhead to explain the check and what’s being measured and why”, “creator”: { “@sort”: “Group”, “identify”: “PC Gamer”, “emblem”: “https://cdn.mos.cms.futurecdn.web/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T16:45:30.214Z”, “quotation”: “Neither the RX 9070 GRE nor RTX 5070 are native 4K GPUs, and the Nvidia card nonetheless holds sway, however once more it’s shut.”, “key phrases”: [ “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”: “Efficiency Benchmarking”, “variableMeasured”: [ 16 GB – Black Myth Wukong (4K High)”, “value”: 28, “unitText”: “Avg FPS” , 12 GB – Black Myth Wukong (4K High)”, “value”: 37, “unitText”: “Avg FPS” , 16 GB – Black Myth Wukong (4K High)”, “value”: 25, “unitText”: “Avg FPS” , 16 GB – Black Myth Wukong (4K High)”, “value”: 40, “unitText”: “Avg FPS” , 12 GB – Black Myth Wukong (4K High)”, “value”: 33, “unitText”: “Avg FPS” , 16 GB – Cyberpunk 2077 (4K RT Ultra)”, “value”: 15, “unitText”: “Avg FPS” , 12 GB – Cyberpunk 2077 (4K RT Ultra)”, “value”: 21, “unitText”: “Avg FPS” , 16 GB – Cyberpunk 2077 (4K RT Ultra)”, “value”: 14, “unitText”: “Avg FPS” , 16 GB – Cyberpunk 2077 (4K RT Ultra)”, “value”: 20, “unitText”: “Avg FPS” , 12 GB – Cyberpunk 2077 (4K RT Ultra)”, “value”: 10, “unitText”: “Avg FPS” , 16 GB – F1 24 (4K Ultra High)”, “value”: 27, “unitText”: “Avg FPS” , 12 GB – F1 24 (4K Ultra High)”, “value”: 39, “unitText”: “Avg FPS” , 16 GB – F1 24 (4K Ultra High)”, “value”: 30, “unitText”: “Avg FPS” , 16 GB – F1 24 (4K Ultra High)”, “value”: 44, “unitText”: “Avg FPS” , 12 GB – F1 24 (4K Ultra High)”, “value”: 33, “unitText”: “Avg FPS” , 16 GB – Homeworld 3 (4K Epic)”, “value”: 58, “unitText”: “Avg FPS” , 12 GB – Homeworld 3 (4K Epic)”, “value”: 79, “unitText”: “Avg FPS” , 16 GB – Homeworld 3 (4K Epic)”, “value”: 46, “unitText”: “Avg FPS” , 16 GB – Homeworld 3 (4K Epic)”, “value”: 72, “unitText”: “Avg FPS” , 12 GB – Homeworld 3 (4K Epic)”, “value”: 63, “unitText”: “Avg FPS” , 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” , 16 GB – Metro Exodus Enhanced Edition (4K Ultra)”, “value”: 62, “unitText”: “Avg FPS” , 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” , 16 GB – Total War: Warhammer 3 (4K Ultra)”, “value”: 33, “unitText”: “Avg FPS” , 12 GB – Total War: Warhammer 3 (4K Ultra)”, “value”: 44, “unitText”: “Avg FPS” , 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” , 12 GB – Total War: Warhammer 3 (4K Ultra)”, “value”: 42, “unitText”: “Avg FPS” ]}] Earlier 1 / 3 Subsequent 1080p gaming efficiency Black Fantasy Wukong (1080p Excessive)Cyberpunk 2077 (1080p RT Extremely)F1 24 (1080p Extremely excessive)Homeworld 3 (1080p Epic)Metro Exodus Enhanced Version (1080p Extremely)The Talos Precept 2 (1080p Extremely)Complete Warfare: Warhammer 3 (1080p Extremely) Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 90 78 RX 9070 | 16 GB 103 89 RTX 5070 | 12 GB 95 82 RTX 5060 Ti | 16 GB 75 65 RX 9060 XT | 16 GB 73 63 Black Fantasy Wukong (1080p Excessive) Information ProductValue 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 Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 63 52 RX 9070 | 16 GB 70 58 RTX 5070 | 12 GB 72 56 RTX 5060 Ti | 16 GB 51 41 RX 9060 XT | 16 GB 49 39 Cyberpunk 2077 (1080p RT Extremely) Information ProductValue RX 9070 GRE | 12 GB 63 Avg FPS, 52 1% Low FPS RX 9070 | 16 GB 70 Avg FPS, 58 1% Low FPS RTX 5070 | 12 GB 72 Avg FPS, 56 1% Low FPS RTX 5060 Ti | 16 GB 51 Avg FPS, 41 1% Low FPS RX 9060 XT | 16 GB 49 Avg FPS, 39 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 123 89 RX 9070 | 16 GB 138 108 RTX 5070 | 12 GB 123 96 RTX 5060 Ti | 16 GB 90 71 RX 9060 XT | 16 GB 95 61 F1 24 (1080p Extremely excessive) Information ProductValue RX 9070 GRE | 12 GB 123 Avg FPS, 89 1% Low FPS RX 9070 | 16 GB 138 Avg FPS, 108 1% Low FPS RTX 5070 | 12 GB 123 Avg FPS, 96 1% Low FPS RTX 5060 Ti | 16 GB 90 Avg FPS, 71 1% Low FPS RX 9060 XT | 16 GB 95 Avg FPS, 61 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 123 65 RX 9070 | 16 GB 125 62 RTX 5070 | 12 GB 125 64 RTX 5060 Ti | 16 GB 117 65 RX 9060 XT | 16 GB 106 65 Homeworld 3 (1080p Epic) Information ProductValue RX 9070 GRE | 12 GB 123 Avg FPS, 65 1% Low FPS RX 9070 | 16 GB 125 Avg FPS, 62 1% Low FPS RTX 5070 | 12 GB 125 Avg FPS, 64 1% Low FPS RTX 5060 Ti | 16 GB 117 Avg FPS, 65 1% Low FPS RX 9060 XT | 16 GB 106 Avg FPS, 65 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 124 80 RX 9070 | 16 GB 143 76 RTX 5070 | 12 GB 139 88 RTX 5060 Ti | 16 GB 98 42 RX 9060 XT | 16 GB 96 42 Metro Exodus Enhanced Version (1080p Extremely) Information ProductValue RX 9070 GRE | 12 GB 124 Avg FPS, 80 1% Low FPS RX 9070 | 16 GB 143 Avg FPS, 76 1% Low FPS RTX 5070 | 12 GB 139 Avg FPS, 88 1% Low FPS RTX 5060 Ti | 16 GB 98 Avg FPS, 42 1% Low FPS RX 9060 XT | 16 GB 96 Avg FPS, 42 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 92 49 RX 9070 | 16 GB 106 74 RTX 5070 | 12 GB 92 57 RTX 5060 Ti | 16 GB 75 41 RX 9060 XT | 16 GB 73 37 The Talos Precept 2 (1080p Extremely) Information ProductValue RX 9070 GRE | 12 GB 92 Avg FPS, 49 1% Low FPS RX 9070 | 16 GB 106 Avg FPS, 74 1% Low FPS RTX 5070 | 12 GB 92 Avg FPS, 57 1% Low FPS RTX 5060 Ti | 16 GB 75 Avg FPS, 41 1% Low FPS RX 9060 XT | 16 GB 73 Avg FPS, 37 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 102 46 RX 9070 | 16 GB 112 41 RTX 5070 | 12 GB 104 53 RTX 5060 Ti | 16 GB 83 54 RX 9060 XT | 16 GB 94 72 Complete Warfare: Warhammer 3 (1080p Extremely) Information ProductValue RX 9070 GRE | 12 GB 102 Avg FPS, 46 1% Low FPS RX 9070 | 16 GB 112 Avg FPS, 41 1% Low FPS RTX 5070 | 12 GB 104 Avg FPS, 53 1% Low FPS RTX 5060 Ti | 16 GB 83 Avg FPS, 54 1% Low FPS RX 9060 XT | 16 GB 94 Avg FPS, 72 1% Low FPS The cheaper RX 9070 GRE is getting very near the 1080p efficiency of the RX 9070, and it is virtually a tie with the pricier Nvidia RTX 5070. 1440p gaming efficiency Black Fantasy Wukong (1440p Excessive)Cyberpunk 2077 (1440p RT Extremely)F1 24 (1440p Extremely Excessive)Homeworld 3 (1440p Epic)Metro Exodus Enhanced Version (1440p Extremely)The Talos Precept 2 (1440p Extremely)Complete Warfare: Warhammer 3 (1440p Extremely) Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 62 55 RX 9070 | 16 GB 73 64 RTX 5070 | 12 GB 68 60 RTX 5060 Ti | 16 GB 51 45 RX 9060 XT | 16 GB 48 44 Black Fantasy Wukong (1440p Excessive) Information ProductValue RX 9070 GRE | 12 GB 62 Avg FPS, 55 1% Low FPS RX 9070 | 16 GB 73 Avg FPS, 64 1% Low FPS RTX 5070 | 12 GB 68 Avg FPS, 60 1% Low FPS RTX 5060 Ti | 16 GB 51 Avg FPS, 45 1% Low FPS RX 9060 XT | 16 GB 48 Avg FPS, 44 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 38 23 RX 9070 | 16 GB 43 36 RTX 5070 | 12 GB 45 36 RTX 5060 Ti | 16 GB 32 26 RX 9060 XT | 16 GB 30 24 Cyberpunk 2077 (1440p RT Extremely) Information ProductValue RX 9070 GRE | 12 GB 38 Avg FPS, 23 1% Low FPS RX 9070 | 16 GB 43 Avg FPS, 36 1% Low FPS RTX 5070 | 12 GB 45 Avg FPS, 36 1% Low FPS RTX 5060 Ti | 16 GB 32 Avg FPS, 26 1% Low FPS RX 9060 XT | 16 GB 30 Avg FPS, 24 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 81 52 RX 9070 | 16 GB 90 67 RTX 5070 | 12 GB 78 60 RTX 5060 Ti | 16 GB 56 45 RX 9060 XT | 16 GB 60 46 F1 24 (1440p Extremely Excessive) Information ProductValue RX 9070 GRE | 12 GB 81 Avg FPS, 52 1% Low FPS RX 9070 | 16 GB 90 Avg FPS, 67 1% Low FPS RTX 5070 | 12 GB 78 Avg FPS, 60 1% Low FPS RTX 5060 Ti | 16 GB 56 Avg FPS, 45 1% Low FPS RX 9060 XT | 16 GB 60 Avg FPS, 46 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 101 61 RX 9070 | 16 GB 104 62 RTX 5070 | 12 GB 112 64 RTX 5060 Ti | 16 GB 97 64 RX 9060 XT | 16 GB 86 65 Homeworld 3 (1440p Epic) Information ProductValue RX 9070 GRE | 12 GB 101 Avg FPS, 61 1% Low FPS RX 9070 | 16 GB 104 Avg FPS, 62 1% Low FPS RTX 5070 | 12 GB 112 Avg FPS, 64 1% Low FPS RTX 5060 Ti | 16 GB 97 Avg FPS, 64 1% Low FPS RX 9060 XT | 16 GB 86 Avg FPS, 65 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 92 63 RX 9070 | 16 GB 107 74 RTX 5070 | 12 GB 100 68 RTX 5060 Ti | 16 GB 72 34 RX 9060 XT | 16 GB 71 34 Metro Exodus Enhanced Version (1440p Extremely) Information ProductValue RX 9070 GRE | 12 GB 92 Avg FPS, 63 1% Low FPS RX 9070 | 16 GB 107 Avg FPS, 74 1% Low FPS RTX 5070 | 12 GB 100 Avg FPS, 68 1% Low FPS RTX 5060 Ti | 16 GB 72 Avg FPS, 34 1% Low FPS RX 9060 XT | 16 GB 71 Avg FPS, 34 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 61 22 RX 9070 | 16 GB 74 53 RTX 5070 | 12 GB 64 42 RTX 5060 Ti | 16 GB 51 32 RX 9060 XT | 16 GB 49 35 The Talos Precept 2 (1440p Extremely) Information ProductValue RX 9070 GRE | 12 GB 61 Avg FPS, 22 1% Low FPS RX 9070 | 16 GB 74 Avg FPS, 53 1% Low FPS RTX 5070 | 12 GB 64 Avg FPS, 42 1% Low FPS RTX 5060 Ti | 16 GB 51 Avg FPS, 32 1% Low FPS RX 9060 XT | 16 GB 49 Avg FPS, 35 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 82 51 RX 9070 | 16 GB 96 43 RTX 5070 | 12 GB 81 53 RTX 5060 Ti | 16 GB 60 44 RX 9060 XT | 16 GB 62 45 Complete Warfare: Warhammer 3 (1440p Extremely) Information ProductValue RX 9070 GRE | 12 GB 82 Avg FPS, 51 1% Low FPS RX 9070 | 16 GB 96 Avg FPS, 43 1% Low FPS RTX 5070 | 12 GB 81 Avg FPS, 53 1% Low FPS RTX 5060 Ti | 16 GB 60 Avg FPS, 44 1% Low FPS RX 9060 XT | 16 GB 62 Avg FPS, 45 1% Low FPS Because the decision will get larger, the efficiency delta between the RX 9070 GRE and RTX 5070 does improve, nevertheless it’s nonetheless not large. 4K gaming efficiency Black Fantasy Wukong (4K Excessive)Cyberpunk 2077 (4K RT Extremely)F1 24 (4K Extremely Excessive)Homeworld 3 (4K Epic)Metro Exodus Enhanced Version (4K Extremely)The Talos Precept 2 (4K Extremely)Complete Warfare: Warhammer 3 (4K Extremely) Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 33 30 RX 9070 | 16 GB 40 30 RTX 5070 | 12 GB 37 30 RTX 5060 Ti | 16 GB 28 25 RX 9060 XT | 16 GB 25 22 Black Fantasy Wukong (4K Excessive) Information ProductValue RX 9070 GRE | 12 GB 33 Avg FPS, 30 1% Low FPS RX 9070 | 16 GB 40 Avg FPS, 30 1% Low FPS RTX 5070 | 12 GB 37 Avg FPS, 30 1% Low FPS RTX 5060 Ti | 16 GB 28 Avg FPS, 25 1% Low FPS RX 9060 XT | 16 GB 25 Avg FPS, 22 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 10 5 RX 9070 | 16 GB 20 17 RTX 5070 | 12 GB 21 17 RTX 5060 Ti | 16 GB 15 12 RX 9060 XT | 16 GB 14 11 Cyberpunk 2077 (4K RT Extremely) Information ProductValue RX 9070 GRE | 12 GB 10 Avg FPS, 5 1% Low FPS RX 9070 | 16 GB 20 Avg FPS, 17 1% Low FPS RTX 5070 | 12 GB 21 Avg FPS, 17 1% Low FPS RTX 5060 Ti | 16 GB 15 Avg FPS, 12 1% Low FPS RX 9060 XT | 16 GB 14 Avg FPS, 11 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 33 23 RX 9070 | 16 GB 44 32 RTX 5070 | 12 GB 39 30 RTX 5060 Ti | 16 GB 27 21 RX 9060 XT | 16 GB 30 22 F1 24 (4K Extremely Excessive) Information ProductValue RX 9070 GRE | 12 GB 33 Avg FPS, 23 1% Low FPS RX 9070 | 16 GB 44 Avg FPS, 32 1% Low FPS RTX 5070 | 12 GB 39 Avg FPS, 30 1% Low FPS RTX 5060 Ti | 16 GB 27 Avg FPS, 21 1% Low FPS RX 9060 XT | 16 GB 30 Avg FPS, 22 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 63 50 RX 9070 | 16 GB 72 56 RTX 5070 | 12 GB 79 55 RTX 5060 Ti | 16 GB 58 50 RX 9060 XT | 16 GB 46 41 Homeworld 3 (4K Epic) Information ProductValue RX 9070 GRE | 12 GB 63 Avg FPS, 50 1% Low FPS RX 9070 | 16 GB 72 Avg FPS, 56 1% Low FPS RTX 5070 | 12 GB 79 Avg FPS, 55 1% Low FPS RTX 5060 Ti | 16 GB 58 Avg FPS, 50 1% Low FPS RX 9060 XT | 16 GB 46 Avg FPS, 41 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 52 35 RX 9070 | 16 GB 62 47 RTX 5070 | 12 GB 57 44 RTX 5060 Ti | 16 GB 42 20 RX 9060 XT | 16 GB 41 21 Metro Exodus Enhanced Version (4K Extremely) Information ProductValue RX 9070 GRE | 12 GB 52 Avg FPS, 35 1% Low FPS RX 9070 | 16 GB 62 Avg FPS, 47 1% Low FPS RTX 5070 | 12 GB 57 Avg FPS, 44 1% Low FPS RTX 5060 Ti | 16 GB 42 Avg FPS, 20 1% Low FPS RX 9060 XT | 16 GB 41 Avg FPS, 21 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 26 10 RX 9070 | 16 GB 39 24 RTX 5070 | 12 GB 35 24 RTX 5060 Ti | 16 GB 27 18 RX 9060 XT | 16 GB 25 19 The Talos Precept 2 (4K Extremely) Information ProductValue RX 9070 GRE | 12 GB 26 Avg FPS, 10 1% Low FPS RX 9070 | 16 GB 39 Avg FPS, 24 1% Low FPS RTX 5070 | 12 GB 35 Avg FPS, 24 1% Low FPS RTX 5060 Ti | 16 GB 27 Avg FPS, 18 1% Low FPS RX 9060 XT | 16 GB 25 Avg FPS, 19 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 42 29 RX 9070 | 16 GB 52 36 RTX 5070 | 12 GB 44 30 RTX 5060 Ti | 16 GB 33 22 RX 9060 XT | 16 GB 30 20 Complete Warfare: Warhammer 3 (4K Extremely) Information ProductValue RX 9070 GRE | 12 GB 42 Avg FPS, 29 1% Low FPS RX 9070 | 16 GB 52 Avg FPS, 36 1% Low FPS RTX 5070 | 12 GB 44 Avg FPS, 30 1% Low FPS RTX 5060 Ti | 16 GB 33 Avg FPS, 22 1% Low FPS RX 9060 XT | 16 GB 30 Avg FPS, 20 1% Low FPS Neither the RX 9070 GRE nor RTX 5070 are native 4K GPUs, and the Nvidia card nonetheless holds sway, however once more it’s shut. window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (perform() { /* World animation perform for slideshow re-use */ window.fvAnimateCharts = perform(chartWrapper) { if (!chartWrapper) return; perform animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(perform(bar, index) { /* Reset to 0 first to make sure animation triggers */ bar.type.setProperty(‘width’, ‘0%’, ‘essential’); bar.type.setProperty(‘transition’, ‘none’, ‘essential’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Drive reflow */ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, baseMargin + ‘%’, ‘essential’); } setTimeout(perform() { var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.type.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘essential’); bar.type.setProperty(‘width’, targetWidth + ‘%’, ‘essential’); if (targetMargin !== undefined && baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, targetMargin + ‘%’, ‘essential’); } }, index * 50 + 50); /* Diminished preliminary delay */ }); } perform animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(perform(p, i) { if (typeof p.getTotalLength === ‘perform’) { var len = p.getTotalLength(); p.type.transition = ‘none’; p.type.strokeDasharray = len; p.type.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(perform() { p.type.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.type.strokeDashoffset=”0″; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(perform(dot, i) { dot.type.opacity = ‘0’; setTimeout(perform() { dot.type.transition = ‘opacity 0.3s ease’; dot.type.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(perform(chart) { /* If in carousel/dropdown mode, hidden charts are show:none. */ /* We solely animate what’s seen. */ if (window.getComputedStyle(chart).show === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; perform initialize(uniqueId, isSlideshow) { var root = doc.getElementById(uniqueId); /* In slideshow mode, ‘root’ might be null as a result of the container has ‘-slideshow’ suffix. */ /* We deal with that logic under. */ if (!root && !isSlideshow) return; /* Setup inside interactions (Carousel/Dropdown/LineChart) for a particular chart wrapper */ perform setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive cellular view dealing with */ perform checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.display && Math.min(window.display.width, window.display.peak) <= 599; var isMobile; if (width === 0) else { /* Cell if container is small OR if it's a bodily cellular gadget (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner=”left”; if (rightNum > 0) { var diff = Math.spherical(((leftNum – rightNum) / rightNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner=”proper”; if (leftNum > 0) { var diff = Math.spherical(((rightNum – leftNum) / leftNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } } var leftDisplay = information.productData[leftProduct] && information.productData[leftProduct].displayValue !== undefined ? information.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = information.productData[rightProduct] && information.productData[rightProduct].displayValue !== undefined ? information.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (information.productData[leftProduct] && information.productData[leftProduct].unit) || (information.productData[rightProduct] && information.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(perform(el) { el.take away(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘proper’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.type.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.type.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.type.width = leftWidth + ‘%’; } if (rightBar) { rightBar.type.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.type.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.type.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = information.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.subsequent’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Textual content Parts */ 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.size > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.choices).map(perform(o) { return o.textual content; }); } else { charts.forEach(perform(c) ); } perform showInternalChart(index) { if (index = charts.size) index = 0; currentChartIndex = index; charts.forEach(perform(c, i) { c.type.show = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if wanted */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Replace labels-on-top based mostly on present chart sort */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.take away(‘labels-on-top’); } } }); if (dropdown) dropdown.worth = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.size; /* Replace Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); var currentChartType = activeChart.getAttribute(‘data-chart-type’); var hideGlobalCaption = currentChartType === ‘Countdown’ || currentChartType === ‘Picture Comparability’ || currentChartType === ‘Store the Assortment’; if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().size > 0 && !hideGlobalCaption) { footerContentEl.type.show = ‘block’; if (bottomBarEl) bottomBarEl.type.show = ‘flex’; } else { footerContentEl.type.show = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.type.show = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, perform(e) { showInternalChart(parseInt(e.goal.worth)); }); if (prevBtn) prevBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex + 1); }); } /* Picture Comparability Logic */ var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(perform(wrapper) { var internal = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; /* Zoom state */ var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; perform updateTransform() { if (wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { internal.type.setProperty(‘remodel’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘essential’); } else { internal.type.removeProperty(‘remodel’); scale = 1; panX = 0; panY = 0; } } perform constrainPan() { var rect = wrapper.getBoundingClientRect(); /* Max pan is determined by how a lot the picture is scaled past the wrapper */ var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.peak * scale – rect.peak) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, perform() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; hasPanned = true; /* Stop click on after pinch */ } else if (e.touches.size === 1 && scale > 1) }, { passive: false }); wrapper.addEventListener(‘touchmove’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.size === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, perform(e) { if (e.touches.size < 2) { initialDistance = null; } if (e.touches.size === 0) { isPanning = false; } }); perform handleMove(clientX) { var rect = internal.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var % = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.type.setProperty('left', % + '%', 'essential'); if (fgImage) fgImage.type.setProperty('clip-path', 'polygon(0 0, ' + % + '% 0, ' + % + '% 100%, 0 100%)', 'essential'); if (labelLeft) { if (% 90) { labelRight.type.setProperty(‘opacity’, ‘0’, ‘essential’); } else { labelRight.type.setProperty(‘opacity’, ‘1’, ‘essential’); } } } perform onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } perform onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } perform stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, perform(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, perform(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } /* Develop/Shut Logic */ var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.mother or father) { expandBtn.type.show = ‘none’; } else { expandBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ‘hidden’; /* Load high-res pictures if out there */ if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); }); } /* Shut on Escape */ doc.addEventListener(‘keydown’, perform(e) { if (e.key === ‘Escape’ && wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); } }); }); /* Store 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’); perform closeAllModals() { if (allProductsModal) { allProductsModal.classList.take away(‘is-active’); /* Take away highlights */ var objects = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); objects.forEach(perform(merchandise) { merchandise.classList.take away(‘is-highlighted’); }); /* Take away min-height after transition */ if (stlContainer) { setTimeout(perform() { if (!allProductsModal.classList.accommodates(‘is-active’)) { stlContainer.type.minHeight=””; if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } }, 300); } } hotspots.forEach(perform(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } hotspots.forEach(perform(btn) { btn.addEventListener(‘click on’, perform(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’); /* Guarantee container is tall sufficient */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.type.minHeight = '450px'; } /* Spotlight and scroll to merchandise */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(perform() { targetItem.scrollIntoView({ habits: 'easy', block: 'middle' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.measurement(); } } }); }); /* Store All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click on', perform(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Guarantee container is tall sufficient */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.size) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if(targetBtn.classList.accommodates(‘is-active’)) { targetBtn.click on(); } targetBtn.click on(); } } }); } if (iaWrapper) { iaWrapper.addEventListener(‘click on’, perform(e) { if (!e.goal.closest(‘.fv-ia-node-button’) && !e.goal.closest(‘.fv-ia-explore-btn’)) { closeAllIANodes(); resetExploreBtn(); } }); } /* Preliminary Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute(‘data-primary-color’) || ‘#f97316’; var subheadColor = countdownContainer.getAttribute(‘data-subhead-color’) || ‘#ffffff’; var pad = perform(n) { return (n 0) { d = Math.flooring(distinction / (1000 * 60 * 60 * 24)); h = Math.flooring((distinction / (1000 * 60 * 60)) % 24); m = Math.flooring((distinction / 1000 / 60) % 60); s = Math.flooring((distinction / 1000) % 60); } var daysEl = countdownContainer.querySelector(‘[data-time=”days”]’); var hoursEl = countdownContainer.querySelector(‘[data-time=”hours”]’); var minsEl = countdownContainer.querySelector(‘[data-time=”minutes”]’); var secsEl = countdownContainer.querySelector(‘[data-time=”seconds”]’); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (true) { var slideshowContainer = doc.getElementById(uniqueId + ‘-slideshow’); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); slides.forEach(perform(slide) { setupWrapper(slide.querySelector(‘.fv-chart-wrapper’)); }); } var slideshowContainer = doc.getElementById(uniqueId + ‘-slideshow’); /* Test if container exists to forestall 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.subsequent’); var dropdown = slideshowContainer.querySelector(‘.fv-slideshow-select’); perform updateControls(index) { if (counter) counter.textContent = (index + 1) + ‘ / ‘ + slides.size; if (dropdown) dropdown.worth = index; if (prevBtn) { if (index === 0) prevBtn.classList.add(‘disabled’); else prevBtn.classList.take away(‘disabled’); } if (nextBtn) { if (index === slides.size – 1) nextBtn.classList.add(‘disabled’); else nextBtn.classList.take away(‘disabled’); } } perform showSlide(index) { if (index = slides.size) return; /* index = 0; */ currentSlideIndex = index; slides.forEach(perform(slide, i) { slide.type.show = i === index ? ‘block’ : ‘none’; if (i === index) { /* Re-trigger animations for the energetic slide */ var chartEl = slide.querySelector(‘.fv-chart-wrapper’); if (chartEl && window.fvAnimateCharts) { window.fvAnimateCharts(chartEl); } } }); updateControls(currentSlideIndex); } if (prevBtn) { prevBtn.addEventListener(‘click on’, perform() { showSlide(currentSlideIndex – 1); }); } if (nextBtn) { nextBtn.addEventListener(‘click on’, perform() { showSlide(currentSlideIndex + 1); }); } if (dropdown) { dropdown.addEventListener(‘change’, perform(e) { showSlide(parseInt(e.goal.worth)); }); } /* Preliminary setup */ updateControls(currentSlideIndex); /* Preliminary animation for the primary slide */ if (slides.size > 0) { var firstChart = slides[0].querySelector(‘.fv-chart-wrapper’); if (firstChart && window.fvAnimateCharts) { setTimeout(perform() { window.fvAnimateCharts(firstChart); }, 100); } } } } else { setupWrapper(root); } } if (doc.readyState === ‘loading’) { doc.addEventListener(‘DOMContentLoaded’, perform() { initialize(‘fv-chart-1779813930213-aevj8xmje’, true); }); } else { initialize(‘fv-chart-1779813930213-aevj8xmje’, true); } })(); However the pricier RTX 5070 and RX 9070 are fascinating in simply how shut they’re in efficiency phrases to the RX 9070 GRE. In opposition to the RTX 5070 the 2 playing cards will not be far off being on a degree, buying and selling blows throughout elements of our benchmarking suite. On the entire, although you’d should say the Nvidia card extra constantly leads the GRE general, however there’s surprisingly little in it, actually not sufficient that you simply’d really really feel it in most video games. It’s clear, nonetheless, that the 3584 core Navi 48 chip contained in the straight RX 9070—with its 16 GB VRAM quotient and 256-bit reminiscence bus—is completely the higher possibility. @import url(‘https://fonts.googleapis.com/css2?household=Open+Sans:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Poppins:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Montserrat:ital,wght@0,400;0,900;1,900&show=swap’); /* Reset & Base */ #fv-chart-1779814062060-lpiqcv1dg *, #fv-chart-1779814062060-lpiqcv1dg *:earlier than, #fv-chart-1779814062060-lpiqcv1dg *:after, #fv-chart-1779814062060-lpiqcv1dg-slideshow *, #fv-chart-1779814062060-lpiqcv1dg-slideshow *:earlier than, #fv-chart-1779814062060-lpiqcv1dg-slideshow *:after { box-sizing: border-box !essential; 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 !essential; } /* Important Wrappers */ #fv-chart-1779814062060-lpiqcv1dg { place: relative !essential; overflow: seen !essential; –riv-primary: #E33235; } #fv-chart-1779814062060-lpiqcv1dg .fv-inner-wrapper { colour: #1F2937 !essential; background-color: #ededed !essential; padding: 1.5rem 1.5rem 2rem !essential; border-radius: 0.5rem !essential; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !essential; margin: 1rem 0 !essential; show: flex !essential; flex-direction: column !essential; overflow: hidden !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed { width: 100vw !essential; margin-left: calc(50% – 50vw) !essential; } physique { overflow-x: clip !essential; } #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed .fv-inner-wrapper { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } /* Slideshow Types */ #fv-chart-1779814062060-lpiqcv1dg-slideshow { place: relative !essential; width: 100% !essential; margin: 1rem 0 !essential; –riv-primary: #E33235; } #fv-chart-1779814062060-lpiqcv1dg-slideshow .fv-slides-wrapper { place: relative !essential; width: 100% !essential; } #fv-chart-1779814062060-lpiqcv1dg-slideshow .fv-slide { width: 100% !essential; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } /* High Navigation Row (Redesign) */ #fv-chart-1779814062060-lpiqcv1dg-slideshow .fv-slideshow-nav-row { place: relative !essential; show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; padding: 0 0 16px 0 !essential; width: 100% !essential; z-index: 20 !essential; } #fv-chart-1779814062060-lpiqcv1dg-slideshow .fv-nav-btn { background-color: var(–riv-primary) !essential; colour: #ffffff !essential; border: none !essential; border-radius: 4px !essential; padding: 8px 16px !essential; font-size: 14px !essential; font-weight: 700 !essential; cursor: pointer !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 6px !essential; transition: opacity 0.2s, background-color 0.2s !essential; peak: 36px !essential; text-transform: none !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !essential; } #fv-chart-1779814062060-lpiqcv1dg-slideshow .fv-nav-btn svg { width: 18px !essential; peak: 18px !essential; stroke-width: 3px !essential; filter: none !essential; } #fv-chart-1779814062060-lpiqcv1dg-slideshow .fv-nav-btn:hover { opacity: 0.9 !essential; remodel: translateY(-1px) !essential; } #fv-chart-1779814062060-lpiqcv1dg-slideshow .fv-nav-btn.disabled { background-color: #E5E7EB !essential; colour: #9CA3AF !essential; cursor: default !essential; pointer-events: none !essential; box-shadow: none !essential; } #fv-chart-1779814062060-lpiqcv1dg-slideshow .fv-slide-counter { font-family: ‘Poppins’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; colour: #374151 !essential; text-align: middle !essential; min-width: 40px !essential; background-color: rgba(255,255,255,0.8) !essential; padding: 2px 8px !essential; border-radius: 10px !essential; } /* Slideshow Dropdown Navigation */ #fv-chart-1779814062060-lpiqcv1dg-slideshow .fv-slideshow-select { place: absolute !essential; high: 10px !essential; proper: 10px !essential; z-index: 20 !essential; look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background-color: white !essential; border: 1px strong #d1d5db !essential; colour: #1F2937 !essential; font-family: ‘Open Sans’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; padding: 6px 32px 6px 12px !essential; border-radius: 4px !essential; cursor: pointer !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !essential; background-image: url(“information:picture/svg+xml,%3csvg xmlns=”http://www.w3.org/2000/svg” fill=”none” viewBox=’0 0 20 20’%3epercent3cpath stroke=”%236b7280″ stroke-linecap=’spherical’ stroke-linejoin=’spherical’ stroke-width=”1.5″ d=’M6 8l4 4 4-4’/%3epercent3c/svgpercent3e”) !essential; background-position: proper 0.5rem middle !essential; background-repeat: no-repeat !essential; background-size: 1.5em 1.5em !essential; } #fv-chart-1779814062060-lpiqcv1dg-slideshow .fv-slideshow-select:focus { define: 2px strong #E33235 !essential; border-color: #E33235 !essential; } /* Typography */ #fv-chart-1779814062060-lpiqcv1dg .fv-chart-title { font-weight: daring !essential; text-align: middle !essential; margin-bottom: 0.5rem !essential; colour: var(–riv-primary) !essential; font-size: 20px !essential; line-height: 1.2 !essential; font-family: ‘Open Sans’, sans-serif !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; padding: 0 20px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-chart-subhead { font-size: 18px !essential; font-weight: 500 !essential; text-align: middle !essential; margin-bottom: 2rem !essential; colour: #374151 !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; text-transform: none !essential; padding: 0 20px !essential; } #fv-chart-1779814062060-lpiqcv1dg .rv-chart-caption { font-size: 15px !essential; colour: #374151 !essential; text-align: middle !essential; font-style: regular !essential; font-weight: regular !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; } /* Versus Chart */ #fv-chart-1779814062060-lpiqcv1dg .fv-versus-chart { show: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-header { show: flex; justify-content: space-between; align-items: middle; 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: middle; padding-right: 1rem; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper.fv-right { text-align: middle; padding-left: 1rem; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-container { place: relative; show: inline-block; max-width: 100%; width: 100%; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-chevron { place: absolute; high: 50%; remodel: translateY(-50%); pointer-events: none; width: 16px; peak: 16px; flex-shrink: 0; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper.fv-left .fv-versus-chevron { proper: 0; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper.fv-right .fv-versus-chevron { proper: 0; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select { background: clear; border: none; border-bottom: 2px strong; font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; define: none; look: 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: middle; course: ltr; padding-right: 1.25rem; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select.fv-select-right { text-align: middle; padding-right: 1.25rem; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-select possibility { font-family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 14px; colour: #374151; course: ltr; text-align: left; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-vs { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-body { show: flex; flex-direction: column; hole: 1.5rem; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-row { place: relative; peak: auto; padding-top: 20px; margin-bottom: 0.25rem; show: block; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-bar-container { place: relative; peak: 32px; show: flex; align-items: middle; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-bar-left-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-end; align-items: middle; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-bar-right-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-start; align-items: middle; } #fv-chart-1779814062060-lpiqcv1dg .fv-versus-bar { peak: 32px; width: var(–target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; show: flex; align-items: middle; overflow: hidden; colour: #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 { place: absolute; left: 50%; high: 0; backside: 0; width: 4px; background-color: #ffffff; remodel: 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 { place: absolute; left: 50%; remodel: translateX(-50%); high: 0; background-color: clear; border: none; box-shadow: none; padding: 0; font-family: ‘Open Sans’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; white-space: nowrap; } #fv-chart-1779814062060-lpiqcv1dg .sr-only { place: absolute !essential; width: 1px !essential; peak: 1px !essential; padding: 0 !essential; margin: -1px !essential; overflow: hidden !essential; clip: rect(0,0,0,0) !essential; white-space: nowrap !essential; border: 0 !essential; } /* Picture Comparability Types */ #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-container { width: auto !essential; margin-left: -1.5rem !essential; margin-right: -1.5rem !essential; margin-bottom: 2rem !essential; } #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed .fv-image-compare-container { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-wrapper { place: relative !essential; width: 100% !essential; overflow: hidden !essential; border-radius: 0 !essential; background-color: #000 !essential; touch-action: pan-y !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-inner { place: relative !essential; width: 100% !essential; peak: 100% !essential; show: block !essential; transform-origin: middle middle !essential; transition: remodel 0.1s ease-out !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-bg { show: block !essential; width: 100% !essential; peak: auto !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-fg { place: absolute !essential; high: 0 !essential; left: 0 !essential; width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-slider { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 32px !essential; remodel: translateX(-50%) !essential; cursor: ew-resize !essential; z-index: 10 !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-slider-line { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 4px !essential; background-color: white !essential; remodel: translateX(-50%) !essential; box-shadow: 0 0 10px rgba(0,0,0,0.5) !essential; pointer-events: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-handle { place: absolute !essential; high: 50% !essential; left: 50% !essential; remodel: translate(-50%, -50%) !essential; width: 32px !essential; peak: 32px !essential; background-color: white !essential; border-radius: 50% !essential; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 4px !essential; pointer-events: none !essential; z-index: 11 !essential; overflow: hidden !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-arrow-left { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-right: 4px strong #4b5563 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-arrow-right { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-left: 4px strong #4b5563 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-label { place: absolute !essential; high: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; padding: 0.25rem 0.75rem !essential; border-radius: 0.25rem !essential; font-size: 0.875rem !essential; font-weight: 500 !essential; pointer-events: none !essential; backdrop-filter: blur(4px) !essential; z-index: 5 !essential; transition: proper 0.3s ease, opacity 0.2s ease !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-label-left { left: 1rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-label-right { proper: 1rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-expand-btn, #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-close-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; border: none !essential; border-radius: 0.25rem !essential; padding: 0.5rem !essential; cursor: pointer !essential; z-index: 20 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; backdrop-filter: blur(4px) !essential; transition: background-color 0.2s !essential; } #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) !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-close-btn { show: none !essential; high: 1rem !essential; backside: auto !essential; } /* Fullscreen State */ #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-wrapper.fv-image-compare-fullscreen { place: fastened !essential; high: 0 !essential; left: 0 !essential; proper: 0 !essential; backside: 0 !essential; width: 100% !essential; peak: 100% !essential; z-index: 999999 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: rgba(0, 0, 0, 0.9) !essential; margin: 0 !essential; touch-action: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !essential; peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; cursor: seize !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:energetic { cursor: grabbing !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { place: absolute !essential; high: 0 !essential; left: 0 !essential; max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { show: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { show: flex !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { proper: 4rem !essential; } /* Footer */ #fv-chart-1779814062060-lpiqcv1dg .fv-bottom-bar { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; margin-top: 0.5rem !essential; hole: 1rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-footer-content { text-align: middle !essential; width: 100% !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-logo { show: block !essential; margin: 0 auto !essential; width: 120px !essential; min-width: 120px !essential; max-width: 120px !essential; peak: auto !essential; object-fit: comprise !essential; flex-shrink: 0 !essential; } /* Show Mode Controls */ #fv-chart-1779814062060-lpiqcv1dg .fv-dropdown-wrapper { text-align: middle !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-dropdown-title-container { place: relative !essential; show: inline-block !essential; max-width: 100% !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-dropdown-title { look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background: clear !essential; border: none !essential; font-size: 18px !essential; font-weight: 600 !essential; colour: var(–riv-primary) !essential; padding-right: 28px !essential; padding-left: 10px !essential; cursor: pointer !essential; text-align: middle !essential; text-align-last: middle !essential; width: auto !essential; max-width: 100% !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; margin: 0 !essential; text-overflow: ellipsis !essential; overflow: hidden !essential; white-space: nowrap !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-dropdown-title:focus { define: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-dropdown-title::-ms-expand { show: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-dropdown-chevron { place: absolute !essential; proper: 0 !essential; high: 50% !essential; remodel: translateY(-50%) !essential; pointer-events: none !essential; colour: var(–riv-primary) !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-carousel-title-controls { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; margin-bottom: 16px !essential; width: 100% !essential; hole: 12px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-carousel-nav-btn { background: clear !essential; border: 1px strong #d1d5db !essential; border-radius: 6px !essential; padding: 6px 10px !essential; cursor: pointer !essential; font-size: 14px !essential; colour: #374151 !essential; show: flex !essential; align-items: middle !essential; hole: 4px !essential; font-family: ‘Open Sans’, sans-serif !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-carousel-nav-btn:hover { border-color: #9ca3af !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-carousel-counter { font-size: 14px !essential; colour: #374151 !essential; text-align: middle !essential; margin-top: 1rem !essential; } /* Legend */ #fv-chart-1779814062060-lpiqcv1dg .fv-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 8px 16px !essential; margin: 0 !essential; padding: 0 !essential; margin-top: 1rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-legend-item { show: flex !essential; align-items: middle !essential; hole: 6px !essential; font-size: 14px !essential; colour: #374151 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-legend-color { width: 12px !essential; peak: 12px !essential; border-radius: 3px !essential; } /* Multi-Worth Legend */ #fv-chart-1779814062060-lpiqcv1dg .fv-multi-value-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 12px 24px !essential; margin-bottom: 1.5rem !essential; padding: 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-multi-legend-item { show: flex !essential; align-items: middle !essential; hole: 8px !essential; font-size: 14px !essential; colour: #374151 !essential; font-weight: 500 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-multi-legend-swatch { width: 16px !essential; peak: 16px !essential; border-radius: 3px !essential; } /* Chart Core Types */ #fv-chart-1779814062060-lpiqcv1dg .fv-benchmark-group { margin-bottom: 1rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-benchmark-title { font-size: 18px !essential; font-weight: 600 !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; padding: 0 !essential; text-align: middle !essential; colour: var(–riv-primary) !essential; flex: 1 !essential; min-width: 0 !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; word-wrap: break-word !essential; max-width: 100% !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar-row, #fv-chart-1779814062060-lpiqcv1dg .fv-stacked-product { show: flex !essential; align-items: middle !essential; width: 100% !essential; margin-bottom: 0.75rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar-label { width: 150px !essential; flex-shrink: 0 !essential; font-size: 14px !essential; colour: #374151 !essential; padding-right: 10px !essential; text-align: proper !essential; font-weight: 500 !essential; show: block !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar-container { flex-grow: 1 !essential; background-color: #E5E7EB !essential; border-radius: 4px !essential; min-height: 25px !essential; border: 1px strong #D1D5DB !essential; place: relative !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar { peak: 100% !essential; border-radius: 3px !essential; show: flex !essential; align-items: middle !essential; transition: opacity 0.2s ease, width 0.8s ease-out !essential; min-height: 23px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar:hover { opacity: 0.8 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar-inner-content { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; width: 100% !essential; peak: 100% !essential; padding: 0 8px !essential; font-size: 14px !essential; font-weight: daring !essential; overflow: hidden !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar-inner-label { white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; padding-right: 8px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar-inner-value { flex-shrink: 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar-value-outside { padding-left: 8px !essential; font-size: 14px !essential; font-weight: daring !essential; colour: #374151 !essential; white-space: nowrap !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar-label.fv-primary-product { font-weight: daring !essential; colour: var(–riv-primary) !essential; } /* Multi-Worth Bar Logic */ #fv-chart-1779814062060-lpiqcv1dg .fv-multi-bar-container { flex-direction: column !essential; padding: 4px !essential; align-items: stretch !essential; hole: 4px !essential; peak: auto !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-multi-bar-item { show: flex !essential; align-items: middle !essential; peak: 25px !essential; width: 100% !essential; } /* Stacked Bar */ #fv-chart-1779814062060-lpiqcv1dg .fv-stacked-bar { show: flex !essential; overflow: hidden !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stacked-segment { peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: flex-end !essential; padding-right: 8px !essential; border-right: 1px strong rgba(255,255,255,0.3) !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stacked-segment:last-child { border-right: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-segment-value { font-size: 14px !essential; font-weight: daring !essential; } /* Grouped Bar */ #fv-chart-1779814062060-lpiqcv1dg .fv-grouped-bar-product { show: flex !essential; flex-direction: column !essential; width: 100% !essential; margin-bottom: 1.25rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-grouped-product-title-wrapper { padding-left: 150px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.5rem !essential; font-weight: 700 !essential; font-size: 14px !essential; colour: #374151 !essential; text-transform: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar-cluster { width: 100% !essential; flex-grow: 1 !essential; show: flex !essential; flex-direction: column !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-bar-cluster .fv-bar-container { peak: 20px !essential; } /* Line Chart Grid */ #fv-chart-1779814062060-lpiqcv1dg .riv-grid line { stroke: #D1D5DB !essential; stroke-dasharray: 3 3 !essential; } /* X-Axis */ #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-wrapper { show: flex !essential; width: 100% !essential; margin-top: 0.5rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-label-space { width: 150px !essential; padding-right: 10px !essential; flex-shrink: 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-chart-space { flex-grow: 1 !essential; padding-right: 8px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-line { border-top: 1px strong #D1D5DB !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-ticks { show: flex !essential; justify-content: space-between !essential; padding-top: 4px !essential; font-size: 13px !essential; colour: #374151 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-ticks span { place: relative !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-ticks span::earlier than { content material: ” !essential; place: absolute !essential; high: -6px !essential; left: 50% !essential; remodel: translateX(-50%) !essential; width: 2px !essential; peak: 4px !essential; background-color: #D1D5DB !essential; border-radius: 1px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-unit { text-align: middle !essential; font-size: 14px !essential; colour: #374151 !essential; margin-top: 8px !essential; show: block !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-title { text-align: middle !essential; font-size: 15px !essential; colour: #374151 !essential; margin-top: 8px !essential; margin-bottom: 16px !essential; line-height: 1.5 !essential; padding: 0 1rem !essential; show: block !essential; font-weight: daring !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-y-axis-title { font-size: 15px !essential; colour: #374151 !essential; line-height: 1.5 !essential; text-align: left !essential; padding-left: 5.83% !essential; /* Aligns with Y-axis line inside SVG (35/600) */ margin-bottom: 4px !essential; show: block !essential; font-weight: daring !essential; } /* Store The Look */ #fv-chart-1779814062060-lpiqcv1dg .fv-stl-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; transition: min-height 0.3s ease !essential; overflow: hidden !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stl-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed .fv-stl-container { width: 100% !essential; } #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed .fv-stl-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stl-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stl-hotspot-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stl-hotspot-btn { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !essential; transition-property: all !essential; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !essential; transition-duration: 300ms !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stl-hotspot-btn:hover { remodel: scale(1.1) !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stl-hotspot-btn:focus { define: 2px strong clear !essential; outline-offset: 2px !essential; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stl-hotspot-btn[aria-expanded=”true”] { background-color: #3b82f6 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stl-hotspot-pulse { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-stl-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1779814062060-lpiqcv1dg .fv-stl-hotspot-pulse { animation-fill-mode: none !essential; } } /* Store the look button */ #fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; peak: 2.5rem !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; colour: #111827 !essential; padding: 0 1rem 0 3rem !essential; border-radius: 0.25rem !essential; font-weight: 700 !essential; font-size: 0.875rem !essential; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !essential; border: none !essential; cursor: pointer !essential; transition: all 0.2s !essential; z-index: 10 !essential; show: flex !essential; align-items: middle !essential; text-transform: uppercase !essential; overflow: hidden !essential; white-space: nowrap !essential; max-width: calc(100% – 2rem) !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-btn span { overflow: hidden !essential; text-overflow: ellipsis !essential; white-space: nowrap !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-btn:hover { background-color: #ffffff !essential; remodel: scale(1.05) !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-logo { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; object-fit: cowl !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; flex-shrink: 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-icon { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; colour: #1f2937 !essential; flex-shrink: 0 !essential; } /* All Merchandise Modal */ #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg { place: fastened !essential; inset: 0 !essential; background-color: rgba(0, 0, 0, 0) !essential; backdrop-filter: blur(0px) !essential; -webkit-backdrop-filter: blur(0px) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; z-index: 99999 !essential; pointer-events: none !essential; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !essential; padding: 1rem !essential; overflow: hidden !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg { place: absolute !essential; padding: 0 !essential; align-items: flex-end !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg.is-active { background-color: rgba(0, 0, 0, 0.2) !essential; backdrop-filter: blur(4px) !essential; -webkit-backdrop-filter: blur(4px) !essential; pointer-events: auto !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-content { width: 100% !essential; max-width: 42rem !essential; max-height: 100% !essential; show: flex !essential; flex-direction: column !essential; place: relative !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; border-radius: 1rem !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; overflow: hidden !essential; transition: remodel 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !essential; opacity: 0 !essential; remodel: scale(0.95) !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg.is-active .fv-stl-all-products-content { opacity: 1 !essential; remodel: scale(1) !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; } /* V2 Backside Sheet Fashion */ #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg.v2 { align-items: flex-end !essential; padding: 0 !essential; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg.v2:not(.mobile-view *) { justify-content: flex-end !essential; } } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg.v2 .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } @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 !essential; border-radius: 1.5rem 0 0 0 !essential; } } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg.v2.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-header { show: flex !essential; align-items: middle !essential; justify-content: space-between !essential; padding: 1.5rem !essential; border-bottom: 1px strong #e5e7eb !essential; flex-shrink: 0 !essential; place: sticky !essential; high: 0 !essential; background-color: rgba(255, 255, 255, 0.8) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; z-index: 10 !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-header { padding: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-logo { peak: 1.5rem !essential; width: auto !essential; object-fit: comprise !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-logo { peak: 1.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-title { font-size: 1.25rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-title { font-size: 1.125rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-close { width: 2rem !essential; peak: 2rem !essential; border-radius: 9999px !essential; background-color: rgba(0, 0, 0, 0.05) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; border: none !essential; cursor: pointer !essential; z-index: 10 !essential; colour: #6b7280 !essential; transition: all 0.2s !essential; padding: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-list { list-style: none !essential; padding: 1.5rem !essential; margin: 0 !essential; overflow-y: auto !essential; flex: 1 !essential; show: flex !essential; flex-direction: column !essential; hole: 0.75rem !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-list { padding: 0.75rem !essential; hole: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-item { margin: 0 !essential; padding: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-link { show: flex !essential; align-items: flex-start !essential; padding: 0.75rem !essential; text-decoration: none !essential; colour: inherit !essential; transition: all 0.2s !essential; border-radius: 1rem !essential; border: 1px strong clear !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-link { padding: 0.5rem !essential; border-radius: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-link:hover { background-color: #ffffff !essential; border-color: #e5e7eb !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !essential; border-color: #d1d5db !essential; 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 !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-image-container { place: relative !essential; margin-right: 1.25rem !essential; flex-shrink: 0 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-number { place: absolute !essential; high: -0.5rem !essential; left: -0.5rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; background-color: #0f172a !essential; colour: #ffffff !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; 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 !essential; z-index: 10 !essential; font-family: sans-serif !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-number { high: -0.375rem !essential; left: -0.375rem !essential; width: 1.25rem !essential; peak: 1.25rem !essential; font-size: 0.625rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-image-wrapper { width: 6rem !essential; peak: 6rem !essential; border-radius: 0.75rem !essential; overflow: hidden !essential; background-color: #f9fafb !essential; border: 1px strong #f3f4f6 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-image-wrapper { width: 4rem !essential; peak: 4rem !essential; border-radius: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-image { width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-placeholder { width: 2rem !essential; peak: 2rem !essential; colour: #d1d5db !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-placeholder { width: 1.5rem !essential; peak: 1.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-info { flex: 1 !essential; min-width: 0 !essential; show: flex !essential; flex-direction: column !essential; justify-content: middle !essential; margin-top: 0.25rem !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-info { margin-top: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-brand { font-size: 0.625rem !essential; font-weight: 700 !essential; colour: #6b7280 !essential; text-transform: uppercase !essential; letter-spacing: 0.1em !essential; margin: 0 0 0.375rem 0 !essential; white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-brand { font-size: 0.5625rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-name { font-size: 1rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 0 0.375rem 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.25 !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-name { font-size: 0.875rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-meta { show: flex !essential; align-items: middle !essential; font-size: 0.875rem !essential; margin-bottom: 0.375rem !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-meta { font-size: 0.75rem !essential; margin-bottom: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-price { font-weight: 700 !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-sale-price { font-weight: 700 !essential; colour: #dc2626 !essential; margin-right: 0.5rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-original-price { colour: #9ca3af !essential; text-decoration: line-through !essential; font-size: 0.75rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-commentary { font-size: 0.875rem !essential; colour: #4b5563 !essential; margin: 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.375 !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-commentary { font-size: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-action { width: 2.5rem !essential; peak: 2.5rem !essential; border-radius: 9999px !essential; background-color: #f9fafb !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; margin-left: 1rem !essential; flex-shrink: 0 !essential; border: 1px strong #f3f4f6 !essential; transition: all 0.2s !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-action { width: 2rem !essential; peak: 2rem !essential; margin-left: 0.75rem !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-action svg { width: 14px !essential; peak: 14px !essential; } #fv-stl-all-products-modal-fv-chart-1779814062060-lpiqcv1dg .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !essential; colour: #ffffff !essential; border-color: #111827 !essential; } /* Picture Annotation Types */ #fv-chart-1779814062060-lpiqcv1dg .fv-ia-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; overflow: hidden !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed .fv-ia-container { width: 100% !essential; } #fv-chart-1779814062060-lpiqcv1dg.fv-full-bleed .fv-ia-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-button { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-button:hover { remodel: scale(1.1) !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-button.is-active { background-color: #E33235 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-pulse-ring { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-ia-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-static-tooltip { show: none !essential; place: absolute !essential; high: -10px !essential; left: 50% !essential; remodel: translate(-50%, -100%) !essential; background-color: rgba(255, 255, 255, 0.95) !essential; padding: 10px !essential; border-radius: 6px !essential; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !essential; width: max-content !essential; max-width: 200px !essential; font-size: 13px !essential; colour: #1f2937 !essential; z-index: 20 !essential; pointer-events: none !essential; white-space: pre-wrap !essential; line-height: 1.4 !essential; border: 1px strong #e5e7eb !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-button:hover + .fv-ia-static-tooltip { show: block !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-logo-explore-bar { place: relative !essential; width: 100% !essential; show: flex !essential; justify-content: middle !essential; align-items: middle !essential; min-height: 30px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-logo-explore-bar .fv-logo { margin: 0 auto !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-explore-wrapper { place: absolute !essential; proper: 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-logo-explore-bar { flex-direction: column !essential; min-height: auto !essential; hole: 0.75rem !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-ia-explore-wrapper { place: static !essential; align-self: flex-end !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !essential; colour: #1e293b !essential; border: 1px strong #e5e7eb !essential; border-radius: 9999px !essential; padding: 0.5rem 1.25rem !essential; font-size: 0.875rem !essential; font-weight: 600 !essential; font-family: sans-serif !essential; show: inline-flex !essential; align-items: middle !essential; hole: 0.5rem !essential; cursor: pointer !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 0.2s !essential; pointer-events: auto !essential; flex-shrink: 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-explore-btn:hover { background-color: #ffffff !essential; remodel: translateY(-2px) !essential; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !essential; colour: #E33235 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-explore-btn svg { transition: remodel 0.2s !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-explore-btn:hover svg { remodel: translateX(2px) !essential; } /* IA Modal Types */ #fv-chart-1779814062060-lpiqcv1dg .fv-ia-active-modal-container { show: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-modals { show: block !essential; place: static !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-modal-item { show: none !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-modal-item.is-active { show: flex !essential; flex-direction: column !essential; place: absolute !essential; high: 1rem !essential; proper: 1rem !essential; z-index: 20 !essential; width: 18rem !essential; max-width: calc(100% – 2rem) !essential; background-color: #ffffff !essential; padding: 1rem !essential; border-radius: 0.75rem !essential; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !essential; border: 1px strong #e5e7eb !essential; border-top: 4px strong #E33235 !essential; animation: fv-ia-fade-in 0.2s ease-out !essential; hole: 0.75rem !essential; max-height: 80% !essential; overflow-y: auto !essential; pointer-events: auto !essential; } @keyframes fv-ia-fade-in { from { opacity: 0; remodel: scale(0.95); } to { opacity: 1; remodel: scale(1); } } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-modal-header { show: flex !essential; justify-content: space-between !essential; align-items: flex-start !essential; margin: 0 !essential; hole: 0.5rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-title { font-size: 1rem !essential; line-height: 1.25 !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-close-button { background: #f9fafb !essential; border: 1px strong #e5e7eb !essential; border-radius: 50% !essential; width: 2rem !essential; peak: 2rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; cursor: pointer !essential; padding: 0 !essential; flex-shrink: 0 !essential; transition: all 0.2s !essential; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-close-button:hover { background: #e5e7eb !essential; colour: #111827 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-ia-node-description { font-size: 0.875rem !essential; colour: #374151 !essential; margin: 0 !essential; line-height: 1.625 !essential; white-space: pre-wrap !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-ia-node-description { font-size: 0.875rem !essential; } /* Error Dealing with */ #fv-chart-1779814062060-lpiqcv1dg .fv-ia-empty { show: flex !essential; align-items: middle !essential; justify-content: middle !essential; peak: 200px !essential; background-color: #f1f5f9 !essential; colour: #64748b !essential; border: 2px dashed #cbd5e1 !essential; border-radius: 0.5rem !essential; } /* Countdown Types */ #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-container { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; justify-content: middle !essential; padding: 1rem !essential; place: relative !essential; width: 100% !essential; box-sizing: border-box !essential; font-family: Montserrat, sans-serif !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-header { text-align: middle !essential; margin-bottom: 2rem !essential; z-index: 10 !essential; width: 100% !essential; show: flex !essential; flex-direction: column !essential; align-items: middle !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-title { font-size: 1.25rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0 !essential; font-style: italic !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-subhead { font-size: 1.125rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0.25rem 0 0 0 !essential; font-style: italic !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-timer-wrap { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; width: 100% !essential; max-width: 64rem !essential; z-index: 10 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-labels { show: flex !essential; justify-content: middle !essential; width: 100% !essential; margin-bottom: 0.5rem !essential; padding: 0 0.5rem !essential; font-size: 0.75rem !essential; font-weight: daring !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-labels > div { flex: 1 !essential; text-align: middle !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-box { place: relative !essential; width: 100% !essential; border-top: 6px strong #333 !essential; border-bottom: 8px strong #333 !essential; padding: 1rem 0 !essential; background: linear-gradient(to backside, #1f2937, #000000) !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits { show: flex !essential; justify-content: middle !essential; font-size: 1.75rem !essential; font-weight: 900 !essential; letter-spacing: 0em !essential; font-family: monospace !essential; colour: #fff !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits > div.digit-box { flex: 1 !essential; text-align: middle !essential; white-space: nowrap !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits > div.colon { flex: 0 0 auto !essential; opacity: 0.5 !essential; place: relative !essential; high: -2px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-spike-l { place: absolute !essential; left: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-right: 15px strong #374151 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-spike-r { place: absolute !essential; proper: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-left: 15px strong #374151 !essential; } @media (min-width: 600px) { #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-container { padding: 2rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-title { font-size: 1.75rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-subhead { font-size: 1.25rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits { font-size: 2.25rem !essential; letter-spacing: 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-labels { font-size: 0.875rem !essential; padding: 0 1rem !essential; margin-bottom: 1rem !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-box { padding: 1.5rem 0 !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits > div.colon { high: -4px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-spike-l { left: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-right-width: 20px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-spike-r { proper: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-left-width: 20px !essential; } } @media (min-width: 768px) { #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits { font-size: 3.5rem !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-countdown-digits > div.colon { high: -5px !essential; } } /* Cell / Pressured Cell View / Labels on High */ #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-pie-container, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#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 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-x-axis-wrapper, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-x-axis-label-space, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-x-axis-label-space { show: none !essential; }#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 !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-benchmark-title, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-dropdown-title, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-carousel-nav-btn, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-chart-title, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-chart-subhead, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-header, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-select-wrapper, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#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: middle !essential; padding-right: 0 !essential; }#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: middle !essential; padding-left: 0 !essential; }#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: middle !essential; }#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: middle !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-vs, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-select-container, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-versus-select, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779814062060-lpiqcv1dg.labels-on-top .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#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 !essential; peak: 2rem !essential; }#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 !essential; peak: 14px !essential; } #fv-chart-1779814062060-lpiqcv1dg.mobile-view .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779814062060-lpiqcv1dg.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } @media (max-width: 599px) { #fv-chart-1779814062060-lpiqcv1dg .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-grouped-product-title-wrapper { padding-left: 0 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-bar-label, #fv-chart-1779814062060-lpiqcv1dg .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-bar-container, #fv-chart-1779814062060-lpiqcv1dg .fv-bar-cluster { width: 100% !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-label-space { show: none !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-x-axis-chart-space { padding-right: 0 !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper.fv-left { text-align: middle !essential; padding-right: 0 !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-wrapper.fv-right { text-align: middle !essential; padding-left: 0 !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-versus-select.fv-select-left { text-align: middle !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-versus-select.fv-select-right { text-align: middle !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-logo, #fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-icon { width: 2rem !essential; peak: 2rem !essential; }#fv-chart-1779814062060-lpiqcv1dg .fv-stl-shop-all-icon svg { width: 14px !essential; peak: 14px !essential; } #fv-chart-1779814062060-lpiqcv1dg .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779814062060-lpiqcv1dg.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } } { “@context”: “https://schema.org”, “@sort”: “Dataset”, “identify”: “Upscaled gaming efficiency”, “description”: “Subhead to explain the check and what’s being measured and why”, “creator”: { “@sort”: “Group”, “identify”: “PC Gamer”, “emblem”: “https://cdn.mos.cms.futurecdn.web/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T16:47:42.060Z”, “quotation”: “There are a few cases the place, when utilizing upscaling, the RX 9070 GRE takes a wholesome lead when it comes to body charges over the RTX 5070.”, “key phrases”: [ “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”: “Efficiency Benchmarking”, “variableMeasured”: [ 16 GB – Black Myth Wukong (1440p High + Upscaling (quality))”, “value”: 86, “unitText”: “Avg FPS” , 12 GB – Black Myth Wukong (1440p High + Upscaling (quality))”, “value”: 107, “unitText”: “Avg FPS” , 16 GB – Black Myth Wukong (1440p High + Upscaling (quality))”, “value”: 78, “unitText”: “Avg FPS” , 16 GB – Black Myth Wukong (1440p High + Upscaling (quality))”, “value”: 111, “unitText”: “Avg FPS” , 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” , 12 GB – Cyberpunk 2077 (1440p RT Ultra + upscaling (quality))”, “value”: 122, “unitText”: “Avg FPS” , 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” , 12 GB – Cyberpunk 2077 (1440p RT Ultra + upscaling (quality))”, “value”: 130, “unitText”: “Avg FPS” , 16 GB – F1 24 (1440p Ultra high +upscsaling (Quality), 2x FG)”, “value”: 136, “unitText”: “Avg FPS” , 12 GB – F1 24 (1440p Ultra high +upscsaling (Quality), 2x FG)”, “value”: 176, “unitText”: “Avg FPS” , 16 GB – F1 24 (1440p Ultra high +upscsaling (Quality), 2x FG)”, “value”: 190, “unitText”: “Avg FPS” , 16 GB – F1 24 (1440p Ultra high +upscsaling (Quality), 2x FG)”, “value”: 261, “unitText”: “Avg FPS” , 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” , 12 GB – Homeworld 3 (1440p Epic + upscaling (quality))”, “value”: 127, “unitText”: “Avg FPS” , 16 GB – Homeworld 3 (1440p Epic + upscaling (quality))”, “value”: 110, “unitText”: “Avg FPS” , 16 GB – Homeworld 3 (1440p Epic + upscaling (quality))”, “value”: 123, “unitText”: “Avg FPS” , 12 GB – Homeworld 3 (1440p Epic + upscaling (quality))”, “value”: 115, “unitText”: “Avg FPS” , 16 GB – The Talos Principle 2 (1440p Ultra +upscaling (quality), 2x FG)”, “value”: 115, “unitText”: “Avg FPS” , 12 GB – The Talos Principle 2 (1440p Ultra +upscaling (quality), 2x FG)”, “value”: 144, “unitText”: “Avg FPS” , 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” , 12 GB – The Talos Principle 2 (1440p Ultra +upscaling (quality), 2x FG)”, “value”: 164, “unitText”: “Avg FPS” ]} Upscaled gaming efficiency Black Fantasy Wukong (1440p Excessive + Upscaling (high quality))Cyberpunk 2077 (1440p RT Extremely + upscaling (high quality))F1 24 (1440p Extremely excessive +upscaling (High quality), 2x FG)Homeworld 3 (1440p Epic + upscaling (high quality))The Talos Precept 2 (1440p Extremely +upscaling (high quality), 2x FG) Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 95 82 RX 9070 | 16 GB 111 96 RTX 5070 | 12 GB 107 81 RTX 5060 Ti | 16 GB 86 72 RX 9060 XT | 16 GB 78 69 Black Fantasy Wukong (1440p Excessive + Upscaling (high quality)) Information ProductValue 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 Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 130 78 RX 9070 | 16 GB 149 102 RTX 5070 | 12 GB 122 97 RTX 5060 Ti | 16 GB 96 79 RX 9060 XT | 16 GB 102 73 Cyberpunk 2077 (1440p RT Extremely + upscaling (high quality)) Information ProductValue RX 9070 GRE | 12 GB 130 Avg FPS, 78 1% Low FPS RX 9070 | 16 GB 149 Avg FPS, 102 1% Low FPS RTX 5070 | 12 GB 122 Avg FPS, 97 1% Low FPS RTX 5060 Ti | 16 GB 96 Avg FPS, 79 1% Low FPS RX 9060 XT | 16 GB 102 Avg FPS, 73 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 249 122 RX 9070 | 16 GB 261 114 RTX 5070 | 12 GB 176 113 RTX 5060 Ti | 16 GB 136 89 RX 9060 XT | 16 GB 190 113 F1 24 (1440p Extremely excessive +upscaling (High quality), 2x FG) Information ProductValue RX 9070 GRE | 12 GB 249 Avg FPS, 122 1% Low FPS RX 9070 | 16 GB 261 Avg FPS, 114 1% Low FPS RTX 5070 | 12 GB 176 Avg FPS, 113 1% Low FPS RTX 5060 Ti | 16 GB 136 Avg FPS, 89 1% Low FPS RX 9060 XT | 16 GB 190 Avg FPS, 113 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 115 63 RX 9070 | 16 GB 123 64 RTX 5070 | 12 GB 127 63 RTX 5060 Ti | 16 GB 118 63 RX 9060 XT | 16 GB 110 62 Homeworld 3 (1440p Epic + upscaling (high quality)) Information ProductValue RX 9070 GRE | 12 GB 115 Avg FPS, 63 1% Low FPS RX 9070 | 16 GB 123 Avg FPS, 64 1% Low FPS RTX 5070 | 12 GB 127 Avg FPS, 63 1% Low FPS RTX 5060 Ti | 16 GB 118 Avg FPS, 63 1% Low FPS RX 9060 XT | 16 GB 110 Avg FPS, 62 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | 12 GB 164 60 RX 9070 | 16 GB 197 90 RTX 5070 | 12 GB 144 65 RTX 5060 Ti | 16 GB 115 41 RX 9060 XT | 16 GB 135 59 The Talos Precept 2 (1440p Extremely +upscaling (high quality), 2x FG) Information ProductValue RX 9070 GRE | 12 GB 164 Avg FPS, 60 1% Low FPS RX 9070 | 16 GB 197 Avg FPS, 90 1% Low FPS RTX 5070 | 12 GB 144 Avg FPS, 65 1% Low FPS RTX 5060 Ti | 16 GB 115 Avg FPS, 41 1% Low FPS RX 9060 XT | 16 GB 135 Avg FPS, 59 1% Low FPS There are a few cases the place, when utilizing upscaling, the RX 9070 GRE takes a wholesome lead when it comes to body charges over the RTX 5070. window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (perform() { /* World animation perform for slideshow re-use */ window.fvAnimateCharts = perform(chartWrapper) { if (!chartWrapper) return; perform animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(perform(bar, index) { /* Reset to 0 first to make sure animation triggers */ bar.type.setProperty(‘width’, ‘0%’, ‘essential’); bar.type.setProperty(‘transition’, ‘none’, ‘essential’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Drive reflow */ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, baseMargin + ‘%’, ‘essential’); } setTimeout(perform() { var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.type.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘essential’); bar.type.setProperty(‘width’, targetWidth + ‘%’, ‘essential’); if (targetMargin !== undefined && baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, targetMargin + ‘%’, ‘essential’); } }, index * 50 + 50); /* Diminished preliminary delay */ }); } perform animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(perform(p, i) { if (typeof p.getTotalLength === ‘perform’) { var len = p.getTotalLength(); p.type.transition = ‘none’; p.type.strokeDasharray = len; p.type.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(perform() { p.type.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.type.strokeDashoffset=”0″; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(perform(dot, i) { dot.type.opacity = ‘0’; setTimeout(perform() { dot.type.transition = ‘opacity 0.3s ease’; dot.type.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(perform(chart) { /* If in carousel/dropdown mode, hidden charts are show:none. */ /* We solely animate what’s seen. */ if (window.getComputedStyle(chart).show === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; perform initialize(uniqueId, isSlideshow) { var root = doc.getElementById(uniqueId); /* In slideshow mode, ‘root’ might be null as a result of the container has ‘-slideshow’ suffix. */ /* We deal with that logic under. */ if (!root && !isSlideshow) return; /* Setup inside interactions (Carousel/Dropdown/LineChart) for a particular chart wrapper */ perform setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive cellular view dealing with */ perform checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.display && Math.min(window.display.width, window.display.peak) <= 599; var isMobile; if (width === 0) else { /* Cell if container is small OR if it's a bodily cellular gadget (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner=”left”; if (rightNum > 0) { var diff = Math.spherical(((leftNum – rightNum) / rightNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner=”proper”; if (leftNum > 0) { var diff = Math.spherical(((rightNum – leftNum) / leftNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } } var leftDisplay = information.productData[leftProduct] && information.productData[leftProduct].displayValue !== undefined ? information.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = information.productData[rightProduct] && information.productData[rightProduct].displayValue !== undefined ? information.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (information.productData[leftProduct] && information.productData[leftProduct].unit) || (information.productData[rightProduct] && information.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(perform(el) { el.take away(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘proper’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.type.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.type.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.type.width = leftWidth + ‘%’; } if (rightBar) { rightBar.type.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.type.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.type.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = information.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.subsequent’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Textual content Parts */ 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.size > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.choices).map(perform(o) { return o.textual content; }); } else { charts.forEach(perform(c) ); } perform showInternalChart(index) { if (index = charts.size) index = 0; currentChartIndex = index; charts.forEach(perform(c, i) { c.type.show = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if wanted */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Replace labels-on-top based mostly on present chart sort */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.take away(‘labels-on-top’); } } }); if (dropdown) dropdown.worth = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.size; /* Replace Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); var currentChartType = activeChart.getAttribute(‘data-chart-type’); var hideGlobalCaption = currentChartType === ‘Countdown’ || currentChartType === ‘Picture Comparability’ || currentChartType === ‘Store the Assortment’; if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().size > 0 && !hideGlobalCaption) { footerContentEl.type.show = ‘block’; if (bottomBarEl) bottomBarEl.type.show = ‘flex’; } else { footerContentEl.type.show = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.type.show = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, perform(e) { showInternalChart(parseInt(e.goal.worth)); }); if (prevBtn) prevBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex + 1); }); } /* Picture Comparability Logic */ var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(perform(wrapper) { var internal = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; /* Zoom state */ var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; perform updateTransform() { if (wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { internal.type.setProperty(‘remodel’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘essential’); } else { internal.type.removeProperty(‘remodel’); scale = 1; panX = 0; panY = 0; } } perform constrainPan() { var rect = wrapper.getBoundingClientRect(); /* Max pan is determined by how a lot the picture is scaled past the wrapper */ var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.peak * scale – rect.peak) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, perform() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; hasPanned = true; /* Stop click on after pinch */ } else if (e.touches.size === 1 && scale > 1) }, { passive: false }); wrapper.addEventListener(‘touchmove’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.size === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, perform(e) { if (e.touches.size < 2) { initialDistance = null; } if (e.touches.size === 0) { isPanning = false; } }); perform handleMove(clientX) { var rect = internal.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var % = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.type.setProperty('left', % + '%', 'essential'); if (fgImage) fgImage.type.setProperty('clip-path', 'polygon(0 0, ' + % + '% 0, ' + % + '% 100%, 0 100%)', 'essential'); if (labelLeft) { if (% 90) { labelRight.type.setProperty(‘opacity’, ‘0’, ‘essential’); } else { labelRight.type.setProperty(‘opacity’, ‘1’, ‘essential’); } } } perform onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } perform onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } perform stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, perform(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, perform(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } /* Develop/Shut Logic */ var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.mother or father) { expandBtn.type.show = ‘none’; } else { expandBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ‘hidden’; /* Load high-res pictures if out there */ if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); }); } /* Shut on Escape */ doc.addEventListener(‘keydown’, perform(e) { if (e.key === ‘Escape’ && wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); } }); }); /* Store 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’); perform closeAllModals() { if (allProductsModal) { allProductsModal.classList.take away(‘is-active’); /* Take away highlights */ var objects = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); objects.forEach(perform(merchandise) { merchandise.classList.take away(‘is-highlighted’); }); /* Take away min-height after transition */ if (stlContainer) { setTimeout(perform() { if (!allProductsModal.classList.accommodates(‘is-active’)) { stlContainer.type.minHeight=””; if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } }, 300); } } hotspots.forEach(perform(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } hotspots.forEach(perform(btn) { btn.addEventListener(‘click on’, perform(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’); /* Guarantee container is tall sufficient */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.type.minHeight = '450px'; } /* Spotlight and scroll to merchandise */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(perform() { targetItem.scrollIntoView({ habits: 'easy', block: 'middle' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.measurement(); } } }); }); /* Store All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click on', perform(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Guarantee container is tall sufficient */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.size) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if(targetBtn.classList.accommodates(‘is-active’)) { targetBtn.click on(); } targetBtn.click on(); } } }); } if (iaWrapper) { iaWrapper.addEventListener(‘click on’, perform(e) { if (!e.goal.closest(‘.fv-ia-node-button’) && !e.goal.closest(‘.fv-ia-explore-btn’)) { closeAllIANodes(); resetExploreBtn(); } }); } /* Preliminary Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute(‘data-primary-color’) || ‘#f97316’; var subheadColor = countdownContainer.getAttribute(‘data-subhead-color’) || ‘#ffffff’; var pad = perform(n) { return (n 0) { d = Math.flooring(distinction / (1000 * 60 * 60 * 24)); h = Math.flooring((distinction / (1000 * 60 * 60)) % 24); m = Math.flooring((distinction / 1000 / 60) % 60); s = Math.flooring((distinction / 1000) % 60); } var daysEl = countdownContainer.querySelector(‘[data-time=”days”]’); var hoursEl = countdownContainer.querySelector(‘[data-time=”hours”]’); var minsEl = countdownContainer.querySelector(‘[data-time=”minutes”]’); var secsEl = countdownContainer.querySelector(‘[data-time=”seconds”]’); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = doc.getElementById(uniqueId + ‘-slideshow’); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); slides.forEach(perform(slide) { setupWrapper(slide.querySelector(‘.fv-chart-wrapper’)); }); } } else { setupWrapper(root); } } if (doc.readyState === ‘loading’) { doc.addEventListener(‘DOMContentLoaded’, perform() { initialize(‘fv-chart-1779814062060-lpiqcv1dg’, false); }); } else { initialize(‘fv-chart-1779814062060-lpiqcv1dg’, false); } })(); Although the GRE remains to be not far off, and if the worth hole between both the RX 9070 or RTX 5070 will increase then the GRE will turn into a extra tempting possibility. At MSRP vs. present pricing of the RX 9070 particularly, with the GRE you are getting roughly 86% of the efficiency, however you’re paying round 92% of the worth. On the larger resolutions the GRE notably struggles towards the opposite two playing cards, although when you’re aiming particularly for 4K gaming with something within the $600 vary you’re 100% counting on some heavy upscaling. At 1440p although it nonetheless shines. @import url(‘https://fonts.googleapis.com/css2?household=Open+Sans:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Poppins:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Montserrat:ital,wght@0,400;0,900;1,900&show=swap’); /* Reset & Base */ #fv-chart-1779814533259-6zoxelk6m *, #fv-chart-1779814533259-6zoxelk6m *:earlier than, #fv-chart-1779814533259-6zoxelk6m *:after, #fv-chart-1779814533259-6zoxelk6m-slideshow *, #fv-chart-1779814533259-6zoxelk6m-slideshow *:earlier than, #fv-chart-1779814533259-6zoxelk6m-slideshow *:after { box-sizing: border-box !essential; 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 !essential; } /* Important Wrappers */ #fv-chart-1779814533259-6zoxelk6m { place: relative !essential; overflow: seen !essential; –riv-primary: #E33235; } #fv-chart-1779814533259-6zoxelk6m .fv-inner-wrapper { colour: #1F2937 !essential; background-color: #ededed !essential; padding: 1.5rem 1.5rem 2rem !essential; border-radius: 0.5rem !essential; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !essential; margin: 1rem 0 !essential; show: flex !essential; flex-direction: column !essential; overflow: hidden !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !essential; } #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed { width: 100vw !essential; margin-left: calc(50% – 50vw) !essential; } physique { overflow-x: clip !essential; } #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed .fv-inner-wrapper { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } /* Slideshow Types */ #fv-chart-1779814533259-6zoxelk6m-slideshow { place: relative !essential; width: 100% !essential; margin: 1rem 0 !essential; –riv-primary: #E33235; } #fv-chart-1779814533259-6zoxelk6m-slideshow .fv-slides-wrapper { place: relative !essential; width: 100% !essential; } #fv-chart-1779814533259-6zoxelk6m-slideshow .fv-slide { width: 100% !essential; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } /* High Navigation Row (Redesign) */ #fv-chart-1779814533259-6zoxelk6m-slideshow .fv-slideshow-nav-row { place: relative !essential; show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; padding: 0 0 16px 0 !essential; width: 100% !essential; z-index: 20 !essential; } #fv-chart-1779814533259-6zoxelk6m-slideshow .fv-nav-btn { background-color: var(–riv-primary) !essential; colour: #ffffff !essential; border: none !essential; border-radius: 4px !essential; padding: 8px 16px !essential; font-size: 14px !essential; font-weight: 700 !essential; cursor: pointer !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 6px !essential; transition: opacity 0.2s, background-color 0.2s !essential; peak: 36px !essential; text-transform: none !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !essential; } #fv-chart-1779814533259-6zoxelk6m-slideshow .fv-nav-btn svg { width: 18px !essential; peak: 18px !essential; stroke-width: 3px !essential; filter: none !essential; } #fv-chart-1779814533259-6zoxelk6m-slideshow .fv-nav-btn:hover { opacity: 0.9 !essential; remodel: translateY(-1px) !essential; } #fv-chart-1779814533259-6zoxelk6m-slideshow .fv-nav-btn.disabled { background-color: #E5E7EB !essential; colour: #9CA3AF !essential; cursor: default !essential; pointer-events: none !essential; box-shadow: none !essential; } #fv-chart-1779814533259-6zoxelk6m-slideshow .fv-slide-counter { font-family: ‘Poppins’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; colour: #374151 !essential; text-align: middle !essential; min-width: 40px !essential; background-color: rgba(255,255,255,0.8) !essential; padding: 2px 8px !essential; border-radius: 10px !essential; } /* Slideshow Dropdown Navigation */ #fv-chart-1779814533259-6zoxelk6m-slideshow .fv-slideshow-select { place: absolute !essential; high: 10px !essential; proper: 10px !essential; z-index: 20 !essential; look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background-color: white !essential; border: 1px strong #d1d5db !essential; colour: #1F2937 !essential; font-family: ‘Open Sans’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; padding: 6px 32px 6px 12px !essential; border-radius: 4px !essential; cursor: pointer !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !essential; background-image: url(“information:picture/svg+xml,%3csvg xmlns=”http://www.w3.org/2000/svg” fill=”none” viewBox=’0 0 20 20’%3epercent3cpath stroke=”%236b7280″ stroke-linecap=’spherical’ stroke-linejoin=’spherical’ stroke-width=”1.5″ d=’M6 8l4 4 4-4’/%3epercent3c/svgpercent3e”) !essential; background-position: proper 0.5rem middle !essential; background-repeat: no-repeat !essential; background-size: 1.5em 1.5em !essential; } #fv-chart-1779814533259-6zoxelk6m-slideshow .fv-slideshow-select:focus { define: 2px strong #E33235 !essential; border-color: #E33235 !essential; } /* Typography */ #fv-chart-1779814533259-6zoxelk6m .fv-chart-title { font-weight: daring !essential; text-align: middle !essential; margin-bottom: 0.5rem !essential; colour: var(–riv-primary) !essential; font-size: 20px !essential; line-height: 1.2 !essential; font-family: ‘Open Sans’, sans-serif !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; padding: 0 20px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-chart-subhead { font-size: 18px !essential; font-weight: 500 !essential; text-align: middle !essential; margin-bottom: 2rem !essential; colour: #374151 !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; text-transform: none !essential; padding: 0 20px !essential; } #fv-chart-1779814533259-6zoxelk6m .rv-chart-caption { font-size: 15px !essential; colour: #374151 !essential; text-align: middle !essential; font-style: regular !essential; font-weight: regular !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; } /* Versus Chart */ #fv-chart-1779814533259-6zoxelk6m .fv-versus-chart { show: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-header { show: flex; justify-content: space-between; align-items: middle; 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: middle; padding-right: 1rem; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper.fv-right { text-align: middle; padding-left: 1rem; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-container { place: relative; show: inline-block; max-width: 100%; width: 100%; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-chevron { place: absolute; high: 50%; remodel: translateY(-50%); pointer-events: none; width: 16px; peak: 16px; flex-shrink: 0; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper.fv-left .fv-versus-chevron { proper: 0; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper.fv-right .fv-versus-chevron { proper: 0; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-select { background: clear; border: none; border-bottom: 2px strong; font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; define: none; look: 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: middle; course: ltr; padding-right: 1.25rem; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-select.fv-select-right { text-align: middle; padding-right: 1.25rem; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-select possibility { font-family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 14px; colour: #374151; course: ltr; text-align: left; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-vs { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-body { show: flex; flex-direction: column; hole: 1.5rem; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-row { place: relative; peak: auto; padding-top: 20px; margin-bottom: 0.25rem; show: block; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-bar-container { place: relative; peak: 32px; show: flex; align-items: middle; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-bar-left-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-end; align-items: middle; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-bar-right-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-start; align-items: middle; } #fv-chart-1779814533259-6zoxelk6m .fv-versus-bar { peak: 32px; width: var(–target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; show: flex; align-items: middle; overflow: hidden; colour: #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 { place: absolute; left: 50%; high: 0; backside: 0; width: 4px; background-color: #ffffff; remodel: 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 { place: absolute; left: 50%; remodel: translateX(-50%); high: 0; background-color: clear; border: none; box-shadow: none; padding: 0; font-family: ‘Open Sans’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; white-space: nowrap; } #fv-chart-1779814533259-6zoxelk6m .sr-only { place: absolute !essential; width: 1px !essential; peak: 1px !essential; padding: 0 !essential; margin: -1px !essential; overflow: hidden !essential; clip: rect(0,0,0,0) !essential; white-space: nowrap !essential; border: 0 !essential; } /* Picture Comparability Types */ #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-container { width: auto !essential; margin-left: -1.5rem !essential; margin-right: -1.5rem !essential; margin-bottom: 2rem !essential; } #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed .fv-image-compare-container { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-wrapper { place: relative !essential; width: 100% !essential; overflow: hidden !essential; border-radius: 0 !essential; background-color: #000 !essential; touch-action: pan-y !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-inner { place: relative !essential; width: 100% !essential; peak: 100% !essential; show: block !essential; transform-origin: middle middle !essential; transition: remodel 0.1s ease-out !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-bg { show: block !essential; width: 100% !essential; peak: auto !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-fg { place: absolute !essential; high: 0 !essential; left: 0 !essential; width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-slider { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 32px !essential; remodel: translateX(-50%) !essential; cursor: ew-resize !essential; z-index: 10 !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-slider-line { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 4px !essential; background-color: white !essential; remodel: translateX(-50%) !essential; box-shadow: 0 0 10px rgba(0,0,0,0.5) !essential; pointer-events: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-handle { place: absolute !essential; high: 50% !essential; left: 50% !essential; remodel: translate(-50%, -50%) !essential; width: 32px !essential; peak: 32px !essential; background-color: white !essential; border-radius: 50% !essential; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 4px !essential; pointer-events: none !essential; z-index: 11 !essential; overflow: hidden !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-arrow-left { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-right: 4px strong #4b5563 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-arrow-right { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-left: 4px strong #4b5563 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-label { place: absolute !essential; high: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; padding: 0.25rem 0.75rem !essential; border-radius: 0.25rem !essential; font-size: 0.875rem !essential; font-weight: 500 !essential; pointer-events: none !essential; backdrop-filter: blur(4px) !essential; z-index: 5 !essential; transition: proper 0.3s ease, opacity 0.2s ease !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-label-left { left: 1rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-label-right { proper: 1rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-expand-btn, #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-close-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; border: none !essential; border-radius: 0.25rem !essential; padding: 0.5rem !essential; cursor: pointer !essential; z-index: 20 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; backdrop-filter: blur(4px) !essential; transition: background-color 0.2s !essential; } #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) !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-close-btn { show: none !essential; high: 1rem !essential; backside: auto !essential; } /* Fullscreen State */ #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-wrapper.fv-image-compare-fullscreen { place: fastened !essential; high: 0 !essential; left: 0 !essential; proper: 0 !essential; backside: 0 !essential; width: 100% !essential; peak: 100% !essential; z-index: 999999 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: rgba(0, 0, 0, 0.9) !essential; margin: 0 !essential; touch-action: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !essential; peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; cursor: seize !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:energetic { cursor: grabbing !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { place: absolute !essential; high: 0 !essential; left: 0 !essential; max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { show: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { show: flex !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { proper: 4rem !essential; } /* Footer */ #fv-chart-1779814533259-6zoxelk6m .fv-bottom-bar { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; margin-top: 0.5rem !essential; hole: 1rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-footer-content { text-align: middle !essential; width: 100% !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-logo { show: block !essential; margin: 0 auto !essential; width: 120px !essential; min-width: 120px !essential; max-width: 120px !essential; peak: auto !essential; object-fit: comprise !essential; flex-shrink: 0 !essential; } /* Show Mode Controls */ #fv-chart-1779814533259-6zoxelk6m .fv-dropdown-wrapper { text-align: middle !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-dropdown-title-container { place: relative !essential; show: inline-block !essential; max-width: 100% !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-dropdown-title { look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background: clear !essential; border: none !essential; font-size: 18px !essential; font-weight: 600 !essential; colour: var(–riv-primary) !essential; padding-right: 28px !essential; padding-left: 10px !essential; cursor: pointer !essential; text-align: middle !essential; text-align-last: middle !essential; width: auto !essential; max-width: 100% !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; margin: 0 !essential; text-overflow: ellipsis !essential; overflow: hidden !essential; white-space: nowrap !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-dropdown-title:focus { define: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-dropdown-title::-ms-expand { show: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-dropdown-chevron { place: absolute !essential; proper: 0 !essential; high: 50% !essential; remodel: translateY(-50%) !essential; pointer-events: none !essential; colour: var(–riv-primary) !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-carousel-title-controls { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; margin-bottom: 16px !essential; width: 100% !essential; hole: 12px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-carousel-nav-btn { background: clear !essential; border: 1px strong #d1d5db !essential; border-radius: 6px !essential; padding: 6px 10px !essential; cursor: pointer !essential; font-size: 14px !essential; colour: #374151 !essential; show: flex !essential; align-items: middle !essential; hole: 4px !essential; font-family: ‘Open Sans’, sans-serif !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-carousel-nav-btn:hover { border-color: #9ca3af !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-carousel-counter { font-size: 14px !essential; colour: #374151 !essential; text-align: middle !essential; margin-top: 1rem !essential; } /* Legend */ #fv-chart-1779814533259-6zoxelk6m .fv-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 8px 16px !essential; margin: 0 !essential; padding: 0 !essential; margin-top: 1rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-legend-item { show: flex !essential; align-items: middle !essential; hole: 6px !essential; font-size: 14px !essential; colour: #374151 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-legend-color { width: 12px !essential; peak: 12px !essential; border-radius: 3px !essential; } /* Multi-Worth Legend */ #fv-chart-1779814533259-6zoxelk6m .fv-multi-value-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 12px 24px !essential; margin-bottom: 1.5rem !essential; padding: 0 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-multi-legend-item { show: flex !essential; align-items: middle !essential; hole: 8px !essential; font-size: 14px !essential; colour: #374151 !essential; font-weight: 500 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-multi-legend-swatch { width: 16px !essential; peak: 16px !essential; border-radius: 3px !essential; } /* Chart Core Types */ #fv-chart-1779814533259-6zoxelk6m .fv-benchmark-group { margin-bottom: 1rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-benchmark-title { font-size: 18px !essential; font-weight: 600 !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; padding: 0 !essential; text-align: middle !essential; colour: var(–riv-primary) !essential; flex: 1 !essential; min-width: 0 !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; word-wrap: break-word !essential; max-width: 100% !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar-row, #fv-chart-1779814533259-6zoxelk6m .fv-stacked-product { show: flex !essential; align-items: middle !essential; width: 100% !essential; margin-bottom: 0.75rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar-label { width: 150px !essential; flex-shrink: 0 !essential; font-size: 14px !essential; colour: #374151 !essential; padding-right: 10px !essential; text-align: proper !essential; font-weight: 500 !essential; show: block !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar-container { flex-grow: 1 !essential; background-color: #E5E7EB !essential; border-radius: 4px !essential; min-height: 25px !essential; border: 1px strong #D1D5DB !essential; place: relative !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar { peak: 100% !essential; border-radius: 3px !essential; show: flex !essential; align-items: middle !essential; transition: opacity 0.2s ease, width 0.8s ease-out !essential; min-height: 23px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar:hover { opacity: 0.8 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar-inner-content { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; width: 100% !essential; peak: 100% !essential; padding: 0 8px !essential; font-size: 14px !essential; font-weight: daring !essential; overflow: hidden !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar-inner-label { white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; padding-right: 8px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar-inner-value { flex-shrink: 0 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar-value-outside { padding-left: 8px !essential; font-size: 14px !essential; font-weight: daring !essential; colour: #374151 !essential; white-space: nowrap !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar-label.fv-primary-product { font-weight: daring !essential; colour: var(–riv-primary) !essential; } /* Multi-Worth Bar Logic */ #fv-chart-1779814533259-6zoxelk6m .fv-multi-bar-container { flex-direction: column !essential; padding: 4px !essential; align-items: stretch !essential; hole: 4px !essential; peak: auto !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-multi-bar-item { show: flex !essential; align-items: middle !essential; peak: 25px !essential; width: 100% !essential; } /* Stacked Bar */ #fv-chart-1779814533259-6zoxelk6m .fv-stacked-bar { show: flex !essential; overflow: hidden !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stacked-segment { peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: flex-end !essential; padding-right: 8px !essential; border-right: 1px strong rgba(255,255,255,0.3) !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stacked-segment:last-child { border-right: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-segment-value { font-size: 14px !essential; font-weight: daring !essential; } /* Grouped Bar */ #fv-chart-1779814533259-6zoxelk6m .fv-grouped-bar-product { show: flex !essential; flex-direction: column !essential; width: 100% !essential; margin-bottom: 1.25rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-grouped-product-title-wrapper { padding-left: 150px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.5rem !essential; font-weight: 700 !essential; font-size: 14px !essential; colour: #374151 !essential; text-transform: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar-cluster { width: 100% !essential; flex-grow: 1 !essential; show: flex !essential; flex-direction: column !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-bar-cluster .fv-bar-container { peak: 20px !essential; } /* Line Chart Grid */ #fv-chart-1779814533259-6zoxelk6m .riv-grid line { stroke: #D1D5DB !essential; stroke-dasharray: 3 3 !essential; } /* X-Axis */ #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-wrapper { show: flex !essential; width: 100% !essential; margin-top: 0.5rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-label-space { width: 150px !essential; padding-right: 10px !essential; flex-shrink: 0 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-chart-space { flex-grow: 1 !essential; padding-right: 8px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-line { border-top: 1px strong #D1D5DB !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-ticks { show: flex !essential; justify-content: space-between !essential; padding-top: 4px !essential; font-size: 13px !essential; colour: #374151 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-ticks span { place: relative !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-ticks span::earlier than { content material: ” !essential; place: absolute !essential; high: -6px !essential; left: 50% !essential; remodel: translateX(-50%) !essential; width: 2px !essential; peak: 4px !essential; background-color: #D1D5DB !essential; border-radius: 1px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-unit { text-align: middle !essential; font-size: 14px !essential; colour: #374151 !essential; margin-top: 8px !essential; show: block !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-x-axis-title { text-align: middle !essential; font-size: 15px !essential; colour: #374151 !essential; margin-top: 8px !essential; margin-bottom: 16px !essential; line-height: 1.5 !essential; padding: 0 1rem !essential; show: block !essential; font-weight: daring !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-y-axis-title { font-size: 15px !essential; colour: #374151 !essential; line-height: 1.5 !essential; text-align: left !essential; padding-left: 5.83% !essential; /* Aligns with Y-axis line inside SVG (35/600) */ margin-bottom: 4px !essential; show: block !essential; font-weight: daring !essential; } /* Store The Look */ #fv-chart-1779814533259-6zoxelk6m .fv-stl-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; transition: min-height 0.3s ease !essential; overflow: hidden !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stl-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed .fv-stl-container { width: 100% !essential; } #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed .fv-stl-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stl-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stl-hotspot-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stl-hotspot-btn { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !essential; transition-property: all !essential; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !essential; transition-duration: 300ms !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stl-hotspot-btn:hover { remodel: scale(1.1) !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stl-hotspot-btn:focus { define: 2px strong clear !essential; outline-offset: 2px !essential; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stl-hotspot-btn[aria-expanded=”true”] { background-color: #3b82f6 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stl-hotspot-pulse { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-stl-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1779814533259-6zoxelk6m .fv-stl-hotspot-pulse { animation-fill-mode: none !essential; } } /* Store the look button */ #fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; peak: 2.5rem !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; colour: #111827 !essential; padding: 0 1rem 0 3rem !essential; border-radius: 0.25rem !essential; font-weight: 700 !essential; font-size: 0.875rem !essential; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !essential; border: none !essential; cursor: pointer !essential; transition: all 0.2s !essential; z-index: 10 !essential; show: flex !essential; align-items: middle !essential; text-transform: uppercase !essential; overflow: hidden !essential; white-space: nowrap !essential; max-width: calc(100% – 2rem) !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-btn span { overflow: hidden !essential; text-overflow: ellipsis !essential; white-space: nowrap !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-btn:hover { background-color: #ffffff !essential; remodel: scale(1.05) !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-logo { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; object-fit: cowl !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; flex-shrink: 0 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-icon { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; colour: #1f2937 !essential; flex-shrink: 0 !essential; } /* All Merchandise Modal */ #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m { place: fastened !essential; inset: 0 !essential; background-color: rgba(0, 0, 0, 0) !essential; backdrop-filter: blur(0px) !essential; -webkit-backdrop-filter: blur(0px) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; z-index: 99999 !essential; pointer-events: none !essential; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !essential; padding: 1rem !essential; overflow: hidden !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m { place: absolute !essential; padding: 0 !essential; align-items: flex-end !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m.is-active { background-color: rgba(0, 0, 0, 0.2) !essential; backdrop-filter: blur(4px) !essential; -webkit-backdrop-filter: blur(4px) !essential; pointer-events: auto !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-content { width: 100% !essential; max-width: 42rem !essential; max-height: 100% !essential; show: flex !essential; flex-direction: column !essential; place: relative !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; border-radius: 1rem !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; overflow: hidden !essential; transition: remodel 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !essential; opacity: 0 !essential; remodel: scale(0.95) !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m.is-active .fv-stl-all-products-content { opacity: 1 !essential; remodel: scale(1) !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; } /* V2 Backside Sheet Fashion */ #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m.v2 { align-items: flex-end !essential; padding: 0 !essential; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m.v2:not(.mobile-view *) { justify-content: flex-end !essential; } } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m.v2 .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } @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 !essential; border-radius: 1.5rem 0 0 0 !essential; } } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m.v2.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-header { show: flex !essential; align-items: middle !essential; justify-content: space-between !essential; padding: 1.5rem !essential; border-bottom: 1px strong #e5e7eb !essential; flex-shrink: 0 !essential; place: sticky !essential; high: 0 !essential; background-color: rgba(255, 255, 255, 0.8) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; z-index: 10 !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-header { padding: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-logo { peak: 1.5rem !essential; width: auto !essential; object-fit: comprise !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-logo { peak: 1.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-title { font-size: 1.25rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-title { font-size: 1.125rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-close { width: 2rem !essential; peak: 2rem !essential; border-radius: 9999px !essential; background-color: rgba(0, 0, 0, 0.05) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; border: none !essential; cursor: pointer !essential; z-index: 10 !essential; colour: #6b7280 !essential; transition: all 0.2s !essential; padding: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-list { list-style: none !essential; padding: 1.5rem !essential; margin: 0 !essential; overflow-y: auto !essential; flex: 1 !essential; show: flex !essential; flex-direction: column !essential; hole: 0.75rem !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-list { padding: 0.75rem !essential; hole: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-item { margin: 0 !essential; padding: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-link { show: flex !essential; align-items: flex-start !essential; padding: 0.75rem !essential; text-decoration: none !essential; colour: inherit !essential; transition: all 0.2s !essential; border-radius: 1rem !essential; border: 1px strong clear !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-link { padding: 0.5rem !essential; border-radius: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-link:hover { background-color: #ffffff !essential; border-color: #e5e7eb !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !essential; border-color: #d1d5db !essential; 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 !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-image-container { place: relative !essential; margin-right: 1.25rem !essential; flex-shrink: 0 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-number { place: absolute !essential; high: -0.5rem !essential; left: -0.5rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; background-color: #0f172a !essential; colour: #ffffff !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; 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 !essential; z-index: 10 !essential; font-family: sans-serif !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-number { high: -0.375rem !essential; left: -0.375rem !essential; width: 1.25rem !essential; peak: 1.25rem !essential; font-size: 0.625rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-image-wrapper { width: 6rem !essential; peak: 6rem !essential; border-radius: 0.75rem !essential; overflow: hidden !essential; background-color: #f9fafb !essential; border: 1px strong #f3f4f6 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-image-wrapper { width: 4rem !essential; peak: 4rem !essential; border-radius: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-image { width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-placeholder { width: 2rem !essential; peak: 2rem !essential; colour: #d1d5db !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-placeholder { width: 1.5rem !essential; peak: 1.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-info { flex: 1 !essential; min-width: 0 !essential; show: flex !essential; flex-direction: column !essential; justify-content: middle !essential; margin-top: 0.25rem !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-info { margin-top: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-brand { font-size: 0.625rem !essential; font-weight: 700 !essential; colour: #6b7280 !essential; text-transform: uppercase !essential; letter-spacing: 0.1em !essential; margin: 0 0 0.375rem 0 !essential; white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-brand { font-size: 0.5625rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-name { font-size: 1rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 0 0.375rem 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.25 !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-name { font-size: 0.875rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-meta { show: flex !essential; align-items: middle !essential; font-size: 0.875rem !essential; margin-bottom: 0.375rem !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-meta { font-size: 0.75rem !essential; margin-bottom: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-price { font-weight: 700 !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-sale-price { font-weight: 700 !essential; colour: #dc2626 !essential; margin-right: 0.5rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-original-price { colour: #9ca3af !essential; text-decoration: line-through !essential; font-size: 0.75rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-commentary { font-size: 0.875rem !essential; colour: #4b5563 !essential; margin: 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.375 !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-commentary { font-size: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-action { width: 2.5rem !essential; peak: 2.5rem !essential; border-radius: 9999px !essential; background-color: #f9fafb !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; margin-left: 1rem !essential; flex-shrink: 0 !essential; border: 1px strong #f3f4f6 !essential; transition: all 0.2s !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-action { width: 2rem !essential; peak: 2rem !essential; margin-left: 0.75rem !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-action svg { width: 14px !essential; peak: 14px !essential; } #fv-stl-all-products-modal-fv-chart-1779814533259-6zoxelk6m .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !essential; colour: #ffffff !essential; border-color: #111827 !essential; } /* Picture Annotation Types */ #fv-chart-1779814533259-6zoxelk6m .fv-ia-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; overflow: hidden !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed .fv-ia-container { width: 100% !essential; } #fv-chart-1779814533259-6zoxelk6m.fv-full-bleed .fv-ia-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-button { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-button:hover { remodel: scale(1.1) !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-button.is-active { background-color: #E33235 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-pulse-ring { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-ia-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } #fv-chart-1779814533259-6zoxelk6m .fv-ia-static-tooltip { show: none !essential; place: absolute !essential; high: -10px !essential; left: 50% !essential; remodel: translate(-50%, -100%) !essential; background-color: rgba(255, 255, 255, 0.95) !essential; padding: 10px !essential; border-radius: 6px !essential; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !essential; width: max-content !essential; max-width: 200px !essential; font-size: 13px !essential; colour: #1f2937 !essential; z-index: 20 !essential; pointer-events: none !essential; white-space: pre-wrap !essential; line-height: 1.4 !essential; border: 1px strong #e5e7eb !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-button:hover + .fv-ia-static-tooltip { show: block !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-logo-explore-bar { place: relative !essential; width: 100% !essential; show: flex !essential; justify-content: middle !essential; align-items: middle !essential; min-height: 30px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-logo-explore-bar .fv-logo { margin: 0 auto !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-explore-wrapper { place: absolute !essential; proper: 0 !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-logo-explore-bar { flex-direction: column !essential; min-height: auto !essential; hole: 0.75rem !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-ia-explore-wrapper { place: static !essential; align-self: flex-end !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !essential; colour: #1e293b !essential; border: 1px strong #e5e7eb !essential; border-radius: 9999px !essential; padding: 0.5rem 1.25rem !essential; font-size: 0.875rem !essential; font-weight: 600 !essential; font-family: sans-serif !essential; show: inline-flex !essential; align-items: middle !essential; hole: 0.5rem !essential; cursor: pointer !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 0.2s !essential; pointer-events: auto !essential; flex-shrink: 0 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-explore-btn:hover { background-color: #ffffff !essential; remodel: translateY(-2px) !essential; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !essential; colour: #E33235 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-explore-btn svg { transition: remodel 0.2s !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-explore-btn:hover svg { remodel: translateX(2px) !essential; } /* IA Modal Types */ #fv-chart-1779814533259-6zoxelk6m .fv-ia-active-modal-container { show: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-modals { show: block !essential; place: static !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-modal-item { show: none !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-modal-item.is-active { show: flex !essential; flex-direction: column !essential; place: absolute !essential; high: 1rem !essential; proper: 1rem !essential; z-index: 20 !essential; width: 18rem !essential; max-width: calc(100% – 2rem) !essential; background-color: #ffffff !essential; padding: 1rem !essential; border-radius: 0.75rem !essential; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !essential; border: 1px strong #e5e7eb !essential; border-top: 4px strong #E33235 !essential; animation: fv-ia-fade-in 0.2s ease-out !essential; hole: 0.75rem !essential; max-height: 80% !essential; overflow-y: auto !essential; pointer-events: auto !essential; } @keyframes fv-ia-fade-in { from { opacity: 0; remodel: scale(0.95); } to { opacity: 1; remodel: scale(1); } } #fv-chart-1779814533259-6zoxelk6m .fv-ia-modal-header { show: flex !essential; justify-content: space-between !essential; align-items: flex-start !essential; margin: 0 !essential; hole: 0.5rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-title { font-size: 1rem !essential; line-height: 1.25 !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-close-button { background: #f9fafb !essential; border: 1px strong #e5e7eb !essential; border-radius: 50% !essential; width: 2rem !essential; peak: 2rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; cursor: pointer !essential; padding: 0 !essential; flex-shrink: 0 !essential; transition: all 0.2s !essential; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-close-button:hover { background: #e5e7eb !essential; colour: #111827 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-ia-node-description { font-size: 0.875rem !essential; colour: #374151 !essential; margin: 0 !essential; line-height: 1.625 !essential; white-space: pre-wrap !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-ia-node-description { font-size: 0.875rem !essential; } /* Error Dealing with */ #fv-chart-1779814533259-6zoxelk6m .fv-ia-empty { show: flex !essential; align-items: middle !essential; justify-content: middle !essential; peak: 200px !essential; background-color: #f1f5f9 !essential; colour: #64748b !essential; border: 2px dashed #cbd5e1 !essential; border-radius: 0.5rem !essential; } /* Countdown Types */ #fv-chart-1779814533259-6zoxelk6m .fv-countdown-container { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; justify-content: middle !essential; padding: 1rem !essential; place: relative !essential; width: 100% !essential; box-sizing: border-box !essential; font-family: Montserrat, sans-serif !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-header { text-align: middle !essential; margin-bottom: 2rem !essential; z-index: 10 !essential; width: 100% !essential; show: flex !essential; flex-direction: column !essential; align-items: middle !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-title { font-size: 1.25rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0 !essential; font-style: italic !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-subhead { font-size: 1.125rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0.25rem 0 0 0 !essential; font-style: italic !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-timer-wrap { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; width: 100% !essential; max-width: 64rem !essential; z-index: 10 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-labels { show: flex !essential; justify-content: middle !essential; width: 100% !essential; margin-bottom: 0.5rem !essential; padding: 0 0.5rem !essential; font-size: 0.75rem !essential; font-weight: daring !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-labels > div { flex: 1 !essential; text-align: middle !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-box { place: relative !essential; width: 100% !essential; border-top: 6px strong #333 !essential; border-bottom: 8px strong #333 !essential; padding: 1rem 0 !essential; background: linear-gradient(to backside, #1f2937, #000000) !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits { show: flex !essential; justify-content: middle !essential; font-size: 1.75rem !essential; font-weight: 900 !essential; letter-spacing: 0em !essential; font-family: monospace !essential; colour: #fff !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits > div.digit-box { flex: 1 !essential; text-align: middle !essential; white-space: nowrap !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits > div.colon { flex: 0 0 auto !essential; opacity: 0.5 !essential; place: relative !essential; high: -2px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-spike-l { place: absolute !essential; left: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-right: 15px strong #374151 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-spike-r { place: absolute !essential; proper: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-left: 15px strong #374151 !essential; } @media (min-width: 600px) { #fv-chart-1779814533259-6zoxelk6m .fv-countdown-container { padding: 2rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-title { font-size: 1.75rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-subhead { font-size: 1.25rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits { font-size: 2.25rem !essential; letter-spacing: 0 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-labels { font-size: 0.875rem !essential; padding: 0 1rem !essential; margin-bottom: 1rem !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-box { padding: 1.5rem 0 !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits > div.colon { high: -4px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-spike-l { left: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-right-width: 20px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-spike-r { proper: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-left-width: 20px !essential; } } @media (min-width: 768px) { #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits { font-size: 3.5rem !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-countdown-digits > div.colon { high: -5px !essential; } } /* Cell / Pressured Cell View / Labels on High */ #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-pie-container, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#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 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-x-axis-wrapper, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-x-axis-label-space, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-x-axis-label-space { show: none !essential; }#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 !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-benchmark-title, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-dropdown-title, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-carousel-nav-btn, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-chart-title, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-chart-subhead, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-header, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-select-wrapper, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#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: middle !essential; padding-right: 0 !essential; }#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: middle !essential; padding-left: 0 !essential; }#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: middle !essential; }#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: middle !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-vs, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-select-container, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-versus-select, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779814533259-6zoxelk6m.labels-on-top .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#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 !essential; peak: 2rem !essential; }#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 !essential; peak: 14px !essential; } #fv-chart-1779814533259-6zoxelk6m.mobile-view .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779814533259-6zoxelk6m.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } @media (max-width: 599px) { #fv-chart-1779814533259-6zoxelk6m .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-grouped-product-title-wrapper { padding-left: 0 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-bar-label, #fv-chart-1779814533259-6zoxelk6m .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-bar-container, #fv-chart-1779814533259-6zoxelk6m .fv-bar-cluster { width: 100% !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-x-axis-label-space { show: none !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-x-axis-chart-space { padding-right: 0 !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper.fv-left { text-align: middle !essential; padding-right: 0 !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-versus-select-wrapper.fv-right { text-align: middle !essential; padding-left: 0 !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-versus-select.fv-select-left { text-align: middle !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-versus-select.fv-select-right { text-align: middle !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-logo, #fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-icon { width: 2rem !essential; peak: 2rem !essential; }#fv-chart-1779814533259-6zoxelk6m .fv-stl-shop-all-icon svg { width: 14px !essential; peak: 14px !essential; } #fv-chart-1779814533259-6zoxelk6m .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779814533259-6zoxelk6m.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } } { “@context”: “https://schema.org”, “@sort”: “Dataset”, “identify”: “Undervolting efficiency”, “description”: “Subhead to explain the check and what’s being measured and why”, “creator”: { “@sort”: “Group”, “identify”: “PC Gamer”, “emblem”: “https://cdn.mos.cms.futurecdn.web/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T16:55:33.260Z”, “quotation”: “With a super-easy undervolt, the RX 9070 GRE is ready to publish efficiency on par or past the RTX 5070, and alongside the straight RX 9070.”, “key phrases”: [ “RX 9070 GRE (Acer Nitro) (Undervolted | -130mV | 2700 Mem)”, “RX 9070 GRE (Acer Nitro) (v1.0)”, “RX 9070”, “RTX 5070”, “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 +upscsaling (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)”, “F1 24 (1440p Ultra high +upscaling (Quality), 2x FG)”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Efficiency Benchmarking”, “variableMeasured”: [ Stock – Black Myth Wukong (1440p High)”, “value”: 68, “unitText”: “Avg FPS” , Stock – Black Myth Wukong (1440p High)”, “value”: 73, “unitText”: “Avg FPS” , 2700 Mem – Black Myth Wukong (1440p High)”, “value”: 69, “unitText”: “Avg FPS” , Stock – Black Myth Wukong (1440p High)”, “value”: 62, “unitText”: “Avg FPS” , Stock – Black Myth Wukong (1440p High + Upscaling (quality))”, “value”: 107, “unitText”: “Avg FPS” , Stock – Black Myth Wukong (1440p High + Upscaling (quality))”, “value”: 111, “unitText”: “Avg FPS” , Undervolted , Stock – Black Myth Wukong (1440p High + Upscaling (quality))”, “value”: 95, “unitText”: “Avg FPS” , Stock – Cyberpunk 2077 (1440p RT Ultra)”, “value”: 45, “unitText”: “Avg FPS” , Stock – Cyberpunk 2077 (1440p RT Ultra)”, “value”: 43, “unitText”: “Avg FPS” , -130mV , Stock – Cyberpunk 2077 (1440p RT Ultra)”, “value”: 38, “unitText”: “Avg FPS” , Stock – Cyberpunk 2077 (1440p RT Ultra + upscaling (quality))”, “value”: 122, “unitText”: “Avg FPS” , Stock – Cyberpunk 2077 (1440p RT Ultra + upscaling (quality))”, “value”: 149, “unitText”: “Avg FPS” , 2700 Mem – Cyberpunk 2077 (1440p RT Ultra + upscaling (quality))”, “value”: 145, “unitText”: “Avg FPS” , Stock – Cyberpunk 2077 (1440p RT Ultra + upscaling (quality))”, “value”: 130, “unitText”: “Avg FPS” , Stock – F1 24 (1440p Ultra High)”, “value”: 78, “unitText”: “Avg FPS” , Stock – F1 24 (1440p Ultra High)”, “value”: 90, “unitText”: “Avg FPS” , Undervolted , Stock – F1 24 (1440p Ultra High)”, “value”: 81, “unitText”: “Avg FPS” , Stock – F1 24 (1440p Ultra high +upscsaling (Quality), 2x FG)”, “value”: 176, “unitText”: “Avg FPS” , Stock – F1 24 (1440p Ultra high +upscsaling (Quality), 2x FG)”, “value”: 261, “unitText”: “Avg FPS” , Undervolted , Stock – F1 24 (1440p Ultra high +upscsaling (Quality), 2x FG)”, “value”: 249, “unitText”: “Avg FPS” , Stock – Homeworld 3 (1440p Epic)”, “value”: 112, “unitText”: “Avg FPS” , Stock – Homeworld 3 (1440p Epic)”, “value”: 104, “unitText”: “Avg FPS” , 2700 Mem – Homeworld 3 (1440p Epic)”, “value”: 103, “unitText”: “Avg FPS” , Stock – Homeworld 3 (1440p Epic)”, “value”: 101, “unitText”: “Avg FPS” , Stock – Homeworld 3 (1440p Epic + upscaling (quality))”, “value”: 127, “unitText”: “Avg FPS” , Stock – Homeworld 3 (1440p Epic + upscaling (quality))”, “value”: 123, “unitText”: “Avg FPS” , Undervolted , Stock – Homeworld 3 (1440p Epic + upscaling (quality))”, “value”: 115, “unitText”: “Avg FPS” , Stock – Metro Exodus Enhanced Edition (1440p Ultra)”, “value”: 100, “unitText”: “Avg FPS” , Stock – Metro Exodus Enhanced Edition (1440p Ultra)”, “value”: 107, “unitText”: “Avg FPS” , 2700 Mem – Metro Exodus Enhanced Edition (1440p Ultra)”, “value”: 101, “unitText”: “Avg FPS” , Stock – Metro Exodus Enhanced Edition (1440p Ultra)”, “value”: 92, “unitText”: “Avg FPS” , Stock – The Talos Principle 2 (1440p Ultra)”, “value”: 64, “unitText”: “Avg FPS” , Stock – The Talos Principle 2 (1440p Ultra)”, “value”: 74, “unitText”: “Avg FPS” , Undervolted , Stock – The Talos Principle 2 (1440p Ultra)”, “value”: 61, “unitText”: “Avg FPS” , Stock – The Talos Principle 2 (1440p Ultra +upscaling (quality), 2x FG)”, “value”: 144, “unitText”: “Avg FPS” , Stock – The Talos Principle 2 (1440p Ultra +upscaling (quality), 2x FG)”, “value”: 197, “unitText”: “Avg FPS” , Undervolted , Stock – The Talos Principle 2 (1440p Ultra +upscaling (quality), 2x FG)”, “value”: 164, “unitText”: “Avg FPS” , Stock – Total War: Warhammer 3 (1440p Ultra)”, “value”: 81, “unitText”: “Avg FPS” , Stock – Total War: Warhammer 3 (1440p Ultra)”, “value”: 96, “unitText”: “Avg FPS” , Undervolted , Stock – Total War: Warhammer 3 (1440p Ultra)”, “value”: 82, “unitText”: “Avg FPS” ]} Undervolting efficiency Black Fantasy Wukong (1440p Excessive)Black Fantasy Wukong (1440p Excessive + Upscaling (high quality))Cyberpunk 2077 (1440p RT Extremely)Cyberpunk 2077 (1440p RT Extremely + upscaling (high quality))F1 24 (1440p Extremely Excessive)F1 24 (1440p Extremely excessive +upscaling (High quality), 2x FG)Homeworld 3 (1440p Epic)Homeworld 3 (1440p Epic + upscaling (high quality))Metro Exodus Enhanced Version (1440p Extremely)The Talos Precept 2 (1440p Extremely)The Talos Precept 2 (1440p Extremely +upscaling (high quality), 2x FG)Complete Warfare: Warhammer 3 (1440p Extremely) Avg FPS 1% Low FPS RX 9070 GRE | Undervolted | -130mV | 2700 Mem 69 42 RX 9070 GRE | Inventory 62 55 RX 9070 | Inventory 73 64 RTX 5070 | Inventory 68 60 Black Fantasy Wukong (1440p Excessive) Information ProductValue RX 9070 GRE | Undervolted | -130mV | 2700 Mem 69 Avg FPS, 42 1% Low FPS RX 9070 GRE | Inventory 62 Avg FPS, 55 1% Low FPS RX 9070 | Inventory 73 Avg FPS, 64 1% Low FPS RTX 5070 | Inventory 68 Avg FPS, 60 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | Undervolted | -130mV | 2700 Mem 103 89 RX 9070 GRE | Inventory 95 82 RX 9070 | Inventory 111 96 RTX 5070 | Inventory 107 81 Black Fantasy Wukong (1440p Excessive + Upscaling (high quality)) Information ProductValue RX 9070 GRE | Undervolted | -130mV | 2700 Mem 103 Avg FPS, 89 1% Low FPS RX 9070 GRE | Inventory 95 Avg FPS, 82 1% Low FPS RX 9070 | Inventory 111 Avg FPS, 96 1% Low FPS RTX 5070 | Inventory 107 Avg FPS, 81 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | Undervolted | -130mV | 2700 Mem 44 34 RX 9070 GRE | Inventory 38 23 RX 9070 | Inventory 43 36 RTX 5070 | Inventory 45 36 Cyberpunk 2077 (1440p RT Extremely) Information ProductValue RX 9070 GRE | Undervolted | -130mV | 2700 Mem 44 Avg FPS, 34 1% Low FPS RX 9070 GRE | Inventory 38 Avg FPS, 23 1% Low FPS RX 9070 | Inventory 43 Avg FPS, 36 1% Low FPS RTX 5070 | Inventory 45 Avg FPS, 36 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | Undervolted | -130mV | 2700 Mem 145 73 RX 9070 GRE | Inventory 130 78 RX 9070 | Inventory 149 102 RTX 5070 | Inventory 122 97 Cyberpunk 2077 (1440p RT Extremely + upscaling (high quality)) Information ProductValue RX 9070 GRE | Undervolted | -130mV | 2700 Mem 145 Avg FPS, 73 1% Low FPS RX 9070 GRE | Inventory 130 Avg FPS, 78 1% Low FPS RX 9070 | Inventory 149 Avg FPS, 102 1% Low FPS RTX 5070 | Inventory 122 Avg FPS, 97 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | Undervolted | -130mV | 2700 Mem 89 49 RX 9070 GRE | Inventory 81 52 RX 9070 | Inventory 90 67 RTX 5070 | Inventory 78 60 F1 24 (1440p Extremely Excessive) Information ProductValue RX 9070 GRE | Undervolted | -130mV | 2700 Mem 89 Avg FPS, 49 1% Low FPS RX 9070 GRE | Inventory 81 Avg FPS, 52 1% Low FPS RX 9070 | Inventory 90 Avg FPS, 67 1% Low FPS RTX 5070 | Inventory 78 Avg FPS, 60 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | Undervolted | -130mV | 2700 Mem 262 126 RX 9070 GRE | Inventory 249 122 RX 9070 | Inventory 261 114 RTX 5070 | Inventory 176 113 F1 24 (1440p Extremely excessive +upscaling (High quality), 2x FG) Information ProductValue RX 9070 GRE | Undervolted | -130mV | 2700 Mem 262 Avg FPS, 126 1% Low FPS RX 9070 GRE | Inventory 249 Avg FPS, 122 1% Low FPS RX 9070 | Inventory 261 Avg FPS, 114 1% Low FPS RTX 5070 | Inventory 176 Avg FPS, 113 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | Undervolted | -130mV | 2700 Mem 103 63 RX 9070 GRE | Inventory 101 61 RX 9070 | Inventory 104 62 RTX 5070 | Inventory 112 64 Homeworld 3 (1440p Epic) Information ProductValue RX 9070 GRE | Undervolted | -130mV | 2700 Mem 103 Avg FPS, 63 1% Low FPS RX 9070 GRE | Inventory 101 Avg FPS, 61 1% Low FPS RX 9070 | Inventory 104 Avg FPS, 62 1% Low FPS RTX 5070 | Inventory 112 Avg FPS, 64 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | Undervolted | -130mV | 2700 Mem 118 64 RX 9070 GRE | Inventory 115 63 RX 9070 | Inventory 123 64 RTX 5070 | Inventory 127 63 Homeworld 3 (1440p Epic + upscaling (high quality)) Information ProductValue RX 9070 GRE | Undervolted | -130mV | 2700 Mem 118 Avg FPS, 64 1% Low FPS RX 9070 GRE | Inventory 115 Avg FPS, 63 1% Low FPS RX 9070 | Inventory 123 Avg FPS, 64 1% Low FPS RTX 5070 | Inventory 127 Avg FPS, 63 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | Undervolted | -130mV | 2700 Mem 101 68 RX 9070 GRE | Inventory 92 63 RX 9070 | Inventory 107 74 RTX 5070 | Inventory 100 68 Metro Exodus Enhanced Version (1440p Extremely) Information ProductValue RX 9070 GRE | Undervolted | -130mV | 2700 Mem 101 Avg FPS, 68 1% Low FPS RX 9070 GRE | Inventory 92 Avg FPS, 63 1% Low FPS RX 9070 | Inventory 107 Avg FPS, 74 1% Low FPS RTX 5070 | Inventory 100 Avg FPS, 68 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | Undervolted | -130mV | 2700 Mem 65 35 RX 9070 GRE | Inventory 61 22 RX 9070 | Inventory 74 53 RTX 5070 | Inventory 64 42 The Talos Precept 2 (1440p Extremely) Information ProductValue RX 9070 GRE | Undervolted | -130mV | 2700 Mem 65 Avg FPS, 35 1% Low FPS RX 9070 GRE | Inventory 61 Avg FPS, 22 1% Low FPS RX 9070 | Inventory 74 Avg FPS, 53 1% Low FPS RTX 5070 | Inventory 64 Avg FPS, 42 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | Undervolted | -130mV | 2700 Mem 183 69 RX 9070 GRE | Inventory 164 60 RX 9070 | Inventory 197 90 RTX 5070 | Inventory 144 65 The Talos Precept 2 (1440p Extremely +upscaling (high quality), 2x FG) Information ProductValue RX 9070 GRE | Undervolted | -130mV | 2700 Mem 183 Avg FPS, 69 1% Low FPS RX 9070 GRE | Inventory 164 Avg FPS, 60 1% Low FPS RX 9070 | Inventory 197 Avg FPS, 90 1% Low FPS RTX 5070 | Inventory 144 Avg FPS, 65 1% Low FPS Avg FPS 1% Low FPS RX 9070 GRE | Undervolted | -130mV | 2700 Mem 91 48 RX 9070 GRE | Inventory 82 51 RX 9070 | Inventory 96 43 RTX 5070 | Inventory 81 53 Complete Warfare: Warhammer 3 (1440p Extremely) Information ProductValue RX 9070 GRE | Undervolted | -130mV | 2700 Mem 91 Avg FPS, 48 1% Low FPS RX 9070 GRE | Inventory 82 Avg FPS, 51 1% Low FPS RX 9070 | Inventory 96 Avg FPS, 43 1% Low FPS RTX 5070 | Inventory 81 Avg FPS, 53 1% Low FPS With a super-easy undervolt, the RX 9070 GRE is ready to publish efficiency on par or past the RTX 5070, and alongside the straight RX 9070. window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (perform() { /* World animation perform for slideshow re-use */ window.fvAnimateCharts = perform(chartWrapper) { if (!chartWrapper) return; perform animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(perform(bar, index) { /* Reset to 0 first to make sure animation triggers */ bar.type.setProperty(‘width’, ‘0%’, ‘essential’); bar.type.setProperty(‘transition’, ‘none’, ‘essential’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Drive reflow */ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, baseMargin + ‘%’, ‘essential’); } setTimeout(perform() { var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.type.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘essential’); bar.type.setProperty(‘width’, targetWidth + ‘%’, ‘essential’); if (targetMargin !== undefined && baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, targetMargin + ‘%’, ‘essential’); } }, index * 50 + 50); /* Diminished preliminary delay */ }); } perform animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(perform(p, i) { if (typeof p.getTotalLength === ‘perform’) { var len = p.getTotalLength(); p.type.transition = ‘none’; p.type.strokeDasharray = len; p.type.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(perform() { p.type.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.type.strokeDashoffset=”0″; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(perform(dot, i) { dot.type.opacity = ‘0’; setTimeout(perform() { dot.type.transition = ‘opacity 0.3s ease’; dot.type.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(perform(chart) { /* If in carousel/dropdown mode, hidden charts are show:none. */ /* We solely animate what’s seen. */ if (window.getComputedStyle(chart).show === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; perform initialize(uniqueId, isSlideshow) { var root = doc.getElementById(uniqueId); /* In slideshow mode, ‘root’ might be null as a result of the container has ‘-slideshow’ suffix. */ /* We deal with that logic under. */ if (!root && !isSlideshow) return; /* Setup inside interactions (Carousel/Dropdown/LineChart) for a particular chart wrapper */ perform setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive cellular view dealing with */ perform checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.display && Math.min(window.display.width, window.display.peak) <= 599; var isMobile; if (width === 0) else { /* Cell if container is small OR if it's a bodily cellular gadget (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner=”left”; if (rightNum > 0) { var diff = Math.spherical(((leftNum – rightNum) / rightNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner=”proper”; if (leftNum > 0) { var diff = Math.spherical(((rightNum – leftNum) / leftNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } } var leftDisplay = information.productData[leftProduct] && information.productData[leftProduct].displayValue !== undefined ? information.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = information.productData[rightProduct] && information.productData[rightProduct].displayValue !== undefined ? information.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (information.productData[leftProduct] && information.productData[leftProduct].unit) || (information.productData[rightProduct] && information.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(perform(el) { el.take away(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘proper’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.type.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.type.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.type.width = leftWidth + ‘%’; } if (rightBar) { rightBar.type.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.type.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.type.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = information.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.subsequent’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Textual content Parts */ 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.size > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.choices).map(perform(o) { return o.textual content; }); } else { charts.forEach(perform(c) ); } perform showInternalChart(index) { if (index = charts.size) index = 0; currentChartIndex = index; charts.forEach(perform(c, i) { c.type.show = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if wanted */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Replace labels-on-top based mostly on present chart sort */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.take away(‘labels-on-top’); } } }); if (dropdown) dropdown.worth = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.size; /* Replace Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); var currentChartType = activeChart.getAttribute(‘data-chart-type’); var hideGlobalCaption = currentChartType === ‘Countdown’ || currentChartType === ‘Picture Comparability’ || currentChartType === ‘Store the Assortment’; if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().size > 0 && !hideGlobalCaption) { footerContentEl.type.show = ‘block’; if (bottomBarEl) bottomBarEl.type.show = ‘flex’; } else { footerContentEl.type.show = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.type.show = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, perform(e) { showInternalChart(parseInt(e.goal.worth)); }); if (prevBtn) prevBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex + 1); }); } /* Picture Comparability Logic */ var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(perform(wrapper) { var internal = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; /* Zoom state */ var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; perform updateTransform() { if (wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { internal.type.setProperty(‘remodel’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘essential’); } else { internal.type.removeProperty(‘remodel’); scale = 1; panX = 0; panY = 0; } } perform constrainPan() { var rect = wrapper.getBoundingClientRect(); /* Max pan is determined by how a lot the picture is scaled past the wrapper */ var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.peak * scale – rect.peak) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, perform() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; hasPanned = true; /* Stop click on after pinch */ } else if (e.touches.size === 1 && scale > 1) }, { passive: false }); wrapper.addEventListener(‘touchmove’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.size === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, perform(e) { if (e.touches.size < 2) { initialDistance = null; } if (e.touches.size === 0) { isPanning = false; } }); perform handleMove(clientX) { var rect = internal.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var % = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.type.setProperty('left', % + '%', 'essential'); if (fgImage) fgImage.type.setProperty('clip-path', 'polygon(0 0, ' + % + '% 0, ' + % + '% 100%, 0 100%)', 'essential'); if (labelLeft) { if (% 90) { labelRight.type.setProperty(‘opacity’, ‘0’, ‘essential’); } else { labelRight.type.setProperty(‘opacity’, ‘1’, ‘essential’); } } } perform onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } perform onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } perform stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, perform(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, perform(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } /* Develop/Shut Logic */ var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.mother or father) { expandBtn.type.show = ‘none’; } else { expandBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ‘hidden’; /* Load high-res pictures if out there */ if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); }); } /* Shut on Escape */ doc.addEventListener(‘keydown’, perform(e) { if (e.key === ‘Escape’ && wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); } }); }); /* Store 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’); perform closeAllModals() { if (allProductsModal) { allProductsModal.classList.take away(‘is-active’); /* Take away highlights */ var objects = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); objects.forEach(perform(merchandise) { merchandise.classList.take away(‘is-highlighted’); }); /* Take away min-height after transition */ if (stlContainer) { setTimeout(perform() { if (!allProductsModal.classList.accommodates(‘is-active’)) { stlContainer.type.minHeight=””; if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } }, 300); } } hotspots.forEach(perform(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } hotspots.forEach(perform(btn) { btn.addEventListener(‘click on’, perform(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’); /* Guarantee container is tall sufficient */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.type.minHeight = '450px'; } /* Spotlight and scroll to merchandise */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(perform() { targetItem.scrollIntoView({ habits: 'easy', block: 'middle' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.measurement(); } } }); }); /* Store All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click on', perform(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Guarantee container is tall sufficient */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.size) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if(targetBtn.classList.accommodates(‘is-active’)) { targetBtn.click on(); } targetBtn.click on(); } } }); } if (iaWrapper) { iaWrapper.addEventListener(‘click on’, perform(e) { if (!e.goal.closest(‘.fv-ia-node-button’) && !e.goal.closest(‘.fv-ia-explore-btn’)) { closeAllIANodes(); resetExploreBtn(); } }); } /* Preliminary Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute(‘data-primary-color’) || ‘#f97316’; var subheadColor = countdownContainer.getAttribute(‘data-subhead-color’) || ‘#ffffff’; var pad = perform(n) { return (n 0) { d = Math.flooring(distinction / (1000 * 60 * 60 * 24)); h = Math.flooring((distinction / (1000 * 60 * 60)) % 24); m = Math.flooring((distinction / 1000 / 60) % 60); s = Math.flooring((distinction / 1000) % 60); } var daysEl = countdownContainer.querySelector(‘[data-time=”days”]’); var hoursEl = countdownContainer.querySelector(‘[data-time=”hours”]’); var minsEl = countdownContainer.querySelector(‘[data-time=”minutes”]’); var secsEl = countdownContainer.querySelector(‘[data-time=”seconds”]’); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = doc.getElementById(uniqueId + ‘-slideshow’); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); slides.forEach(perform(slide) { setupWrapper(slide.querySelector(‘.fv-chart-wrapper’)); }); } } else { setupWrapper(root); } } if (doc.readyState === ‘loading’) { doc.addEventListener(‘DOMContentLoaded’, perform() { initialize(‘fv-chart-1779814533259-6zoxelk6m’, false); }); } else { initialize(‘fv-chart-1779814533259-6zoxelk6m’, false); } })(); The pricing maths begin to make extra sense whenever you issue within the degree of efficiency headroom constructed into this card, nonetheless. With a little bit oh-so-simple undervolt I used to be capable of push the RX 9070 GRE with just a few share factors of the efficiency of the RX 9070. And with the GPU constantly topping the three GHz mark, you are usually a efficiency lead over the RTX 5070, too.I nonetheless discover the efficiency headroom of Navi 48 GPUs stunning, and whereas AMD’s decrease order RX 9000-series playing cards do not have as constant a degree of overclocking/undervolting efficiency to them, each Navi 48-powered card I’ve examined is completely satisfied to allow you to pull again its core voltage in change for giving up a complete lot extra clock velocity and round 10% additional body charge efficiency in video games. @import url(‘https://fonts.googleapis.com/css2?household=Open+Sans:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Poppins:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Montserrat:ital,wght@0,400;0,900;1,900&show=swap’); /* Reset & Base */ #fv-chart-1779832390094-amoge5ivm *, #fv-chart-1779832390094-amoge5ivm *:earlier than, #fv-chart-1779832390094-amoge5ivm *:after, #fv-chart-1779832390094-amoge5ivm-slideshow *, #fv-chart-1779832390094-amoge5ivm-slideshow *:earlier than, #fv-chart-1779832390094-amoge5ivm-slideshow *:after { box-sizing: border-box !essential; 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 !essential; } /* Important Wrappers */ #fv-chart-1779832390094-amoge5ivm { place: relative !essential; overflow: seen !essential; –riv-primary: #E33235; } #fv-chart-1779832390094-amoge5ivm .fv-inner-wrapper { colour: #1F2937 !essential; background-color: #ededed !essential; padding: 1.5rem 1.5rem 2rem !essential; border-radius: 0.5rem !essential; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !essential; margin: 1rem 0 !essential; show: flex !essential; flex-direction: column !essential; overflow: hidden !essential; } #fv-chart-1779832390094-amoge5ivm .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !essential; } #fv-chart-1779832390094-amoge5ivm.fv-full-bleed { width: 100vw !essential; margin-left: calc(50% – 50vw) !essential; } physique { overflow-x: clip !essential; } #fv-chart-1779832390094-amoge5ivm.fv-full-bleed .fv-inner-wrapper { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } #fv-chart-1779832390094-amoge5ivm .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } /* Slideshow Types */ #fv-chart-1779832390094-amoge5ivm-slideshow { place: relative !essential; width: 100% !essential; margin: 1rem 0 !essential; –riv-primary: #E33235; } #fv-chart-1779832390094-amoge5ivm-slideshow .fv-slides-wrapper { place: relative !essential; width: 100% !essential; } #fv-chart-1779832390094-amoge5ivm-slideshow .fv-slide { width: 100% !essential; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } /* High Navigation Row (Redesign) */ #fv-chart-1779832390094-amoge5ivm-slideshow .fv-slideshow-nav-row { place: relative !essential; show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; padding: 0 0 16px 0 !essential; width: 100% !essential; z-index: 20 !essential; } #fv-chart-1779832390094-amoge5ivm-slideshow .fv-nav-btn { background-color: var(–riv-primary) !essential; colour: #ffffff !essential; border: none !essential; border-radius: 4px !essential; padding: 8px 16px !essential; font-size: 14px !essential; font-weight: 700 !essential; cursor: pointer !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 6px !essential; transition: opacity 0.2s, background-color 0.2s !essential; peak: 36px !essential; text-transform: none !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !essential; } #fv-chart-1779832390094-amoge5ivm-slideshow .fv-nav-btn svg { width: 18px !essential; peak: 18px !essential; stroke-width: 3px !essential; filter: none !essential; } #fv-chart-1779832390094-amoge5ivm-slideshow .fv-nav-btn:hover { opacity: 0.9 !essential; remodel: translateY(-1px) !essential; } #fv-chart-1779832390094-amoge5ivm-slideshow .fv-nav-btn.disabled { background-color: #E5E7EB !essential; colour: #9CA3AF !essential; cursor: default !essential; pointer-events: none !essential; box-shadow: none !essential; } #fv-chart-1779832390094-amoge5ivm-slideshow .fv-slide-counter { font-family: ‘Poppins’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; colour: #374151 !essential; text-align: middle !essential; min-width: 40px !essential; background-color: rgba(255,255,255,0.8) !essential; padding: 2px 8px !essential; border-radius: 10px !essential; } /* Slideshow Dropdown Navigation */ #fv-chart-1779832390094-amoge5ivm-slideshow .fv-slideshow-select { place: absolute !essential; high: 10px !essential; proper: 10px !essential; z-index: 20 !essential; look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background-color: white !essential; border: 1px strong #d1d5db !essential; colour: #1F2937 !essential; font-family: ‘Open Sans’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; padding: 6px 32px 6px 12px !essential; border-radius: 4px !essential; cursor: pointer !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !essential; background-image: url(“information:picture/svg+xml,%3csvg xmlns=”http://www.w3.org/2000/svg” fill=”none” viewBox=’0 0 20 20’%3epercent3cpath stroke=”%236b7280″ stroke-linecap=’spherical’ stroke-linejoin=’spherical’ stroke-width=”1.5″ d=’M6 8l4 4 4-4’/%3epercent3c/svgpercent3e”) !essential; background-position: proper 0.5rem middle !essential; background-repeat: no-repeat !essential; background-size: 1.5em 1.5em !essential; } #fv-chart-1779832390094-amoge5ivm-slideshow .fv-slideshow-select:focus { define: 2px strong #E33235 !essential; border-color: #E33235 !essential; } /* Typography */ #fv-chart-1779832390094-amoge5ivm .fv-chart-title { font-weight: daring !essential; text-align: middle !essential; margin-bottom: 0.5rem !essential; colour: var(–riv-primary) !essential; font-size: 20px !essential; line-height: 1.2 !essential; font-family: ‘Open Sans’, sans-serif !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; padding: 0 20px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-chart-subhead { font-size: 18px !essential; font-weight: 500 !essential; text-align: middle !essential; margin-bottom: 2rem !essential; colour: #374151 !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; text-transform: none !essential; padding: 0 20px !essential; } #fv-chart-1779832390094-amoge5ivm .rv-chart-caption { font-size: 15px !essential; colour: #374151 !essential; text-align: middle !essential; font-style: regular !essential; font-weight: regular !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; } /* Versus Chart */ #fv-chart-1779832390094-amoge5ivm .fv-versus-chart { show: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1779832390094-amoge5ivm .fv-versus-header { show: flex; justify-content: space-between; align-items: middle; 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: middle; padding-right: 1rem; } #fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper.fv-right { text-align: middle; padding-left: 1rem; } #fv-chart-1779832390094-amoge5ivm .fv-versus-select-container { place: relative; show: inline-block; max-width: 100%; width: 100%; } #fv-chart-1779832390094-amoge5ivm .fv-versus-chevron { place: absolute; high: 50%; remodel: translateY(-50%); pointer-events: none; width: 16px; peak: 16px; flex-shrink: 0; } #fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper.fv-left .fv-versus-chevron { proper: 0; } #fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper.fv-right .fv-versus-chevron { proper: 0; } #fv-chart-1779832390094-amoge5ivm .fv-versus-select { background: clear; border: none; border-bottom: 2px strong; font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; define: none; look: 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: middle; course: ltr; padding-right: 1.25rem; } #fv-chart-1779832390094-amoge5ivm .fv-versus-select.fv-select-right { text-align: middle; padding-right: 1.25rem; } #fv-chart-1779832390094-amoge5ivm .fv-versus-select possibility { font-family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 14px; colour: #374151; course: ltr; text-align: left; } #fv-chart-1779832390094-amoge5ivm .fv-versus-vs { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1779832390094-amoge5ivm .fv-versus-body { show: flex; flex-direction: column; hole: 1.5rem; } #fv-chart-1779832390094-amoge5ivm .fv-versus-row { place: relative; peak: auto; padding-top: 20px; margin-bottom: 0.25rem; show: block; } #fv-chart-1779832390094-amoge5ivm .fv-versus-bar-container { place: relative; peak: 32px; show: flex; align-items: middle; } #fv-chart-1779832390094-amoge5ivm .fv-versus-bar-left-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-end; align-items: middle; } #fv-chart-1779832390094-amoge5ivm .fv-versus-bar-right-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-start; align-items: middle; } #fv-chart-1779832390094-amoge5ivm .fv-versus-bar { peak: 32px; width: var(–target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; show: flex; align-items: middle; overflow: hidden; colour: #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 { place: absolute; left: 50%; high: 0; backside: 0; width: 4px; background-color: #ffffff; remodel: 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 { place: absolute; left: 50%; remodel: translateX(-50%); high: 0; background-color: clear; border: none; box-shadow: none; padding: 0; font-family: ‘Open Sans’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; white-space: nowrap; } #fv-chart-1779832390094-amoge5ivm .sr-only { place: absolute !essential; width: 1px !essential; peak: 1px !essential; padding: 0 !essential; margin: -1px !essential; overflow: hidden !essential; clip: rect(0,0,0,0) !essential; white-space: nowrap !essential; border: 0 !essential; } /* Picture Comparability Types */ #fv-chart-1779832390094-amoge5ivm .fv-image-compare-container { width: auto !essential; margin-left: -1.5rem !essential; margin-right: -1.5rem !essential; margin-bottom: 2rem !essential; } #fv-chart-1779832390094-amoge5ivm.fv-full-bleed .fv-image-compare-container { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-wrapper { place: relative !essential; width: 100% !essential; overflow: hidden !essential; border-radius: 0 !essential; background-color: #000 !essential; touch-action: pan-y !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-inner { place: relative !essential; width: 100% !essential; peak: 100% !essential; show: block !essential; transform-origin: middle middle !essential; transition: remodel 0.1s ease-out !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-bg { show: block !essential; width: 100% !essential; peak: auto !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-fg { place: absolute !essential; high: 0 !essential; left: 0 !essential; width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-slider { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 32px !essential; remodel: translateX(-50%) !essential; cursor: ew-resize !essential; z-index: 10 !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-slider-line { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 4px !essential; background-color: white !essential; remodel: translateX(-50%) !essential; box-shadow: 0 0 10px rgba(0,0,0,0.5) !essential; pointer-events: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-handle { place: absolute !essential; high: 50% !essential; left: 50% !essential; remodel: translate(-50%, -50%) !essential; width: 32px !essential; peak: 32px !essential; background-color: white !essential; border-radius: 50% !essential; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 4px !essential; pointer-events: none !essential; z-index: 11 !essential; overflow: hidden !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-arrow-left { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-right: 4px strong #4b5563 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-arrow-right { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-left: 4px strong #4b5563 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-label { place: absolute !essential; high: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; padding: 0.25rem 0.75rem !essential; border-radius: 0.25rem !essential; font-size: 0.875rem !essential; font-weight: 500 !essential; pointer-events: none !essential; backdrop-filter: blur(4px) !essential; z-index: 5 !essential; transition: proper 0.3s ease, opacity 0.2s ease !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-label-left { left: 1rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-label-right { proper: 1rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-expand-btn, #fv-chart-1779832390094-amoge5ivm .fv-image-compare-close-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; border: none !essential; border-radius: 0.25rem !essential; padding: 0.5rem !essential; cursor: pointer !essential; z-index: 20 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; backdrop-filter: blur(4px) !essential; transition: background-color 0.2s !essential; } #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) !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-close-btn { show: none !essential; high: 1rem !essential; backside: auto !essential; } /* Fullscreen State */ #fv-chart-1779832390094-amoge5ivm .fv-image-compare-wrapper.fv-image-compare-fullscreen { place: fastened !essential; high: 0 !essential; left: 0 !essential; proper: 0 !essential; backside: 0 !essential; width: 100% !essential; peak: 100% !essential; z-index: 999999 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: rgba(0, 0, 0, 0.9) !essential; margin: 0 !essential; touch-action: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !essential; peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; cursor: seize !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:energetic { cursor: grabbing !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { place: absolute !essential; high: 0 !essential; left: 0 !essential; max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { show: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { show: flex !essential; } #fv-chart-1779832390094-amoge5ivm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { proper: 4rem !essential; } /* Footer */ #fv-chart-1779832390094-amoge5ivm .fv-bottom-bar { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; margin-top: 0.5rem !essential; hole: 1rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-footer-content { text-align: middle !essential; width: 100% !essential; } #fv-chart-1779832390094-amoge5ivm .fv-logo { show: block !essential; margin: 0 auto !essential; width: 120px !essential; min-width: 120px !essential; max-width: 120px !essential; peak: auto !essential; object-fit: comprise !essential; flex-shrink: 0 !essential; } /* Show Mode Controls */ #fv-chart-1779832390094-amoge5ivm .fv-dropdown-wrapper { text-align: middle !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-dropdown-title-container { place: relative !essential; show: inline-block !essential; max-width: 100% !essential; } #fv-chart-1779832390094-amoge5ivm .fv-dropdown-title { look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background: clear !essential; border: none !essential; font-size: 18px !essential; font-weight: 600 !essential; colour: var(–riv-primary) !essential; padding-right: 28px !essential; padding-left: 10px !essential; cursor: pointer !essential; text-align: middle !essential; text-align-last: middle !essential; width: auto !essential; max-width: 100% !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; margin: 0 !essential; text-overflow: ellipsis !essential; overflow: hidden !essential; white-space: nowrap !essential; } #fv-chart-1779832390094-amoge5ivm .fv-dropdown-title:focus { define: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-dropdown-title::-ms-expand { show: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-dropdown-chevron { place: absolute !essential; proper: 0 !essential; high: 50% !essential; remodel: translateY(-50%) !essential; pointer-events: none !essential; colour: var(–riv-primary) !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832390094-amoge5ivm .fv-carousel-title-controls { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; margin-bottom: 16px !essential; width: 100% !essential; hole: 12px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-carousel-nav-btn { background: clear !essential; border: 1px strong #d1d5db !essential; border-radius: 6px !essential; padding: 6px 10px !essential; cursor: pointer !essential; font-size: 14px !essential; colour: #374151 !essential; show: flex !essential; align-items: middle !essential; hole: 4px !essential; font-family: ‘Open Sans’, sans-serif !essential; } #fv-chart-1779832390094-amoge5ivm .fv-carousel-nav-btn:hover { border-color: #9ca3af !essential; } #fv-chart-1779832390094-amoge5ivm .fv-carousel-counter { font-size: 14px !essential; colour: #374151 !essential; text-align: middle !essential; margin-top: 1rem !essential; } /* Legend */ #fv-chart-1779832390094-amoge5ivm .fv-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 8px 16px !essential; margin: 0 !essential; padding: 0 !essential; margin-top: 1rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-legend-item { show: flex !essential; align-items: middle !essential; hole: 6px !essential; font-size: 14px !essential; colour: #374151 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-legend-color { width: 12px !essential; peak: 12px !essential; border-radius: 3px !essential; } /* Multi-Worth Legend */ #fv-chart-1779832390094-amoge5ivm .fv-multi-value-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 12px 24px !essential; margin-bottom: 1.5rem !essential; padding: 0 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-multi-legend-item { show: flex !essential; align-items: middle !essential; hole: 8px !essential; font-size: 14px !essential; colour: #374151 !essential; font-weight: 500 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-multi-legend-swatch { width: 16px !essential; peak: 16px !essential; border-radius: 3px !essential; } /* Chart Core Types */ #fv-chart-1779832390094-amoge5ivm .fv-benchmark-group { margin-bottom: 1rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-benchmark-title { font-size: 18px !essential; font-weight: 600 !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; padding: 0 !essential; text-align: middle !essential; colour: var(–riv-primary) !essential; flex: 1 !essential; min-width: 0 !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; word-wrap: break-word !essential; max-width: 100% !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar-row, #fv-chart-1779832390094-amoge5ivm .fv-stacked-product { show: flex !essential; align-items: middle !essential; width: 100% !essential; margin-bottom: 0.75rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar-label { width: 150px !essential; flex-shrink: 0 !essential; font-size: 14px !essential; colour: #374151 !essential; padding-right: 10px !essential; text-align: proper !essential; font-weight: 500 !essential; show: block !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar-container { flex-grow: 1 !essential; background-color: #E5E7EB !essential; border-radius: 4px !essential; min-height: 25px !essential; border: 1px strong #D1D5DB !essential; place: relative !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar { peak: 100% !essential; border-radius: 3px !essential; show: flex !essential; align-items: middle !essential; transition: opacity 0.2s ease, width 0.8s ease-out !essential; min-height: 23px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar:hover { opacity: 0.8 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar-inner-content { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; width: 100% !essential; peak: 100% !essential; padding: 0 8px !essential; font-size: 14px !essential; font-weight: daring !essential; overflow: hidden !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar-inner-label { white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; padding-right: 8px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar-inner-value { flex-shrink: 0 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar-value-outside { padding-left: 8px !essential; font-size: 14px !essential; font-weight: daring !essential; colour: #374151 !essential; white-space: nowrap !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar-label.fv-primary-product { font-weight: daring !essential; colour: var(–riv-primary) !essential; } /* Multi-Worth Bar Logic */ #fv-chart-1779832390094-amoge5ivm .fv-multi-bar-container { flex-direction: column !essential; padding: 4px !essential; align-items: stretch !essential; hole: 4px !essential; peak: auto !essential; } #fv-chart-1779832390094-amoge5ivm .fv-multi-bar-item { show: flex !essential; align-items: middle !essential; peak: 25px !essential; width: 100% !essential; } /* Stacked Bar */ #fv-chart-1779832390094-amoge5ivm .fv-stacked-bar { show: flex !essential; overflow: hidden !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stacked-segment { peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: flex-end !essential; padding-right: 8px !essential; border-right: 1px strong rgba(255,255,255,0.3) !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stacked-segment:last-child { border-right: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-segment-value { font-size: 14px !essential; font-weight: daring !essential; } /* Grouped Bar */ #fv-chart-1779832390094-amoge5ivm .fv-grouped-bar-product { show: flex !essential; flex-direction: column !essential; width: 100% !essential; margin-bottom: 1.25rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-grouped-product-title-wrapper { padding-left: 150px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.5rem !essential; font-weight: 700 !essential; font-size: 14px !essential; colour: #374151 !essential; text-transform: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar-cluster { width: 100% !essential; flex-grow: 1 !essential; show: flex !essential; flex-direction: column !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-bar-cluster .fv-bar-container { peak: 20px !essential; } /* Line Chart Grid */ #fv-chart-1779832390094-amoge5ivm .riv-grid line { stroke: #D1D5DB !essential; stroke-dasharray: 3 3 !essential; } /* X-Axis */ #fv-chart-1779832390094-amoge5ivm .fv-x-axis-wrapper { show: flex !essential; width: 100% !essential; margin-top: 0.5rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-x-axis-label-space { width: 150px !essential; padding-right: 10px !essential; flex-shrink: 0 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-x-axis-chart-space { flex-grow: 1 !essential; padding-right: 8px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-x-axis-line { border-top: 1px strong #D1D5DB !essential; } #fv-chart-1779832390094-amoge5ivm .fv-x-axis-ticks { show: flex !essential; justify-content: space-between !essential; padding-top: 4px !essential; font-size: 13px !essential; colour: #374151 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-x-axis-ticks span { place: relative !essential; } #fv-chart-1779832390094-amoge5ivm .fv-x-axis-ticks span::earlier than { content material: ” !essential; place: absolute !essential; high: -6px !essential; left: 50% !essential; remodel: translateX(-50%) !essential; width: 2px !essential; peak: 4px !essential; background-color: #D1D5DB !essential; border-radius: 1px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-x-axis-unit { text-align: middle !essential; font-size: 14px !essential; colour: #374151 !essential; margin-top: 8px !essential; show: block !essential; } #fv-chart-1779832390094-amoge5ivm .fv-x-axis-title { text-align: middle !essential; font-size: 15px !essential; colour: #374151 !essential; margin-top: 8px !essential; margin-bottom: 16px !essential; line-height: 1.5 !essential; padding: 0 1rem !essential; show: block !essential; font-weight: daring !essential; } #fv-chart-1779832390094-amoge5ivm .fv-y-axis-title { font-size: 15px !essential; colour: #374151 !essential; line-height: 1.5 !essential; text-align: left !essential; padding-left: 5.83% !essential; /* Aligns with Y-axis line inside SVG (35/600) */ margin-bottom: 4px !essential; show: block !essential; font-weight: daring !essential; } /* Store The Look */ #fv-chart-1779832390094-amoge5ivm .fv-stl-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; transition: min-height 0.3s ease !essential; overflow: hidden !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stl-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832390094-amoge5ivm.fv-full-bleed .fv-stl-container { width: 100% !essential; } #fv-chart-1779832390094-amoge5ivm.fv-full-bleed .fv-stl-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stl-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stl-hotspot-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stl-hotspot-btn { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !essential; transition-property: all !essential; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !essential; transition-duration: 300ms !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stl-hotspot-btn:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stl-hotspot-btn:focus { define: 2px strong clear !essential; outline-offset: 2px !essential; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stl-hotspot-btn[aria-expanded=”true”] { background-color: #3b82f6 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stl-hotspot-pulse { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-stl-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1779832390094-amoge5ivm .fv-stl-hotspot-pulse { animation-fill-mode: none !essential; } } /* Store the look button */ #fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; peak: 2.5rem !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; colour: #111827 !essential; padding: 0 1rem 0 3rem !essential; border-radius: 0.25rem !essential; font-weight: 700 !essential; font-size: 0.875rem !essential; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !essential; border: none !essential; cursor: pointer !essential; transition: all 0.2s !essential; z-index: 10 !essential; show: flex !essential; align-items: middle !essential; text-transform: uppercase !essential; overflow: hidden !essential; white-space: nowrap !essential; max-width: calc(100% – 2rem) !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-btn span { overflow: hidden !essential; text-overflow: ellipsis !essential; white-space: nowrap !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-btn:hover { background-color: #ffffff !essential; remodel: scale(1.05) !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-logo { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; object-fit: cowl !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; flex-shrink: 0 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-icon { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; colour: #1f2937 !essential; flex-shrink: 0 !essential; } /* All Merchandise Modal */ #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm { place: fastened !essential; inset: 0 !essential; background-color: rgba(0, 0, 0, 0) !essential; backdrop-filter: blur(0px) !essential; -webkit-backdrop-filter: blur(0px) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; z-index: 99999 !essential; pointer-events: none !essential; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !essential; padding: 1rem !essential; overflow: hidden !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm { place: absolute !essential; padding: 0 !essential; align-items: flex-end !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm.is-active { background-color: rgba(0, 0, 0, 0.2) !essential; backdrop-filter: blur(4px) !essential; -webkit-backdrop-filter: blur(4px) !essential; pointer-events: auto !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-content { width: 100% !essential; max-width: 42rem !essential; max-height: 100% !essential; show: flex !essential; flex-direction: column !essential; place: relative !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; border-radius: 1rem !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; overflow: hidden !essential; transition: remodel 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !essential; opacity: 0 !essential; remodel: scale(0.95) !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm.is-active .fv-stl-all-products-content { opacity: 1 !essential; remodel: scale(1) !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; } /* V2 Backside Sheet Fashion */ #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm.v2 { align-items: flex-end !essential; padding: 0 !essential; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm.v2:not(.mobile-view *) { justify-content: flex-end !essential; } } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm.v2 .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } @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 !essential; border-radius: 1.5rem 0 0 0 !essential; } } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm.v2.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-header { show: flex !essential; align-items: middle !essential; justify-content: space-between !essential; padding: 1.5rem !essential; border-bottom: 1px strong #e5e7eb !essential; flex-shrink: 0 !essential; place: sticky !essential; high: 0 !essential; background-color: rgba(255, 255, 255, 0.8) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; z-index: 10 !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-header { padding: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-logo { peak: 1.5rem !essential; width: auto !essential; object-fit: comprise !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-logo { peak: 1.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-title { font-size: 1.25rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-title { font-size: 1.125rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-close { width: 2rem !essential; peak: 2rem !essential; border-radius: 9999px !essential; background-color: rgba(0, 0, 0, 0.05) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; border: none !essential; cursor: pointer !essential; z-index: 10 !essential; colour: #6b7280 !essential; transition: all 0.2s !essential; padding: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-list { list-style: none !essential; padding: 1.5rem !essential; margin: 0 !essential; overflow-y: auto !essential; flex: 1 !essential; show: flex !essential; flex-direction: column !essential; hole: 0.75rem !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-list { padding: 0.75rem !essential; hole: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-item { margin: 0 !essential; padding: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-link { show: flex !essential; align-items: flex-start !essential; padding: 0.75rem !essential; text-decoration: none !essential; colour: inherit !essential; transition: all 0.2s !essential; border-radius: 1rem !essential; border: 1px strong clear !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-link { padding: 0.5rem !essential; border-radius: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-link:hover { background-color: #ffffff !essential; border-color: #e5e7eb !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !essential; border-color: #d1d5db !essential; 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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-image-container { place: relative !essential; margin-right: 1.25rem !essential; flex-shrink: 0 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-number { place: absolute !essential; high: -0.5rem !essential; left: -0.5rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; background-color: #0f172a !essential; colour: #ffffff !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; 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 !essential; z-index: 10 !essential; font-family: sans-serif !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-number { high: -0.375rem !essential; left: -0.375rem !essential; width: 1.25rem !essential; peak: 1.25rem !essential; font-size: 0.625rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-image-wrapper { width: 6rem !essential; peak: 6rem !essential; border-radius: 0.75rem !essential; overflow: hidden !essential; background-color: #f9fafb !essential; border: 1px strong #f3f4f6 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-image-wrapper { width: 4rem !essential; peak: 4rem !essential; border-radius: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-image { width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-placeholder { width: 2rem !essential; peak: 2rem !essential; colour: #d1d5db !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-placeholder { width: 1.5rem !essential; peak: 1.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-info { flex: 1 !essential; min-width: 0 !essential; show: flex !essential; flex-direction: column !essential; justify-content: middle !essential; margin-top: 0.25rem !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-info { margin-top: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-brand { font-size: 0.625rem !essential; font-weight: 700 !essential; colour: #6b7280 !essential; text-transform: uppercase !essential; letter-spacing: 0.1em !essential; margin: 0 0 0.375rem 0 !essential; white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-brand { font-size: 0.5625rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-name { font-size: 1rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 0 0.375rem 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.25 !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-name { font-size: 0.875rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-meta { show: flex !essential; align-items: middle !essential; font-size: 0.875rem !essential; margin-bottom: 0.375rem !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-meta { font-size: 0.75rem !essential; margin-bottom: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-price { font-weight: 700 !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-sale-price { font-weight: 700 !essential; colour: #dc2626 !essential; margin-right: 0.5rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-original-price { colour: #9ca3af !essential; text-decoration: line-through !essential; font-size: 0.75rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-commentary { font-size: 0.875rem !essential; colour: #4b5563 !essential; margin: 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.375 !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-commentary { font-size: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-action { width: 2.5rem !essential; peak: 2.5rem !essential; border-radius: 9999px !essential; background-color: #f9fafb !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; margin-left: 1rem !essential; flex-shrink: 0 !essential; border: 1px strong #f3f4f6 !essential; transition: all 0.2s !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-action { width: 2rem !essential; peak: 2rem !essential; margin-left: 0.75rem !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-action svg { width: 14px !essential; peak: 14px !essential; } #fv-stl-all-products-modal-fv-chart-1779832390094-amoge5ivm .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !essential; colour: #ffffff !essential; border-color: #111827 !essential; } /* Picture Annotation Types */ #fv-chart-1779832390094-amoge5ivm .fv-ia-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; overflow: hidden !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832390094-amoge5ivm.fv-full-bleed .fv-ia-container { width: 100% !essential; } #fv-chart-1779832390094-amoge5ivm.fv-full-bleed .fv-ia-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-node-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-node-button { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-node-button:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-node-button.is-active { background-color: #E33235 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-pulse-ring { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-ia-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } #fv-chart-1779832390094-amoge5ivm .fv-ia-static-tooltip { show: none !essential; place: absolute !essential; high: -10px !essential; left: 50% !essential; remodel: translate(-50%, -100%) !essential; background-color: rgba(255, 255, 255, 0.95) !essential; padding: 10px !essential; border-radius: 6px !essential; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !essential; width: max-content !essential; max-width: 200px !essential; font-size: 13px !essential; colour: #1f2937 !essential; z-index: 20 !essential; pointer-events: none !essential; white-space: pre-wrap !essential; line-height: 1.4 !essential; border: 1px strong #e5e7eb !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-node-button:hover + .fv-ia-static-tooltip { show: block !essential; } #fv-chart-1779832390094-amoge5ivm .fv-logo-explore-bar { place: relative !essential; width: 100% !essential; show: flex !essential; justify-content: middle !essential; align-items: middle !essential; min-height: 30px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-logo-explore-bar .fv-logo { margin: 0 auto !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-explore-wrapper { place: absolute !essential; proper: 0 !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-logo-explore-bar { flex-direction: column !essential; min-height: auto !essential; hole: 0.75rem !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-ia-explore-wrapper { place: static !essential; align-self: flex-end !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !essential; colour: #1e293b !essential; border: 1px strong #e5e7eb !essential; border-radius: 9999px !essential; padding: 0.5rem 1.25rem !essential; font-size: 0.875rem !essential; font-weight: 600 !essential; font-family: sans-serif !essential; show: inline-flex !essential; align-items: middle !essential; hole: 0.5rem !essential; cursor: pointer !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 0.2s !essential; pointer-events: auto !essential; flex-shrink: 0 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-explore-btn:hover { background-color: #ffffff !essential; remodel: translateY(-2px) !essential; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !essential; colour: #E33235 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-explore-btn svg { transition: remodel 0.2s !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-explore-btn:hover svg { remodel: translateX(2px) !essential; } /* IA Modal Types */ #fv-chart-1779832390094-amoge5ivm .fv-ia-active-modal-container { show: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-modals { show: block !essential; place: static !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-modal-item { show: none !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-modal-item.is-active { show: flex !essential; flex-direction: column !essential; place: absolute !essential; high: 1rem !essential; proper: 1rem !essential; z-index: 20 !essential; width: 18rem !essential; max-width: calc(100% – 2rem) !essential; background-color: #ffffff !essential; padding: 1rem !essential; border-radius: 0.75rem !essential; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !essential; border: 1px strong #e5e7eb !essential; border-top: 4px strong #E33235 !essential; animation: fv-ia-fade-in 0.2s ease-out !essential; hole: 0.75rem !essential; max-height: 80% !essential; overflow-y: auto !essential; pointer-events: auto !essential; } @keyframes fv-ia-fade-in { from { opacity: 0; remodel: scale(0.95); } to { opacity: 1; remodel: scale(1); } } #fv-chart-1779832390094-amoge5ivm .fv-ia-modal-header { show: flex !essential; justify-content: space-between !essential; align-items: flex-start !essential; margin: 0 !essential; hole: 0.5rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-node-title { font-size: 1rem !essential; line-height: 1.25 !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-close-button { background: #f9fafb !essential; border: 1px strong #e5e7eb !essential; border-radius: 50% !essential; width: 2rem !essential; peak: 2rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; cursor: pointer !essential; padding: 0 !essential; flex-shrink: 0 !essential; transition: all 0.2s !essential; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-close-button:hover { background: #e5e7eb !essential; colour: #111827 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-ia-node-description { font-size: 0.875rem !essential; colour: #374151 !essential; margin: 0 !essential; line-height: 1.625 !essential; white-space: pre-wrap !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-ia-node-description { font-size: 0.875rem !essential; } /* Error Dealing with */ #fv-chart-1779832390094-amoge5ivm .fv-ia-empty { show: flex !essential; align-items: middle !essential; justify-content: middle !essential; peak: 200px !essential; background-color: #f1f5f9 !essential; colour: #64748b !essential; border: 2px dashed #cbd5e1 !essential; border-radius: 0.5rem !essential; } /* Countdown Types */ #fv-chart-1779832390094-amoge5ivm .fv-countdown-container { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; justify-content: middle !essential; padding: 1rem !essential; place: relative !essential; width: 100% !essential; box-sizing: border-box !essential; font-family: Montserrat, sans-serif !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-header { text-align: middle !essential; margin-bottom: 2rem !essential; z-index: 10 !essential; width: 100% !essential; show: flex !essential; flex-direction: column !essential; align-items: middle !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-title { font-size: 1.25rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0 !essential; font-style: italic !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-subhead { font-size: 1.125rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0.25rem 0 0 0 !essential; font-style: italic !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-timer-wrap { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; width: 100% !essential; max-width: 64rem !essential; z-index: 10 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-labels { show: flex !essential; justify-content: middle !essential; width: 100% !essential; margin-bottom: 0.5rem !essential; padding: 0 0.5rem !essential; font-size: 0.75rem !essential; font-weight: daring !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-labels > div { flex: 1 !essential; text-align: middle !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-box { place: relative !essential; width: 100% !essential; border-top: 6px strong #333 !essential; border-bottom: 8px strong #333 !essential; padding: 1rem 0 !essential; background: linear-gradient(to backside, #1f2937, #000000) !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits { show: flex !essential; justify-content: middle !essential; font-size: 1.75rem !essential; font-weight: 900 !essential; letter-spacing: 0em !essential; font-family: monospace !essential; colour: #fff !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits > div.digit-box { flex: 1 !essential; text-align: middle !essential; white-space: nowrap !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits > div.colon { flex: 0 0 auto !essential; opacity: 0.5 !essential; place: relative !essential; high: -2px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-spike-l { place: absolute !essential; left: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-right: 15px strong #374151 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-spike-r { place: absolute !essential; proper: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-left: 15px strong #374151 !essential; } @media (min-width: 600px) { #fv-chart-1779832390094-amoge5ivm .fv-countdown-container { padding: 2rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-title { font-size: 1.75rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-subhead { font-size: 1.25rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits { font-size: 2.25rem !essential; letter-spacing: 0 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-labels { font-size: 0.875rem !essential; padding: 0 1rem !essential; margin-bottom: 1rem !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-box { padding: 1.5rem 0 !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits > div.colon { high: -4px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-spike-l { left: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-right-width: 20px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-spike-r { proper: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-left-width: 20px !essential; } } @media (min-width: 768px) { #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits { font-size: 3.5rem !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832390094-amoge5ivm .fv-countdown-digits > div.colon { high: -5px !essential; } } /* Cell / Pressured Cell View / Labels on High */ #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-pie-container, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#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 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-x-axis-label-space, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-x-axis-label-space { show: none !essential; }#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 !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-benchmark-title, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-dropdown-title, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-chart-title, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-chart-subhead, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-header, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#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: middle !essential; padding-right: 0 !essential; }#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: middle !essential; padding-left: 0 !essential; }#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: middle !essential; }#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: middle !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-vs, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-select-container, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-versus-select, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832390094-amoge5ivm.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832390094-amoge5ivm.labels-on-top .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#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 !essential; peak: 2rem !essential; }#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 !essential; peak: 14px !essential; } #fv-chart-1779832390094-amoge5ivm.mobile-view .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832390094-amoge5ivm.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } @media (max-width: 599px) { #fv-chart-1779832390094-amoge5ivm .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#fv-chart-1779832390094-amoge5ivm .fv-grouped-product-title-wrapper { padding-left: 0 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#fv-chart-1779832390094-amoge5ivm .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832390094-amoge5ivm .fv-bar-label, #fv-chart-1779832390094-amoge5ivm .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832390094-amoge5ivm .fv-bar-container, #fv-chart-1779832390094-amoge5ivm .fv-bar-cluster { width: 100% !essential; }#fv-chart-1779832390094-amoge5ivm .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832390094-amoge5ivm .fv-x-axis-label-space { show: none !essential; }#fv-chart-1779832390094-amoge5ivm .fv-x-axis-chart-space { padding-right: 0 !essential; }#fv-chart-1779832390094-amoge5ivm .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832390094-amoge5ivm .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832390094-amoge5ivm .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832390094-amoge5ivm .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832390094-amoge5ivm .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832390094-amoge5ivm .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper.fv-left { text-align: middle !essential; padding-right: 0 !essential; }#fv-chart-1779832390094-amoge5ivm .fv-versus-select-wrapper.fv-right { text-align: middle !essential; padding-left: 0 !essential; }#fv-chart-1779832390094-amoge5ivm .fv-versus-select.fv-select-left { text-align: middle !essential; }#fv-chart-1779832390094-amoge5ivm .fv-versus-select.fv-select-right { text-align: middle !essential; }#fv-chart-1779832390094-amoge5ivm .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832390094-amoge5ivm .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832390094-amoge5ivm .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-logo, #fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-icon { width: 2rem !essential; peak: 2rem !essential; }#fv-chart-1779832390094-amoge5ivm .fv-stl-shop-all-icon svg { width: 14px !essential; peak: 14px !essential; } #fv-chart-1779832390094-amoge5ivm .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832390094-amoge5ivm.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } } { “@context”: “https://schema.org”, “@sort”: “Dataset”, “identify”: “Undervolt and watch it fly”, “description”: “Subhead to explain the check and what’s being measured and why”, “creator”: { “@sort”: “Group”, “identify”: “PC Gamer”, “emblem”: “https://cdn.mos.cms.futurecdn.web/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:53:10.095Z”, “quotation”: “Add your caption to elucidate the information, the learnings and the important thing takeaways of the information being visualized”, “key phrases”: [ “RX 9070 GRE (Acer Nitro)”, “Performance”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Efficiency Benchmarking”, “variableMeasured”: [ { “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Performance”, “value”: 4, “unitText”: “”, “maxValue”: 5 } ]} Undervolt and watch it fly Efficiency 4 Group 1 Information ProductPerformance () RX 9070 GRE (Acer Nitro)4 window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (perform() { /* World animation perform for slideshow re-use */ window.fvAnimateCharts = perform(chartWrapper) { if (!chartWrapper) return; perform animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(perform(bar, index) { /* Reset to 0 first to make sure animation triggers */ bar.type.setProperty(‘width’, ‘0%’, ‘essential’); bar.type.setProperty(‘transition’, ‘none’, ‘essential’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Drive reflow */ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, baseMargin + ‘%’, ‘essential’); } setTimeout(perform() { var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.type.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘essential’); bar.type.setProperty(‘width’, targetWidth + ‘%’, ‘essential’); if (targetMargin !== undefined && baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, targetMargin + ‘%’, ‘essential’); } }, index * 50 + 50); /* Diminished preliminary delay */ }); } perform animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(perform(p, i) { if (typeof p.getTotalLength === ‘perform’) { var len = p.getTotalLength(); p.type.transition = ‘none’; p.type.strokeDasharray = len; p.type.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(perform() { p.type.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.type.strokeDashoffset=”0″; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(perform(dot, i) { dot.type.opacity = ‘0’; setTimeout(perform() { dot.type.transition = ‘opacity 0.3s ease’; dot.type.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(perform(chart) { /* If in carousel/dropdown mode, hidden charts are show:none. */ /* We solely animate what’s seen. */ if (window.getComputedStyle(chart).show === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; perform initialize(uniqueId, isSlideshow) { var root = doc.getElementById(uniqueId); /* In slideshow mode, ‘root’ might be null as a result of the container has ‘-slideshow’ suffix. */ /* We deal with that logic under. */ if (!root && !isSlideshow) return; /* Setup inside interactions (Carousel/Dropdown/LineChart) for a particular chart wrapper */ perform setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive cellular view dealing with */ perform checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.display && Math.min(window.display.width, window.display.peak) <= 599; var isMobile; if (width === 0) else { /* Cell if container is small OR if it's a bodily cellular gadget (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner=”left”; if (rightNum > 0) { var diff = Math.spherical(((leftNum – rightNum) / rightNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner=”proper”; if (leftNum > 0) { var diff = Math.spherical(((rightNum – leftNum) / leftNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } } var leftDisplay = information.productData[leftProduct] && information.productData[leftProduct].displayValue !== undefined ? information.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = information.productData[rightProduct] && information.productData[rightProduct].displayValue !== undefined ? information.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (information.productData[leftProduct] && information.productData[leftProduct].unit) || (information.productData[rightProduct] && information.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(perform(el) { el.take away(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘proper’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.type.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.type.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.type.width = leftWidth + ‘%’; } if (rightBar) { rightBar.type.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.type.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.type.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = information.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.subsequent’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Textual content Parts */ 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.size > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.choices).map(perform(o) { return o.textual content; }); } else { charts.forEach(perform(c) ); } perform showInternalChart(index) { if (index = charts.size) index = 0; currentChartIndex = index; charts.forEach(perform(c, i) { c.type.show = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if wanted */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Replace labels-on-top based mostly on present chart sort */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.take away(‘labels-on-top’); } } }); if (dropdown) dropdown.worth = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.size; /* Replace Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); var currentChartType = activeChart.getAttribute(‘data-chart-type’); var hideGlobalCaption = currentChartType === ‘Countdown’ || currentChartType === ‘Picture Comparability’ || currentChartType === ‘Store the Assortment’; if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().size > 0 && !hideGlobalCaption) { footerContentEl.type.show = ‘block’; if (bottomBarEl) bottomBarEl.type.show = ‘flex’; } else { footerContentEl.type.show = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.type.show = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, perform(e) { showInternalChart(parseInt(e.goal.worth)); }); if (prevBtn) prevBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex + 1); }); } /* Picture Comparability Logic */ var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(perform(wrapper) { var internal = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; /* Zoom state */ var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; perform updateTransform() { if (wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { internal.type.setProperty(‘remodel’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘essential’); } else { internal.type.removeProperty(‘remodel’); scale = 1; panX = 0; panY = 0; } } perform constrainPan() { var rect = wrapper.getBoundingClientRect(); /* Max pan is determined by how a lot the picture is scaled past the wrapper */ var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.peak * scale – rect.peak) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, perform() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; hasPanned = true; /* Stop click on after pinch */ } else if (e.touches.size === 1 && scale > 1) }, { passive: false }); wrapper.addEventListener(‘touchmove’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.size === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, perform(e) { if (e.touches.size < 2) { initialDistance = null; } if (e.touches.size === 0) { isPanning = false; } }); perform handleMove(clientX) { var rect = internal.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var % = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.type.setProperty('left', % + '%', 'essential'); if (fgImage) fgImage.type.setProperty('clip-path', 'polygon(0 0, ' + % + '% 0, ' + % + '% 100%, 0 100%)', 'essential'); if (labelLeft) { if (% 90) { labelRight.type.setProperty(‘opacity’, ‘0’, ‘essential’); } else { labelRight.type.setProperty(‘opacity’, ‘1’, ‘essential’); } } } perform onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } perform onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } perform stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, perform(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, perform(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } /* Develop/Shut Logic */ var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.mother or father) { expandBtn.type.show = ‘none’; } else { expandBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ‘hidden’; /* Load high-res pictures if out there */ if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); }); } /* Shut on Escape */ doc.addEventListener(‘keydown’, perform(e) { if (e.key === ‘Escape’ && wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); } }); }); /* Store 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’); perform closeAllModals() { if (allProductsModal) { allProductsModal.classList.take away(‘is-active’); /* Take away highlights */ var objects = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); objects.forEach(perform(merchandise) { merchandise.classList.take away(‘is-highlighted’); }); /* Take away min-height after transition */ if (stlContainer) { setTimeout(perform() { if (!allProductsModal.classList.accommodates(‘is-active’)) { stlContainer.type.minHeight=””; if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } }, 300); } } hotspots.forEach(perform(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } hotspots.forEach(perform(btn) { btn.addEventListener(‘click on’, perform(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’); /* Guarantee container is tall sufficient */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.type.minHeight = '450px'; } /* Spotlight and scroll to merchandise */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(perform() { targetItem.scrollIntoView({ habits: 'easy', block: 'middle' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.measurement(); } } }); }); /* Store All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click on', perform(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Guarantee container is tall sufficient */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.size) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if(targetBtn.classList.accommodates(‘is-active’)) { targetBtn.click on(); } targetBtn.click on(); } } }); } if (iaWrapper) { iaWrapper.addEventListener(‘click on’, perform(e) { if (!e.goal.closest(‘.fv-ia-node-button’) && !e.goal.closest(‘.fv-ia-explore-btn’)) { closeAllIANodes(); resetExploreBtn(); } }); } /* Preliminary Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute(‘data-primary-color’) || ‘#f97316’; var subheadColor = countdownContainer.getAttribute(‘data-subhead-color’) || ‘#ffffff’; var pad = perform(n) { return (n 0) { d = Math.flooring(distinction / (1000 * 60 * 60 * 24)); h = Math.flooring((distinction / (1000 * 60 * 60)) % 24); m = Math.flooring((distinction / 1000 / 60) % 60); s = Math.flooring((distinction / 1000) % 60); } var daysEl = countdownContainer.querySelector(‘[data-time=”days”]’); var hoursEl = countdownContainer.querySelector(‘[data-time=”hours”]’); var minsEl = countdownContainer.querySelector(‘[data-time=”minutes”]’); var secsEl = countdownContainer.querySelector(‘[data-time=”seconds”]’); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = doc.getElementById(uniqueId + ‘-slideshow’); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); slides.forEach(perform(slide) { setupWrapper(slide.querySelector(‘.fv-chart-wrapper’)); }); } } else { setupWrapper(root); } } if (doc.readyState === ‘loading’) { doc.addEventListener(‘DOMContentLoaded’, perform() { initialize(‘fv-chart-1779832390094-amoge5ivm’, false); }); } else { initialize(‘fv-chart-1779832390094-amoge5ivm’, false); } })(); AMD Radeon RX 9070 GRE thermals(Picture credit score: Future)It is most likely no shock {that a} mid-range graphics card sporting a triple fan cooling array really traits to the beautiful chill, however that is the place we’re at with a minimum of the Acer Nitro RX 9070 GRE I have been testing. There are not any Made by AMD (MBA) playing cards for this era, so all RDNA 4 GPUs are clothed of their producer’s cooling shrouds, and also you’re more likely to be getting arrays designed for beefier playing cards slapped onto the RX 9070 GRE. @import url(‘https://fonts.googleapis.com/css2?household=Open+Sans:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Poppins:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Montserrat:ital,wght@0,400;0,900;1,900&show=swap’); /* Reset & Base */ #fv-chart-1779814280850-sfyjmq3av *, #fv-chart-1779814280850-sfyjmq3av *:earlier than, #fv-chart-1779814280850-sfyjmq3av *:after, #fv-chart-1779814280850-sfyjmq3av-slideshow *, #fv-chart-1779814280850-sfyjmq3av-slideshow *:earlier than, #fv-chart-1779814280850-sfyjmq3av-slideshow *:after { box-sizing: border-box !essential; 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 !essential; } /* Important Wrappers */ #fv-chart-1779814280850-sfyjmq3av { place: relative !essential; overflow: seen !essential; –riv-primary: #E33235; } #fv-chart-1779814280850-sfyjmq3av .fv-inner-wrapper { colour: #1F2937 !essential; background-color: #ededed !essential; padding: 1.5rem 1.5rem 2rem !essential; border-radius: 0.5rem !essential; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !essential; margin: 1rem 0 !essential; show: flex !essential; flex-direction: column !essential; overflow: hidden !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !essential; } #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed { width: 100vw !essential; margin-left: calc(50% – 50vw) !essential; } physique { overflow-x: clip !essential; } #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed .fv-inner-wrapper { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } /* Slideshow Types */ #fv-chart-1779814280850-sfyjmq3av-slideshow { place: relative !essential; width: 100% !essential; margin: 1rem 0 !essential; –riv-primary: #E33235; } #fv-chart-1779814280850-sfyjmq3av-slideshow .fv-slides-wrapper { place: relative !essential; width: 100% !essential; } #fv-chart-1779814280850-sfyjmq3av-slideshow .fv-slide { width: 100% !essential; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } /* High Navigation Row (Redesign) */ #fv-chart-1779814280850-sfyjmq3av-slideshow .fv-slideshow-nav-row { place: relative !essential; show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; padding: 0 0 16px 0 !essential; width: 100% !essential; z-index: 20 !essential; } #fv-chart-1779814280850-sfyjmq3av-slideshow .fv-nav-btn { background-color: var(–riv-primary) !essential; colour: #ffffff !essential; border: none !essential; border-radius: 4px !essential; padding: 8px 16px !essential; font-size: 14px !essential; font-weight: 700 !essential; cursor: pointer !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 6px !essential; transition: opacity 0.2s, background-color 0.2s !essential; peak: 36px !essential; text-transform: none !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !essential; } #fv-chart-1779814280850-sfyjmq3av-slideshow .fv-nav-btn svg { width: 18px !essential; peak: 18px !essential; stroke-width: 3px !essential; filter: none !essential; } #fv-chart-1779814280850-sfyjmq3av-slideshow .fv-nav-btn:hover { opacity: 0.9 !essential; remodel: translateY(-1px) !essential; } #fv-chart-1779814280850-sfyjmq3av-slideshow .fv-nav-btn.disabled { background-color: #E5E7EB !essential; colour: #9CA3AF !essential; cursor: default !essential; pointer-events: none !essential; box-shadow: none !essential; } #fv-chart-1779814280850-sfyjmq3av-slideshow .fv-slide-counter { font-family: ‘Poppins’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; colour: #374151 !essential; text-align: middle !essential; min-width: 40px !essential; background-color: rgba(255,255,255,0.8) !essential; padding: 2px 8px !essential; border-radius: 10px !essential; } /* Slideshow Dropdown Navigation */ #fv-chart-1779814280850-sfyjmq3av-slideshow .fv-slideshow-select { place: absolute !essential; high: 10px !essential; proper: 10px !essential; z-index: 20 !essential; look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background-color: white !essential; border: 1px strong #d1d5db !essential; colour: #1F2937 !essential; font-family: ‘Open Sans’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; padding: 6px 32px 6px 12px !essential; border-radius: 4px !essential; cursor: pointer !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !essential; background-image: url(“information:picture/svg+xml,%3csvg xmlns=”http://www.w3.org/2000/svg” fill=”none” viewBox=’0 0 20 20’%3epercent3cpath stroke=”%236b7280″ stroke-linecap=’spherical’ stroke-linejoin=’spherical’ stroke-width=”1.5″ d=’M6 8l4 4 4-4’/%3epercent3c/svgpercent3e”) !essential; background-position: proper 0.5rem middle !essential; background-repeat: no-repeat !essential; background-size: 1.5em 1.5em !essential; } #fv-chart-1779814280850-sfyjmq3av-slideshow .fv-slideshow-select:focus { define: 2px strong #E33235 !essential; border-color: #E33235 !essential; } /* Typography */ #fv-chart-1779814280850-sfyjmq3av .fv-chart-title { font-weight: daring !essential; text-align: middle !essential; margin-bottom: 0.5rem !essential; colour: var(–riv-primary) !essential; font-size: 20px !essential; line-height: 1.2 !essential; font-family: ‘Open Sans’, sans-serif !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; padding: 0 20px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-chart-subhead { font-size: 18px !essential; font-weight: 500 !essential; text-align: middle !essential; margin-bottom: 2rem !essential; colour: #374151 !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; text-transform: none !essential; padding: 0 20px !essential; } #fv-chart-1779814280850-sfyjmq3av .rv-chart-caption { font-size: 15px !essential; colour: #374151 !essential; text-align: middle !essential; font-style: regular !essential; font-weight: regular !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; } /* Versus Chart */ #fv-chart-1779814280850-sfyjmq3av .fv-versus-chart { show: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-header { show: flex; justify-content: space-between; align-items: middle; 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: middle; padding-right: 1rem; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper.fv-right { text-align: middle; padding-left: 1rem; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-container { place: relative; show: inline-block; max-width: 100%; width: 100%; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-chevron { place: absolute; high: 50%; remodel: translateY(-50%); pointer-events: none; width: 16px; peak: 16px; flex-shrink: 0; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper.fv-left .fv-versus-chevron { proper: 0; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper.fv-right .fv-versus-chevron { proper: 0; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-select { background: clear; border: none; border-bottom: 2px strong; font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; define: none; look: 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: middle; course: ltr; padding-right: 1.25rem; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-select.fv-select-right { text-align: middle; padding-right: 1.25rem; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-select possibility { font-family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 14px; colour: #374151; course: ltr; text-align: left; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-vs { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-body { show: flex; flex-direction: column; hole: 1.5rem; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-row { place: relative; peak: auto; padding-top: 20px; margin-bottom: 0.25rem; show: block; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-bar-container { place: relative; peak: 32px; show: flex; align-items: middle; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-bar-left-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-end; align-items: middle; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-bar-right-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-start; align-items: middle; } #fv-chart-1779814280850-sfyjmq3av .fv-versus-bar { peak: 32px; width: var(–target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; show: flex; align-items: middle; overflow: hidden; colour: #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 { place: absolute; left: 50%; high: 0; backside: 0; width: 4px; background-color: #ffffff; remodel: 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 { place: absolute; left: 50%; remodel: translateX(-50%); high: 0; background-color: clear; border: none; box-shadow: none; padding: 0; font-family: ‘Open Sans’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; white-space: nowrap; } #fv-chart-1779814280850-sfyjmq3av .sr-only { place: absolute !essential; width: 1px !essential; peak: 1px !essential; padding: 0 !essential; margin: -1px !essential; overflow: hidden !essential; clip: rect(0,0,0,0) !essential; white-space: nowrap !essential; border: 0 !essential; } /* Picture Comparability Types */ #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-container { width: auto !essential; margin-left: -1.5rem !essential; margin-right: -1.5rem !essential; margin-bottom: 2rem !essential; } #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed .fv-image-compare-container { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-wrapper { place: relative !essential; width: 100% !essential; overflow: hidden !essential; border-radius: 0 !essential; background-color: #000 !essential; touch-action: pan-y !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-inner { place: relative !essential; width: 100% !essential; peak: 100% !essential; show: block !essential; transform-origin: middle middle !essential; transition: remodel 0.1s ease-out !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-bg { show: block !essential; width: 100% !essential; peak: auto !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-fg { place: absolute !essential; high: 0 !essential; left: 0 !essential; width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-slider { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 32px !essential; remodel: translateX(-50%) !essential; cursor: ew-resize !essential; z-index: 10 !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-slider-line { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 4px !essential; background-color: white !essential; remodel: translateX(-50%) !essential; box-shadow: 0 0 10px rgba(0,0,0,0.5) !essential; pointer-events: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-handle { place: absolute !essential; high: 50% !essential; left: 50% !essential; remodel: translate(-50%, -50%) !essential; width: 32px !essential; peak: 32px !essential; background-color: white !essential; border-radius: 50% !essential; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 4px !essential; pointer-events: none !essential; z-index: 11 !essential; overflow: hidden !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-arrow-left { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-right: 4px strong #4b5563 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-arrow-right { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-left: 4px strong #4b5563 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-label { place: absolute !essential; high: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; padding: 0.25rem 0.75rem !essential; border-radius: 0.25rem !essential; font-size: 0.875rem !essential; font-weight: 500 !essential; pointer-events: none !essential; backdrop-filter: blur(4px) !essential; z-index: 5 !essential; transition: proper 0.3s ease, opacity 0.2s ease !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-label-left { left: 1rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-label-right { proper: 1rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-expand-btn, #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-close-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; border: none !essential; border-radius: 0.25rem !essential; padding: 0.5rem !essential; cursor: pointer !essential; z-index: 20 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; backdrop-filter: blur(4px) !essential; transition: background-color 0.2s !essential; } #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) !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-close-btn { show: none !essential; high: 1rem !essential; backside: auto !essential; } /* Fullscreen State */ #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-wrapper.fv-image-compare-fullscreen { place: fastened !essential; high: 0 !essential; left: 0 !essential; proper: 0 !essential; backside: 0 !essential; width: 100% !essential; peak: 100% !essential; z-index: 999999 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: rgba(0, 0, 0, 0.9) !essential; margin: 0 !essential; touch-action: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !essential; peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; cursor: seize !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:energetic { cursor: grabbing !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { place: absolute !essential; high: 0 !essential; left: 0 !essential; max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { show: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { show: flex !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { proper: 4rem !essential; } /* Footer */ #fv-chart-1779814280850-sfyjmq3av .fv-bottom-bar { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; margin-top: 0.5rem !essential; hole: 1rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-footer-content { text-align: middle !essential; width: 100% !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-logo { show: block !essential; margin: 0 auto !essential; width: 120px !essential; min-width: 120px !essential; max-width: 120px !essential; peak: auto !essential; object-fit: comprise !essential; flex-shrink: 0 !essential; } /* Show Mode Controls */ #fv-chart-1779814280850-sfyjmq3av .fv-dropdown-wrapper { text-align: middle !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-dropdown-title-container { place: relative !essential; show: inline-block !essential; max-width: 100% !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-dropdown-title { look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background: clear !essential; border: none !essential; font-size: 18px !essential; font-weight: 600 !essential; colour: var(–riv-primary) !essential; padding-right: 28px !essential; padding-left: 10px !essential; cursor: pointer !essential; text-align: middle !essential; text-align-last: middle !essential; width: auto !essential; max-width: 100% !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; margin: 0 !essential; text-overflow: ellipsis !essential; overflow: hidden !essential; white-space: nowrap !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-dropdown-title:focus { define: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-dropdown-title::-ms-expand { show: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-dropdown-chevron { place: absolute !essential; proper: 0 !essential; high: 50% !essential; remodel: translateY(-50%) !essential; pointer-events: none !essential; colour: var(–riv-primary) !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-carousel-title-controls { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; margin-bottom: 16px !essential; width: 100% !essential; hole: 12px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-carousel-nav-btn { background: clear !essential; border: 1px strong #d1d5db !essential; border-radius: 6px !essential; padding: 6px 10px !essential; cursor: pointer !essential; font-size: 14px !essential; colour: #374151 !essential; show: flex !essential; align-items: middle !essential; hole: 4px !essential; font-family: ‘Open Sans’, sans-serif !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-carousel-nav-btn:hover { border-color: #9ca3af !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-carousel-counter { font-size: 14px !essential; colour: #374151 !essential; text-align: middle !essential; margin-top: 1rem !essential; } /* Legend */ #fv-chart-1779814280850-sfyjmq3av .fv-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 8px 16px !essential; margin: 0 !essential; padding: 0 !essential; margin-top: 1rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-legend-item { show: flex !essential; align-items: middle !essential; hole: 6px !essential; font-size: 14px !essential; colour: #374151 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-legend-color { width: 12px !essential; peak: 12px !essential; border-radius: 3px !essential; } /* Multi-Worth Legend */ #fv-chart-1779814280850-sfyjmq3av .fv-multi-value-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 12px 24px !essential; margin-bottom: 1.5rem !essential; padding: 0 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-multi-legend-item { show: flex !essential; align-items: middle !essential; hole: 8px !essential; font-size: 14px !essential; colour: #374151 !essential; font-weight: 500 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-multi-legend-swatch { width: 16px !essential; peak: 16px !essential; border-radius: 3px !essential; } /* Chart Core Types */ #fv-chart-1779814280850-sfyjmq3av .fv-benchmark-group { margin-bottom: 1rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-benchmark-title { font-size: 18px !essential; font-weight: 600 !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; padding: 0 !essential; text-align: middle !essential; colour: var(–riv-primary) !essential; flex: 1 !essential; min-width: 0 !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; word-wrap: break-word !essential; max-width: 100% !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar-row, #fv-chart-1779814280850-sfyjmq3av .fv-stacked-product { show: flex !essential; align-items: middle !essential; width: 100% !essential; margin-bottom: 0.75rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar-label { width: 150px !essential; flex-shrink: 0 !essential; font-size: 14px !essential; colour: #374151 !essential; padding-right: 10px !essential; text-align: proper !essential; font-weight: 500 !essential; show: block !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar-container { flex-grow: 1 !essential; background-color: #E5E7EB !essential; border-radius: 4px !essential; min-height: 25px !essential; border: 1px strong #D1D5DB !essential; place: relative !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar { peak: 100% !essential; border-radius: 3px !essential; show: flex !essential; align-items: middle !essential; transition: opacity 0.2s ease, width 0.8s ease-out !essential; min-height: 23px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar:hover { opacity: 0.8 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar-inner-content { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; width: 100% !essential; peak: 100% !essential; padding: 0 8px !essential; font-size: 14px !essential; font-weight: daring !essential; overflow: hidden !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar-inner-label { white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; padding-right: 8px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar-inner-value { flex-shrink: 0 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar-value-outside { padding-left: 8px !essential; font-size: 14px !essential; font-weight: daring !essential; colour: #374151 !essential; white-space: nowrap !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar-label.fv-primary-product { font-weight: daring !essential; colour: var(–riv-primary) !essential; } /* Multi-Worth Bar Logic */ #fv-chart-1779814280850-sfyjmq3av .fv-multi-bar-container { flex-direction: column !essential; padding: 4px !essential; align-items: stretch !essential; hole: 4px !essential; peak: auto !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-multi-bar-item { show: flex !essential; align-items: middle !essential; peak: 25px !essential; width: 100% !essential; } /* Stacked Bar */ #fv-chart-1779814280850-sfyjmq3av .fv-stacked-bar { show: flex !essential; overflow: hidden !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stacked-segment { peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: flex-end !essential; padding-right: 8px !essential; border-right: 1px strong rgba(255,255,255,0.3) !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stacked-segment:last-child { border-right: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-segment-value { font-size: 14px !essential; font-weight: daring !essential; } /* Grouped Bar */ #fv-chart-1779814280850-sfyjmq3av .fv-grouped-bar-product { show: flex !essential; flex-direction: column !essential; width: 100% !essential; margin-bottom: 1.25rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-grouped-product-title-wrapper { padding-left: 150px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.5rem !essential; font-weight: 700 !essential; font-size: 14px !essential; colour: #374151 !essential; text-transform: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar-cluster { width: 100% !essential; flex-grow: 1 !essential; show: flex !essential; flex-direction: column !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-bar-cluster .fv-bar-container { peak: 20px !essential; } /* Line Chart Grid */ #fv-chart-1779814280850-sfyjmq3av .riv-grid line { stroke: #D1D5DB !essential; stroke-dasharray: 3 3 !essential; } /* X-Axis */ #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-wrapper { show: flex !essential; width: 100% !essential; margin-top: 0.5rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-label-space { width: 150px !essential; padding-right: 10px !essential; flex-shrink: 0 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-chart-space { flex-grow: 1 !essential; padding-right: 8px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-line { border-top: 1px strong #D1D5DB !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-ticks { show: flex !essential; justify-content: space-between !essential; padding-top: 4px !essential; font-size: 13px !essential; colour: #374151 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-ticks span { place: relative !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-ticks span::earlier than { content material: ” !essential; place: absolute !essential; high: -6px !essential; left: 50% !essential; remodel: translateX(-50%) !essential; width: 2px !essential; peak: 4px !essential; background-color: #D1D5DB !essential; border-radius: 1px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-unit { text-align: middle !essential; font-size: 14px !essential; colour: #374151 !essential; margin-top: 8px !essential; show: block !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-x-axis-title { text-align: middle !essential; font-size: 15px !essential; colour: #374151 !essential; margin-top: 8px !essential; margin-bottom: 16px !essential; line-height: 1.5 !essential; padding: 0 1rem !essential; show: block !essential; font-weight: daring !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-y-axis-title { font-size: 15px !essential; colour: #374151 !essential; line-height: 1.5 !essential; text-align: left !essential; padding-left: 5.83% !essential; /* Aligns with Y-axis line inside SVG (35/600) */ margin-bottom: 4px !essential; show: block !essential; font-weight: daring !essential; } /* Store The Look */ #fv-chart-1779814280850-sfyjmq3av .fv-stl-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; transition: min-height 0.3s ease !essential; overflow: hidden !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stl-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed .fv-stl-container { width: 100% !essential; } #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed .fv-stl-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stl-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stl-hotspot-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stl-hotspot-btn { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !essential; transition-property: all !essential; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !essential; transition-duration: 300ms !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stl-hotspot-btn:hover { remodel: scale(1.1) !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stl-hotspot-btn:focus { define: 2px strong clear !essential; outline-offset: 2px !essential; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stl-hotspot-btn[aria-expanded=”true”] { background-color: #3b82f6 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stl-hotspot-pulse { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-stl-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1779814280850-sfyjmq3av .fv-stl-hotspot-pulse { animation-fill-mode: none !essential; } } /* Store the look button */ #fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; peak: 2.5rem !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; colour: #111827 !essential; padding: 0 1rem 0 3rem !essential; border-radius: 0.25rem !essential; font-weight: 700 !essential; font-size: 0.875rem !essential; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !essential; border: none !essential; cursor: pointer !essential; transition: all 0.2s !essential; z-index: 10 !essential; show: flex !essential; align-items: middle !essential; text-transform: uppercase !essential; overflow: hidden !essential; white-space: nowrap !essential; max-width: calc(100% – 2rem) !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-btn span { overflow: hidden !essential; text-overflow: ellipsis !essential; white-space: nowrap !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-btn:hover { background-color: #ffffff !essential; remodel: scale(1.05) !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-logo { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; object-fit: cowl !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; flex-shrink: 0 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-icon { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; colour: #1f2937 !essential; flex-shrink: 0 !essential; } /* All Merchandise Modal */ #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av { place: fastened !essential; inset: 0 !essential; background-color: rgba(0, 0, 0, 0) !essential; backdrop-filter: blur(0px) !essential; -webkit-backdrop-filter: blur(0px) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; z-index: 99999 !essential; pointer-events: none !essential; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !essential; padding: 1rem !essential; overflow: hidden !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av { place: absolute !essential; padding: 0 !essential; align-items: flex-end !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av.is-active { background-color: rgba(0, 0, 0, 0.2) !essential; backdrop-filter: blur(4px) !essential; -webkit-backdrop-filter: blur(4px) !essential; pointer-events: auto !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-content { width: 100% !essential; max-width: 42rem !essential; max-height: 100% !essential; show: flex !essential; flex-direction: column !essential; place: relative !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; border-radius: 1rem !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; overflow: hidden !essential; transition: remodel 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !essential; opacity: 0 !essential; remodel: scale(0.95) !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av.is-active .fv-stl-all-products-content { opacity: 1 !essential; remodel: scale(1) !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; } /* V2 Backside Sheet Fashion */ #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av.v2 { align-items: flex-end !essential; padding: 0 !essential; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av.v2:not(.mobile-view *) { justify-content: flex-end !essential; } } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av.v2 .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } @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 !essential; border-radius: 1.5rem 0 0 0 !essential; } } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av.v2.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-header { show: flex !essential; align-items: middle !essential; justify-content: space-between !essential; padding: 1.5rem !essential; border-bottom: 1px strong #e5e7eb !essential; flex-shrink: 0 !essential; place: sticky !essential; high: 0 !essential; background-color: rgba(255, 255, 255, 0.8) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; z-index: 10 !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-header { padding: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-logo { peak: 1.5rem !essential; width: auto !essential; object-fit: comprise !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-logo { peak: 1.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-title { font-size: 1.25rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-title { font-size: 1.125rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-close { width: 2rem !essential; peak: 2rem !essential; border-radius: 9999px !essential; background-color: rgba(0, 0, 0, 0.05) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; border: none !essential; cursor: pointer !essential; z-index: 10 !essential; colour: #6b7280 !essential; transition: all 0.2s !essential; padding: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-list { list-style: none !essential; padding: 1.5rem !essential; margin: 0 !essential; overflow-y: auto !essential; flex: 1 !essential; show: flex !essential; flex-direction: column !essential; hole: 0.75rem !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-list { padding: 0.75rem !essential; hole: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-item { margin: 0 !essential; padding: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-link { show: flex !essential; align-items: flex-start !essential; padding: 0.75rem !essential; text-decoration: none !essential; colour: inherit !essential; transition: all 0.2s !essential; border-radius: 1rem !essential; border: 1px strong clear !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-link { padding: 0.5rem !essential; border-radius: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-link:hover { background-color: #ffffff !essential; border-color: #e5e7eb !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !essential; border-color: #d1d5db !essential; 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 !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-image-container { place: relative !essential; margin-right: 1.25rem !essential; flex-shrink: 0 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-number { place: absolute !essential; high: -0.5rem !essential; left: -0.5rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; background-color: #0f172a !essential; colour: #ffffff !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; 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 !essential; z-index: 10 !essential; font-family: sans-serif !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-number { high: -0.375rem !essential; left: -0.375rem !essential; width: 1.25rem !essential; peak: 1.25rem !essential; font-size: 0.625rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-image-wrapper { width: 6rem !essential; peak: 6rem !essential; border-radius: 0.75rem !essential; overflow: hidden !essential; background-color: #f9fafb !essential; border: 1px strong #f3f4f6 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-image-wrapper { width: 4rem !essential; peak: 4rem !essential; border-radius: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-image { width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-placeholder { width: 2rem !essential; peak: 2rem !essential; colour: #d1d5db !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-placeholder { width: 1.5rem !essential; peak: 1.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-info { flex: 1 !essential; min-width: 0 !essential; show: flex !essential; flex-direction: column !essential; justify-content: middle !essential; margin-top: 0.25rem !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-info { margin-top: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-brand { font-size: 0.625rem !essential; font-weight: 700 !essential; colour: #6b7280 !essential; text-transform: uppercase !essential; letter-spacing: 0.1em !essential; margin: 0 0 0.375rem 0 !essential; white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-brand { font-size: 0.5625rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-name { font-size: 1rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 0 0.375rem 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.25 !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-name { font-size: 0.875rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-meta { show: flex !essential; align-items: middle !essential; font-size: 0.875rem !essential; margin-bottom: 0.375rem !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-meta { font-size: 0.75rem !essential; margin-bottom: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-price { font-weight: 700 !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-sale-price { font-weight: 700 !essential; colour: #dc2626 !essential; margin-right: 0.5rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-original-price { colour: #9ca3af !essential; text-decoration: line-through !essential; font-size: 0.75rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-commentary { font-size: 0.875rem !essential; colour: #4b5563 !essential; margin: 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.375 !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-commentary { font-size: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-action { width: 2.5rem !essential; peak: 2.5rem !essential; border-radius: 9999px !essential; background-color: #f9fafb !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; margin-left: 1rem !essential; flex-shrink: 0 !essential; border: 1px strong #f3f4f6 !essential; transition: all 0.2s !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-action { width: 2rem !essential; peak: 2rem !essential; margin-left: 0.75rem !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-action svg { width: 14px !essential; peak: 14px !essential; } #fv-stl-all-products-modal-fv-chart-1779814280850-sfyjmq3av .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !essential; colour: #ffffff !essential; border-color: #111827 !essential; } /* Picture Annotation Types */ #fv-chart-1779814280850-sfyjmq3av .fv-ia-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; overflow: hidden !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed .fv-ia-container { width: 100% !essential; } #fv-chart-1779814280850-sfyjmq3av.fv-full-bleed .fv-ia-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-button { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-button:hover { remodel: scale(1.1) !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-button.is-active { background-color: #E33235 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-pulse-ring { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-ia-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } #fv-chart-1779814280850-sfyjmq3av .fv-ia-static-tooltip { show: none !essential; place: absolute !essential; high: -10px !essential; left: 50% !essential; remodel: translate(-50%, -100%) !essential; background-color: rgba(255, 255, 255, 0.95) !essential; padding: 10px !essential; border-radius: 6px !essential; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !essential; width: max-content !essential; max-width: 200px !essential; font-size: 13px !essential; colour: #1f2937 !essential; z-index: 20 !essential; pointer-events: none !essential; white-space: pre-wrap !essential; line-height: 1.4 !essential; border: 1px strong #e5e7eb !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-button:hover + .fv-ia-static-tooltip { show: block !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-logo-explore-bar { place: relative !essential; width: 100% !essential; show: flex !essential; justify-content: middle !essential; align-items: middle !essential; min-height: 30px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-logo-explore-bar .fv-logo { margin: 0 auto !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-explore-wrapper { place: absolute !essential; proper: 0 !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-logo-explore-bar { flex-direction: column !essential; min-height: auto !essential; hole: 0.75rem !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-ia-explore-wrapper { place: static !essential; align-self: flex-end !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !essential; colour: #1e293b !essential; border: 1px strong #e5e7eb !essential; border-radius: 9999px !essential; padding: 0.5rem 1.25rem !essential; font-size: 0.875rem !essential; font-weight: 600 !essential; font-family: sans-serif !essential; show: inline-flex !essential; align-items: middle !essential; hole: 0.5rem !essential; cursor: pointer !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 0.2s !essential; pointer-events: auto !essential; flex-shrink: 0 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-explore-btn:hover { background-color: #ffffff !essential; remodel: translateY(-2px) !essential; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !essential; colour: #E33235 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-explore-btn svg { transition: remodel 0.2s !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-explore-btn:hover svg { remodel: translateX(2px) !essential; } /* IA Modal Types */ #fv-chart-1779814280850-sfyjmq3av .fv-ia-active-modal-container { show: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-modals { show: block !essential; place: static !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-modal-item { show: none !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-modal-item.is-active { show: flex !essential; flex-direction: column !essential; place: absolute !essential; high: 1rem !essential; proper: 1rem !essential; z-index: 20 !essential; width: 18rem !essential; max-width: calc(100% – 2rem) !essential; background-color: #ffffff !essential; padding: 1rem !essential; border-radius: 0.75rem !essential; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !essential; border: 1px strong #e5e7eb !essential; border-top: 4px strong #E33235 !essential; animation: fv-ia-fade-in 0.2s ease-out !essential; hole: 0.75rem !essential; max-height: 80% !essential; overflow-y: auto !essential; pointer-events: auto !essential; } @keyframes fv-ia-fade-in { from { opacity: 0; remodel: scale(0.95); } to { opacity: 1; remodel: scale(1); } } #fv-chart-1779814280850-sfyjmq3av .fv-ia-modal-header { show: flex !essential; justify-content: space-between !essential; align-items: flex-start !essential; margin: 0 !essential; hole: 0.5rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-title { font-size: 1rem !essential; line-height: 1.25 !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-close-button { background: #f9fafb !essential; border: 1px strong #e5e7eb !essential; border-radius: 50% !essential; width: 2rem !essential; peak: 2rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; cursor: pointer !essential; padding: 0 !essential; flex-shrink: 0 !essential; transition: all 0.2s !essential; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-close-button:hover { background: #e5e7eb !essential; colour: #111827 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-ia-node-description { font-size: 0.875rem !essential; colour: #374151 !essential; margin: 0 !essential; line-height: 1.625 !essential; white-space: pre-wrap !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-ia-node-description { font-size: 0.875rem !essential; } /* Error Dealing with */ #fv-chart-1779814280850-sfyjmq3av .fv-ia-empty { show: flex !essential; align-items: middle !essential; justify-content: middle !essential; peak: 200px !essential; background-color: #f1f5f9 !essential; colour: #64748b !essential; border: 2px dashed #cbd5e1 !essential; border-radius: 0.5rem !essential; } /* Countdown Types */ #fv-chart-1779814280850-sfyjmq3av .fv-countdown-container { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; justify-content: middle !essential; padding: 1rem !essential; place: relative !essential; width: 100% !essential; box-sizing: border-box !essential; font-family: Montserrat, sans-serif !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-header { text-align: middle !essential; margin-bottom: 2rem !essential; z-index: 10 !essential; width: 100% !essential; show: flex !essential; flex-direction: column !essential; align-items: middle !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-title { font-size: 1.25rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0 !essential; font-style: italic !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-subhead { font-size: 1.125rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0.25rem 0 0 0 !essential; font-style: italic !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-timer-wrap { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; width: 100% !essential; max-width: 64rem !essential; z-index: 10 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-labels { show: flex !essential; justify-content: middle !essential; width: 100% !essential; margin-bottom: 0.5rem !essential; padding: 0 0.5rem !essential; font-size: 0.75rem !essential; font-weight: daring !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-labels > div { flex: 1 !essential; text-align: middle !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-box { place: relative !essential; width: 100% !essential; border-top: 6px strong #333 !essential; border-bottom: 8px strong #333 !essential; padding: 1rem 0 !essential; background: linear-gradient(to backside, #1f2937, #000000) !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits { show: flex !essential; justify-content: middle !essential; font-size: 1.75rem !essential; font-weight: 900 !essential; letter-spacing: 0em !essential; font-family: monospace !essential; colour: #fff !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits > div.digit-box { flex: 1 !essential; text-align: middle !essential; white-space: nowrap !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits > div.colon { flex: 0 0 auto !essential; opacity: 0.5 !essential; place: relative !essential; high: -2px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-spike-l { place: absolute !essential; left: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-right: 15px strong #374151 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-spike-r { place: absolute !essential; proper: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-left: 15px strong #374151 !essential; } @media (min-width: 600px) { #fv-chart-1779814280850-sfyjmq3av .fv-countdown-container { padding: 2rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-title { font-size: 1.75rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-subhead { font-size: 1.25rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits { font-size: 2.25rem !essential; letter-spacing: 0 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-labels { font-size: 0.875rem !essential; padding: 0 1rem !essential; margin-bottom: 1rem !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-box { padding: 1.5rem 0 !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits > div.colon { high: -4px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-spike-l { left: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-right-width: 20px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-spike-r { proper: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-left-width: 20px !essential; } } @media (min-width: 768px) { #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits { font-size: 3.5rem !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-countdown-digits > div.colon { high: -5px !essential; } } /* Cell / Pressured Cell View / Labels on High */ #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-pie-container, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#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 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-x-axis-wrapper, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-x-axis-label-space, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-x-axis-label-space { show: none !essential; }#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 !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-benchmark-title, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-dropdown-title, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-carousel-nav-btn, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-chart-title, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-chart-subhead, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-header, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-select-wrapper, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#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: middle !essential; padding-right: 0 !essential; }#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: middle !essential; padding-left: 0 !essential; }#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: middle !essential; }#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: middle !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-vs, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-select-container, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-versus-select, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779814280850-sfyjmq3av.labels-on-top .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#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 !essential; peak: 2rem !essential; }#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 !essential; peak: 14px !essential; } #fv-chart-1779814280850-sfyjmq3av.mobile-view .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779814280850-sfyjmq3av.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } @media (max-width: 599px) { #fv-chart-1779814280850-sfyjmq3av .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-grouped-product-title-wrapper { padding-left: 0 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-bar-label, #fv-chart-1779814280850-sfyjmq3av .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-bar-container, #fv-chart-1779814280850-sfyjmq3av .fv-bar-cluster { width: 100% !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-x-axis-label-space { show: none !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-x-axis-chart-space { padding-right: 0 !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper.fv-left { text-align: middle !essential; padding-right: 0 !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-versus-select-wrapper.fv-right { text-align: middle !essential; padding-left: 0 !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-versus-select.fv-select-left { text-align: middle !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-versus-select.fv-select-right { text-align: middle !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-logo, #fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-icon { width: 2rem !essential; peak: 2rem !essential; }#fv-chart-1779814280850-sfyjmq3av .fv-stl-shop-all-icon svg { width: 14px !essential; peak: 14px !essential; } #fv-chart-1779814280850-sfyjmq3av .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779814280850-sfyjmq3av.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } } { “@context”: “https://schema.org”, “@sort”: “Dataset”, “identify”: “System efficiency”, “description”: “Subhead to explain the check and what’s being measured and why”, “creator”: { “@sort”: “Group”, “identify”: “PC Gamer”, “emblem”: “https://cdn.mos.cms.futurecdn.web/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T16:51:20.850Z”, “quotation”: “The RX 9070 GRE makes use of the identical coolers because the RX 9070/XT playing cards, with extra power-hungry GPUs, the cooling noise and thermal load is impressively mild.”, “key phrases”: [ “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”: “Efficiency 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)” , 12 GB – Thermals”, “value”: 62, “unitText”: “Peak temperature (°C)” , 16 GB – GPU frequency”, “value”: 2687, “unitText”: “Average clock speed (MHz)” , 12 GB – GPU frequency”, “value”: 2693, “unitText”: “Average clock speed (MHz)” , 16 GB – GPU frequency”, “value”: 2849, “unitText”: “Average clock speed (MHz)” , 16 GB – GPU frequency”, “value”: 2349, “unitText”: “Average clock speed (MHz)” , 12 GB – GPU frequency”, “value”: 2674, “unitText”: “Average clock speed (MHz)” , 16 GB – Power”, “value”: 207, “unitText”: “Peak power (watts)” , 12 GB – Power”, “value”: 284, “unitText”: “Peak power (watts)” , 16 GB – Power”, “value”: 182, “unitText”: “Peak power (watts)” , 16 GB – Power”, “value”: 270, “unitText”: “Peak power (watts)” , 12 GB – Power”, “value”: 287, “unitText”: “Peak power (watts)” , 16 GB – Performance per watt”, “value”: 0.23, “unitText”: “4K frames per J” , 12 GB – Performance per watt”, “value”: 0.24, “unitText”: “4K frames per J” , 16 GB – Performance per watt”, “value”: 0.26, “unitText”: “4K frames per J” , 12 GB – Performance per watt”, “value”: 0.22, “unitText”: “4K frames per J” ]} System efficiency ThermalsGPU frequencyPowerPerformance per watt Peak temperature (°C) Common temperature (°C) RX 9070 GRE | 12 GB 62 59 RX 9070 | 16 GB 57 55 RTX 5070 | 12 GB 79 76 RTX 5060 Ti | 16 GB 67 65 RX 9060 XT | 16 GB 57 48 Thermals Information ProductValue RX 9070 GRE | 12 GB 62 Peak temperature (°C), 59 Common temperature (°C) RX 9070 | 16 GB 57 Peak temperature (°C), 55 Common temperature (°C) RTX 5070 | 12 GB 79 Peak temperature (°C), 76 Common temperature (°C) RTX 5060 Ti | 16 GB 67 Peak temperature (°C), 65 Common temperature (°C) RX 9060 XT | 16 GB 57 Peak temperature (°C), 48 Common temperature (°C) RX 9070 GRE | 12 GB 2674 RX 9070 | 16 GB 2349 RTX 5070 | 12 GB 2693 RTX 5060 Ti | 16 GB 2687 RX 9060 XT | 16 GB 2849 GPU frequency Information ProductValue RX 9070 GRE | 12 GB 2674 RX 9070 | 16 GB 2349 RTX 5070 | 12 GB 2693 RTX 5060 Ti | 16 GB 2687 RX 9060 XT | 16 GB 2849 Peak energy (watts) Common energy (watts) RX 9070 GRE | 12 GB 287 244 RX 9070 | 16 GB 270 248 RTX 5070 | 12 GB 284 251 RTX 5060 Ti | 16 GB 207 182 RX 9060 XT | 16 GB 182 146 Energy Information ProductValue RX 9070 GRE | 12 GB 287 Peak energy (watts), 244 Common energy (watts) RX 9070 | 16 GB 270 Peak energy (watts), 248 Common energy (watts) RTX 5070 | 12 GB 284 Peak energy (watts), 251 Common energy (watts) RTX 5060 Ti | 16 GB 207 Peak energy (watts), 182 Common energy (watts) RX 9060 XT | 16 GB 182 Peak energy (watts), 146 Common energy (watts) 4K frames per J 1080p body per J RX 9070 GRE | 12 GB 0.22 0.53 RX 9070 | 16 GB 0.26 0.6 RTX 5070 | 12 GB 0.24 0.61 RTX 5060 Ti | 16 GB 0.23 0.62 Efficiency per watt Information ProductValue RX 9070 GRE | 12 GB 0.22 4K frames per J, 0.53 1080p body per J RX 9070 | 16 GB 0.26 4K frames per J, 0.6 1080p body per J RTX 5070 | 12 GB 0.24 4K frames per J, 0.61 1080p body per J RTX 5060 Ti | 16 GB 0.23 4K frames per J, 0.62 1080p body per J RX 9060 XT | 16 GB N/A The RX 9070 GRE makes use of the identical coolers because the RX 9070/XT playing cards, with extra power-hungry GPUs, the cooling noise and thermal load is impressively mild. window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (perform() { /* World animation perform for slideshow re-use */ window.fvAnimateCharts = perform(chartWrapper) { if (!chartWrapper) return; perform animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(perform(bar, index) { /* Reset to 0 first to make sure animation triggers */ bar.type.setProperty(‘width’, ‘0%’, ‘essential’); bar.type.setProperty(‘transition’, ‘none’, ‘essential’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Drive reflow */ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, baseMargin + ‘%’, ‘essential’); } setTimeout(perform() { var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.type.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘essential’); bar.type.setProperty(‘width’, targetWidth + ‘%’, ‘essential’); if (targetMargin !== undefined && baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, targetMargin + ‘%’, ‘essential’); } }, index * 50 + 50); /* Diminished preliminary delay */ }); } perform animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(perform(p, i) { if (typeof p.getTotalLength === ‘perform’) { var len = p.getTotalLength(); p.type.transition = ‘none’; p.type.strokeDasharray = len; p.type.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(perform() { p.type.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.type.strokeDashoffset=”0″; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(perform(dot, i) { dot.type.opacity = ‘0’; setTimeout(perform() { dot.type.transition = ‘opacity 0.3s ease’; dot.type.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(perform(chart) { /* If in carousel/dropdown mode, hidden charts are show:none. */ /* We solely animate what’s seen. */ if (window.getComputedStyle(chart).show === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; perform initialize(uniqueId, isSlideshow) { var root = doc.getElementById(uniqueId); /* In slideshow mode, ‘root’ might be null as a result of the container has ‘-slideshow’ suffix. */ /* We deal with that logic under. */ if (!root && !isSlideshow) return; /* Setup inside interactions (Carousel/Dropdown/LineChart) for a particular chart wrapper */ perform setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive cellular view dealing with */ perform checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.display && Math.min(window.display.width, window.display.peak) <= 599; var isMobile; if (width === 0) else { /* Cell if container is small OR if it's a bodily cellular gadget (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner=”left”; if (rightNum > 0) { var diff = Math.spherical(((leftNum – rightNum) / rightNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner=”proper”; if (leftNum > 0) { var diff = Math.spherical(((rightNum – leftNum) / leftNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } } var leftDisplay = information.productData[leftProduct] && information.productData[leftProduct].displayValue !== undefined ? information.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = information.productData[rightProduct] && information.productData[rightProduct].displayValue !== undefined ? information.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (information.productData[leftProduct] && information.productData[leftProduct].unit) || (information.productData[rightProduct] && information.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(perform(el) { el.take away(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘proper’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.type.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.type.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.type.width = leftWidth + ‘%’; } if (rightBar) { rightBar.type.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.type.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.type.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = information.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.subsequent’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Textual content Parts */ 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.size > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.choices).map(perform(o) { return o.textual content; }); } else { charts.forEach(perform(c) ); } perform showInternalChart(index) { if (index = charts.size) index = 0; currentChartIndex = index; charts.forEach(perform(c, i) { c.type.show = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if wanted */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Replace labels-on-top based mostly on present chart sort */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.take away(‘labels-on-top’); } } }); if (dropdown) dropdown.worth = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.size; /* Replace Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); var currentChartType = activeChart.getAttribute(‘data-chart-type’); var hideGlobalCaption = currentChartType === ‘Countdown’ || currentChartType === ‘Picture Comparability’ || currentChartType === ‘Store the Assortment’; if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().size > 0 && !hideGlobalCaption) { footerContentEl.type.show = ‘block’; if (bottomBarEl) bottomBarEl.type.show = ‘flex’; } else { footerContentEl.type.show = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.type.show = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, perform(e) { showInternalChart(parseInt(e.goal.worth)); }); if (prevBtn) prevBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex + 1); }); } /* Picture Comparability Logic */ var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(perform(wrapper) { var internal = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; /* Zoom state */ var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; perform updateTransform() { if (wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { internal.type.setProperty(‘remodel’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘essential’); } else { internal.type.removeProperty(‘remodel’); scale = 1; panX = 0; panY = 0; } } perform constrainPan() { var rect = wrapper.getBoundingClientRect(); /* Max pan is determined by how a lot the picture is scaled past the wrapper */ var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.peak * scale – rect.peak) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, perform() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; hasPanned = true; /* Stop click on after pinch */ } else if (e.touches.size === 1 && scale > 1) }, { passive: false }); wrapper.addEventListener(‘touchmove’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.size === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, perform(e) { if (e.touches.size < 2) { initialDistance = null; } if (e.touches.size === 0) { isPanning = false; } }); perform handleMove(clientX) { var rect = internal.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var % = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.type.setProperty('left', % + '%', 'essential'); if (fgImage) fgImage.type.setProperty('clip-path', 'polygon(0 0, ' + % + '% 0, ' + % + '% 100%, 0 100%)', 'essential'); if (labelLeft) { if (% 90) { labelRight.type.setProperty(‘opacity’, ‘0’, ‘essential’); } else { labelRight.type.setProperty(‘opacity’, ‘1’, ‘essential’); } } } perform onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } perform onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } perform stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, perform(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, perform(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } /* Develop/Shut Logic */ var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.mother or father) { expandBtn.type.show = ‘none’; } else { expandBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ‘hidden’; /* Load high-res pictures if out there */ if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); }); } /* Shut on Escape */ doc.addEventListener(‘keydown’, perform(e) { if (e.key === ‘Escape’ && wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); } }); }); /* Store 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’); perform closeAllModals() { if (allProductsModal) { allProductsModal.classList.take away(‘is-active’); /* Take away highlights */ var objects = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); objects.forEach(perform(merchandise) { merchandise.classList.take away(‘is-highlighted’); }); /* Take away min-height after transition */ if (stlContainer) { setTimeout(perform() { if (!allProductsModal.classList.accommodates(‘is-active’)) { stlContainer.type.minHeight=””; if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } }, 300); } } hotspots.forEach(perform(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } hotspots.forEach(perform(btn) { btn.addEventListener(‘click on’, perform(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’); /* Guarantee container is tall sufficient */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.type.minHeight = '450px'; } /* Spotlight and scroll to merchandise */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(perform() { targetItem.scrollIntoView({ habits: 'easy', block: 'middle' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.measurement(); } } }); }); /* Store All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click on', perform(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Guarantee container is tall sufficient */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.size) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if(targetBtn.classList.accommodates(‘is-active’)) { targetBtn.click on(); } targetBtn.click on(); } } }); } if (iaWrapper) { iaWrapper.addEventListener(‘click on’, perform(e) { if (!e.goal.closest(‘.fv-ia-node-button’) && !e.goal.closest(‘.fv-ia-explore-btn’)) { closeAllIANodes(); resetExploreBtn(); } }); } /* Preliminary Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute(‘data-primary-color’) || ‘#f97316’; var subheadColor = countdownContainer.getAttribute(‘data-subhead-color’) || ‘#ffffff’; var pad = perform(n) { return (n 0) { d = Math.flooring(distinction / (1000 * 60 * 60 * 24)); h = Math.flooring((distinction / (1000 * 60 * 60)) % 24); m = Math.flooring((distinction / 1000 / 60) % 60); s = Math.flooring((distinction / 1000) % 60); } var daysEl = countdownContainer.querySelector(‘[data-time=”days”]’); var hoursEl = countdownContainer.querySelector(‘[data-time=”hours”]’); var minsEl = countdownContainer.querySelector(‘[data-time=”minutes”]’); var secsEl = countdownContainer.querySelector(‘[data-time=”seconds”]’); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = doc.getElementById(uniqueId + ‘-slideshow’); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); slides.forEach(perform(slide) { setupWrapper(slide.querySelector(‘.fv-chart-wrapper’)); }); } } else { setupWrapper(root); } } if (doc.readyState === ‘loading’) { doc.addEventListener(‘DOMContentLoaded’, perform() { initialize(‘fv-chart-1779814280850-sfyjmq3av’, false); }); } else { initialize(‘fv-chart-1779814280850-sfyjmq3av’, false); } })(); From what I can inform, with out having the playing cards cheek-by-jowl, this Acer GRE is utilizing the very same Frostblade 4.0 cooler as its RX 9070 XT stablemate, and I’ve examined at a strong ~60°C when underneath load. That makes it cooler than the equally triple-fanned Palit RTX 5060 Ti we have examined, and waaaaaay cooler than the Founders Version RTX 5070.And that is true whether or not you bask in undervolting or not. I really discovered it working a teensy bit extra frosty once I’d pulled again the facility, though the GPU is mostly working at over 300 MHz quicker than at inventory ranges. @import url(‘https://fonts.googleapis.com/css2?household=Open+Sans:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Poppins:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Montserrat:ital,wght@0,400;0,900;1,900&show=swap’); /* Reset & Base */ #fv-chart-1779832484642-wst2orehw *, #fv-chart-1779832484642-wst2orehw *:earlier than, #fv-chart-1779832484642-wst2orehw *:after, #fv-chart-1779832484642-wst2orehw-slideshow *, #fv-chart-1779832484642-wst2orehw-slideshow *:earlier than, #fv-chart-1779832484642-wst2orehw-slideshow *:after { box-sizing: border-box !essential; 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 !essential; } /* Important Wrappers */ #fv-chart-1779832484642-wst2orehw { place: relative !essential; overflow: seen !essential; –riv-primary: #E33235; } #fv-chart-1779832484642-wst2orehw .fv-inner-wrapper { colour: #1F2937 !essential; background-color: #ededed !essential; padding: 1.5rem 1.5rem 2rem !essential; border-radius: 0.5rem !essential; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !essential; margin: 1rem 0 !essential; show: flex !essential; flex-direction: column !essential; overflow: hidden !essential; } #fv-chart-1779832484642-wst2orehw .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !essential; } #fv-chart-1779832484642-wst2orehw.fv-full-bleed { width: 100vw !essential; margin-left: calc(50% – 50vw) !essential; } physique { overflow-x: clip !essential; } #fv-chart-1779832484642-wst2orehw.fv-full-bleed .fv-inner-wrapper { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } #fv-chart-1779832484642-wst2orehw .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } /* Slideshow Types */ #fv-chart-1779832484642-wst2orehw-slideshow { place: relative !essential; width: 100% !essential; margin: 1rem 0 !essential; –riv-primary: #E33235; } #fv-chart-1779832484642-wst2orehw-slideshow .fv-slides-wrapper { place: relative !essential; width: 100% !essential; } #fv-chart-1779832484642-wst2orehw-slideshow .fv-slide { width: 100% !essential; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } /* High Navigation Row (Redesign) */ #fv-chart-1779832484642-wst2orehw-slideshow .fv-slideshow-nav-row { place: relative !essential; show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; padding: 0 0 16px 0 !essential; width: 100% !essential; z-index: 20 !essential; } #fv-chart-1779832484642-wst2orehw-slideshow .fv-nav-btn { background-color: var(–riv-primary) !essential; colour: #ffffff !essential; border: none !essential; border-radius: 4px !essential; padding: 8px 16px !essential; font-size: 14px !essential; font-weight: 700 !essential; cursor: pointer !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 6px !essential; transition: opacity 0.2s, background-color 0.2s !essential; peak: 36px !essential; text-transform: none !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !essential; } #fv-chart-1779832484642-wst2orehw-slideshow .fv-nav-btn svg { width: 18px !essential; peak: 18px !essential; stroke-width: 3px !essential; filter: none !essential; } #fv-chart-1779832484642-wst2orehw-slideshow .fv-nav-btn:hover { opacity: 0.9 !essential; remodel: translateY(-1px) !essential; } #fv-chart-1779832484642-wst2orehw-slideshow .fv-nav-btn.disabled { background-color: #E5E7EB !essential; colour: #9CA3AF !essential; cursor: default !essential; pointer-events: none !essential; box-shadow: none !essential; } #fv-chart-1779832484642-wst2orehw-slideshow .fv-slide-counter { font-family: ‘Poppins’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; colour: #374151 !essential; text-align: middle !essential; min-width: 40px !essential; background-color: rgba(255,255,255,0.8) !essential; padding: 2px 8px !essential; border-radius: 10px !essential; } /* Slideshow Dropdown Navigation */ #fv-chart-1779832484642-wst2orehw-slideshow .fv-slideshow-select { place: absolute !essential; high: 10px !essential; proper: 10px !essential; z-index: 20 !essential; look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background-color: white !essential; border: 1px strong #d1d5db !essential; colour: #1F2937 !essential; font-family: ‘Open Sans’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; padding: 6px 32px 6px 12px !essential; border-radius: 4px !essential; cursor: pointer !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !essential; background-image: url(“information:picture/svg+xml,%3csvg xmlns=”http://www.w3.org/2000/svg” fill=”none” viewBox=’0 0 20 20’%3epercent3cpath stroke=”%236b7280″ stroke-linecap=’spherical’ stroke-linejoin=’spherical’ stroke-width=”1.5″ d=’M6 8l4 4 4-4’/%3epercent3c/svgpercent3e”) !essential; background-position: proper 0.5rem middle !essential; background-repeat: no-repeat !essential; background-size: 1.5em 1.5em !essential; } #fv-chart-1779832484642-wst2orehw-slideshow .fv-slideshow-select:focus { define: 2px strong #E33235 !essential; border-color: #E33235 !essential; } /* Typography */ #fv-chart-1779832484642-wst2orehw .fv-chart-title { font-weight: daring !essential; text-align: middle !essential; margin-bottom: 0.5rem !essential; colour: var(–riv-primary) !essential; font-size: 20px !essential; line-height: 1.2 !essential; font-family: ‘Open Sans’, sans-serif !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; padding: 0 20px !essential; } #fv-chart-1779832484642-wst2orehw .fv-chart-subhead { font-size: 18px !essential; font-weight: 500 !essential; text-align: middle !essential; margin-bottom: 2rem !essential; colour: #374151 !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; text-transform: none !essential; padding: 0 20px !essential; } #fv-chart-1779832484642-wst2orehw .rv-chart-caption { font-size: 15px !essential; colour: #374151 !essential; text-align: middle !essential; font-style: regular !essential; font-weight: regular !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; } /* Versus Chart */ #fv-chart-1779832484642-wst2orehw .fv-versus-chart { show: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1779832484642-wst2orehw .fv-versus-header { show: flex; justify-content: space-between; align-items: middle; 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: middle; padding-right: 1rem; } #fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper.fv-right { text-align: middle; padding-left: 1rem; } #fv-chart-1779832484642-wst2orehw .fv-versus-select-container { place: relative; show: inline-block; max-width: 100%; width: 100%; } #fv-chart-1779832484642-wst2orehw .fv-versus-chevron { place: absolute; high: 50%; remodel: translateY(-50%); pointer-events: none; width: 16px; peak: 16px; flex-shrink: 0; } #fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper.fv-left .fv-versus-chevron { proper: 0; } #fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper.fv-right .fv-versus-chevron { proper: 0; } #fv-chart-1779832484642-wst2orehw .fv-versus-select { background: clear; border: none; border-bottom: 2px strong; font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; define: none; look: 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: middle; course: ltr; padding-right: 1.25rem; } #fv-chart-1779832484642-wst2orehw .fv-versus-select.fv-select-right { text-align: middle; padding-right: 1.25rem; } #fv-chart-1779832484642-wst2orehw .fv-versus-select possibility { font-family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 14px; colour: #374151; course: ltr; text-align: left; } #fv-chart-1779832484642-wst2orehw .fv-versus-vs { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1779832484642-wst2orehw .fv-versus-body { show: flex; flex-direction: column; hole: 1.5rem; } #fv-chart-1779832484642-wst2orehw .fv-versus-row { place: relative; peak: auto; padding-top: 20px; margin-bottom: 0.25rem; show: block; } #fv-chart-1779832484642-wst2orehw .fv-versus-bar-container { place: relative; peak: 32px; show: flex; align-items: middle; } #fv-chart-1779832484642-wst2orehw .fv-versus-bar-left-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-end; align-items: middle; } #fv-chart-1779832484642-wst2orehw .fv-versus-bar-right-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-start; align-items: middle; } #fv-chart-1779832484642-wst2orehw .fv-versus-bar { peak: 32px; width: var(–target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; show: flex; align-items: middle; overflow: hidden; colour: #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 { place: absolute; left: 50%; high: 0; backside: 0; width: 4px; background-color: #ffffff; remodel: 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 { place: absolute; left: 50%; remodel: translateX(-50%); high: 0; background-color: clear; border: none; box-shadow: none; padding: 0; font-family: ‘Open Sans’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; white-space: nowrap; } #fv-chart-1779832484642-wst2orehw .sr-only { place: absolute !essential; width: 1px !essential; peak: 1px !essential; padding: 0 !essential; margin: -1px !essential; overflow: hidden !essential; clip: rect(0,0,0,0) !essential; white-space: nowrap !essential; border: 0 !essential; } /* Picture Comparability Types */ #fv-chart-1779832484642-wst2orehw .fv-image-compare-container { width: auto !essential; margin-left: -1.5rem !essential; margin-right: -1.5rem !essential; margin-bottom: 2rem !essential; } #fv-chart-1779832484642-wst2orehw.fv-full-bleed .fv-image-compare-container { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-wrapper { place: relative !essential; width: 100% !essential; overflow: hidden !essential; border-radius: 0 !essential; background-color: #000 !essential; touch-action: pan-y !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-inner { place: relative !essential; width: 100% !essential; peak: 100% !essential; show: block !essential; transform-origin: middle middle !essential; transition: remodel 0.1s ease-out !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-bg { show: block !essential; width: 100% !essential; peak: auto !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-fg { place: absolute !essential; high: 0 !essential; left: 0 !essential; width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-slider { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 32px !essential; remodel: translateX(-50%) !essential; cursor: ew-resize !essential; z-index: 10 !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-slider-line { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 4px !essential; background-color: white !essential; remodel: translateX(-50%) !essential; box-shadow: 0 0 10px rgba(0,0,0,0.5) !essential; pointer-events: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-handle { place: absolute !essential; high: 50% !essential; left: 50% !essential; remodel: translate(-50%, -50%) !essential; width: 32px !essential; peak: 32px !essential; background-color: white !essential; border-radius: 50% !essential; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 4px !essential; pointer-events: none !essential; z-index: 11 !essential; overflow: hidden !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-arrow-left { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-right: 4px strong #4b5563 !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-arrow-right { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-left: 4px strong #4b5563 !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-label { place: absolute !essential; high: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; padding: 0.25rem 0.75rem !essential; border-radius: 0.25rem !essential; font-size: 0.875rem !essential; font-weight: 500 !essential; pointer-events: none !essential; backdrop-filter: blur(4px) !essential; z-index: 5 !essential; transition: proper 0.3s ease, opacity 0.2s ease !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-label-left { left: 1rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-label-right { proper: 1rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-expand-btn, #fv-chart-1779832484642-wst2orehw .fv-image-compare-close-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; border: none !essential; border-radius: 0.25rem !essential; padding: 0.5rem !essential; cursor: pointer !essential; z-index: 20 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; backdrop-filter: blur(4px) !essential; transition: background-color 0.2s !essential; } #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) !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-close-btn { show: none !essential; high: 1rem !essential; backside: auto !essential; } /* Fullscreen State */ #fv-chart-1779832484642-wst2orehw .fv-image-compare-wrapper.fv-image-compare-fullscreen { place: fastened !essential; high: 0 !essential; left: 0 !essential; proper: 0 !essential; backside: 0 !essential; width: 100% !essential; peak: 100% !essential; z-index: 999999 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: rgba(0, 0, 0, 0.9) !essential; margin: 0 !essential; touch-action: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !essential; peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; cursor: seize !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:energetic { cursor: grabbing !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { place: absolute !essential; high: 0 !essential; left: 0 !essential; max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { show: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { show: flex !essential; } #fv-chart-1779832484642-wst2orehw .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { proper: 4rem !essential; } /* Footer */ #fv-chart-1779832484642-wst2orehw .fv-bottom-bar { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; margin-top: 0.5rem !essential; hole: 1rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-footer-content { text-align: middle !essential; width: 100% !essential; } #fv-chart-1779832484642-wst2orehw .fv-logo { show: block !essential; margin: 0 auto !essential; width: 120px !essential; min-width: 120px !essential; max-width: 120px !essential; peak: auto !essential; object-fit: comprise !essential; flex-shrink: 0 !essential; } /* Show Mode Controls */ #fv-chart-1779832484642-wst2orehw .fv-dropdown-wrapper { text-align: middle !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; } #fv-chart-1779832484642-wst2orehw .fv-dropdown-title-container { place: relative !essential; show: inline-block !essential; max-width: 100% !essential; } #fv-chart-1779832484642-wst2orehw .fv-dropdown-title { look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background: clear !essential; border: none !essential; font-size: 18px !essential; font-weight: 600 !essential; colour: var(–riv-primary) !essential; padding-right: 28px !essential; padding-left: 10px !essential; cursor: pointer !essential; text-align: middle !essential; text-align-last: middle !essential; width: auto !essential; max-width: 100% !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; margin: 0 !essential; text-overflow: ellipsis !essential; overflow: hidden !essential; white-space: nowrap !essential; } #fv-chart-1779832484642-wst2orehw .fv-dropdown-title:focus { define: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-dropdown-title::-ms-expand { show: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-dropdown-chevron { place: absolute !essential; proper: 0 !essential; high: 50% !essential; remodel: translateY(-50%) !essential; pointer-events: none !essential; colour: var(–riv-primary) !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832484642-wst2orehw .fv-carousel-title-controls { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; margin-bottom: 16px !essential; width: 100% !essential; hole: 12px !essential; } #fv-chart-1779832484642-wst2orehw .fv-carousel-nav-btn { background: clear !essential; border: 1px strong #d1d5db !essential; border-radius: 6px !essential; padding: 6px 10px !essential; cursor: pointer !essential; font-size: 14px !essential; colour: #374151 !essential; show: flex !essential; align-items: middle !essential; hole: 4px !essential; font-family: ‘Open Sans’, sans-serif !essential; } #fv-chart-1779832484642-wst2orehw .fv-carousel-nav-btn:hover { border-color: #9ca3af !essential; } #fv-chart-1779832484642-wst2orehw .fv-carousel-counter { font-size: 14px !essential; colour: #374151 !essential; text-align: middle !essential; margin-top: 1rem !essential; } /* Legend */ #fv-chart-1779832484642-wst2orehw .fv-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 8px 16px !essential; margin: 0 !essential; padding: 0 !essential; margin-top: 1rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-legend-item { show: flex !essential; align-items: middle !essential; hole: 6px !essential; font-size: 14px !essential; colour: #374151 !essential; } #fv-chart-1779832484642-wst2orehw .fv-legend-color { width: 12px !essential; peak: 12px !essential; border-radius: 3px !essential; } /* Multi-Worth Legend */ #fv-chart-1779832484642-wst2orehw .fv-multi-value-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 12px 24px !essential; margin-bottom: 1.5rem !essential; padding: 0 !essential; } #fv-chart-1779832484642-wst2orehw .fv-multi-legend-item { show: flex !essential; align-items: middle !essential; hole: 8px !essential; font-size: 14px !essential; colour: #374151 !essential; font-weight: 500 !essential; } #fv-chart-1779832484642-wst2orehw .fv-multi-legend-swatch { width: 16px !essential; peak: 16px !essential; border-radius: 3px !essential; } /* Chart Core Types */ #fv-chart-1779832484642-wst2orehw .fv-benchmark-group { margin-bottom: 1rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-benchmark-title { font-size: 18px !essential; font-weight: 600 !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; padding: 0 !essential; text-align: middle !essential; colour: var(–riv-primary) !essential; flex: 1 !essential; min-width: 0 !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; word-wrap: break-word !essential; max-width: 100% !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar-row, #fv-chart-1779832484642-wst2orehw .fv-stacked-product { show: flex !essential; align-items: middle !essential; width: 100% !essential; margin-bottom: 0.75rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar-label { width: 150px !essential; flex-shrink: 0 !essential; font-size: 14px !essential; colour: #374151 !essential; padding-right: 10px !essential; text-align: proper !essential; font-weight: 500 !essential; show: block !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar-container { flex-grow: 1 !essential; background-color: #E5E7EB !essential; border-radius: 4px !essential; min-height: 25px !essential; border: 1px strong #D1D5DB !essential; place: relative !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar { peak: 100% !essential; border-radius: 3px !essential; show: flex !essential; align-items: middle !essential; transition: opacity 0.2s ease, width 0.8s ease-out !essential; min-height: 23px !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar:hover { opacity: 0.8 !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar-inner-content { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; width: 100% !essential; peak: 100% !essential; padding: 0 8px !essential; font-size: 14px !essential; font-weight: daring !essential; overflow: hidden !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar-inner-label { white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; padding-right: 8px !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar-inner-value { flex-shrink: 0 !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar-value-outside { padding-left: 8px !essential; font-size: 14px !essential; font-weight: daring !essential; colour: #374151 !essential; white-space: nowrap !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar-label.fv-primary-product { font-weight: daring !essential; colour: var(–riv-primary) !essential; } /* Multi-Worth Bar Logic */ #fv-chart-1779832484642-wst2orehw .fv-multi-bar-container { flex-direction: column !essential; padding: 4px !essential; align-items: stretch !essential; hole: 4px !essential; peak: auto !essential; } #fv-chart-1779832484642-wst2orehw .fv-multi-bar-item { show: flex !essential; align-items: middle !essential; peak: 25px !essential; width: 100% !essential; } /* Stacked Bar */ #fv-chart-1779832484642-wst2orehw .fv-stacked-bar { show: flex !essential; overflow: hidden !essential; } #fv-chart-1779832484642-wst2orehw .fv-stacked-segment { peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: flex-end !essential; padding-right: 8px !essential; border-right: 1px strong rgba(255,255,255,0.3) !essential; } #fv-chart-1779832484642-wst2orehw .fv-stacked-segment:last-child { border-right: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-segment-value { font-size: 14px !essential; font-weight: daring !essential; } /* Grouped Bar */ #fv-chart-1779832484642-wst2orehw .fv-grouped-bar-product { show: flex !essential; flex-direction: column !essential; width: 100% !essential; margin-bottom: 1.25rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-grouped-product-title-wrapper { padding-left: 150px !essential; } #fv-chart-1779832484642-wst2orehw .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.5rem !essential; font-weight: 700 !essential; font-size: 14px !essential; colour: #374151 !essential; text-transform: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar-cluster { width: 100% !essential; flex-grow: 1 !essential; show: flex !essential; flex-direction: column !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !essential; } #fv-chart-1779832484642-wst2orehw .fv-bar-cluster .fv-bar-container { peak: 20px !essential; } /* Line Chart Grid */ #fv-chart-1779832484642-wst2orehw .riv-grid line { stroke: #D1D5DB !essential; stroke-dasharray: 3 3 !essential; } /* X-Axis */ #fv-chart-1779832484642-wst2orehw .fv-x-axis-wrapper { show: flex !essential; width: 100% !essential; margin-top: 0.5rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-x-axis-label-space { width: 150px !essential; padding-right: 10px !essential; flex-shrink: 0 !essential; } #fv-chart-1779832484642-wst2orehw .fv-x-axis-chart-space { flex-grow: 1 !essential; padding-right: 8px !essential; } #fv-chart-1779832484642-wst2orehw .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !essential; } #fv-chart-1779832484642-wst2orehw .fv-x-axis-line { border-top: 1px strong #D1D5DB !essential; } #fv-chart-1779832484642-wst2orehw .fv-x-axis-ticks { show: flex !essential; justify-content: space-between !essential; padding-top: 4px !essential; font-size: 13px !essential; colour: #374151 !essential; } #fv-chart-1779832484642-wst2orehw .fv-x-axis-ticks span { place: relative !essential; } #fv-chart-1779832484642-wst2orehw .fv-x-axis-ticks span::earlier than { content material: ” !essential; place: absolute !essential; high: -6px !essential; left: 50% !essential; remodel: translateX(-50%) !essential; width: 2px !essential; peak: 4px !essential; background-color: #D1D5DB !essential; border-radius: 1px !essential; } #fv-chart-1779832484642-wst2orehw .fv-x-axis-unit { text-align: middle !essential; font-size: 14px !essential; colour: #374151 !essential; margin-top: 8px !essential; show: block !essential; } #fv-chart-1779832484642-wst2orehw .fv-x-axis-title { text-align: middle !essential; font-size: 15px !essential; colour: #374151 !essential; margin-top: 8px !essential; margin-bottom: 16px !essential; line-height: 1.5 !essential; padding: 0 1rem !essential; show: block !essential; font-weight: daring !essential; } #fv-chart-1779832484642-wst2orehw .fv-y-axis-title { font-size: 15px !essential; colour: #374151 !essential; line-height: 1.5 !essential; text-align: left !essential; padding-left: 5.83% !essential; /* Aligns with Y-axis line inside SVG (35/600) */ margin-bottom: 4px !essential; show: block !essential; font-weight: daring !essential; } /* Store The Look */ #fv-chart-1779832484642-wst2orehw .fv-stl-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; transition: min-height 0.3s ease !essential; overflow: hidden !essential; } #fv-chart-1779832484642-wst2orehw .fv-stl-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832484642-wst2orehw.fv-full-bleed .fv-stl-container { width: 100% !essential; } #fv-chart-1779832484642-wst2orehw.fv-full-bleed .fv-stl-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832484642-wst2orehw .fv-stl-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832484642-wst2orehw .fv-stl-hotspot-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832484642-wst2orehw .fv-stl-hotspot-btn { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !essential; transition-property: all !essential; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !essential; transition-duration: 300ms !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832484642-wst2orehw .fv-stl-hotspot-btn:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832484642-wst2orehw .fv-stl-hotspot-btn:focus { define: 2px strong clear !essential; outline-offset: 2px !essential; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !essential; } #fv-chart-1779832484642-wst2orehw .fv-stl-hotspot-btn[aria-expanded=”true”] { background-color: #3b82f6 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832484642-wst2orehw .fv-stl-hotspot-pulse { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-stl-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1779832484642-wst2orehw .fv-stl-hotspot-pulse { animation-fill-mode: none !essential; } } /* Store the look button */ #fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; peak: 2.5rem !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; colour: #111827 !essential; padding: 0 1rem 0 3rem !essential; border-radius: 0.25rem !essential; font-weight: 700 !essential; font-size: 0.875rem !essential; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !essential; border: none !essential; cursor: pointer !essential; transition: all 0.2s !essential; z-index: 10 !essential; show: flex !essential; align-items: middle !essential; text-transform: uppercase !essential; overflow: hidden !essential; white-space: nowrap !essential; max-width: calc(100% – 2rem) !essential; } #fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-btn span { overflow: hidden !essential; text-overflow: ellipsis !essential; white-space: nowrap !essential; } #fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-btn:hover { background-color: #ffffff !essential; remodel: scale(1.05) !essential; } #fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-logo { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; object-fit: cowl !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; flex-shrink: 0 !essential; } #fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-icon { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; colour: #1f2937 !essential; flex-shrink: 0 !essential; } /* All Merchandise Modal */ #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw { place: fastened !essential; inset: 0 !essential; background-color: rgba(0, 0, 0, 0) !essential; backdrop-filter: blur(0px) !essential; -webkit-backdrop-filter: blur(0px) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; z-index: 99999 !essential; pointer-events: none !essential; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !essential; padding: 1rem !essential; overflow: hidden !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw { place: absolute !essential; padding: 0 !essential; align-items: flex-end !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw.is-active { background-color: rgba(0, 0, 0, 0.2) !essential; backdrop-filter: blur(4px) !essential; -webkit-backdrop-filter: blur(4px) !essential; pointer-events: auto !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-content { width: 100% !essential; max-width: 42rem !essential; max-height: 100% !essential; show: flex !essential; flex-direction: column !essential; place: relative !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; border-radius: 1rem !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; overflow: hidden !essential; transition: remodel 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !essential; opacity: 0 !essential; remodel: scale(0.95) !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw.is-active .fv-stl-all-products-content { opacity: 1 !essential; remodel: scale(1) !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; } /* V2 Backside Sheet Fashion */ #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw.v2 { align-items: flex-end !essential; padding: 0 !essential; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw.v2:not(.mobile-view *) { justify-content: flex-end !essential; } } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw.v2 .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } @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 !essential; border-radius: 1.5rem 0 0 0 !essential; } } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw.v2.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-header { show: flex !essential; align-items: middle !essential; justify-content: space-between !essential; padding: 1.5rem !essential; border-bottom: 1px strong #e5e7eb !essential; flex-shrink: 0 !essential; place: sticky !essential; high: 0 !essential; background-color: rgba(255, 255, 255, 0.8) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; z-index: 10 !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-header { padding: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-logo { peak: 1.5rem !essential; width: auto !essential; object-fit: comprise !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-logo { peak: 1.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-title { font-size: 1.25rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-title { font-size: 1.125rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-close { width: 2rem !essential; peak: 2rem !essential; border-radius: 9999px !essential; background-color: rgba(0, 0, 0, 0.05) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; border: none !essential; cursor: pointer !essential; z-index: 10 !essential; colour: #6b7280 !essential; transition: all 0.2s !essential; padding: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-list { list-style: none !essential; padding: 1.5rem !essential; margin: 0 !essential; overflow-y: auto !essential; flex: 1 !essential; show: flex !essential; flex-direction: column !essential; hole: 0.75rem !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-list { padding: 0.75rem !essential; hole: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-item { margin: 0 !essential; padding: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-link { show: flex !essential; align-items: flex-start !essential; padding: 0.75rem !essential; text-decoration: none !essential; colour: inherit !essential; transition: all 0.2s !essential; border-radius: 1rem !essential; border: 1px strong clear !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-link { padding: 0.5rem !essential; border-radius: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-link:hover { background-color: #ffffff !essential; border-color: #e5e7eb !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !essential; border-color: #d1d5db !essential; 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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-image-container { place: relative !essential; margin-right: 1.25rem !essential; flex-shrink: 0 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-number { place: absolute !essential; high: -0.5rem !essential; left: -0.5rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; background-color: #0f172a !essential; colour: #ffffff !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; 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 !essential; z-index: 10 !essential; font-family: sans-serif !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-number { high: -0.375rem !essential; left: -0.375rem !essential; width: 1.25rem !essential; peak: 1.25rem !essential; font-size: 0.625rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-image-wrapper { width: 6rem !essential; peak: 6rem !essential; border-radius: 0.75rem !essential; overflow: hidden !essential; background-color: #f9fafb !essential; border: 1px strong #f3f4f6 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-image-wrapper { width: 4rem !essential; peak: 4rem !essential; border-radius: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-image { width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-placeholder { width: 2rem !essential; peak: 2rem !essential; colour: #d1d5db !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-placeholder { width: 1.5rem !essential; peak: 1.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-info { flex: 1 !essential; min-width: 0 !essential; show: flex !essential; flex-direction: column !essential; justify-content: middle !essential; margin-top: 0.25rem !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-info { margin-top: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-brand { font-size: 0.625rem !essential; font-weight: 700 !essential; colour: #6b7280 !essential; text-transform: uppercase !essential; letter-spacing: 0.1em !essential; margin: 0 0 0.375rem 0 !essential; white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-brand { font-size: 0.5625rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-name { font-size: 1rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 0 0.375rem 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.25 !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-name { font-size: 0.875rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-meta { show: flex !essential; align-items: middle !essential; font-size: 0.875rem !essential; margin-bottom: 0.375rem !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-meta { font-size: 0.75rem !essential; margin-bottom: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-price { font-weight: 700 !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-sale-price { font-weight: 700 !essential; colour: #dc2626 !essential; margin-right: 0.5rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-original-price { colour: #9ca3af !essential; text-decoration: line-through !essential; font-size: 0.75rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-commentary { font-size: 0.875rem !essential; colour: #4b5563 !essential; margin: 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.375 !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-commentary { font-size: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-action { width: 2.5rem !essential; peak: 2.5rem !essential; border-radius: 9999px !essential; background-color: #f9fafb !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; margin-left: 1rem !essential; flex-shrink: 0 !essential; border: 1px strong #f3f4f6 !essential; transition: all 0.2s !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-action { width: 2rem !essential; peak: 2rem !essential; margin-left: 0.75rem !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-action svg { width: 14px !essential; peak: 14px !essential; } #fv-stl-all-products-modal-fv-chart-1779832484642-wst2orehw .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !essential; colour: #ffffff !essential; border-color: #111827 !essential; } /* Picture Annotation Types */ #fv-chart-1779832484642-wst2orehw .fv-ia-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; overflow: hidden !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832484642-wst2orehw.fv-full-bleed .fv-ia-container { width: 100% !essential; } #fv-chart-1779832484642-wst2orehw.fv-full-bleed .fv-ia-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-node-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-node-button { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-node-button:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-node-button.is-active { background-color: #E33235 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-pulse-ring { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-ia-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } #fv-chart-1779832484642-wst2orehw .fv-ia-static-tooltip { show: none !essential; place: absolute !essential; high: -10px !essential; left: 50% !essential; remodel: translate(-50%, -100%) !essential; background-color: rgba(255, 255, 255, 0.95) !essential; padding: 10px !essential; border-radius: 6px !essential; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !essential; width: max-content !essential; max-width: 200px !essential; font-size: 13px !essential; colour: #1f2937 !essential; z-index: 20 !essential; pointer-events: none !essential; white-space: pre-wrap !essential; line-height: 1.4 !essential; border: 1px strong #e5e7eb !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-node-button:hover + .fv-ia-static-tooltip { show: block !essential; } #fv-chart-1779832484642-wst2orehw .fv-logo-explore-bar { place: relative !essential; width: 100% !essential; show: flex !essential; justify-content: middle !essential; align-items: middle !essential; min-height: 30px !essential; } #fv-chart-1779832484642-wst2orehw .fv-logo-explore-bar .fv-logo { margin: 0 auto !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-explore-wrapper { place: absolute !essential; proper: 0 !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view .fv-logo-explore-bar { flex-direction: column !essential; min-height: auto !essential; hole: 0.75rem !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view .fv-ia-explore-wrapper { place: static !essential; align-self: flex-end !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !essential; colour: #1e293b !essential; border: 1px strong #e5e7eb !essential; border-radius: 9999px !essential; padding: 0.5rem 1.25rem !essential; font-size: 0.875rem !essential; font-weight: 600 !essential; font-family: sans-serif !essential; show: inline-flex !essential; align-items: middle !essential; hole: 0.5rem !essential; cursor: pointer !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 0.2s !essential; pointer-events: auto !essential; flex-shrink: 0 !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-explore-btn:hover { background-color: #ffffff !essential; remodel: translateY(-2px) !essential; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !essential; colour: #E33235 !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-explore-btn svg { transition: remodel 0.2s !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-explore-btn:hover svg { remodel: translateX(2px) !essential; } /* IA Modal Types */ #fv-chart-1779832484642-wst2orehw .fv-ia-active-modal-container { show: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-modals { show: block !essential; place: static !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-modal-item { show: none !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-modal-item.is-active { show: flex !essential; flex-direction: column !essential; place: absolute !essential; high: 1rem !essential; proper: 1rem !essential; z-index: 20 !essential; width: 18rem !essential; max-width: calc(100% – 2rem) !essential; background-color: #ffffff !essential; padding: 1rem !essential; border-radius: 0.75rem !essential; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !essential; border: 1px strong #e5e7eb !essential; border-top: 4px strong #E33235 !essential; animation: fv-ia-fade-in 0.2s ease-out !essential; hole: 0.75rem !essential; max-height: 80% !essential; overflow-y: auto !essential; pointer-events: auto !essential; } @keyframes fv-ia-fade-in { from { opacity: 0; remodel: scale(0.95); } to { opacity: 1; remodel: scale(1); } } #fv-chart-1779832484642-wst2orehw .fv-ia-modal-header { show: flex !essential; justify-content: space-between !essential; align-items: flex-start !essential; margin: 0 !essential; hole: 0.5rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-node-title { font-size: 1rem !essential; line-height: 1.25 !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-close-button { background: #f9fafb !essential; border: 1px strong #e5e7eb !essential; border-radius: 50% !essential; width: 2rem !essential; peak: 2rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; cursor: pointer !essential; padding: 0 !essential; flex-shrink: 0 !essential; transition: all 0.2s !essential; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-close-button:hover { background: #e5e7eb !essential; colour: #111827 !essential; } #fv-chart-1779832484642-wst2orehw .fv-ia-node-description { font-size: 0.875rem !essential; colour: #374151 !essential; margin: 0 !essential; line-height: 1.625 !essential; white-space: pre-wrap !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view .fv-ia-node-description { font-size: 0.875rem !essential; } /* Error Dealing with */ #fv-chart-1779832484642-wst2orehw .fv-ia-empty { show: flex !essential; align-items: middle !essential; justify-content: middle !essential; peak: 200px !essential; background-color: #f1f5f9 !essential; colour: #64748b !essential; border: 2px dashed #cbd5e1 !essential; border-radius: 0.5rem !essential; } /* Countdown Types */ #fv-chart-1779832484642-wst2orehw .fv-countdown-container { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; justify-content: middle !essential; padding: 1rem !essential; place: relative !essential; width: 100% !essential; box-sizing: border-box !essential; font-family: Montserrat, sans-serif !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-header { text-align: middle !essential; margin-bottom: 2rem !essential; z-index: 10 !essential; width: 100% !essential; show: flex !essential; flex-direction: column !essential; align-items: middle !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-title { font-size: 1.25rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0 !essential; font-style: italic !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-subhead { font-size: 1.125rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0.25rem 0 0 0 !essential; font-style: italic !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-timer-wrap { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; width: 100% !essential; max-width: 64rem !essential; z-index: 10 !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-labels { show: flex !essential; justify-content: middle !essential; width: 100% !essential; margin-bottom: 0.5rem !essential; padding: 0 0.5rem !essential; font-size: 0.75rem !essential; font-weight: daring !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-labels > div { flex: 1 !essential; text-align: middle !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-box { place: relative !essential; width: 100% !essential; border-top: 6px strong #333 !essential; border-bottom: 8px strong #333 !essential; padding: 1rem 0 !essential; background: linear-gradient(to backside, #1f2937, #000000) !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-digits { show: flex !essential; justify-content: middle !essential; font-size: 1.75rem !essential; font-weight: 900 !essential; letter-spacing: 0em !essential; font-family: monospace !essential; colour: #fff !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-digits > div.digit-box { flex: 1 !essential; text-align: middle !essential; white-space: nowrap !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-digits > div.colon { flex: 0 0 auto !essential; opacity: 0.5 !essential; place: relative !essential; high: -2px !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-spike-l { place: absolute !essential; left: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-right: 15px strong #374151 !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-spike-r { place: absolute !essential; proper: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-left: 15px strong #374151 !essential; } @media (min-width: 600px) { #fv-chart-1779832484642-wst2orehw .fv-countdown-container { padding: 2rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-title { font-size: 1.75rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-subhead { font-size: 1.25rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-digits { font-size: 2.25rem !essential; letter-spacing: 0 !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-labels { font-size: 0.875rem !essential; padding: 0 1rem !essential; margin-bottom: 1rem !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-box { padding: 1.5rem 0 !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-digits > div.colon { high: -4px !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-spike-l { left: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-right-width: 20px !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-spike-r { proper: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-left-width: 20px !essential; } } @media (min-width: 768px) { #fv-chart-1779832484642-wst2orehw .fv-countdown-digits { font-size: 3.5rem !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832484642-wst2orehw .fv-countdown-digits > div.colon { high: -5px !essential; } } /* Cell / Pressured Cell View / Labels on High */ #fv-chart-1779832484642-wst2orehw.mobile-view .fv-pie-container, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#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 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-x-axis-label-space, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-x-axis-label-space { show: none !essential; }#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 !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-benchmark-title, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-dropdown-title, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-chart-title, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-chart-subhead, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-header, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#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: middle !essential; padding-right: 0 !essential; }#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: middle !essential; padding-left: 0 !essential; }#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: middle !essential; }#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: middle !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-vs, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-select-container, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-versus-select, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832484642-wst2orehw.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832484642-wst2orehw.labels-on-top .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#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 !essential; peak: 2rem !essential; }#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 !essential; peak: 14px !essential; } #fv-chart-1779832484642-wst2orehw.mobile-view .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832484642-wst2orehw.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } @media (max-width: 599px) { #fv-chart-1779832484642-wst2orehw .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#fv-chart-1779832484642-wst2orehw .fv-grouped-product-title-wrapper { padding-left: 0 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#fv-chart-1779832484642-wst2orehw .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832484642-wst2orehw .fv-bar-label, #fv-chart-1779832484642-wst2orehw .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832484642-wst2orehw .fv-bar-container, #fv-chart-1779832484642-wst2orehw .fv-bar-cluster { width: 100% !essential; }#fv-chart-1779832484642-wst2orehw .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832484642-wst2orehw .fv-x-axis-label-space { show: none !essential; }#fv-chart-1779832484642-wst2orehw .fv-x-axis-chart-space { padding-right: 0 !essential; }#fv-chart-1779832484642-wst2orehw .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832484642-wst2orehw .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832484642-wst2orehw .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832484642-wst2orehw .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832484642-wst2orehw .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832484642-wst2orehw .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper.fv-left { text-align: middle !essential; padding-right: 0 !essential; }#fv-chart-1779832484642-wst2orehw .fv-versus-select-wrapper.fv-right { text-align: middle !essential; padding-left: 0 !essential; }#fv-chart-1779832484642-wst2orehw .fv-versus-select.fv-select-left { text-align: middle !essential; }#fv-chart-1779832484642-wst2orehw .fv-versus-select.fv-select-right { text-align: middle !essential; }#fv-chart-1779832484642-wst2orehw .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832484642-wst2orehw .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832484642-wst2orehw .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-logo, #fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-icon { width: 2rem !essential; peak: 2rem !essential; }#fv-chart-1779832484642-wst2orehw .fv-stl-shop-all-icon svg { width: 14px !essential; peak: 14px !essential; } #fv-chart-1779832484642-wst2orehw .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832484642-wst2orehw.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } } { “@context”: “https://schema.org”, “@sort”: “Dataset”, “identify”: “Chillers constructed for higher GPUs means cool GPUs”, “description”: “Subhead to explain the check and what’s being measured and why”, “creator”: { “@sort”: “Group”, “identify”: “PC Gamer”, “emblem”: “https://cdn.mos.cms.futurecdn.web/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:54:44.643Z”, “quotation”: “Add your caption to elucidate the information, the learnings and the important thing takeaways of the information being visualized”, “key phrases”: [ “RX 9070 GRE (Acer Nitro)”, “Thermals”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Efficiency Benchmarking”, “variableMeasured”: [ { “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Thermals”, “value”: 4.5, “unitText”: “”, “maxValue”: 5 } ]} Chillers constructed for higher GPUs means cool GPUs Thermals 4.5 Group 1 Information ProductThermals () RX 9070 GRE (Acer Nitro)4.5 window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (perform() { /* World animation perform for slideshow re-use */ window.fvAnimateCharts = perform(chartWrapper) { if (!chartWrapper) return; perform animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(perform(bar, index) { /* Reset to 0 first to make sure animation triggers */ bar.type.setProperty(‘width’, ‘0%’, ‘essential’); bar.type.setProperty(‘transition’, ‘none’, ‘essential’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Drive reflow */ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, baseMargin + ‘%’, ‘essential’); } setTimeout(perform() { var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.type.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘essential’); bar.type.setProperty(‘width’, targetWidth + ‘%’, ‘essential’); if (targetMargin !== undefined && baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, targetMargin + ‘%’, ‘essential’); } }, index * 50 + 50); /* Diminished preliminary delay */ }); } perform animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(perform(p, i) { if (typeof p.getTotalLength === ‘perform’) { var len = p.getTotalLength(); p.type.transition = ‘none’; p.type.strokeDasharray = len; p.type.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(perform() { p.type.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.type.strokeDashoffset=”0″; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(perform(dot, i) { dot.type.opacity = ‘0’; setTimeout(perform() { dot.type.transition = ‘opacity 0.3s ease’; dot.type.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(perform(chart) { /* If in carousel/dropdown mode, hidden charts are show:none. */ /* We solely animate what’s seen. */ if (window.getComputedStyle(chart).show === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; perform initialize(uniqueId, isSlideshow) { var root = doc.getElementById(uniqueId); /* In slideshow mode, ‘root’ might be null as a result of the container has ‘-slideshow’ suffix. */ /* We deal with that logic under. */ if (!root && !isSlideshow) return; /* Setup inside interactions (Carousel/Dropdown/LineChart) for a particular chart wrapper */ perform setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive cellular view dealing with */ perform checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.display && Math.min(window.display.width, window.display.peak) <= 599; var isMobile; if (width === 0) else { /* Cell if container is small OR if it's a bodily cellular gadget (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner=”left”; if (rightNum > 0) { var diff = Math.spherical(((leftNum – rightNum) / rightNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner=”proper”; if (leftNum > 0) { var diff = Math.spherical(((rightNum – leftNum) / leftNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } } var leftDisplay = information.productData[leftProduct] && information.productData[leftProduct].displayValue !== undefined ? information.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = information.productData[rightProduct] && information.productData[rightProduct].displayValue !== undefined ? information.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (information.productData[leftProduct] && information.productData[leftProduct].unit) || (information.productData[rightProduct] && information.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(perform(el) { el.take away(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘proper’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.type.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.type.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.type.width = leftWidth + ‘%’; } if (rightBar) { rightBar.type.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.type.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.type.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = information.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.subsequent’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Textual content Parts */ 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.size > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.choices).map(perform(o) { return o.textual content; }); } else { charts.forEach(perform(c) ); } perform showInternalChart(index) { if (index = charts.size) index = 0; currentChartIndex = index; charts.forEach(perform(c, i) { c.type.show = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if wanted */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Replace labels-on-top based mostly on present chart sort */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.take away(‘labels-on-top’); } } }); if (dropdown) dropdown.worth = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.size; /* Replace Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); var currentChartType = activeChart.getAttribute(‘data-chart-type’); var hideGlobalCaption = currentChartType === ‘Countdown’ || currentChartType === ‘Picture Comparability’ || currentChartType === ‘Store the Assortment’; if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().size > 0 && !hideGlobalCaption) { footerContentEl.type.show = ‘block’; if (bottomBarEl) bottomBarEl.type.show = ‘flex’; } else { footerContentEl.type.show = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.type.show = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, perform(e) { showInternalChart(parseInt(e.goal.worth)); }); if (prevBtn) prevBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex + 1); }); } /* Picture Comparability Logic */ var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(perform(wrapper) { var internal = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; /* Zoom state */ var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; perform updateTransform() { if (wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { internal.type.setProperty(‘remodel’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘essential’); } else { internal.type.removeProperty(‘remodel’); scale = 1; panX = 0; panY = 0; } } perform constrainPan() { var rect = wrapper.getBoundingClientRect(); /* Max pan is determined by how a lot the picture is scaled past the wrapper */ var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.peak * scale – rect.peak) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, perform() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; hasPanned = true; /* Stop click on after pinch */ } else if (e.touches.size === 1 && scale > 1) }, { passive: false }); wrapper.addEventListener(‘touchmove’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.size === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, perform(e) { if (e.touches.size < 2) { initialDistance = null; } if (e.touches.size === 0) { isPanning = false; } }); perform handleMove(clientX) { var rect = internal.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var % = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.type.setProperty('left', % + '%', 'essential'); if (fgImage) fgImage.type.setProperty('clip-path', 'polygon(0 0, ' + % + '% 0, ' + % + '% 100%, 0 100%)', 'essential'); if (labelLeft) { if (% 90) { labelRight.type.setProperty(‘opacity’, ‘0’, ‘essential’); } else { labelRight.type.setProperty(‘opacity’, ‘1’, ‘essential’); } } } perform onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } perform onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } perform stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, perform(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, perform(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } /* Develop/Shut Logic */ var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.mother or father) { expandBtn.type.show = ‘none’; } else { expandBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ‘hidden’; /* Load high-res pictures if out there */ if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); }); } /* Shut on Escape */ doc.addEventListener(‘keydown’, perform(e) { if (e.key === ‘Escape’ && wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); } }); }); /* Store 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’); perform closeAllModals() { if (allProductsModal) { allProductsModal.classList.take away(‘is-active’); /* Take away highlights */ var objects = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); objects.forEach(perform(merchandise) { merchandise.classList.take away(‘is-highlighted’); }); /* Take away min-height after transition */ if (stlContainer) { setTimeout(perform() { if (!allProductsModal.classList.accommodates(‘is-active’)) { stlContainer.type.minHeight=””; if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } }, 300); } } hotspots.forEach(perform(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } hotspots.forEach(perform(btn) { btn.addEventListener(‘click on’, perform(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’); /* Guarantee container is tall sufficient */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.type.minHeight = '450px'; } /* Spotlight and scroll to merchandise */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(perform() { targetItem.scrollIntoView({ habits: 'easy', block: 'middle' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.measurement(); } } }); }); /* Store All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click on', perform(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Guarantee container is tall sufficient */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.size) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if(targetBtn.classList.accommodates(‘is-active’)) { targetBtn.click on(); } targetBtn.click on(); } } }); } if (iaWrapper) { iaWrapper.addEventListener(‘click on’, perform(e) { if (!e.goal.closest(‘.fv-ia-node-button’) && !e.goal.closest(‘.fv-ia-explore-btn’)) { closeAllIANodes(); resetExploreBtn(); } }); } /* Preliminary Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute(‘data-primary-color’) || ‘#f97316’; var subheadColor = countdownContainer.getAttribute(‘data-subhead-color’) || ‘#ffffff’; var pad = perform(n) { return (n 0) { d = Math.flooring(distinction / (1000 * 60 * 60 * 24)); h = Math.flooring((distinction / (1000 * 60 * 60)) % 24); m = Math.flooring((distinction / 1000 / 60) % 60); s = Math.flooring((distinction / 1000) % 60); } var daysEl = countdownContainer.querySelector(‘[data-time=”days”]’); var hoursEl = countdownContainer.querySelector(‘[data-time=”hours”]’); var minsEl = countdownContainer.querySelector(‘[data-time=”minutes”]’); var secsEl = countdownContainer.querySelector(‘[data-time=”seconds”]’); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = doc.getElementById(uniqueId + ‘-slideshow’); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); slides.forEach(perform(slide) { setupWrapper(slide.querySelector(‘.fv-chart-wrapper’)); }); } } else { setupWrapper(root); } } if (doc.readyState === ‘loading’) { doc.addEventListener(‘DOMContentLoaded’, perform() { initialize(‘fv-chart-1779832484642-wst2orehw’, false); }); } else { initialize(‘fv-chart-1779832484642-wst2orehw’, false); } })(); AMD Radeon RX 9070 GRE sound(Picture credit score: Future)I’ve discovered solely the tiniest smattering of coil whine. That is one thing I frequently hear out for with AMD GPUs, and on this era with Nvidia playing cards, too. However, with the RX 9070 GRE I have been testing, I am solely detecting the very occasional electrical fizz when the body charge in a settings display spikes to ludicrous ranges—in video games I by no means heard the facility componentry sing its siren track.The precise fan noise is blessedly relaxed, too. The GPU could also be working cool, nevertheless it’s not as a result of Acer has tuned these three followers to run at turbine settings. Even underneath sustained load, and even with the cardboard sitting in an open check rig proper subsequent to me, the fan noise by no means bought to a distracting degree in any respect. It’s going to sound totally different in a closed PC case, although there also needs to be transferring air round and/or throughout the GPU to assist shift that sizzling air, too. @import url(‘https://fonts.googleapis.com/css2?household=Open+Sans:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Poppins:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Montserrat:ital,wght@0,400;0,900;1,900&show=swap’); /* Reset & Base */ #fv-chart-1779832523670-vg5y6xkwe *, #fv-chart-1779832523670-vg5y6xkwe *:earlier than, #fv-chart-1779832523670-vg5y6xkwe *:after, #fv-chart-1779832523670-vg5y6xkwe-slideshow *, #fv-chart-1779832523670-vg5y6xkwe-slideshow *:earlier than, #fv-chart-1779832523670-vg5y6xkwe-slideshow *:after { box-sizing: border-box !essential; 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 !essential; } /* Important Wrappers */ #fv-chart-1779832523670-vg5y6xkwe { place: relative !essential; overflow: seen !essential; –riv-primary: #E33235; } #fv-chart-1779832523670-vg5y6xkwe .fv-inner-wrapper { colour: #1F2937 !essential; background-color: #ededed !essential; padding: 1.5rem 1.5rem 2rem !essential; border-radius: 0.5rem !essential; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !essential; margin: 1rem 0 !essential; show: flex !essential; flex-direction: column !essential; overflow: hidden !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed { width: 100vw !essential; margin-left: calc(50% – 50vw) !essential; } physique { overflow-x: clip !essential; } #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed .fv-inner-wrapper { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } /* Slideshow Types */ #fv-chart-1779832523670-vg5y6xkwe-slideshow { place: relative !essential; width: 100% !essential; margin: 1rem 0 !essential; –riv-primary: #E33235; } #fv-chart-1779832523670-vg5y6xkwe-slideshow .fv-slides-wrapper { place: relative !essential; width: 100% !essential; } #fv-chart-1779832523670-vg5y6xkwe-slideshow .fv-slide { width: 100% !essential; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } /* High Navigation Row (Redesign) */ #fv-chart-1779832523670-vg5y6xkwe-slideshow .fv-slideshow-nav-row { place: relative !essential; show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; padding: 0 0 16px 0 !essential; width: 100% !essential; z-index: 20 !essential; } #fv-chart-1779832523670-vg5y6xkwe-slideshow .fv-nav-btn { background-color: var(–riv-primary) !essential; colour: #ffffff !essential; border: none !essential; border-radius: 4px !essential; padding: 8px 16px !essential; font-size: 14px !essential; font-weight: 700 !essential; cursor: pointer !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 6px !essential; transition: opacity 0.2s, background-color 0.2s !essential; peak: 36px !essential; text-transform: none !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !essential; } #fv-chart-1779832523670-vg5y6xkwe-slideshow .fv-nav-btn svg { width: 18px !essential; peak: 18px !essential; stroke-width: 3px !essential; filter: none !essential; } #fv-chart-1779832523670-vg5y6xkwe-slideshow .fv-nav-btn:hover { opacity: 0.9 !essential; remodel: translateY(-1px) !essential; } #fv-chart-1779832523670-vg5y6xkwe-slideshow .fv-nav-btn.disabled { background-color: #E5E7EB !essential; colour: #9CA3AF !essential; cursor: default !essential; pointer-events: none !essential; box-shadow: none !essential; } #fv-chart-1779832523670-vg5y6xkwe-slideshow .fv-slide-counter { font-family: ‘Poppins’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; colour: #374151 !essential; text-align: middle !essential; min-width: 40px !essential; background-color: rgba(255,255,255,0.8) !essential; padding: 2px 8px !essential; border-radius: 10px !essential; } /* Slideshow Dropdown Navigation */ #fv-chart-1779832523670-vg5y6xkwe-slideshow .fv-slideshow-select { place: absolute !essential; high: 10px !essential; proper: 10px !essential; z-index: 20 !essential; look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background-color: white !essential; border: 1px strong #d1d5db !essential; colour: #1F2937 !essential; font-family: ‘Open Sans’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; padding: 6px 32px 6px 12px !essential; border-radius: 4px !essential; cursor: pointer !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !essential; background-image: url(“information:picture/svg+xml,%3csvg xmlns=”http://www.w3.org/2000/svg” fill=”none” viewBox=’0 0 20 20’%3epercent3cpath stroke=”%236b7280″ stroke-linecap=’spherical’ stroke-linejoin=’spherical’ stroke-width=”1.5″ d=’M6 8l4 4 4-4’/%3epercent3c/svgpercent3e”) !essential; background-position: proper 0.5rem middle !essential; background-repeat: no-repeat !essential; background-size: 1.5em 1.5em !essential; } #fv-chart-1779832523670-vg5y6xkwe-slideshow .fv-slideshow-select:focus { define: 2px strong #E33235 !essential; border-color: #E33235 !essential; } /* Typography */ #fv-chart-1779832523670-vg5y6xkwe .fv-chart-title { font-weight: daring !essential; text-align: middle !essential; margin-bottom: 0.5rem !essential; colour: var(–riv-primary) !essential; font-size: 20px !essential; line-height: 1.2 !essential; font-family: ‘Open Sans’, sans-serif !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; padding: 0 20px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-chart-subhead { font-size: 18px !essential; font-weight: 500 !essential; text-align: middle !essential; margin-bottom: 2rem !essential; colour: #374151 !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; text-transform: none !essential; padding: 0 20px !essential; } #fv-chart-1779832523670-vg5y6xkwe .rv-chart-caption { font-size: 15px !essential; colour: #374151 !essential; text-align: middle !essential; font-style: regular !essential; font-weight: regular !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; } /* Versus Chart */ #fv-chart-1779832523670-vg5y6xkwe .fv-versus-chart { show: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-header { show: flex; justify-content: space-between; align-items: middle; 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: middle; padding-right: 1rem; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper.fv-right { text-align: middle; padding-left: 1rem; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-container { place: relative; show: inline-block; max-width: 100%; width: 100%; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-chevron { place: absolute; high: 50%; remodel: translateY(-50%); pointer-events: none; width: 16px; peak: 16px; flex-shrink: 0; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper.fv-left .fv-versus-chevron { proper: 0; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper.fv-right .fv-versus-chevron { proper: 0; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select { background: clear; border: none; border-bottom: 2px strong; font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; define: none; look: 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: middle; course: ltr; padding-right: 1.25rem; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select.fv-select-right { text-align: middle; padding-right: 1.25rem; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-select possibility { font-family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 14px; colour: #374151; course: ltr; text-align: left; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-vs { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-body { show: flex; flex-direction: column; hole: 1.5rem; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-row { place: relative; peak: auto; padding-top: 20px; margin-bottom: 0.25rem; show: block; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-bar-container { place: relative; peak: 32px; show: flex; align-items: middle; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-bar-left-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-end; align-items: middle; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-bar-right-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-start; align-items: middle; } #fv-chart-1779832523670-vg5y6xkwe .fv-versus-bar { peak: 32px; width: var(–target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; show: flex; align-items: middle; overflow: hidden; colour: #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 { place: absolute; left: 50%; high: 0; backside: 0; width: 4px; background-color: #ffffff; remodel: 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 { place: absolute; left: 50%; remodel: translateX(-50%); high: 0; background-color: clear; border: none; box-shadow: none; padding: 0; font-family: ‘Open Sans’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; white-space: nowrap; } #fv-chart-1779832523670-vg5y6xkwe .sr-only { place: absolute !essential; width: 1px !essential; peak: 1px !essential; padding: 0 !essential; margin: -1px !essential; overflow: hidden !essential; clip: rect(0,0,0,0) !essential; white-space: nowrap !essential; border: 0 !essential; } /* Picture Comparability Types */ #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-container { width: auto !essential; margin-left: -1.5rem !essential; margin-right: -1.5rem !essential; margin-bottom: 2rem !essential; } #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed .fv-image-compare-container { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-wrapper { place: relative !essential; width: 100% !essential; overflow: hidden !essential; border-radius: 0 !essential; background-color: #000 !essential; touch-action: pan-y !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-inner { place: relative !essential; width: 100% !essential; peak: 100% !essential; show: block !essential; transform-origin: middle middle !essential; transition: remodel 0.1s ease-out !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-bg { show: block !essential; width: 100% !essential; peak: auto !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-fg { place: absolute !essential; high: 0 !essential; left: 0 !essential; width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-slider { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 32px !essential; remodel: translateX(-50%) !essential; cursor: ew-resize !essential; z-index: 10 !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-slider-line { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 4px !essential; background-color: white !essential; remodel: translateX(-50%) !essential; box-shadow: 0 0 10px rgba(0,0,0,0.5) !essential; pointer-events: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-handle { place: absolute !essential; high: 50% !essential; left: 50% !essential; remodel: translate(-50%, -50%) !essential; width: 32px !essential; peak: 32px !essential; background-color: white !essential; border-radius: 50% !essential; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 4px !essential; pointer-events: none !essential; z-index: 11 !essential; overflow: hidden !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-arrow-left { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-right: 4px strong #4b5563 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-arrow-right { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-left: 4px strong #4b5563 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-label { place: absolute !essential; high: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; padding: 0.25rem 0.75rem !essential; border-radius: 0.25rem !essential; font-size: 0.875rem !essential; font-weight: 500 !essential; pointer-events: none !essential; backdrop-filter: blur(4px) !essential; z-index: 5 !essential; transition: proper 0.3s ease, opacity 0.2s ease !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-label-left { left: 1rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-label-right { proper: 1rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-expand-btn, #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-close-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; border: none !essential; border-radius: 0.25rem !essential; padding: 0.5rem !essential; cursor: pointer !essential; z-index: 20 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; backdrop-filter: blur(4px) !essential; transition: background-color 0.2s !essential; } #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) !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-close-btn { show: none !essential; high: 1rem !essential; backside: auto !essential; } /* Fullscreen State */ #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-wrapper.fv-image-compare-fullscreen { place: fastened !essential; high: 0 !essential; left: 0 !essential; proper: 0 !essential; backside: 0 !essential; width: 100% !essential; peak: 100% !essential; z-index: 999999 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: rgba(0, 0, 0, 0.9) !essential; margin: 0 !essential; touch-action: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !essential; peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; cursor: seize !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:energetic { cursor: grabbing !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { place: absolute !essential; high: 0 !essential; left: 0 !essential; max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { show: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { show: flex !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { proper: 4rem !essential; } /* Footer */ #fv-chart-1779832523670-vg5y6xkwe .fv-bottom-bar { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; margin-top: 0.5rem !essential; hole: 1rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-footer-content { text-align: middle !essential; width: 100% !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-logo { show: block !essential; margin: 0 auto !essential; width: 120px !essential; min-width: 120px !essential; max-width: 120px !essential; peak: auto !essential; object-fit: comprise !essential; flex-shrink: 0 !essential; } /* Show Mode Controls */ #fv-chart-1779832523670-vg5y6xkwe .fv-dropdown-wrapper { text-align: middle !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-dropdown-title-container { place: relative !essential; show: inline-block !essential; max-width: 100% !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-dropdown-title { look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background: clear !essential; border: none !essential; font-size: 18px !essential; font-weight: 600 !essential; colour: var(–riv-primary) !essential; padding-right: 28px !essential; padding-left: 10px !essential; cursor: pointer !essential; text-align: middle !essential; text-align-last: middle !essential; width: auto !essential; max-width: 100% !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; margin: 0 !essential; text-overflow: ellipsis !essential; overflow: hidden !essential; white-space: nowrap !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-dropdown-title:focus { define: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-dropdown-title::-ms-expand { show: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-dropdown-chevron { place: absolute !essential; proper: 0 !essential; high: 50% !essential; remodel: translateY(-50%) !essential; pointer-events: none !essential; colour: var(–riv-primary) !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-carousel-title-controls { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; margin-bottom: 16px !essential; width: 100% !essential; hole: 12px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-carousel-nav-btn { background: clear !essential; border: 1px strong #d1d5db !essential; border-radius: 6px !essential; padding: 6px 10px !essential; cursor: pointer !essential; font-size: 14px !essential; colour: #374151 !essential; show: flex !essential; align-items: middle !essential; hole: 4px !essential; font-family: ‘Open Sans’, sans-serif !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-carousel-nav-btn:hover { border-color: #9ca3af !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-carousel-counter { font-size: 14px !essential; colour: #374151 !essential; text-align: middle !essential; margin-top: 1rem !essential; } /* Legend */ #fv-chart-1779832523670-vg5y6xkwe .fv-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 8px 16px !essential; margin: 0 !essential; padding: 0 !essential; margin-top: 1rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-legend-item { show: flex !essential; align-items: middle !essential; hole: 6px !essential; font-size: 14px !essential; colour: #374151 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-legend-color { width: 12px !essential; peak: 12px !essential; border-radius: 3px !essential; } /* Multi-Worth Legend */ #fv-chart-1779832523670-vg5y6xkwe .fv-multi-value-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 12px 24px !essential; margin-bottom: 1.5rem !essential; padding: 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-multi-legend-item { show: flex !essential; align-items: middle !essential; hole: 8px !essential; font-size: 14px !essential; colour: #374151 !essential; font-weight: 500 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-multi-legend-swatch { width: 16px !essential; peak: 16px !essential; border-radius: 3px !essential; } /* Chart Core Types */ #fv-chart-1779832523670-vg5y6xkwe .fv-benchmark-group { margin-bottom: 1rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-benchmark-title { font-size: 18px !essential; font-weight: 600 !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; padding: 0 !essential; text-align: middle !essential; colour: var(–riv-primary) !essential; flex: 1 !essential; min-width: 0 !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; word-wrap: break-word !essential; max-width: 100% !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar-row, #fv-chart-1779832523670-vg5y6xkwe .fv-stacked-product { show: flex !essential; align-items: middle !essential; width: 100% !essential; margin-bottom: 0.75rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar-label { width: 150px !essential; flex-shrink: 0 !essential; font-size: 14px !essential; colour: #374151 !essential; padding-right: 10px !essential; text-align: proper !essential; font-weight: 500 !essential; show: block !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar-container { flex-grow: 1 !essential; background-color: #E5E7EB !essential; border-radius: 4px !essential; min-height: 25px !essential; border: 1px strong #D1D5DB !essential; place: relative !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar { peak: 100% !essential; border-radius: 3px !essential; show: flex !essential; align-items: middle !essential; transition: opacity 0.2s ease, width 0.8s ease-out !essential; min-height: 23px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar:hover { opacity: 0.8 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar-inner-content { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; width: 100% !essential; peak: 100% !essential; padding: 0 8px !essential; font-size: 14px !essential; font-weight: daring !essential; overflow: hidden !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar-inner-label { white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; padding-right: 8px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar-inner-value { flex-shrink: 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar-value-outside { padding-left: 8px !essential; font-size: 14px !essential; font-weight: daring !essential; colour: #374151 !essential; white-space: nowrap !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar-label.fv-primary-product { font-weight: daring !essential; colour: var(–riv-primary) !essential; } /* Multi-Worth Bar Logic */ #fv-chart-1779832523670-vg5y6xkwe .fv-multi-bar-container { flex-direction: column !essential; padding: 4px !essential; align-items: stretch !essential; hole: 4px !essential; peak: auto !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-multi-bar-item { show: flex !essential; align-items: middle !essential; peak: 25px !essential; width: 100% !essential; } /* Stacked Bar */ #fv-chart-1779832523670-vg5y6xkwe .fv-stacked-bar { show: flex !essential; overflow: hidden !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stacked-segment { peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: flex-end !essential; padding-right: 8px !essential; border-right: 1px strong rgba(255,255,255,0.3) !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stacked-segment:last-child { border-right: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-segment-value { font-size: 14px !essential; font-weight: daring !essential; } /* Grouped Bar */ #fv-chart-1779832523670-vg5y6xkwe .fv-grouped-bar-product { show: flex !essential; flex-direction: column !essential; width: 100% !essential; margin-bottom: 1.25rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-grouped-product-title-wrapper { padding-left: 150px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.5rem !essential; font-weight: 700 !essential; font-size: 14px !essential; colour: #374151 !essential; text-transform: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar-cluster { width: 100% !essential; flex-grow: 1 !essential; show: flex !essential; flex-direction: column !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-bar-cluster .fv-bar-container { peak: 20px !essential; } /* Line Chart Grid */ #fv-chart-1779832523670-vg5y6xkwe .riv-grid line { stroke: #D1D5DB !essential; stroke-dasharray: 3 3 !essential; } /* X-Axis */ #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-wrapper { show: flex !essential; width: 100% !essential; margin-top: 0.5rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-label-space { width: 150px !essential; padding-right: 10px !essential; flex-shrink: 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-chart-space { flex-grow: 1 !essential; padding-right: 8px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-line { border-top: 1px strong #D1D5DB !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-ticks { show: flex !essential; justify-content: space-between !essential; padding-top: 4px !essential; font-size: 13px !essential; colour: #374151 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-ticks span { place: relative !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-ticks span::earlier than { content material: ” !essential; place: absolute !essential; high: -6px !essential; left: 50% !essential; remodel: translateX(-50%) !essential; width: 2px !essential; peak: 4px !essential; background-color: #D1D5DB !essential; border-radius: 1px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-unit { text-align: middle !essential; font-size: 14px !essential; colour: #374151 !essential; margin-top: 8px !essential; show: block !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-title { text-align: middle !essential; font-size: 15px !essential; colour: #374151 !essential; margin-top: 8px !essential; margin-bottom: 16px !essential; line-height: 1.5 !essential; padding: 0 1rem !essential; show: block !essential; font-weight: daring !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-y-axis-title { font-size: 15px !essential; colour: #374151 !essential; line-height: 1.5 !essential; text-align: left !essential; padding-left: 5.83% !essential; /* Aligns with Y-axis line inside SVG (35/600) */ margin-bottom: 4px !essential; show: block !essential; font-weight: daring !essential; } /* Store The Look */ #fv-chart-1779832523670-vg5y6xkwe .fv-stl-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; transition: min-height 0.3s ease !essential; overflow: hidden !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stl-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed .fv-stl-container { width: 100% !essential; } #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed .fv-stl-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stl-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stl-hotspot-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stl-hotspot-btn { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !essential; transition-property: all !essential; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !essential; transition-duration: 300ms !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stl-hotspot-btn:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stl-hotspot-btn:focus { define: 2px strong clear !essential; outline-offset: 2px !essential; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stl-hotspot-btn[aria-expanded=”true”] { background-color: #3b82f6 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stl-hotspot-pulse { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-stl-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1779832523670-vg5y6xkwe .fv-stl-hotspot-pulse { animation-fill-mode: none !essential; } } /* Store the look button */ #fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; peak: 2.5rem !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; colour: #111827 !essential; padding: 0 1rem 0 3rem !essential; border-radius: 0.25rem !essential; font-weight: 700 !essential; font-size: 0.875rem !essential; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !essential; border: none !essential; cursor: pointer !essential; transition: all 0.2s !essential; z-index: 10 !essential; show: flex !essential; align-items: middle !essential; text-transform: uppercase !essential; overflow: hidden !essential; white-space: nowrap !essential; max-width: calc(100% – 2rem) !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-btn span { overflow: hidden !essential; text-overflow: ellipsis !essential; white-space: nowrap !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-btn:hover { background-color: #ffffff !essential; remodel: scale(1.05) !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-logo { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; object-fit: cowl !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; flex-shrink: 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-icon { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; colour: #1f2937 !essential; flex-shrink: 0 !essential; } /* All Merchandise Modal */ #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe { place: fastened !essential; inset: 0 !essential; background-color: rgba(0, 0, 0, 0) !essential; backdrop-filter: blur(0px) !essential; -webkit-backdrop-filter: blur(0px) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; z-index: 99999 !essential; pointer-events: none !essential; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !essential; padding: 1rem !essential; overflow: hidden !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe { place: absolute !essential; padding: 0 !essential; align-items: flex-end !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe.is-active { background-color: rgba(0, 0, 0, 0.2) !essential; backdrop-filter: blur(4px) !essential; -webkit-backdrop-filter: blur(4px) !essential; pointer-events: auto !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-content { width: 100% !essential; max-width: 42rem !essential; max-height: 100% !essential; show: flex !essential; flex-direction: column !essential; place: relative !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; border-radius: 1rem !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; overflow: hidden !essential; transition: remodel 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !essential; opacity: 0 !essential; remodel: scale(0.95) !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe.is-active .fv-stl-all-products-content { opacity: 1 !essential; remodel: scale(1) !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; } /* V2 Backside Sheet Fashion */ #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe.v2 { align-items: flex-end !essential; padding: 0 !essential; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe.v2:not(.mobile-view *) { justify-content: flex-end !essential; } } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe.v2 .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } @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 !essential; border-radius: 1.5rem 0 0 0 !essential; } } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe.v2.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-header { show: flex !essential; align-items: middle !essential; justify-content: space-between !essential; padding: 1.5rem !essential; border-bottom: 1px strong #e5e7eb !essential; flex-shrink: 0 !essential; place: sticky !essential; high: 0 !essential; background-color: rgba(255, 255, 255, 0.8) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; z-index: 10 !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-header { padding: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-logo { peak: 1.5rem !essential; width: auto !essential; object-fit: comprise !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-logo { peak: 1.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-title { font-size: 1.25rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-title { font-size: 1.125rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-close { width: 2rem !essential; peak: 2rem !essential; border-radius: 9999px !essential; background-color: rgba(0, 0, 0, 0.05) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; border: none !essential; cursor: pointer !essential; z-index: 10 !essential; colour: #6b7280 !essential; transition: all 0.2s !essential; padding: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-list { list-style: none !essential; padding: 1.5rem !essential; margin: 0 !essential; overflow-y: auto !essential; flex: 1 !essential; show: flex !essential; flex-direction: column !essential; hole: 0.75rem !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-list { padding: 0.75rem !essential; hole: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-item { margin: 0 !essential; padding: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-link { show: flex !essential; align-items: flex-start !essential; padding: 0.75rem !essential; text-decoration: none !essential; colour: inherit !essential; transition: all 0.2s !essential; border-radius: 1rem !essential; border: 1px strong clear !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-link { padding: 0.5rem !essential; border-radius: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-link:hover { background-color: #ffffff !essential; border-color: #e5e7eb !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !essential; border-color: #d1d5db !essential; 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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-image-container { place: relative !essential; margin-right: 1.25rem !essential; flex-shrink: 0 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-number { place: absolute !essential; high: -0.5rem !essential; left: -0.5rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; background-color: #0f172a !essential; colour: #ffffff !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; 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 !essential; z-index: 10 !essential; font-family: sans-serif !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-number { high: -0.375rem !essential; left: -0.375rem !essential; width: 1.25rem !essential; peak: 1.25rem !essential; font-size: 0.625rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-image-wrapper { width: 6rem !essential; peak: 6rem !essential; border-radius: 0.75rem !essential; overflow: hidden !essential; background-color: #f9fafb !essential; border: 1px strong #f3f4f6 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-image-wrapper { width: 4rem !essential; peak: 4rem !essential; border-radius: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-image { width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-placeholder { width: 2rem !essential; peak: 2rem !essential; colour: #d1d5db !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-placeholder { width: 1.5rem !essential; peak: 1.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-info { flex: 1 !essential; min-width: 0 !essential; show: flex !essential; flex-direction: column !essential; justify-content: middle !essential; margin-top: 0.25rem !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-info { margin-top: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-brand { font-size: 0.625rem !essential; font-weight: 700 !essential; colour: #6b7280 !essential; text-transform: uppercase !essential; letter-spacing: 0.1em !essential; margin: 0 0 0.375rem 0 !essential; white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-brand { font-size: 0.5625rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-name { font-size: 1rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 0 0.375rem 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.25 !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-name { font-size: 0.875rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-meta { show: flex !essential; align-items: middle !essential; font-size: 0.875rem !essential; margin-bottom: 0.375rem !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-meta { font-size: 0.75rem !essential; margin-bottom: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-price { font-weight: 700 !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-sale-price { font-weight: 700 !essential; colour: #dc2626 !essential; margin-right: 0.5rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-original-price { colour: #9ca3af !essential; text-decoration: line-through !essential; font-size: 0.75rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-commentary { font-size: 0.875rem !essential; colour: #4b5563 !essential; margin: 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.375 !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-commentary { font-size: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-action { width: 2.5rem !essential; peak: 2.5rem !essential; border-radius: 9999px !essential; background-color: #f9fafb !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; margin-left: 1rem !essential; flex-shrink: 0 !essential; border: 1px strong #f3f4f6 !essential; transition: all 0.2s !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-action { width: 2rem !essential; peak: 2rem !essential; margin-left: 0.75rem !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-action svg { width: 14px !essential; peak: 14px !essential; } #fv-stl-all-products-modal-fv-chart-1779832523670-vg5y6xkwe .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !essential; colour: #ffffff !essential; border-color: #111827 !essential; } /* Picture Annotation Types */ #fv-chart-1779832523670-vg5y6xkwe .fv-ia-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; overflow: hidden !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed .fv-ia-container { width: 100% !essential; } #fv-chart-1779832523670-vg5y6xkwe.fv-full-bleed .fv-ia-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-button { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-button:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-button.is-active { background-color: #E33235 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-pulse-ring { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-ia-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-static-tooltip { show: none !essential; place: absolute !essential; high: -10px !essential; left: 50% !essential; remodel: translate(-50%, -100%) !essential; background-color: rgba(255, 255, 255, 0.95) !essential; padding: 10px !essential; border-radius: 6px !essential; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !essential; width: max-content !essential; max-width: 200px !essential; font-size: 13px !essential; colour: #1f2937 !essential; z-index: 20 !essential; pointer-events: none !essential; white-space: pre-wrap !essential; line-height: 1.4 !essential; border: 1px strong #e5e7eb !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-button:hover + .fv-ia-static-tooltip { show: block !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-logo-explore-bar { place: relative !essential; width: 100% !essential; show: flex !essential; justify-content: middle !essential; align-items: middle !essential; min-height: 30px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-logo-explore-bar .fv-logo { margin: 0 auto !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-explore-wrapper { place: absolute !essential; proper: 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-logo-explore-bar { flex-direction: column !essential; min-height: auto !essential; hole: 0.75rem !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-ia-explore-wrapper { place: static !essential; align-self: flex-end !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !essential; colour: #1e293b !essential; border: 1px strong #e5e7eb !essential; border-radius: 9999px !essential; padding: 0.5rem 1.25rem !essential; font-size: 0.875rem !essential; font-weight: 600 !essential; font-family: sans-serif !essential; show: inline-flex !essential; align-items: middle !essential; hole: 0.5rem !essential; cursor: pointer !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 0.2s !essential; pointer-events: auto !essential; flex-shrink: 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-explore-btn:hover { background-color: #ffffff !essential; remodel: translateY(-2px) !essential; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !essential; colour: #E33235 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-explore-btn svg { transition: remodel 0.2s !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-explore-btn:hover svg { remodel: translateX(2px) !essential; } /* IA Modal Types */ #fv-chart-1779832523670-vg5y6xkwe .fv-ia-active-modal-container { show: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-modals { show: block !essential; place: static !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-modal-item { show: none !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-modal-item.is-active { show: flex !essential; flex-direction: column !essential; place: absolute !essential; high: 1rem !essential; proper: 1rem !essential; z-index: 20 !essential; width: 18rem !essential; max-width: calc(100% – 2rem) !essential; background-color: #ffffff !essential; padding: 1rem !essential; border-radius: 0.75rem !essential; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !essential; border: 1px strong #e5e7eb !essential; border-top: 4px strong #E33235 !essential; animation: fv-ia-fade-in 0.2s ease-out !essential; hole: 0.75rem !essential; max-height: 80% !essential; overflow-y: auto !essential; pointer-events: auto !essential; } @keyframes fv-ia-fade-in { from { opacity: 0; remodel: scale(0.95); } to { opacity: 1; remodel: scale(1); } } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-modal-header { show: flex !essential; justify-content: space-between !essential; align-items: flex-start !essential; margin: 0 !essential; hole: 0.5rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-title { font-size: 1rem !essential; line-height: 1.25 !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-close-button { background: #f9fafb !essential; border: 1px strong #e5e7eb !essential; border-radius: 50% !essential; width: 2rem !essential; peak: 2rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; cursor: pointer !essential; padding: 0 !essential; flex-shrink: 0 !essential; transition: all 0.2s !essential; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-close-button:hover { background: #e5e7eb !essential; colour: #111827 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-ia-node-description { font-size: 0.875rem !essential; colour: #374151 !essential; margin: 0 !essential; line-height: 1.625 !essential; white-space: pre-wrap !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-ia-node-description { font-size: 0.875rem !essential; } /* Error Dealing with */ #fv-chart-1779832523670-vg5y6xkwe .fv-ia-empty { show: flex !essential; align-items: middle !essential; justify-content: middle !essential; peak: 200px !essential; background-color: #f1f5f9 !essential; colour: #64748b !essential; border: 2px dashed #cbd5e1 !essential; border-radius: 0.5rem !essential; } /* Countdown Types */ #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-container { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; justify-content: middle !essential; padding: 1rem !essential; place: relative !essential; width: 100% !essential; box-sizing: border-box !essential; font-family: Montserrat, sans-serif !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-header { text-align: middle !essential; margin-bottom: 2rem !essential; z-index: 10 !essential; width: 100% !essential; show: flex !essential; flex-direction: column !essential; align-items: middle !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-title { font-size: 1.25rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0 !essential; font-style: italic !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-subhead { font-size: 1.125rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0.25rem 0 0 0 !essential; font-style: italic !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-timer-wrap { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; width: 100% !essential; max-width: 64rem !essential; z-index: 10 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-labels { show: flex !essential; justify-content: middle !essential; width: 100% !essential; margin-bottom: 0.5rem !essential; padding: 0 0.5rem !essential; font-size: 0.75rem !essential; font-weight: daring !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-labels > div { flex: 1 !essential; text-align: middle !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-box { place: relative !essential; width: 100% !essential; border-top: 6px strong #333 !essential; border-bottom: 8px strong #333 !essential; padding: 1rem 0 !essential; background: linear-gradient(to backside, #1f2937, #000000) !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits { show: flex !essential; justify-content: middle !essential; font-size: 1.75rem !essential; font-weight: 900 !essential; letter-spacing: 0em !essential; font-family: monospace !essential; colour: #fff !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits > div.digit-box { flex: 1 !essential; text-align: middle !essential; white-space: nowrap !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits > div.colon { flex: 0 0 auto !essential; opacity: 0.5 !essential; place: relative !essential; high: -2px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-spike-l { place: absolute !essential; left: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-right: 15px strong #374151 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-spike-r { place: absolute !essential; proper: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-left: 15px strong #374151 !essential; } @media (min-width: 600px) { #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-container { padding: 2rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-title { font-size: 1.75rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-subhead { font-size: 1.25rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits { font-size: 2.25rem !essential; letter-spacing: 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-labels { font-size: 0.875rem !essential; padding: 0 1rem !essential; margin-bottom: 1rem !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-box { padding: 1.5rem 0 !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits > div.colon { high: -4px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-spike-l { left: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-right-width: 20px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-spike-r { proper: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-left-width: 20px !essential; } } @media (min-width: 768px) { #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits { font-size: 3.5rem !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-countdown-digits > div.colon { high: -5px !essential; } } /* Cell / Pressured Cell View / Labels on High */ #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-pie-container, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#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 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-x-axis-label-space, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-x-axis-label-space { show: none !essential; }#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 !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-benchmark-title, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-dropdown-title, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-chart-title, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-chart-subhead, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-header, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#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: middle !essential; padding-right: 0 !essential; }#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: middle !essential; padding-left: 0 !essential; }#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: middle !essential; }#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: middle !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-vs, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-select-container, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-versus-select, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832523670-vg5y6xkwe.labels-on-top .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#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 !essential; peak: 2rem !essential; }#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 !essential; peak: 14px !essential; } #fv-chart-1779832523670-vg5y6xkwe.mobile-view .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832523670-vg5y6xkwe.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } @media (max-width: 599px) { #fv-chart-1779832523670-vg5y6xkwe .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-grouped-product-title-wrapper { padding-left: 0 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-bar-label, #fv-chart-1779832523670-vg5y6xkwe .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-bar-container, #fv-chart-1779832523670-vg5y6xkwe .fv-bar-cluster { width: 100% !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-label-space { show: none !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-x-axis-chart-space { padding-right: 0 !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper.fv-left { text-align: middle !essential; padding-right: 0 !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-wrapper.fv-right { text-align: middle !essential; padding-left: 0 !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-versus-select.fv-select-left { text-align: middle !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-versus-select.fv-select-right { text-align: middle !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-logo, #fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-icon { width: 2rem !essential; peak: 2rem !essential; }#fv-chart-1779832523670-vg5y6xkwe .fv-stl-shop-all-icon svg { width: 14px !essential; peak: 14px !essential; } #fv-chart-1779832523670-vg5y6xkwe .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832523670-vg5y6xkwe.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } } { “@context”: “https://schema.org”, “@sort”: “Dataset”, “identify”: “Cool additionally means quiet”, “description”: “Subhead to explain the check and what’s being measured and why”, “creator”: { “@sort”: “Group”, “identify”: “PC Gamer”, “emblem”: “https://cdn.mos.cms.futurecdn.web/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:55:23.671Z”, “quotation”: “Add your caption to elucidate the information, the learnings and the important thing takeaways of the information being visualized”, “key phrases”: [ “RX 9070 GRE (Acer Nitro)”, “Sound”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Efficiency Benchmarking”, “variableMeasured”: [ { “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Sound”, “value”: 4.5, “unitText”: “”, “maxValue”: 5 } ]} Cool additionally means quiet Sound 4.5 Group 1 Information ProductSound () RX 9070 GRE (Acer Nitro)4.5 window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (perform() { /* World animation perform for slideshow re-use */ window.fvAnimateCharts = perform(chartWrapper) { if (!chartWrapper) return; perform animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(perform(bar, index) { /* Reset to 0 first to make sure animation triggers */ bar.type.setProperty(‘width’, ‘0%’, ‘essential’); bar.type.setProperty(‘transition’, ‘none’, ‘essential’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Drive reflow */ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, baseMargin + ‘%’, ‘essential’); } setTimeout(perform() { var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.type.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘essential’); bar.type.setProperty(‘width’, targetWidth + ‘%’, ‘essential’); if (targetMargin !== undefined && baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, targetMargin + ‘%’, ‘essential’); } }, index * 50 + 50); /* Diminished preliminary delay */ }); } perform animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(perform(p, i) { if (typeof p.getTotalLength === ‘perform’) { var len = p.getTotalLength(); p.type.transition = ‘none’; p.type.strokeDasharray = len; p.type.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(perform() { p.type.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.type.strokeDashoffset=”0″; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(perform(dot, i) { dot.type.opacity = ‘0’; setTimeout(perform() { dot.type.transition = ‘opacity 0.3s ease’; dot.type.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(perform(chart) { /* If in carousel/dropdown mode, hidden charts are show:none. */ /* We solely animate what’s seen. */ if (window.getComputedStyle(chart).show === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; perform initialize(uniqueId, isSlideshow) { var root = doc.getElementById(uniqueId); /* In slideshow mode, ‘root’ might be null as a result of the container has ‘-slideshow’ suffix. */ /* We deal with that logic under. */ if (!root && !isSlideshow) return; /* Setup inside interactions (Carousel/Dropdown/LineChart) for a particular chart wrapper */ perform setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive cellular view dealing with */ perform checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.display && Math.min(window.display.width, window.display.peak) <= 599; var isMobile; if (width === 0) else { /* Cell if container is small OR if it's a bodily cellular gadget (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner=”left”; if (rightNum > 0) { var diff = Math.spherical(((leftNum – rightNum) / rightNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner=”proper”; if (leftNum > 0) { var diff = Math.spherical(((rightNum – leftNum) / leftNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } } var leftDisplay = information.productData[leftProduct] && information.productData[leftProduct].displayValue !== undefined ? information.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = information.productData[rightProduct] && information.productData[rightProduct].displayValue !== undefined ? information.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (information.productData[leftProduct] && information.productData[leftProduct].unit) || (information.productData[rightProduct] && information.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(perform(el) { el.take away(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘proper’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.type.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.type.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.type.width = leftWidth + ‘%’; } if (rightBar) { rightBar.type.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.type.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.type.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = information.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.subsequent’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Textual content Parts */ 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.size > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.choices).map(perform(o) { return o.textual content; }); } else { charts.forEach(perform(c) ); } perform showInternalChart(index) { if (index = charts.size) index = 0; currentChartIndex = index; charts.forEach(perform(c, i) { c.type.show = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if wanted */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Replace labels-on-top based mostly on present chart sort */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.take away(‘labels-on-top’); } } }); if (dropdown) dropdown.worth = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.size; /* Replace Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); var currentChartType = activeChart.getAttribute(‘data-chart-type’); var hideGlobalCaption = currentChartType === ‘Countdown’ || currentChartType === ‘Picture Comparability’ || currentChartType === ‘Store the Assortment’; if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().size > 0 && !hideGlobalCaption) { footerContentEl.type.show = ‘block’; if (bottomBarEl) bottomBarEl.type.show = ‘flex’; } else { footerContentEl.type.show = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.type.show = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, perform(e) { showInternalChart(parseInt(e.goal.worth)); }); if (prevBtn) prevBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex + 1); }); } /* Picture Comparability Logic */ var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(perform(wrapper) { var internal = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; /* Zoom state */ var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; perform updateTransform() { if (wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { internal.type.setProperty(‘remodel’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘essential’); } else { internal.type.removeProperty(‘remodel’); scale = 1; panX = 0; panY = 0; } } perform constrainPan() { var rect = wrapper.getBoundingClientRect(); /* Max pan is determined by how a lot the picture is scaled past the wrapper */ var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.peak * scale – rect.peak) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, perform() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; hasPanned = true; /* Stop click on after pinch */ } else if (e.touches.size === 1 && scale > 1) }, { passive: false }); wrapper.addEventListener(‘touchmove’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.size === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, perform(e) { if (e.touches.size < 2) { initialDistance = null; } if (e.touches.size === 0) { isPanning = false; } }); perform handleMove(clientX) { var rect = internal.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var % = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.type.setProperty('left', % + '%', 'essential'); if (fgImage) fgImage.type.setProperty('clip-path', 'polygon(0 0, ' + % + '% 0, ' + % + '% 100%, 0 100%)', 'essential'); if (labelLeft) { if (% 90) { labelRight.type.setProperty(‘opacity’, ‘0’, ‘essential’); } else { labelRight.type.setProperty(‘opacity’, ‘1’, ‘essential’); } } } perform onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } perform onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } perform stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, perform(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, perform(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } /* Develop/Shut Logic */ var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.mother or father) { expandBtn.type.show = ‘none’; } else { expandBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ‘hidden’; /* Load high-res pictures if out there */ if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); }); } /* Shut on Escape */ doc.addEventListener(‘keydown’, perform(e) { if (e.key === ‘Escape’ && wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); } }); }); /* Store 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’); perform closeAllModals() { if (allProductsModal) { allProductsModal.classList.take away(‘is-active’); /* Take away highlights */ var objects = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); objects.forEach(perform(merchandise) { merchandise.classList.take away(‘is-highlighted’); }); /* Take away min-height after transition */ if (stlContainer) { setTimeout(perform() { if (!allProductsModal.classList.accommodates(‘is-active’)) { stlContainer.type.minHeight=””; if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } }, 300); } } hotspots.forEach(perform(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } hotspots.forEach(perform(btn) { btn.addEventListener(‘click on’, perform(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’); /* Guarantee container is tall sufficient */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.type.minHeight = '450px'; } /* Spotlight and scroll to merchandise */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(perform() { targetItem.scrollIntoView({ habits: 'easy', block: 'middle' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.measurement(); } } }); }); /* Store All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click on', perform(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Guarantee container is tall sufficient */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.size) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if(targetBtn.classList.accommodates(‘is-active’)) { targetBtn.click on(); } targetBtn.click on(); } } }); } if (iaWrapper) { iaWrapper.addEventListener(‘click on’, perform(e) { if (!e.goal.closest(‘.fv-ia-node-button’) && !e.goal.closest(‘.fv-ia-explore-btn’)) { closeAllIANodes(); resetExploreBtn(); } }); } /* Preliminary Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute(‘data-primary-color’) || ‘#f97316’; var subheadColor = countdownContainer.getAttribute(‘data-subhead-color’) || ‘#ffffff’; var pad = perform(n) { return (n 0) { d = Math.flooring(distinction / (1000 * 60 * 60 * 24)); h = Math.flooring((distinction / (1000 * 60 * 60)) % 24); m = Math.flooring((distinction / 1000 / 60) % 60); s = Math.flooring((distinction / 1000) % 60); } var daysEl = countdownContainer.querySelector(‘[data-time=”days”]’); var hoursEl = countdownContainer.querySelector(‘[data-time=”hours”]’); var minsEl = countdownContainer.querySelector(‘[data-time=”minutes”]’); var secsEl = countdownContainer.querySelector(‘[data-time=”seconds”]’); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = doc.getElementById(uniqueId + ‘-slideshow’); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); slides.forEach(perform(slide) { setupWrapper(slide.querySelector(‘.fv-chart-wrapper’)); }); } } else { setupWrapper(root); } } if (doc.readyState === ‘loading’) { doc.addEventListener(‘DOMContentLoaded’, perform() { initialize(‘fv-chart-1779832523670-vg5y6xkwe’, false); }); } else { initialize(‘fv-chart-1779832523670-vg5y6xkwe’, false); } })(); AMD Radeon RX 9070 GRE worth(Picture credit score: Future)That is what is going on to make or break the AMD RX 9070 GRE: its true worth as soon as launched into the wild. That goes past simply the preliminary MSRP quoted by AMD, and has every little thing to do with what the retailers and producers find yourself charging PC players in the actual world. That is the difficulty we had across the different Navi 48-powered graphics playing cards, the place we got MSRP numbers that melted away scant hours after the playing cards launched.It is doubtlessly tougher for that to occur within the present setting. With the RX 9070 GRE given a $549 beginning value, and the RX 9070 at the moment out there for $600, there is not a whole lot of wiggle room for perfidious retailers to spike the worth unnecessarily. As quickly as you get begin to eat into that $50 value delta the good cash will certainly swap to the quicker 16 GB card.However, whereas the GPU market has plateaued when it comes to pricing over the previous few months—albeit at disappointingly larger ranges than the tail finish of 2025—that is no assure the present established order might be preserved. There have been just a few rumblings lately that the costs of AMD playing cards are going to get bumped within the close to future, placing them again alongside their Nvidia rivals, and if that occurs then the GRE’s $549-$600 price ticket would possibly look ever extra tantalising.I’ll reiterate that the notion of worth is a tricky one right here, contemplating that its $549 price ticket is similar because the RX 9070, however then I believe we have all needed to readjust our pricing perceptions within the face of the RAMpocalypse and its fallout. Time will inform how nicely the RX 9070 GRE is ready to maintain to its MSRP. Historical past would inform us that it isn’t going to be straightforward. @import url(‘https://fonts.googleapis.com/css2?household=Open+Sans:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Poppins:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Montserrat:ital,wght@0,400;0,900;1,900&show=swap’); /* Reset & Base */ #fv-chart-1779832578932-vqkbqnxc3 *, #fv-chart-1779832578932-vqkbqnxc3 *:earlier than, #fv-chart-1779832578932-vqkbqnxc3 *:after, #fv-chart-1779832578932-vqkbqnxc3-slideshow *, #fv-chart-1779832578932-vqkbqnxc3-slideshow *:earlier than, #fv-chart-1779832578932-vqkbqnxc3-slideshow *:after { box-sizing: border-box !essential; 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 !essential; } /* Important Wrappers */ #fv-chart-1779832578932-vqkbqnxc3 { place: relative !essential; overflow: seen !essential; –riv-primary: #E33235; } #fv-chart-1779832578932-vqkbqnxc3 .fv-inner-wrapper { colour: #1F2937 !essential; background-color: #ededed !essential; padding: 1.5rem 1.5rem 2rem !essential; border-radius: 0.5rem !essential; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !essential; margin: 1rem 0 !essential; show: flex !essential; flex-direction: column !essential; overflow: hidden !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed { width: 100vw !essential; margin-left: calc(50% – 50vw) !essential; } physique { overflow-x: clip !essential; } #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed .fv-inner-wrapper { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } /* Slideshow Types */ #fv-chart-1779832578932-vqkbqnxc3-slideshow { place: relative !essential; width: 100% !essential; margin: 1rem 0 !essential; –riv-primary: #E33235; } #fv-chart-1779832578932-vqkbqnxc3-slideshow .fv-slides-wrapper { place: relative !essential; width: 100% !essential; } #fv-chart-1779832578932-vqkbqnxc3-slideshow .fv-slide { width: 100% !essential; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } /* High Navigation Row (Redesign) */ #fv-chart-1779832578932-vqkbqnxc3-slideshow .fv-slideshow-nav-row { place: relative !essential; show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; padding: 0 0 16px 0 !essential; width: 100% !essential; z-index: 20 !essential; } #fv-chart-1779832578932-vqkbqnxc3-slideshow .fv-nav-btn { background-color: var(–riv-primary) !essential; colour: #ffffff !essential; border: none !essential; border-radius: 4px !essential; padding: 8px 16px !essential; font-size: 14px !essential; font-weight: 700 !essential; cursor: pointer !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 6px !essential; transition: opacity 0.2s, background-color 0.2s !essential; peak: 36px !essential; text-transform: none !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !essential; } #fv-chart-1779832578932-vqkbqnxc3-slideshow .fv-nav-btn svg { width: 18px !essential; peak: 18px !essential; stroke-width: 3px !essential; filter: none !essential; } #fv-chart-1779832578932-vqkbqnxc3-slideshow .fv-nav-btn:hover { opacity: 0.9 !essential; remodel: translateY(-1px) !essential; } #fv-chart-1779832578932-vqkbqnxc3-slideshow .fv-nav-btn.disabled { background-color: #E5E7EB !essential; colour: #9CA3AF !essential; cursor: default !essential; pointer-events: none !essential; box-shadow: none !essential; } #fv-chart-1779832578932-vqkbqnxc3-slideshow .fv-slide-counter { font-family: ‘Poppins’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; colour: #374151 !essential; text-align: middle !essential; min-width: 40px !essential; background-color: rgba(255,255,255,0.8) !essential; padding: 2px 8px !essential; border-radius: 10px !essential; } /* Slideshow Dropdown Navigation */ #fv-chart-1779832578932-vqkbqnxc3-slideshow .fv-slideshow-select { place: absolute !essential; high: 10px !essential; proper: 10px !essential; z-index: 20 !essential; look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background-color: white !essential; border: 1px strong #d1d5db !essential; colour: #1F2937 !essential; font-family: ‘Open Sans’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; padding: 6px 32px 6px 12px !essential; border-radius: 4px !essential; cursor: pointer !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !essential; background-image: url(“information:picture/svg+xml,%3csvg xmlns=”http://www.w3.org/2000/svg” fill=”none” viewBox=’0 0 20 20’%3epercent3cpath stroke=”%236b7280″ stroke-linecap=’spherical’ stroke-linejoin=’spherical’ stroke-width=”1.5″ d=’M6 8l4 4 4-4’/%3epercent3c/svgpercent3e”) !essential; background-position: proper 0.5rem middle !essential; background-repeat: no-repeat !essential; background-size: 1.5em 1.5em !essential; } #fv-chart-1779832578932-vqkbqnxc3-slideshow .fv-slideshow-select:focus { define: 2px strong #E33235 !essential; border-color: #E33235 !essential; } /* Typography */ #fv-chart-1779832578932-vqkbqnxc3 .fv-chart-title { font-weight: daring !essential; text-align: middle !essential; margin-bottom: 0.5rem !essential; colour: var(–riv-primary) !essential; font-size: 20px !essential; line-height: 1.2 !essential; font-family: ‘Open Sans’, sans-serif !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; padding: 0 20px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-chart-subhead { font-size: 18px !essential; font-weight: 500 !essential; text-align: middle !essential; margin-bottom: 2rem !essential; colour: #374151 !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; text-transform: none !essential; padding: 0 20px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .rv-chart-caption { font-size: 15px !essential; colour: #374151 !essential; text-align: middle !essential; font-style: regular !essential; font-weight: regular !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; } /* Versus Chart */ #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-chart { show: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-header { show: flex; justify-content: space-between; align-items: middle; 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: middle; padding-right: 1rem; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper.fv-right { text-align: middle; padding-left: 1rem; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-container { place: relative; show: inline-block; max-width: 100%; width: 100%; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-chevron { place: absolute; high: 50%; remodel: translateY(-50%); pointer-events: none; width: 16px; peak: 16px; flex-shrink: 0; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper.fv-left .fv-versus-chevron { proper: 0; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper.fv-right .fv-versus-chevron { proper: 0; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select { background: clear; border: none; border-bottom: 2px strong; font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; define: none; look: 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: middle; course: ltr; padding-right: 1.25rem; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select.fv-select-right { text-align: middle; padding-right: 1.25rem; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select possibility { font-family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 14px; colour: #374151; course: ltr; text-align: left; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-vs { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-body { show: flex; flex-direction: column; hole: 1.5rem; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-row { place: relative; peak: auto; padding-top: 20px; margin-bottom: 0.25rem; show: block; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-bar-container { place: relative; peak: 32px; show: flex; align-items: middle; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-bar-left-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-end; align-items: middle; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-bar-right-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-start; align-items: middle; } #fv-chart-1779832578932-vqkbqnxc3 .fv-versus-bar { peak: 32px; width: var(–target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; show: flex; align-items: middle; overflow: hidden; colour: #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 { place: absolute; left: 50%; high: 0; backside: 0; width: 4px; background-color: #ffffff; remodel: 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 { place: absolute; left: 50%; remodel: translateX(-50%); high: 0; background-color: clear; border: none; box-shadow: none; padding: 0; font-family: ‘Open Sans’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; white-space: nowrap; } #fv-chart-1779832578932-vqkbqnxc3 .sr-only { place: absolute !essential; width: 1px !essential; peak: 1px !essential; padding: 0 !essential; margin: -1px !essential; overflow: hidden !essential; clip: rect(0,0,0,0) !essential; white-space: nowrap !essential; border: 0 !essential; } /* Picture Comparability Types */ #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-container { width: auto !essential; margin-left: -1.5rem !essential; margin-right: -1.5rem !essential; margin-bottom: 2rem !essential; } #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed .fv-image-compare-container { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper { place: relative !essential; width: 100% !essential; overflow: hidden !essential; border-radius: 0 !essential; background-color: #000 !essential; touch-action: pan-y !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-inner { place: relative !essential; width: 100% !essential; peak: 100% !essential; show: block !essential; transform-origin: middle middle !essential; transition: remodel 0.1s ease-out !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-bg { show: block !essential; width: 100% !essential; peak: auto !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-fg { place: absolute !essential; high: 0 !essential; left: 0 !essential; width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-slider { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 32px !essential; remodel: translateX(-50%) !essential; cursor: ew-resize !essential; z-index: 10 !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-slider-line { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 4px !essential; background-color: white !essential; remodel: translateX(-50%) !essential; box-shadow: 0 0 10px rgba(0,0,0,0.5) !essential; pointer-events: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-handle { place: absolute !essential; high: 50% !essential; left: 50% !essential; remodel: translate(-50%, -50%) !essential; width: 32px !essential; peak: 32px !essential; background-color: white !essential; border-radius: 50% !essential; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 4px !essential; pointer-events: none !essential; z-index: 11 !essential; overflow: hidden !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-arrow-left { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-right: 4px strong #4b5563 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-arrow-right { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-left: 4px strong #4b5563 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-label { place: absolute !essential; high: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; padding: 0.25rem 0.75rem !essential; border-radius: 0.25rem !essential; font-size: 0.875rem !essential; font-weight: 500 !essential; pointer-events: none !essential; backdrop-filter: blur(4px) !essential; z-index: 5 !essential; transition: proper 0.3s ease, opacity 0.2s ease !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-label-left { left: 1rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-label-right { proper: 1rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-expand-btn, #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-close-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; border: none !essential; border-radius: 0.25rem !essential; padding: 0.5rem !essential; cursor: pointer !essential; z-index: 20 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; backdrop-filter: blur(4px) !essential; transition: background-color 0.2s !essential; } #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) !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-close-btn { show: none !essential; high: 1rem !essential; backside: auto !essential; } /* Fullscreen State */ #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper.fv-image-compare-fullscreen { place: fastened !essential; high: 0 !essential; left: 0 !essential; proper: 0 !essential; backside: 0 !essential; width: 100% !essential; peak: 100% !essential; z-index: 999999 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: rgba(0, 0, 0, 0.9) !essential; margin: 0 !essential; touch-action: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !essential; peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; cursor: seize !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:energetic { cursor: grabbing !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { place: absolute !essential; high: 0 !essential; left: 0 !essential; max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { show: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { show: flex !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { proper: 4rem !essential; } /* Footer */ #fv-chart-1779832578932-vqkbqnxc3 .fv-bottom-bar { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; margin-top: 0.5rem !essential; hole: 1rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-footer-content { text-align: middle !essential; width: 100% !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-logo { show: block !essential; margin: 0 auto !essential; width: 120px !essential; min-width: 120px !essential; max-width: 120px !essential; peak: auto !essential; object-fit: comprise !essential; flex-shrink: 0 !essential; } /* Show Mode Controls */ #fv-chart-1779832578932-vqkbqnxc3 .fv-dropdown-wrapper { text-align: middle !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-dropdown-title-container { place: relative !essential; show: inline-block !essential; max-width: 100% !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-dropdown-title { look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background: clear !essential; border: none !essential; font-size: 18px !essential; font-weight: 600 !essential; colour: var(–riv-primary) !essential; padding-right: 28px !essential; padding-left: 10px !essential; cursor: pointer !essential; text-align: middle !essential; text-align-last: middle !essential; width: auto !essential; max-width: 100% !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; margin: 0 !essential; text-overflow: ellipsis !essential; overflow: hidden !essential; white-space: nowrap !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-dropdown-title:focus { define: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-dropdown-title::-ms-expand { show: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-dropdown-chevron { place: absolute !essential; proper: 0 !essential; high: 50% !essential; remodel: translateY(-50%) !essential; pointer-events: none !essential; colour: var(–riv-primary) !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-carousel-title-controls { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; margin-bottom: 16px !essential; width: 100% !essential; hole: 12px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-carousel-nav-btn { background: clear !essential; border: 1px strong #d1d5db !essential; border-radius: 6px !essential; padding: 6px 10px !essential; cursor: pointer !essential; font-size: 14px !essential; colour: #374151 !essential; show: flex !essential; align-items: middle !essential; hole: 4px !essential; font-family: ‘Open Sans’, sans-serif !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-carousel-nav-btn:hover { border-color: #9ca3af !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-carousel-counter { font-size: 14px !essential; colour: #374151 !essential; text-align: middle !essential; margin-top: 1rem !essential; } /* Legend */ #fv-chart-1779832578932-vqkbqnxc3 .fv-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 8px 16px !essential; margin: 0 !essential; padding: 0 !essential; margin-top: 1rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-legend-item { show: flex !essential; align-items: middle !essential; hole: 6px !essential; font-size: 14px !essential; colour: #374151 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-legend-color { width: 12px !essential; peak: 12px !essential; border-radius: 3px !essential; } /* Multi-Worth Legend */ #fv-chart-1779832578932-vqkbqnxc3 .fv-multi-value-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 12px 24px !essential; margin-bottom: 1.5rem !essential; padding: 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-multi-legend-item { show: flex !essential; align-items: middle !essential; hole: 8px !essential; font-size: 14px !essential; colour: #374151 !essential; font-weight: 500 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-multi-legend-swatch { width: 16px !essential; peak: 16px !essential; border-radius: 3px !essential; } /* Chart Core Types */ #fv-chart-1779832578932-vqkbqnxc3 .fv-benchmark-group { margin-bottom: 1rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-benchmark-title { font-size: 18px !essential; font-weight: 600 !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; padding: 0 !essential; text-align: middle !essential; colour: var(–riv-primary) !essential; flex: 1 !essential; min-width: 0 !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; word-wrap: break-word !essential; max-width: 100% !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-row, #fv-chart-1779832578932-vqkbqnxc3 .fv-stacked-product { show: flex !essential; align-items: middle !essential; width: 100% !essential; margin-bottom: 0.75rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-label { width: 150px !essential; flex-shrink: 0 !essential; font-size: 14px !essential; colour: #374151 !essential; padding-right: 10px !essential; text-align: proper !essential; font-weight: 500 !essential; show: block !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-container { flex-grow: 1 !essential; background-color: #E5E7EB !essential; border-radius: 4px !essential; min-height: 25px !essential; border: 1px strong #D1D5DB !essential; place: relative !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar { peak: 100% !essential; border-radius: 3px !essential; show: flex !essential; align-items: middle !essential; transition: opacity 0.2s ease, width 0.8s ease-out !essential; min-height: 23px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar:hover { opacity: 0.8 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-inner-content { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; width: 100% !essential; peak: 100% !essential; padding: 0 8px !essential; font-size: 14px !essential; font-weight: daring !essential; overflow: hidden !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-inner-label { white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; padding-right: 8px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-inner-value { flex-shrink: 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-value-outside { padding-left: 8px !essential; font-size: 14px !essential; font-weight: daring !essential; colour: #374151 !essential; white-space: nowrap !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-label.fv-primary-product { font-weight: daring !essential; colour: var(–riv-primary) !essential; } /* Multi-Worth Bar Logic */ #fv-chart-1779832578932-vqkbqnxc3 .fv-multi-bar-container { flex-direction: column !essential; padding: 4px !essential; align-items: stretch !essential; hole: 4px !essential; peak: auto !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-multi-bar-item { show: flex !essential; align-items: middle !essential; peak: 25px !essential; width: 100% !essential; } /* Stacked Bar */ #fv-chart-1779832578932-vqkbqnxc3 .fv-stacked-bar { show: flex !essential; overflow: hidden !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stacked-segment { peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: flex-end !essential; padding-right: 8px !essential; border-right: 1px strong rgba(255,255,255,0.3) !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stacked-segment:last-child { border-right: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-segment-value { font-size: 14px !essential; font-weight: daring !essential; } /* Grouped Bar */ #fv-chart-1779832578932-vqkbqnxc3 .fv-grouped-bar-product { show: flex !essential; flex-direction: column !essential; width: 100% !essential; margin-bottom: 1.25rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-grouped-product-title-wrapper { padding-left: 150px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.5rem !essential; font-weight: 700 !essential; font-size: 14px !essential; colour: #374151 !essential; text-transform: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-cluster { width: 100% !essential; flex-grow: 1 !essential; show: flex !essential; flex-direction: column !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-cluster .fv-bar-container { peak: 20px !essential; } /* Line Chart Grid */ #fv-chart-1779832578932-vqkbqnxc3 .riv-grid line { stroke: #D1D5DB !essential; stroke-dasharray: 3 3 !essential; } /* X-Axis */ #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-wrapper { show: flex !essential; width: 100% !essential; margin-top: 0.5rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-label-space { width: 150px !essential; padding-right: 10px !essential; flex-shrink: 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-chart-space { flex-grow: 1 !essential; padding-right: 8px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-line { border-top: 1px strong #D1D5DB !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-ticks { show: flex !essential; justify-content: space-between !essential; padding-top: 4px !essential; font-size: 13px !essential; colour: #374151 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-ticks span { place: relative !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-ticks span::earlier than { content material: ” !essential; place: absolute !essential; high: -6px !essential; left: 50% !essential; remodel: translateX(-50%) !essential; width: 2px !essential; peak: 4px !essential; background-color: #D1D5DB !essential; border-radius: 1px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-unit { text-align: middle !essential; font-size: 14px !essential; colour: #374151 !essential; margin-top: 8px !essential; show: block !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-title { text-align: middle !essential; font-size: 15px !essential; colour: #374151 !essential; margin-top: 8px !essential; margin-bottom: 16px !essential; line-height: 1.5 !essential; padding: 0 1rem !essential; show: block !essential; font-weight: daring !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-y-axis-title { font-size: 15px !essential; colour: #374151 !essential; line-height: 1.5 !essential; text-align: left !essential; padding-left: 5.83% !essential; /* Aligns with Y-axis line inside SVG (35/600) */ margin-bottom: 4px !essential; show: block !essential; font-weight: daring !essential; } /* Store The Look */ #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; transition: min-height 0.3s ease !essential; overflow: hidden !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed .fv-stl-container { width: 100% !essential; } #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed .fv-stl-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-hotspot-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-hotspot-btn { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !essential; transition-property: all !essential; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !essential; transition-duration: 300ms !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-hotspot-btn:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-hotspot-btn:focus { define: 2px strong clear !essential; outline-offset: 2px !essential; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-hotspot-btn[aria-expanded=”true”] { background-color: #3b82f6 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-hotspot-pulse { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-stl-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-hotspot-pulse { animation-fill-mode: none !essential; } } /* Store the look button */ #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; peak: 2.5rem !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; colour: #111827 !essential; padding: 0 1rem 0 3rem !essential; border-radius: 0.25rem !essential; font-weight: 700 !essential; font-size: 0.875rem !essential; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !essential; border: none !essential; cursor: pointer !essential; transition: all 0.2s !essential; z-index: 10 !essential; show: flex !essential; align-items: middle !essential; text-transform: uppercase !essential; overflow: hidden !essential; white-space: nowrap !essential; max-width: calc(100% – 2rem) !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-btn span { overflow: hidden !essential; text-overflow: ellipsis !essential; white-space: nowrap !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-btn:hover { background-color: #ffffff !essential; remodel: scale(1.05) !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-logo { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; object-fit: cowl !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; flex-shrink: 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-icon { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; colour: #1f2937 !essential; flex-shrink: 0 !essential; } /* All Merchandise Modal */ #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 { place: fastened !essential; inset: 0 !essential; background-color: rgba(0, 0, 0, 0) !essential; backdrop-filter: blur(0px) !essential; -webkit-backdrop-filter: blur(0px) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; z-index: 99999 !essential; pointer-events: none !essential; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !essential; padding: 1rem !essential; overflow: hidden !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 { place: absolute !essential; padding: 0 !essential; align-items: flex-end !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3.is-active { background-color: rgba(0, 0, 0, 0.2) !essential; backdrop-filter: blur(4px) !essential; -webkit-backdrop-filter: blur(4px) !essential; pointer-events: auto !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-content { width: 100% !essential; max-width: 42rem !essential; max-height: 100% !essential; show: flex !essential; flex-direction: column !essential; place: relative !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; border-radius: 1rem !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; overflow: hidden !essential; transition: remodel 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !essential; opacity: 0 !essential; remodel: scale(0.95) !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3.is-active .fv-stl-all-products-content { opacity: 1 !essential; remodel: scale(1) !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; } /* V2 Backside Sheet Fashion */ #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3.v2 { align-items: flex-end !essential; padding: 0 !essential; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3.v2:not(.mobile-view *) { justify-content: flex-end !essential; } } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3.v2 .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } @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 !essential; border-radius: 1.5rem 0 0 0 !essential; } } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3.v2.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-header { show: flex !essential; align-items: middle !essential; justify-content: space-between !essential; padding: 1.5rem !essential; border-bottom: 1px strong #e5e7eb !essential; flex-shrink: 0 !essential; place: sticky !essential; high: 0 !essential; background-color: rgba(255, 255, 255, 0.8) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; z-index: 10 !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-header { padding: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-logo { peak: 1.5rem !essential; width: auto !essential; object-fit: comprise !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-logo { peak: 1.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-title { font-size: 1.25rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-title { font-size: 1.125rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-close { width: 2rem !essential; peak: 2rem !essential; border-radius: 9999px !essential; background-color: rgba(0, 0, 0, 0.05) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; border: none !essential; cursor: pointer !essential; z-index: 10 !essential; colour: #6b7280 !essential; transition: all 0.2s !essential; padding: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-list { list-style: none !essential; padding: 1.5rem !essential; margin: 0 !essential; overflow-y: auto !essential; flex: 1 !essential; show: flex !essential; flex-direction: column !essential; hole: 0.75rem !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-list { padding: 0.75rem !essential; hole: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-item { margin: 0 !essential; padding: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-link { show: flex !essential; align-items: flex-start !essential; padding: 0.75rem !essential; text-decoration: none !essential; colour: inherit !essential; transition: all 0.2s !essential; border-radius: 1rem !essential; border: 1px strong clear !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-link { padding: 0.5rem !essential; border-radius: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-link:hover { background-color: #ffffff !essential; border-color: #e5e7eb !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !essential; border-color: #d1d5db !essential; 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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-image-container { place: relative !essential; margin-right: 1.25rem !essential; flex-shrink: 0 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-number { place: absolute !essential; high: -0.5rem !essential; left: -0.5rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; background-color: #0f172a !essential; colour: #ffffff !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; 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 !essential; z-index: 10 !essential; font-family: sans-serif !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-number { high: -0.375rem !essential; left: -0.375rem !essential; width: 1.25rem !essential; peak: 1.25rem !essential; font-size: 0.625rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-image-wrapper { width: 6rem !essential; peak: 6rem !essential; border-radius: 0.75rem !essential; overflow: hidden !essential; background-color: #f9fafb !essential; border: 1px strong #f3f4f6 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-image-wrapper { width: 4rem !essential; peak: 4rem !essential; border-radius: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-image { width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-placeholder { width: 2rem !essential; peak: 2rem !essential; colour: #d1d5db !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-placeholder { width: 1.5rem !essential; peak: 1.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-info { flex: 1 !essential; min-width: 0 !essential; show: flex !essential; flex-direction: column !essential; justify-content: middle !essential; margin-top: 0.25rem !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-info { margin-top: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-brand { font-size: 0.625rem !essential; font-weight: 700 !essential; colour: #6b7280 !essential; text-transform: uppercase !essential; letter-spacing: 0.1em !essential; margin: 0 0 0.375rem 0 !essential; white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-brand { font-size: 0.5625rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-name { font-size: 1rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 0 0.375rem 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.25 !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-name { font-size: 0.875rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-meta { show: flex !essential; align-items: middle !essential; font-size: 0.875rem !essential; margin-bottom: 0.375rem !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-meta { font-size: 0.75rem !essential; margin-bottom: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-price { font-weight: 700 !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-sale-price { font-weight: 700 !essential; colour: #dc2626 !essential; margin-right: 0.5rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-original-price { colour: #9ca3af !essential; text-decoration: line-through !essential; font-size: 0.75rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-commentary { font-size: 0.875rem !essential; colour: #4b5563 !essential; margin: 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.375 !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-commentary { font-size: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-action { width: 2.5rem !essential; peak: 2.5rem !essential; border-radius: 9999px !essential; background-color: #f9fafb !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; margin-left: 1rem !essential; flex-shrink: 0 !essential; border: 1px strong #f3f4f6 !essential; transition: all 0.2s !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-action { width: 2rem !essential; peak: 2rem !essential; margin-left: 0.75rem !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-action svg { width: 14px !essential; peak: 14px !essential; } #fv-stl-all-products-modal-fv-chart-1779832578932-vqkbqnxc3 .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !essential; colour: #ffffff !essential; border-color: #111827 !essential; } /* Picture Annotation Types */ #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; overflow: hidden !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed .fv-ia-container { width: 100% !essential; } #fv-chart-1779832578932-vqkbqnxc3.fv-full-bleed .fv-ia-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-button { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-button:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-button.is-active { background-color: #E33235 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-pulse-ring { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-ia-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-static-tooltip { show: none !essential; place: absolute !essential; high: -10px !essential; left: 50% !essential; remodel: translate(-50%, -100%) !essential; background-color: rgba(255, 255, 255, 0.95) !essential; padding: 10px !essential; border-radius: 6px !essential; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !essential; width: max-content !essential; max-width: 200px !essential; font-size: 13px !essential; colour: #1f2937 !essential; z-index: 20 !essential; pointer-events: none !essential; white-space: pre-wrap !essential; line-height: 1.4 !essential; border: 1px strong #e5e7eb !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-button:hover + .fv-ia-static-tooltip { show: block !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-logo-explore-bar { place: relative !essential; width: 100% !essential; show: flex !essential; justify-content: middle !essential; align-items: middle !essential; min-height: 30px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-logo-explore-bar .fv-logo { margin: 0 auto !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-explore-wrapper { place: absolute !essential; proper: 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-logo-explore-bar { flex-direction: column !essential; min-height: auto !essential; hole: 0.75rem !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-ia-explore-wrapper { place: static !essential; align-self: flex-end !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !essential; colour: #1e293b !essential; border: 1px strong #e5e7eb !essential; border-radius: 9999px !essential; padding: 0.5rem 1.25rem !essential; font-size: 0.875rem !essential; font-weight: 600 !essential; font-family: sans-serif !essential; show: inline-flex !essential; align-items: middle !essential; hole: 0.5rem !essential; cursor: pointer !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 0.2s !essential; pointer-events: auto !essential; flex-shrink: 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-explore-btn:hover { background-color: #ffffff !essential; remodel: translateY(-2px) !essential; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !essential; colour: #E33235 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-explore-btn svg { transition: remodel 0.2s !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-explore-btn:hover svg { remodel: translateX(2px) !essential; } /* IA Modal Types */ #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-active-modal-container { show: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-modals { show: block !essential; place: static !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-modal-item { show: none !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-modal-item.is-active { show: flex !essential; flex-direction: column !essential; place: absolute !essential; high: 1rem !essential; proper: 1rem !essential; z-index: 20 !essential; width: 18rem !essential; max-width: calc(100% – 2rem) !essential; background-color: #ffffff !essential; padding: 1rem !essential; border-radius: 0.75rem !essential; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !essential; border: 1px strong #e5e7eb !essential; border-top: 4px strong #E33235 !essential; animation: fv-ia-fade-in 0.2s ease-out !essential; hole: 0.75rem !essential; max-height: 80% !essential; overflow-y: auto !essential; pointer-events: auto !essential; } @keyframes fv-ia-fade-in { from { opacity: 0; remodel: scale(0.95); } to { opacity: 1; remodel: scale(1); } } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-modal-header { show: flex !essential; justify-content: space-between !essential; align-items: flex-start !essential; margin: 0 !essential; hole: 0.5rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-title { font-size: 1rem !essential; line-height: 1.25 !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-close-button { background: #f9fafb !essential; border: 1px strong #e5e7eb !essential; border-radius: 50% !essential; width: 2rem !essential; peak: 2rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; cursor: pointer !essential; padding: 0 !essential; flex-shrink: 0 !essential; transition: all 0.2s !essential; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-close-button:hover { background: #e5e7eb !essential; colour: #111827 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-node-description { font-size: 0.875rem !essential; colour: #374151 !essential; margin: 0 !essential; line-height: 1.625 !essential; white-space: pre-wrap !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-ia-node-description { font-size: 0.875rem !essential; } /* Error Dealing with */ #fv-chart-1779832578932-vqkbqnxc3 .fv-ia-empty { show: flex !essential; align-items: middle !essential; justify-content: middle !essential; peak: 200px !essential; background-color: #f1f5f9 !essential; colour: #64748b !essential; border: 2px dashed #cbd5e1 !essential; border-radius: 0.5rem !essential; } /* Countdown Types */ #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-container { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; justify-content: middle !essential; padding: 1rem !essential; place: relative !essential; width: 100% !essential; box-sizing: border-box !essential; font-family: Montserrat, sans-serif !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-header { text-align: middle !essential; margin-bottom: 2rem !essential; z-index: 10 !essential; width: 100% !essential; show: flex !essential; flex-direction: column !essential; align-items: middle !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-title { font-size: 1.25rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0 !essential; font-style: italic !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-subhead { font-size: 1.125rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0.25rem 0 0 0 !essential; font-style: italic !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-timer-wrap { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; width: 100% !essential; max-width: 64rem !essential; z-index: 10 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-labels { show: flex !essential; justify-content: middle !essential; width: 100% !essential; margin-bottom: 0.5rem !essential; padding: 0 0.5rem !essential; font-size: 0.75rem !essential; font-weight: daring !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-labels > div { flex: 1 !essential; text-align: middle !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-box { place: relative !essential; width: 100% !essential; border-top: 6px strong #333 !essential; border-bottom: 8px strong #333 !essential; padding: 1rem 0 !essential; background: linear-gradient(to backside, #1f2937, #000000) !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits { show: flex !essential; justify-content: middle !essential; font-size: 1.75rem !essential; font-weight: 900 !essential; letter-spacing: 0em !essential; font-family: monospace !essential; colour: #fff !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits > div.digit-box { flex: 1 !essential; text-align: middle !essential; white-space: nowrap !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits > div.colon { flex: 0 0 auto !essential; opacity: 0.5 !essential; place: relative !essential; high: -2px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-spike-l { place: absolute !essential; left: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-right: 15px strong #374151 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-spike-r { place: absolute !essential; proper: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-left: 15px strong #374151 !essential; } @media (min-width: 600px) { #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-container { padding: 2rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-title { font-size: 1.75rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-subhead { font-size: 1.25rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits { font-size: 2.25rem !essential; letter-spacing: 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-labels { font-size: 0.875rem !essential; padding: 0 1rem !essential; margin-bottom: 1rem !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-box { padding: 1.5rem 0 !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits > div.colon { high: -4px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-spike-l { left: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-right-width: 20px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-spike-r { proper: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-left-width: 20px !essential; } } @media (min-width: 768px) { #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits { font-size: 3.5rem !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-countdown-digits > div.colon { high: -5px !essential; } } /* Cell / Pressured Cell View / Labels on High */ #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-pie-container, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#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 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-x-axis-label-space, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-x-axis-label-space { show: none !essential; }#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 !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-benchmark-title, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-dropdown-title, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-chart-title, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-chart-subhead, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-header, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#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: middle !essential; padding-right: 0 !essential; }#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: middle !essential; padding-left: 0 !essential; }#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: middle !essential; }#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: middle !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-vs, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-select-container, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-versus-select, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832578932-vqkbqnxc3.labels-on-top .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#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 !essential; peak: 2rem !essential; }#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 !essential; peak: 14px !essential; } #fv-chart-1779832578932-vqkbqnxc3.mobile-view .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832578932-vqkbqnxc3.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } @media (max-width: 599px) { #fv-chart-1779832578932-vqkbqnxc3 .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-grouped-product-title-wrapper { padding-left: 0 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-bar-label, #fv-chart-1779832578932-vqkbqnxc3 .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-bar-container, #fv-chart-1779832578932-vqkbqnxc3 .fv-bar-cluster { width: 100% !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-label-space { show: none !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-x-axis-chart-space { padding-right: 0 !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper.fv-left { text-align: middle !essential; padding-right: 0 !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-wrapper.fv-right { text-align: middle !essential; padding-left: 0 !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select.fv-select-left { text-align: middle !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select.fv-select-right { text-align: middle !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-logo, #fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-icon { width: 2rem !essential; peak: 2rem !essential; }#fv-chart-1779832578932-vqkbqnxc3 .fv-stl-shop-all-icon svg { width: 14px !essential; peak: 14px !essential; } #fv-chart-1779832578932-vqkbqnxc3 .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832578932-vqkbqnxc3.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } } { “@context”: “https://schema.org”, “@sort”: “Dataset”, “identify”: “The worth prop may evaporate shortly”, “description”: “Subhead to explain the check and what’s being measured and why”, “creator”: { “@sort”: “Group”, “identify”: “PC Gamer”, “emblem”: “https://cdn.mos.cms.futurecdn.web/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:56:18.932Z”, “quotation”: “Add your caption to elucidate the information, the learnings and the important thing takeaways of the information being visualized”, “key phrases”: [ “RX 9070 GRE (Acer Nitro)”, “Value”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Efficiency Benchmarking”, “variableMeasured”: [ { “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Value”, “value”: 3, “unitText”: “”, “maxValue”: 5 } ]} The worth prop may evaporate shortly Worth 3 Group 1 Information ProductValue () RX 9070 GRE (Acer Nitro)3 window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (perform() { /* World animation perform for slideshow re-use */ window.fvAnimateCharts = perform(chartWrapper) { if (!chartWrapper) return; perform animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(perform(bar, index) { /* Reset to 0 first to make sure animation triggers */ bar.type.setProperty(‘width’, ‘0%’, ‘essential’); bar.type.setProperty(‘transition’, ‘none’, ‘essential’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Drive reflow */ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, baseMargin + ‘%’, ‘essential’); } setTimeout(perform() { var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.type.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘essential’); bar.type.setProperty(‘width’, targetWidth + ‘%’, ‘essential’); if (targetMargin !== undefined && baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, targetMargin + ‘%’, ‘essential’); } }, index * 50 + 50); /* Diminished preliminary delay */ }); } perform animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(perform(p, i) { if (typeof p.getTotalLength === ‘perform’) { var len = p.getTotalLength(); p.type.transition = ‘none’; p.type.strokeDasharray = len; p.type.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(perform() { p.type.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.type.strokeDashoffset=”0″; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(perform(dot, i) { dot.type.opacity = ‘0’; setTimeout(perform() { dot.type.transition = ‘opacity 0.3s ease’; dot.type.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(perform(chart) { /* If in carousel/dropdown mode, hidden charts are show:none. */ /* We solely animate what’s seen. */ if (window.getComputedStyle(chart).show === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; perform initialize(uniqueId, isSlideshow) { var root = doc.getElementById(uniqueId); /* In slideshow mode, ‘root’ might be null as a result of the container has ‘-slideshow’ suffix. */ /* We deal with that logic under. */ if (!root && !isSlideshow) return; /* Setup inside interactions (Carousel/Dropdown/LineChart) for a particular chart wrapper */ perform setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive cellular view dealing with */ perform checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.display && Math.min(window.display.width, window.display.peak) <= 599; var isMobile; if (width === 0) else { /* Cell if container is small OR if it's a bodily cellular gadget (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner=”left”; if (rightNum > 0) { var diff = Math.spherical(((leftNum – rightNum) / rightNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner=”proper”; if (leftNum > 0) { var diff = Math.spherical(((rightNum – leftNum) / leftNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } } var leftDisplay = information.productData[leftProduct] && information.productData[leftProduct].displayValue !== undefined ? information.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = information.productData[rightProduct] && information.productData[rightProduct].displayValue !== undefined ? information.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (information.productData[leftProduct] && information.productData[leftProduct].unit) || (information.productData[rightProduct] && information.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(perform(el) { el.take away(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘proper’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.type.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.type.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.type.width = leftWidth + ‘%’; } if (rightBar) { rightBar.type.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.type.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.type.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = information.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.subsequent’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Textual content Parts */ 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.size > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.choices).map(perform(o) { return o.textual content; }); } else { charts.forEach(perform(c) ); } perform showInternalChart(index) { if (index = charts.size) index = 0; currentChartIndex = index; charts.forEach(perform(c, i) { c.type.show = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if wanted */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Replace labels-on-top based mostly on present chart sort */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.take away(‘labels-on-top’); } } }); if (dropdown) dropdown.worth = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.size; /* Replace Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); var currentChartType = activeChart.getAttribute(‘data-chart-type’); var hideGlobalCaption = currentChartType === ‘Countdown’ || currentChartType === ‘Picture Comparability’ || currentChartType === ‘Store the Assortment’; if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().size > 0 && !hideGlobalCaption) { footerContentEl.type.show = ‘block’; if (bottomBarEl) bottomBarEl.type.show = ‘flex’; } else { footerContentEl.type.show = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.type.show = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, perform(e) { showInternalChart(parseInt(e.goal.worth)); }); if (prevBtn) prevBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex + 1); }); } /* Picture Comparability Logic */ var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(perform(wrapper) { var internal = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; /* Zoom state */ var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; perform updateTransform() { if (wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { internal.type.setProperty(‘remodel’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘essential’); } else { internal.type.removeProperty(‘remodel’); scale = 1; panX = 0; panY = 0; } } perform constrainPan() { var rect = wrapper.getBoundingClientRect(); /* Max pan is determined by how a lot the picture is scaled past the wrapper */ var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.peak * scale – rect.peak) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, perform() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; hasPanned = true; /* Stop click on after pinch */ } else if (e.touches.size === 1 && scale > 1) }, { passive: false }); wrapper.addEventListener(‘touchmove’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.size === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, perform(e) { if (e.touches.size < 2) { initialDistance = null; } if (e.touches.size === 0) { isPanning = false; } }); perform handleMove(clientX) { var rect = internal.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var % = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.type.setProperty('left', % + '%', 'essential'); if (fgImage) fgImage.type.setProperty('clip-path', 'polygon(0 0, ' + % + '% 0, ' + % + '% 100%, 0 100%)', 'essential'); if (labelLeft) { if (% 90) { labelRight.type.setProperty(‘opacity’, ‘0’, ‘essential’); } else { labelRight.type.setProperty(‘opacity’, ‘1’, ‘essential’); } } } perform onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } perform onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } perform stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, perform(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, perform(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } /* Develop/Shut Logic */ var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.mother or father) { expandBtn.type.show = ‘none’; } else { expandBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ‘hidden’; /* Load high-res pictures if out there */ if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); }); } /* Shut on Escape */ doc.addEventListener(‘keydown’, perform(e) { if (e.key === ‘Escape’ && wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); } }); }); /* Store 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’); perform closeAllModals() { if (allProductsModal) { allProductsModal.classList.take away(‘is-active’); /* Take away highlights */ var objects = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); objects.forEach(perform(merchandise) { merchandise.classList.take away(‘is-highlighted’); }); /* Take away min-height after transition */ if (stlContainer) { setTimeout(perform() { if (!allProductsModal.classList.accommodates(‘is-active’)) { stlContainer.type.minHeight=””; if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } }, 300); } } hotspots.forEach(perform(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } hotspots.forEach(perform(btn) { btn.addEventListener(‘click on’, perform(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’); /* Guarantee container is tall sufficient */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.type.minHeight = '450px'; } /* Spotlight and scroll to merchandise */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(perform() { targetItem.scrollIntoView({ habits: 'easy', block: 'middle' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.measurement(); } } }); }); /* Store All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click on', perform(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Guarantee container is tall sufficient */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.size) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if(targetBtn.classList.accommodates(‘is-active’)) { targetBtn.click on(); } targetBtn.click on(); } } }); } if (iaWrapper) { iaWrapper.addEventListener(‘click on’, perform(e) { if (!e.goal.closest(‘.fv-ia-node-button’) && !e.goal.closest(‘.fv-ia-explore-btn’)) { closeAllIANodes(); resetExploreBtn(); } }); } /* Preliminary Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute(‘data-primary-color’) || ‘#f97316’; var subheadColor = countdownContainer.getAttribute(‘data-subhead-color’) || ‘#ffffff’; var pad = perform(n) { return (n 0) { d = Math.flooring(distinction / (1000 * 60 * 60 * 24)); h = Math.flooring((distinction / (1000 * 60 * 60)) % 24); m = Math.flooring((distinction / 1000 / 60) % 60); s = Math.flooring((distinction / 1000) % 60); } var daysEl = countdownContainer.querySelector(‘[data-time=”days”]’); var hoursEl = countdownContainer.querySelector(‘[data-time=”hours”]’); var minsEl = countdownContainer.querySelector(‘[data-time=”minutes”]’); var secsEl = countdownContainer.querySelector(‘[data-time=”seconds”]’); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = doc.getElementById(uniqueId + ‘-slideshow’); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); slides.forEach(perform(slide) { setupWrapper(slide.querySelector(‘.fv-chart-wrapper’)); }); } } else { setupWrapper(root); } } if (doc.readyState === ‘loading’) { doc.addEventListener(‘DOMContentLoaded’, perform() { initialize(‘fv-chart-1779832578932-vqkbqnxc3’, false); }); } else { initialize(‘fv-chart-1779832578932-vqkbqnxc3’, false); } })(); AMD Radeon RX 9070 GRE software program(Picture credit score: Future)Acer has its personal Clever Area software you should use together with your Nitro card that may provide up some AI instruments you should use together with your {hardware} and doubtlessly counsel efficiency tweaks, but when I am sincere I actually would not hassle. AMD’s personal Adrenalin software program is nice sufficient to do all of the GPU tweaking you can need.And hey, in order for you some AI shenanigans you too can obtain a 34 GB AMD AI Bundle alongside together with your drivers. If you wish to do some native AI issues, you are getting instruments akin to ComfyUI, Ollama, and LM Studio. They’re good methods to get essentially the most out of your native {hardware} in an AI sense if you wish to get away from the token drains of cloud AI.However let’s return to Adrenalin, as a result of AMD’s driver software program is approach higher than the outdated days, although will not be with out its quirks. I nonetheless get pissed off by the actual fact the Adrenalin software program’s shortcuts generally tend to tread throughout current app’s personal shortcuts, akin to Photoshop and Google Docs, and that the UI is not essentially the most intuitive to navigate. Nevertheless it’s nonetheless useful, and in the case of tweaking your GPU I have been very happy to do all of my undervolting with the RX 9070 GRE through Adrenalin alone.You are additionally getting a great information overlay within the Adrenalin software program, which you’ll be able to allow through these troubling shortcuts or contained in the software program itself. That lets you see precisely what is going on on together with your CPU and GPU that can assist you troubleshoot any points you’re feeling you may be having together with your system. @import url(‘https://fonts.googleapis.com/css2?household=Open+Sans:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Poppins:wght@400;700&show=swap’); @import url(‘https://fonts.googleapis.com/css2?household=Montserrat:ital,wght@0,400;0,900;1,900&show=swap’); /* Reset & Base */ #fv-chart-1779832621246-gpy1nppxa *, #fv-chart-1779832621246-gpy1nppxa *:earlier than, #fv-chart-1779832621246-gpy1nppxa *:after, #fv-chart-1779832621246-gpy1nppxa-slideshow *, #fv-chart-1779832621246-gpy1nppxa-slideshow *:earlier than, #fv-chart-1779832621246-gpy1nppxa-slideshow *:after { box-sizing: border-box !essential; 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 !essential; } /* Important Wrappers */ #fv-chart-1779832621246-gpy1nppxa { place: relative !essential; overflow: seen !essential; –riv-primary: #E33235; } #fv-chart-1779832621246-gpy1nppxa .fv-inner-wrapper { colour: #1F2937 !essential; background-color: #ededed !essential; padding: 1.5rem 1.5rem 2rem !essential; border-radius: 0.5rem !essential; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !essential; margin: 1rem 0 !essential; show: flex !essential; flex-direction: column !essential; overflow: hidden !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !essential; } #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed { width: 100vw !essential; margin-left: calc(50% – 50vw) !essential; } physique { overflow-x: clip !essential; } #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed .fv-inner-wrapper { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !essential; border-radius: 0 !essential; box-shadow: none !essential; margin: 0 !essential; background-color: clear !essential; } /* Slideshow Types */ #fv-chart-1779832621246-gpy1nppxa-slideshow { place: relative !essential; width: 100% !essential; margin: 1rem 0 !essential; –riv-primary: #E33235; } #fv-chart-1779832621246-gpy1nppxa-slideshow .fv-slides-wrapper { place: relative !essential; width: 100% !essential; } #fv-chart-1779832621246-gpy1nppxa-slideshow .fv-slide { width: 100% !essential; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } /* High Navigation Row (Redesign) */ #fv-chart-1779832621246-gpy1nppxa-slideshow .fv-slideshow-nav-row { place: relative !essential; show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; padding: 0 0 16px 0 !essential; width: 100% !essential; z-index: 20 !essential; } #fv-chart-1779832621246-gpy1nppxa-slideshow .fv-nav-btn { background-color: var(–riv-primary) !essential; colour: #ffffff !essential; border: none !essential; border-radius: 4px !essential; padding: 8px 16px !essential; font-size: 14px !essential; font-weight: 700 !essential; cursor: pointer !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 6px !essential; transition: opacity 0.2s, background-color 0.2s !essential; peak: 36px !essential; text-transform: none !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !essential; } #fv-chart-1779832621246-gpy1nppxa-slideshow .fv-nav-btn svg { width: 18px !essential; peak: 18px !essential; stroke-width: 3px !essential; filter: none !essential; } #fv-chart-1779832621246-gpy1nppxa-slideshow .fv-nav-btn:hover { opacity: 0.9 !essential; remodel: translateY(-1px) !essential; } #fv-chart-1779832621246-gpy1nppxa-slideshow .fv-nav-btn.disabled { background-color: #E5E7EB !essential; colour: #9CA3AF !essential; cursor: default !essential; pointer-events: none !essential; box-shadow: none !essential; } #fv-chart-1779832621246-gpy1nppxa-slideshow .fv-slide-counter { font-family: ‘Poppins’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; colour: #374151 !essential; text-align: middle !essential; min-width: 40px !essential; background-color: rgba(255,255,255,0.8) !essential; padding: 2px 8px !essential; border-radius: 10px !essential; } /* Slideshow Dropdown Navigation */ #fv-chart-1779832621246-gpy1nppxa-slideshow .fv-slideshow-select { place: absolute !essential; high: 10px !essential; proper: 10px !essential; z-index: 20 !essential; look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background-color: white !essential; border: 1px strong #d1d5db !essential; colour: #1F2937 !essential; font-family: ‘Open Sans’, sans-serif !essential; font-size: 14px !essential; font-weight: 600 !essential; padding: 6px 32px 6px 12px !essential; border-radius: 4px !essential; cursor: pointer !essential; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !essential; background-image: url(“information:picture/svg+xml,%3csvg xmlns=”http://www.w3.org/2000/svg” fill=”none” viewBox=’0 0 20 20’%3epercent3cpath stroke=”%236b7280″ stroke-linecap=’spherical’ stroke-linejoin=’spherical’ stroke-width=”1.5″ d=’M6 8l4 4 4-4’/%3epercent3c/svgpercent3e”) !essential; background-position: proper 0.5rem middle !essential; background-repeat: no-repeat !essential; background-size: 1.5em 1.5em !essential; } #fv-chart-1779832621246-gpy1nppxa-slideshow .fv-slideshow-select:focus { define: 2px strong #E33235 !essential; border-color: #E33235 !essential; } /* Typography */ #fv-chart-1779832621246-gpy1nppxa .fv-chart-title { font-weight: daring !essential; text-align: middle !essential; margin-bottom: 0.5rem !essential; colour: var(–riv-primary) !essential; font-size: 20px !essential; line-height: 1.2 !essential; font-family: ‘Open Sans’, sans-serif !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; padding: 0 20px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-chart-subhead { font-size: 18px !essential; font-weight: 500 !essential; text-align: middle !essential; margin-bottom: 2rem !essential; colour: #374151 !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; text-transform: none !essential; padding: 0 20px !essential; } #fv-chart-1779832621246-gpy1nppxa .rv-chart-caption { font-size: 15px !essential; colour: #374151 !essential; text-align: middle !essential; font-style: regular !essential; font-weight: regular !essential; line-height: 1.7 !essential; font-family: ‘Open Sans’, sans-serif !essential; show: block !essential; } /* Versus Chart */ #fv-chart-1779832621246-gpy1nppxa .fv-versus-chart { show: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-header { show: flex; justify-content: space-between; align-items: middle; 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: middle; padding-right: 1rem; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper.fv-right { text-align: middle; padding-left: 1rem; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-container { place: relative; show: inline-block; max-width: 100%; width: 100%; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-chevron { place: absolute; high: 50%; remodel: translateY(-50%); pointer-events: none; width: 16px; peak: 16px; flex-shrink: 0; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper.fv-left .fv-versus-chevron { proper: 0; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper.fv-right .fv-versus-chevron { proper: 0; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-select { background: clear; border: none; border-bottom: 2px strong; font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; define: none; look: 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: middle; course: ltr; padding-right: 1.25rem; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-select.fv-select-right { text-align: middle; padding-right: 1.25rem; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-select possibility { font-family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 14px; colour: #374151; course: ltr; text-align: left; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-vs { font-family: ‘Poppins’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-body { show: flex; flex-direction: column; hole: 1.5rem; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-row { place: relative; peak: auto; padding-top: 20px; margin-bottom: 0.25rem; show: block; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-bar-container { place: relative; peak: 32px; show: flex; align-items: middle; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-bar-left-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-end; align-items: middle; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-bar-right-wrapper { flex: 1; peak: 100%; show: flex; justify-content: flex-start; align-items: middle; } #fv-chart-1779832621246-gpy1nppxa .fv-versus-bar { peak: 32px; width: var(–target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; show: flex; align-items: middle; overflow: hidden; colour: #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 { place: absolute; left: 50%; high: 0; backside: 0; width: 4px; background-color: #ffffff; remodel: 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 { place: absolute; left: 50%; remodel: translateX(-50%); high: 0; background-color: clear; border: none; box-shadow: none; padding: 0; font-family: ‘Open Sans’, sans-serif; font-weight: 700; font-size: 14px; colour: #374151; white-space: nowrap; } #fv-chart-1779832621246-gpy1nppxa .sr-only { place: absolute !essential; width: 1px !essential; peak: 1px !essential; padding: 0 !essential; margin: -1px !essential; overflow: hidden !essential; clip: rect(0,0,0,0) !essential; white-space: nowrap !essential; border: 0 !essential; } /* Picture Comparability Types */ #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-container { width: auto !essential; margin-left: -1.5rem !essential; margin-right: -1.5rem !essential; margin-bottom: 2rem !essential; } #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed .fv-image-compare-container { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-wrapper { place: relative !essential; width: 100% !essential; overflow: hidden !essential; border-radius: 0 !essential; background-color: #000 !essential; touch-action: pan-y !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-inner { place: relative !essential; width: 100% !essential; peak: 100% !essential; show: block !essential; transform-origin: middle middle !essential; transition: remodel 0.1s ease-out !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-bg { show: block !essential; width: 100% !essential; peak: auto !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-fg { place: absolute !essential; high: 0 !essential; left: 0 !essential; width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !essential; pointer-events: none !essential; user-select: none !essential; -webkit-user-select: none !essential; -webkit-user-drag: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-slider { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 32px !essential; remodel: translateX(-50%) !essential; cursor: ew-resize !essential; z-index: 10 !essential; user-select: none !essential; -webkit-user-select: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-slider-line { place: absolute !essential; high: 0 !essential; backside: 0 !essential; left: 50% !essential; width: 4px !essential; background-color: white !essential; remodel: translateX(-50%) !essential; box-shadow: 0 0 10px rgba(0,0,0,0.5) !essential; pointer-events: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-handle { place: absolute !essential; high: 50% !essential; left: 50% !essential; remodel: translate(-50%, -50%) !essential; width: 32px !essential; peak: 32px !essential; background-color: white !essential; border-radius: 50% !essential; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; hole: 4px !essential; pointer-events: none !essential; z-index: 11 !essential; overflow: hidden !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-arrow-left { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-right: 4px strong #4b5563 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-arrow-right { width: 0 !essential; peak: 0 !essential; border-top: 4px strong clear !essential; border-bottom: 4px strong clear !essential; border-left: 4px strong #4b5563 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-label { place: absolute !essential; high: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; padding: 0.25rem 0.75rem !essential; border-radius: 0.25rem !essential; font-size: 0.875rem !essential; font-weight: 500 !essential; pointer-events: none !essential; backdrop-filter: blur(4px) !essential; z-index: 5 !essential; transition: proper 0.3s ease, opacity 0.2s ease !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-label-left { left: 1rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-label-right { proper: 1rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-expand-btn, #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-close-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; background-color: rgba(0, 0, 0, 0.5) !essential; colour: white !essential; border: none !essential; border-radius: 0.25rem !essential; padding: 0.5rem !essential; cursor: pointer !essential; z-index: 20 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; backdrop-filter: blur(4px) !essential; transition: background-color 0.2s !essential; } #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) !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-close-btn { show: none !essential; high: 1rem !essential; backside: auto !essential; } /* Fullscreen State */ #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-wrapper.fv-image-compare-fullscreen { place: fastened !essential; high: 0 !essential; left: 0 !essential; proper: 0 !essential; backside: 0 !essential; width: 100% !essential; peak: 100% !essential; z-index: 999999 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: rgba(0, 0, 0, 0.9) !essential; margin: 0 !essential; touch-action: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !essential; peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; cursor: seize !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:energetic { cursor: grabbing !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { place: absolute !essential; high: 0 !essential; left: 0 !essential; max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !essential; max-height: 100% !essential; width: 100% !essential; peak: 100% !essential; object-fit: comprise !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { show: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { show: flex !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { proper: 4rem !essential; } /* Footer */ #fv-chart-1779832621246-gpy1nppxa .fv-bottom-bar { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; margin-top: 0.5rem !essential; hole: 1rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-footer-content { text-align: middle !essential; width: 100% !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-logo { show: block !essential; margin: 0 auto !essential; width: 120px !essential; min-width: 120px !essential; max-width: 120px !essential; peak: auto !essential; object-fit: comprise !essential; flex-shrink: 0 !essential; } /* Show Mode Controls */ #fv-chart-1779832621246-gpy1nppxa .fv-dropdown-wrapper { text-align: middle !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-dropdown-title-container { place: relative !essential; show: inline-block !essential; max-width: 100% !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-dropdown-title { look: none !essential; -webkit-appearance: none !essential; -moz-appearance: none !essential; background: clear !essential; border: none !essential; font-size: 18px !essential; font-weight: 600 !essential; colour: var(–riv-primary) !essential; padding-right: 28px !essential; padding-left: 10px !essential; cursor: pointer !essential; text-align: middle !essential; text-align-last: middle !essential; width: auto !essential; max-width: 100% !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; margin: 0 !essential; text-overflow: ellipsis !essential; overflow: hidden !essential; white-space: nowrap !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-dropdown-title:focus { define: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-dropdown-title::-ms-expand { show: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-dropdown-chevron { place: absolute !essential; proper: 0 !essential; high: 50% !essential; remodel: translateY(-50%) !essential; pointer-events: none !essential; colour: var(–riv-primary) !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-carousel-title-controls { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; margin-bottom: 16px !essential; width: 100% !essential; hole: 12px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-carousel-nav-btn { background: clear !essential; border: 1px strong #d1d5db !essential; border-radius: 6px !essential; padding: 6px 10px !essential; cursor: pointer !essential; font-size: 14px !essential; colour: #374151 !essential; show: flex !essential; align-items: middle !essential; hole: 4px !essential; font-family: ‘Open Sans’, sans-serif !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-carousel-nav-btn:hover { border-color: #9ca3af !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-carousel-counter { font-size: 14px !essential; colour: #374151 !essential; text-align: middle !essential; margin-top: 1rem !essential; } /* Legend */ #fv-chart-1779832621246-gpy1nppxa .fv-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 8px 16px !essential; margin: 0 !essential; padding: 0 !essential; margin-top: 1rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-legend-item { show: flex !essential; align-items: middle !essential; hole: 6px !essential; font-size: 14px !essential; colour: #374151 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-legend-color { width: 12px !essential; peak: 12px !essential; border-radius: 3px !essential; } /* Multi-Worth Legend */ #fv-chart-1779832621246-gpy1nppxa .fv-multi-value-legend { show: flex !essential; justify-content: middle !essential; flex-wrap: wrap !essential; hole: 12px 24px !essential; margin-bottom: 1.5rem !essential; padding: 0 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-multi-legend-item { show: flex !essential; align-items: middle !essential; hole: 8px !essential; font-size: 14px !essential; colour: #374151 !essential; font-weight: 500 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-multi-legend-swatch { width: 16px !essential; peak: 16px !essential; border-radius: 3px !essential; } /* Chart Core Types */ #fv-chart-1779832621246-gpy1nppxa .fv-benchmark-group { margin-bottom: 1rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-benchmark-title { font-size: 18px !essential; font-weight: 600 !essential; margin-bottom: 16px !essential; margin-top: 0 !essential; padding: 0 !essential; text-align: middle !essential; colour: var(–riv-primary) !essential; flex: 1 !essential; min-width: 0 !essential; font-family: ‘Open Sans’, sans-serif !essential; line-height: 1.3 !essential; text-transform: none !essential; white-space: regular !essential; overflow-wrap: break-word !essential; word-wrap: break-word !essential; max-width: 100% !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar-row, #fv-chart-1779832621246-gpy1nppxa .fv-stacked-product { show: flex !essential; align-items: middle !essential; width: 100% !essential; margin-bottom: 0.75rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar-label { width: 150px !essential; flex-shrink: 0 !essential; font-size: 14px !essential; colour: #374151 !essential; padding-right: 10px !essential; text-align: proper !essential; font-weight: 500 !essential; show: block !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar-container { flex-grow: 1 !essential; background-color: #E5E7EB !essential; border-radius: 4px !essential; min-height: 25px !essential; border: 1px strong #D1D5DB !essential; place: relative !essential; show: flex !essential; align-items: middle !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar { peak: 100% !essential; border-radius: 3px !essential; show: flex !essential; align-items: middle !essential; transition: opacity 0.2s ease, width 0.8s ease-out !essential; min-height: 23px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar:hover { opacity: 0.8 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar-inner-content { show: flex !essential; justify-content: space-between !essential; align-items: middle !essential; width: 100% !essential; peak: 100% !essential; padding: 0 8px !essential; font-size: 14px !essential; font-weight: daring !essential; overflow: hidden !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar-inner-label { white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; padding-right: 8px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar-inner-value { flex-shrink: 0 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar-value-outside { padding-left: 8px !essential; font-size: 14px !essential; font-weight: daring !essential; colour: #374151 !essential; white-space: nowrap !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar-label.fv-primary-product { font-weight: daring !essential; colour: var(–riv-primary) !essential; } /* Multi-Worth Bar Logic */ #fv-chart-1779832621246-gpy1nppxa .fv-multi-bar-container { flex-direction: column !essential; padding: 4px !essential; align-items: stretch !essential; hole: 4px !essential; peak: auto !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-multi-bar-item { show: flex !essential; align-items: middle !essential; peak: 25px !essential; width: 100% !essential; } /* Stacked Bar */ #fv-chart-1779832621246-gpy1nppxa .fv-stacked-bar { show: flex !essential; overflow: hidden !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stacked-segment { peak: 100% !essential; show: flex !essential; align-items: middle !essential; justify-content: flex-end !essential; padding-right: 8px !essential; border-right: 1px strong rgba(255,255,255,0.3) !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stacked-segment:last-child { border-right: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-segment-value { font-size: 14px !essential; font-weight: daring !essential; } /* Grouped Bar */ #fv-chart-1779832621246-gpy1nppxa .fv-grouped-bar-product { show: flex !essential; flex-direction: column !essential; width: 100% !essential; margin-bottom: 1.25rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-grouped-product-title-wrapper { padding-left: 150px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.5rem !essential; font-weight: 700 !essential; font-size: 14px !essential; colour: #374151 !essential; text-transform: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar-cluster { width: 100% !essential; flex-grow: 1 !essential; show: flex !essential; flex-direction: column !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-bar-cluster .fv-bar-container { peak: 20px !essential; } /* Line Chart Grid */ #fv-chart-1779832621246-gpy1nppxa .riv-grid line { stroke: #D1D5DB !essential; stroke-dasharray: 3 3 !essential; } /* X-Axis */ #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-wrapper { show: flex !essential; width: 100% !essential; margin-top: 0.5rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-label-space { width: 150px !essential; padding-right: 10px !essential; flex-shrink: 0 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-chart-space { flex-grow: 1 !essential; padding-right: 8px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-line { border-top: 1px strong #D1D5DB !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-ticks { show: flex !essential; justify-content: space-between !essential; padding-top: 4px !essential; font-size: 13px !essential; colour: #374151 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-ticks span { place: relative !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-ticks span::earlier than { content material: ” !essential; place: absolute !essential; high: -6px !essential; left: 50% !essential; remodel: translateX(-50%) !essential; width: 2px !essential; peak: 4px !essential; background-color: #D1D5DB !essential; border-radius: 1px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-unit { text-align: middle !essential; font-size: 14px !essential; colour: #374151 !essential; margin-top: 8px !essential; show: block !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-x-axis-title { text-align: middle !essential; font-size: 15px !essential; colour: #374151 !essential; margin-top: 8px !essential; margin-bottom: 16px !essential; line-height: 1.5 !essential; padding: 0 1rem !essential; show: block !essential; font-weight: daring !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-y-axis-title { font-size: 15px !essential; colour: #374151 !essential; line-height: 1.5 !essential; text-align: left !essential; padding-left: 5.83% !essential; /* Aligns with Y-axis line inside SVG (35/600) */ margin-bottom: 4px !essential; show: block !essential; font-weight: daring !essential; } /* Store The Look */ #fv-chart-1779832621246-gpy1nppxa .fv-stl-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; transition: min-height 0.3s ease !essential; overflow: hidden !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stl-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed .fv-stl-container { width: 100% !essential; } #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed .fv-stl-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stl-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stl-hotspot-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stl-hotspot-btn { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !essential; transition-property: all !essential; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !essential; transition-duration: 300ms !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stl-hotspot-btn:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stl-hotspot-btn:focus { define: 2px strong clear !essential; outline-offset: 2px !essential; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stl-hotspot-btn[aria-expanded=”true”] { background-color: #3b82f6 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stl-hotspot-pulse { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-stl-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1779832621246-gpy1nppxa .fv-stl-hotspot-pulse { animation-fill-mode: none !essential; } } /* Store the look button */ #fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-btn { place: absolute !essential; backside: 1rem !essential; proper: 1rem !essential; peak: 2.5rem !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; colour: #111827 !essential; padding: 0 1rem 0 3rem !essential; border-radius: 0.25rem !essential; font-weight: 700 !essential; font-size: 0.875rem !essential; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !essential; border: none !essential; cursor: pointer !essential; transition: all 0.2s !essential; z-index: 10 !essential; show: flex !essential; align-items: middle !essential; text-transform: uppercase !essential; overflow: hidden !essential; white-space: nowrap !essential; max-width: calc(100% – 2rem) !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-btn span { overflow: hidden !essential; text-overflow: ellipsis !essential; white-space: nowrap !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-btn:hover { background-color: #ffffff !essential; remodel: scale(1.05) !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-logo { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; object-fit: cowl !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; flex-shrink: 0 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-icon { place: absolute !essential; left: 0 !essential; high: 0 !essential; width: 2.5rem !essential; peak: 2.5rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; background-color: #ffffff !essential; border-right: 1px strong #f3f4f6 !essential; colour: #1f2937 !essential; flex-shrink: 0 !essential; } /* All Merchandise Modal */ #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa { place: fastened !essential; inset: 0 !essential; background-color: rgba(0, 0, 0, 0) !essential; backdrop-filter: blur(0px) !essential; -webkit-backdrop-filter: blur(0px) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; z-index: 99999 !essential; pointer-events: none !essential; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !essential; padding: 1rem !essential; overflow: hidden !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa { place: absolute !essential; padding: 0 !essential; align-items: flex-end !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa.is-active { background-color: rgba(0, 0, 0, 0.2) !essential; backdrop-filter: blur(4px) !essential; -webkit-backdrop-filter: blur(4px) !essential; pointer-events: auto !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-content { width: 100% !essential; max-width: 42rem !essential; max-height: 100% !essential; show: flex !essential; flex-direction: column !essential; place: relative !essential; background-color: rgba(255, 255, 255, 0.95) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; border-radius: 1rem !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; overflow: hidden !essential; transition: remodel 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !essential; opacity: 0 !essential; remodel: scale(0.95) !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa.is-active .fv-stl-all-products-content { opacity: 1 !essential; remodel: scale(1) !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; } /* V2 Backside Sheet Fashion */ #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa.v2 { align-items: flex-end !essential; padding: 0 !essential; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa.v2:not(.mobile-view *) { justify-content: flex-end !essential; } } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa.v2 .fv-stl-all-products-content { max-width: 100% !essential; peak: 85% !essential; max-height: 85% !essential; border-radius: 1.5rem 1.5rem 0 0 !essential; remodel: translateY(100%) !essential; opacity: 1 !essential; } @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 !essential; border-radius: 1.5rem 0 0 0 !essential; } } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa.v2.is-active .fv-stl-all-products-content { remodel: translateY(0) !essential; opacity: 1 !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-header { show: flex !essential; align-items: middle !essential; justify-content: space-between !essential; padding: 1.5rem !essential; border-bottom: 1px strong #e5e7eb !essential; flex-shrink: 0 !essential; place: sticky !essential; high: 0 !essential; background-color: rgba(255, 255, 255, 0.8) !essential; backdrop-filter: blur(12px) !essential; -webkit-backdrop-filter: blur(12px) !essential; z-index: 10 !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-header { padding: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-logo { peak: 1.5rem !essential; width: auto !essential; object-fit: comprise !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-logo { peak: 1.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-title { font-size: 1.25rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-title { font-size: 1.125rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-close { width: 2rem !essential; peak: 2rem !essential; border-radius: 9999px !essential; background-color: rgba(0, 0, 0, 0.05) !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; border: none !essential; cursor: pointer !essential; z-index: 10 !essential; colour: #6b7280 !essential; transition: all 0.2s !essential; padding: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-list { list-style: none !essential; padding: 1.5rem !essential; margin: 0 !essential; overflow-y: auto !essential; flex: 1 !essential; show: flex !essential; flex-direction: column !essential; hole: 0.75rem !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-list { padding: 0.75rem !essential; hole: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-item { margin: 0 !essential; padding: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-link { show: flex !essential; align-items: flex-start !essential; padding: 0.75rem !essential; text-decoration: none !essential; colour: inherit !essential; transition: all 0.2s !essential; border-radius: 1rem !essential; border: 1px strong clear !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-link { padding: 0.5rem !essential; border-radius: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-link:hover { background-color: #ffffff !essential; border-color: #e5e7eb !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !essential; border-color: #d1d5db !essential; 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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-image-container { place: relative !essential; margin-right: 1.25rem !essential; flex-shrink: 0 !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-number { place: absolute !essential; high: -0.5rem !essential; left: -0.5rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; background-color: #0f172a !essential; colour: #ffffff !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; 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 !essential; z-index: 10 !essential; font-family: sans-serif !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-number { high: -0.375rem !essential; left: -0.375rem !essential; width: 1.25rem !essential; peak: 1.25rem !essential; font-size: 0.625rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-image-wrapper { width: 6rem !essential; peak: 6rem !essential; border-radius: 0.75rem !essential; overflow: hidden !essential; background-color: #f9fafb !essential; border: 1px strong #f3f4f6 !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-image-wrapper { width: 4rem !essential; peak: 4rem !essential; border-radius: 0.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-image { width: 100% !essential; peak: 100% !essential; object-fit: cowl !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-placeholder { width: 2rem !essential; peak: 2rem !essential; colour: #d1d5db !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-placeholder { width: 1.5rem !essential; peak: 1.5rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-info { flex: 1 !essential; min-width: 0 !essential; show: flex !essential; flex-direction: column !essential; justify-content: middle !essential; margin-top: 0.25rem !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-info { margin-top: 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-brand { font-size: 0.625rem !essential; font-weight: 700 !essential; colour: #6b7280 !essential; text-transform: uppercase !essential; letter-spacing: 0.1em !essential; margin: 0 0 0.375rem 0 !essential; white-space: nowrap !essential; overflow: hidden !essential; text-overflow: ellipsis !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-brand { font-size: 0.5625rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-name { font-size: 1rem !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 0 0.375rem 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.25 !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-name { font-size: 0.875rem !essential; margin: 0 0 0.25rem 0 !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-meta { show: flex !essential; align-items: middle !essential; font-size: 0.875rem !essential; margin-bottom: 0.375rem !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-meta { font-size: 0.75rem !essential; margin-bottom: 0.25rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-price { font-weight: 700 !essential; colour: #111827 !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-sale-price { font-weight: 700 !essential; colour: #dc2626 !essential; margin-right: 0.5rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-original-price { colour: #9ca3af !essential; text-decoration: line-through !essential; font-size: 0.75rem !essential; } #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 !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-commentary { font-size: 0.875rem !essential; colour: #4b5563 !essential; margin: 0 !essential; show: -webkit-box !essential; -webkit-line-clamp: 2 !essential; -webkit-box-orient: vertical !essential; overflow: hidden !essential; line-height: 1.375 !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-commentary { font-size: 0.75rem !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-action { width: 2.5rem !essential; peak: 2.5rem !essential; border-radius: 9999px !essential; background-color: #f9fafb !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; margin-left: 1rem !essential; flex-shrink: 0 !essential; border: 1px strong #f3f4f6 !essential; transition: all 0.2s !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-action { width: 2rem !essential; peak: 2rem !essential; margin-left: 0.75rem !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-action svg { width: 14px !essential; peak: 14px !essential; } #fv-stl-all-products-modal-fv-chart-1779832621246-gpy1nppxa .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !essential; colour: #ffffff !essential; border-color: #111827 !essential; } /* Picture Annotation Types */ #fv-chart-1779832621246-gpy1nppxa .fv-ia-container { place: relative !essential; width: auto !essential; show: block !essential; background-color: clear !essential; overflow: hidden !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-wrapper { place: relative !essential; width: auto !essential; show: block !essential; margin: 0 auto !essential; } #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed .fv-ia-container { width: 100% !essential; } #fv-chart-1779832621246-gpy1nppxa.fv-full-bleed .fv-ia-wrapper { width: 100% !essential; max-width: none !essential; margin: 0 auto !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-image { show: block !essential; width: 100% !essential; peak: auto !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-container { place: absolute !essential; z-index: 10 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-button { place: absolute !essential; margin-left: -0.75rem !essential; margin-top: -0.75rem !essential; width: 1.5rem !essential; peak: 1.5rem !essential; border-radius: 9999px !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !essential; cursor: pointer !essential; border: none !essential; padding: 0 !essential; background-color: #ffffff !essential; colour: #1e293b !essential; font-size: 0.75rem !essential; font-weight: 700 !essential; font-family: sans-serif !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-button:hover { remodel: scale(1.1) !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-button.is-active { background-color: #E33235 !essential; colour: #ffffff !essential; remodel: scale(1.1) !essential; box-shadow: 0 0 0 2px #ffffff !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-pulse-ring { place: absolute !essential; inset: 0 !essential; border-radius: 9999px !essential; background-color: #E33235 !essential; opacity: 0.4 !essential; pointer-events: none !essential; z-index: -1 !essential; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !essential; } @keyframes fv-ia-ping { 75%, 100% { remodel: scale(2); opacity: 0; } } #fv-chart-1779832621246-gpy1nppxa .fv-ia-static-tooltip { show: none !essential; place: absolute !essential; high: -10px !essential; left: 50% !essential; remodel: translate(-50%, -100%) !essential; background-color: rgba(255, 255, 255, 0.95) !essential; padding: 10px !essential; border-radius: 6px !essential; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !essential; width: max-content !essential; max-width: 200px !essential; font-size: 13px !essential; colour: #1f2937 !essential; z-index: 20 !essential; pointer-events: none !essential; white-space: pre-wrap !essential; line-height: 1.4 !essential; border: 1px strong #e5e7eb !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-button:hover + .fv-ia-static-tooltip { show: block !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-logo-explore-bar { place: relative !essential; width: 100% !essential; show: flex !essential; justify-content: middle !essential; align-items: middle !essential; min-height: 30px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-logo-explore-bar .fv-logo { margin: 0 auto !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-explore-wrapper { place: absolute !essential; proper: 0 !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-logo-explore-bar { flex-direction: column !essential; min-height: auto !essential; hole: 0.75rem !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-ia-explore-wrapper { place: static !essential; align-self: flex-end !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !essential; colour: #1e293b !essential; border: 1px strong #e5e7eb !essential; border-radius: 9999px !essential; padding: 0.5rem 1.25rem !essential; font-size: 0.875rem !essential; font-weight: 600 !essential; font-family: sans-serif !essential; show: inline-flex !essential; align-items: middle !essential; hole: 0.5rem !essential; cursor: pointer !essential; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !essential; transition: all 0.2s !essential; pointer-events: auto !essential; flex-shrink: 0 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-explore-btn:hover { background-color: #ffffff !essential; remodel: translateY(-2px) !essential; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !essential; colour: #E33235 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-explore-btn svg { transition: remodel 0.2s !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-explore-btn:hover svg { remodel: translateX(2px) !essential; } /* IA Modal Types */ #fv-chart-1779832621246-gpy1nppxa .fv-ia-active-modal-container { show: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-modals { show: block !essential; place: static !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-modal-item { show: none !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-modal-item.is-active { show: flex !essential; flex-direction: column !essential; place: absolute !essential; high: 1rem !essential; proper: 1rem !essential; z-index: 20 !essential; width: 18rem !essential; max-width: calc(100% – 2rem) !essential; background-color: #ffffff !essential; padding: 1rem !essential; border-radius: 0.75rem !essential; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !essential; border: 1px strong #e5e7eb !essential; border-top: 4px strong #E33235 !essential; animation: fv-ia-fade-in 0.2s ease-out !essential; hole: 0.75rem !essential; max-height: 80% !essential; overflow-y: auto !essential; pointer-events: auto !essential; } @keyframes fv-ia-fade-in { from { opacity: 0; remodel: scale(0.95); } to { opacity: 1; remodel: scale(1); } } #fv-chart-1779832621246-gpy1nppxa .fv-ia-modal-header { show: flex !essential; justify-content: space-between !essential; align-items: flex-start !essential; margin: 0 !essential; hole: 0.5rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-title { font-size: 1rem !essential; line-height: 1.25 !essential; font-weight: 700 !essential; colour: #111827 !essential; margin: 0 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-close-button { background: #f9fafb !essential; border: 1px strong #e5e7eb !essential; border-radius: 50% !essential; width: 2rem !essential; peak: 2rem !essential; show: flex !essential; align-items: middle !essential; justify-content: middle !essential; colour: #9ca3af !essential; cursor: pointer !essential; padding: 0 !essential; flex-shrink: 0 !essential; transition: all 0.2s !essential; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-close-button:hover { background: #e5e7eb !essential; colour: #111827 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-ia-node-description { font-size: 0.875rem !essential; colour: #374151 !essential; margin: 0 !essential; line-height: 1.625 !essential; white-space: pre-wrap !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-ia-node-description { font-size: 0.875rem !essential; } /* Error Dealing with */ #fv-chart-1779832621246-gpy1nppxa .fv-ia-empty { show: flex !essential; align-items: middle !essential; justify-content: middle !essential; peak: 200px !essential; background-color: #f1f5f9 !essential; colour: #64748b !essential; border: 2px dashed #cbd5e1 !essential; border-radius: 0.5rem !essential; } /* Countdown Types */ #fv-chart-1779832621246-gpy1nppxa .fv-countdown-container { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; justify-content: middle !essential; padding: 1rem !essential; place: relative !essential; width: 100% !essential; box-sizing: border-box !essential; font-family: Montserrat, sans-serif !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-header { text-align: middle !essential; margin-bottom: 2rem !essential; z-index: 10 !essential; width: 100% !essential; show: flex !essential; flex-direction: column !essential; align-items: middle !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-title { font-size: 1.25rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0 !essential; font-style: italic !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-subhead { font-size: 1.125rem !essential; font-weight: 900 !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; margin: 0.25rem 0 0 0 !essential; font-style: italic !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-timer-wrap { show: flex !essential; flex-direction: column !essential; align-items: middle !essential; width: 100% !essential; max-width: 64rem !essential; z-index: 10 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-labels { show: flex !essential; justify-content: middle !essential; width: 100% !essential; margin-bottom: 0.5rem !essential; padding: 0 0.5rem !essential; font-size: 0.75rem !essential; font-weight: daring !essential; text-transform: uppercase !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-labels > div { flex: 1 !essential; text-align: middle !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-box { place: relative !essential; width: 100% !essential; border-top: 6px strong #333 !essential; border-bottom: 8px strong #333 !essential; padding: 1rem 0 !essential; background: linear-gradient(to backside, #1f2937, #000000) !essential; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits { show: flex !essential; justify-content: middle !essential; font-size: 1.75rem !essential; font-weight: 900 !essential; letter-spacing: 0em !essential; font-family: monospace !essential; colour: #fff !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits > div.digit-box { flex: 1 !essential; text-align: middle !essential; white-space: nowrap !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits > div.colon { flex: 0 0 auto !essential; opacity: 0.5 !essential; place: relative !essential; high: -2px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-spike-l { place: absolute !essential; left: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-right: 15px strong #374151 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-spike-r { place: absolute !essential; proper: -15px !essential; high: 50% !essential; remodel: translateY(-50%) !essential; width: 0 !essential; peak: 0 !essential; border-top: 15px strong clear !essential; border-bottom: 15px strong clear !essential; border-left: 15px strong #374151 !essential; } @media (min-width: 600px) { #fv-chart-1779832621246-gpy1nppxa .fv-countdown-container { padding: 2rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-title { font-size: 1.75rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-subhead { font-size: 1.25rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits { font-size: 2.25rem !essential; letter-spacing: 0 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-labels { font-size: 0.875rem !essential; padding: 0 1rem !essential; margin-bottom: 1rem !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-box { padding: 1.5rem 0 !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits > div.colon { high: -4px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-spike-l { left: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-right-width: 20px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-spike-r { proper: -20px !essential; border-top-width: 20px !essential; border-bottom-width: 20px !essential; border-left-width: 20px !essential; } } @media (min-width: 768px) { #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits { font-size: 3.5rem !essential; letter-spacing: 0.05em !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-countdown-digits > div.colon { high: -5px !essential; } } /* Cell / Pressured Cell View / Labels on High */ #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-pie-container, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#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 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#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% !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-x-axis-wrapper, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-x-axis-label-space, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-x-axis-label-space { show: none !essential; }#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 !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-benchmark-title, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-dropdown-title, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-carousel-nav-btn, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-chart-title, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-chart-subhead, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-header, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-select-wrapper, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#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: middle !essential; padding-right: 0 !essential; }#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: middle !essential; padding-left: 0 !essential; }#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: middle !essential; }#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: middle !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-vs, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-select-container, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-versus-select, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779832621246-gpy1nppxa.labels-on-top .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#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 !essential; peak: 2rem !essential; }#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 !essential; peak: 14px !essential; } #fv-chart-1779832621246-gpy1nppxa.mobile-view .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832621246-gpy1nppxa.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } @media (max-width: 599px) { #fv-chart-1779832621246-gpy1nppxa .fv-pie-container { flex-direction: column !essential; hole: 1rem !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-grouped-product-title-wrapper { padding-left: 0 !essential; }#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 !essential; align-items: flex-start !essential; margin-bottom: 1.25rem !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-bar-label, #fv-chart-1779832621246-gpy1nppxa .fv-grouped-product-title { width: 100% !essential; text-align: left !essential; padding-right: 0 !essential; margin-bottom: 0.25rem !essential; font-size: 14px !essential; font-weight: 700 !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-bar-container, #fv-chart-1779832621246-gpy1nppxa .fv-bar-cluster { width: 100% !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-x-axis-wrapper { margin-left: 0 !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-x-axis-label-space { show: none !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-x-axis-chart-space { padding-right: 0 !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-benchmark-title { font-size: 16px !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-dropdown-title { font-size: 16px !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-carousel-nav-btn { padding: 8px 12px !essential; font-size: 14px !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-chart-title { padding: 0 8px !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-chart-subhead { padding: 0 8px !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-versus-header { flex-direction: column !essential; align-items: middle !essential; padding: 0 !essential; hole: 0.5rem !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper { flex: 1 !essential; min-width: 0 !essential; width: 100% !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper.fv-left { text-align: middle !essential; padding-right: 0 !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-versus-select-wrapper.fv-right { text-align: middle !essential; padding-left: 0 !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-versus-select.fv-select-left { text-align: middle !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-versus-select.fv-select-right { text-align: middle !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-versus-vs { text-align: middle !essential; padding: 0.25rem 0 !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-versus-select-container { max-width: 100% !essential; width: 100% !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-versus-select { font-size: 14px !essential; width: 100% !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-btn { backside: 0.5rem !essential; proper: 0.5rem !essential; peak: 2rem !essential; font-size: 0.75rem !essential; padding: 0 0.75rem 0 2.5rem !essential; max-width: calc(100% – 1rem) !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-logo, #fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-icon { width: 2rem !essential; peak: 2rem !essential; }#fv-chart-1779832621246-gpy1nppxa .fv-stl-shop-all-icon svg { width: 14px !essential; peak: 14px !essential; } #fv-chart-1779832621246-gpy1nppxa .fv-y-axis-title { padding-left: 5% !essential; /* (30/600) for cellular view */ } #fv-chart-1779832621246-gpy1nppxa.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !essential; margin-right: -1rem !essential; } } { “@context”: “https://schema.org”, “@sort”: “Dataset”, “identify”: “Adrenalin is ace now, and so is FSR4”, “description”: “Subhead to explain the check and what’s being measured and why”, “creator”: { “@sort”: “Group”, “identify”: “PC Gamer”, “emblem”: “https://cdn.mos.cms.futurecdn.web/bkwSqn4ocKYaQwBeFt2HHb.png” }, “isAccessibleForFree”: true, “dateCreated”: “2026-05-26T21:57:01.247Z”, “quotation”: “Add your caption to elucidate the information, the learnings and the important thing takeaways of the information being visualized”, “key phrases”: [ “RX 9070 GRE (Acer Nitro)”, “Software”, “Group 1”, “benchmark”, “comparison”, “performance”, “review”, “PC Gamer” ], “measurementTechnique”: “Efficiency Benchmarking”, “variableMeasured”: [ { “@type”: “PropertyValue”, “name”: “RX 9070 GRE (Acer Nitro) – Software”, “value”: 4, “unitText”: “”, “maxValue”: 5 } ]} Adrenalin is ace now, and so is FSR4 Software program 4 Group 1 Information ProductSoftware () RX 9070 GRE (Acer Nitro)4 window.iFrameResizer = { heightCalculationMethod: ‘taggedElement’ }; (perform() { /* World animation perform for slideshow re-use */ window.fvAnimateCharts = perform(chartWrapper) { if (!chartWrapper) return; perform animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll(‘.fv-bar, .fv-stacked-segment’); bars.forEach(perform(bar, index) { /* Reset to 0 first to make sure animation triggers */ bar.type.setProperty(‘width’, ‘0%’, ‘essential’); bar.type.setProperty(‘transition’, ‘none’, ‘essential’); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; /* Drive reflow */ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, baseMargin + ‘%’, ‘essential’); } setTimeout(perform() { var marginTransition = baseMargin !== undefined ? ‘, margin-left 0.8s ease-out’ : ”; bar.type.setProperty(‘transition’, ‘opacity 0.2s ease, width 0.8s ease-out’ + marginTransition, ‘essential’); bar.type.setProperty(‘width’, targetWidth + ‘%’, ‘essential’); if (targetMargin !== undefined && baseMargin !== undefined) { bar.type.setProperty(‘margin-left’, targetMargin + ‘%’, ‘essential’); } }, index * 50 + 50); /* Diminished preliminary delay */ }); } perform animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector(‘svg’); if (!lineSvg) return; var paths = lineSvg.querySelectorAll(‘.riv-line-path’); paths.forEach(perform(p, i) { if (typeof p.getTotalLength === ‘perform’) { var len = p.getTotalLength(); p.type.transition = ‘none’; p.type.strokeDasharray = len; p.type.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(perform() { p.type.transition = ‘stroke-dashoffset 1s ease-out ‘ + (i * 0.1) + ‘s, stroke-width 0.2s, opacity 0.2s’; p.type.strokeDashoffset=”0″; }, 100); } }); var dots = lineSvg.querySelectorAll(‘.riv-dot’); dots.forEach(perform(dot, i) { dot.type.opacity = ‘0’; setTimeout(perform() { dot.type.transition = ‘opacity 0.3s ease’; dot.type.opacity = ‘1’; }, 500 + i * 10); }); } /* Execute */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); charts.forEach(perform(chart) { /* If in carousel/dropdown mode, hidden charts are show:none. */ /* We solely animate what’s seen. */ if (window.getComputedStyle(chart).show === ‘none’) return; var chartType = chart.dataset.chartType; if (chartType === ‘Line’) { animateLineChart(chart); } else if (chartType !== ‘Pie’) { animateBars(chart); } }); }; perform initialize(uniqueId, isSlideshow) { var root = doc.getElementById(uniqueId); /* In slideshow mode, ‘root’ might be null as a result of the container has ‘-slideshow’ suffix. */ /* We deal with that logic under. */ if (!root && !isSlideshow) return; /* Setup inside interactions (Carousel/Dropdown/LineChart) for a particular chart wrapper */ perform setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive cellular view dealing with */ perform checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.display && Math.min(window.display.width, window.display.peak) <= 599; var isMobile; if (width === 0) else { /* Cell if container is small OR if it's a bodily cellular gadget (overriding fixed-width iframes) */ isMobile = isMobileDevice || width rightNum) { winner=”left”; if (rightNum > 0) { var diff = Math.spherical(((leftNum – rightNum) / rightNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } else if (rightNum > leftNum) { winner=”proper”; if (leftNum > 0) { var diff = Math.spherical(((rightNum – leftNum) / leftNum) * 100); pctDiffStr=”+” + diff.toLocaleString() + ‘%’; } } } var leftDisplay = information.productData[leftProduct] && information.productData[leftProduct].displayValue !== undefined ? information.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : ‘-‘)); var rightDisplay = information.productData[rightProduct] && information.productData[rightProduct].displayValue !== undefined ? information.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : ‘-‘)); var unit = (information.productData[leftProduct] && information.productData[leftProduct].unit) || (information.productData[rightProduct] && information.productData[rightProduct].unit) || ”; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector(‘.fv-versus-bar-left’); var rightBar = row.querySelector(‘.fv-versus-bar-right’); var leftText = row.querySelector(‘.fv-inside-left’); var rightText = row.querySelector(‘.fv-inside-right’); var labelText = row.querySelector(‘.fv-versus-label span’); var leftWrapper = row.querySelector(‘.fv-versus-bar-left-wrapper’); var rightWrapper = row.querySelector(‘.fv-versus-bar-right-wrapper’); var existingPctDiffs = row.querySelectorAll(‘.fv-versus-pct-diff’); existingPctDiffs.forEach(perform(el) { el.take away(); }); if (winner === ‘left’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === ‘proper’ && pctDiffStr) { var pctSpan = doc.createElement(‘span’); pctSpan.className=”fv-versus-pct-diff”; pctSpan.type.colour=”rgba(255, 255, 255, 0.9)”; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.type.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.type.setProperty(‘–target-width’, leftWidth + ‘%’); leftBar.type.width = leftWidth + ‘%’; } if (rightBar) { rightBar.type.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.type.setProperty(‘–target-width’, rightWidth + ‘%’); rightBar.type.width = rightWidth + ‘%’; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = information.attribute + (unit ? ‘ (‘ + unit + ‘)’ : ”); } }); } if (leftSelect) leftSelect.addEventListener(‘change’, updateVersusChart); if (rightSelect) rightSelect.addEventListener(‘change’, updateVersusChart); }); /* Carousel & Dropdown Logic */ var charts = chartWrapper.querySelectorAll(‘.fv-chart-item’); var dropdown = chartWrapper.querySelector(‘.fv-dropdown-title’); var prevBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.prev’); var nextBtn = chartWrapper.querySelector(‘.fv-carousel-nav-btn.subsequent’); var carouselTitle = chartWrapper.querySelector(‘.fv-carousel-title-controls .fv-benchmark-title’); var counter = chartWrapper.querySelector(‘.fv-carousel-counter’); /* Textual content Parts */ 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.size > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.choices).map(perform(o) { return o.textual content; }); } else { charts.forEach(perform(c) ); } perform showInternalChart(index) { if (index = charts.size) index = 0; currentChartIndex = index; charts.forEach(perform(c, i) { c.type.show = i === index ? ‘block’ : ‘none’; if (i === index) { var cType = c.dataset.chartType; if (cType === ‘Line’) { /* Line chart animations if wanted */ } else if (cType !== ‘Pie’) { window.fvAnimateCharts(chartWrapper); } /* Replace labels-on-top based mostly on present chart sort */ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === ‘true’; if (labelsOnTop && (cType === ‘Bar’ || cType === ‘Stacked Bar’ || cType === ‘Versus’)) { chartWrapper.classList.add(‘labels-on-top’); } else { chartWrapper.classList.take away(‘labels-on-top’); } } }); if (dropdown) dropdown.worth = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ‘ of ‘ + charts.size; /* Replace Subhead and Caption */ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute(‘data-subhead’); var newCaption = activeChart.getAttribute(‘data-caption’); var currentChartType = activeChart.getAttribute(‘data-chart-type’); var hideGlobalCaption = currentChartType === ‘Countdown’ || currentChartType === ‘Picture Comparability’ || currentChartType === ‘Store the Assortment’; if (subheadEl) subheadEl.textContent = newSubhead || ”; if (captionEl) captionEl.textContent = newCaption || ”; if (footerContentEl) { if (newCaption && newCaption.trim().size > 0 && !hideGlobalCaption) { footerContentEl.type.show = ‘block’; if (bottomBarEl) bottomBarEl.type.show = ‘flex’; } else { footerContentEl.type.show = ‘none’; if (bottomBarEl && !logoEl) { bottomBarEl.type.show = ‘none’; } } } } } if (dropdown) dropdown.addEventListener(‘change’, perform(e) { showInternalChart(parseInt(e.goal.worth)); }); if (prevBtn) prevBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex – 1); }); if (nextBtn) nextBtn.addEventListener(‘click on’, perform() { showInternalChart(currentChartIndex + 1); }); } /* Picture Comparability Logic */ var imageCompareWrappers = chartWrapper.querySelectorAll(‘.fv-image-compare-wrapper’); imageCompareWrappers.forEach(perform(wrapper) { var internal = wrapper.querySelector(‘.fv-image-compare-inner’) || wrapper; var slider = wrapper.querySelector(‘.fv-image-compare-slider’); var fgImage = wrapper.querySelector(‘.fv-image-compare-fg’); var bgImage = wrapper.querySelector(‘.fv-image-compare-bg’); var labelLeft = wrapper.querySelector(‘.fv-image-compare-label-left’); var labelRight = wrapper.querySelector(‘.fv-image-compare-label-right’); var isDragging = false; /* Zoom state */ var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; perform updateTransform() { if (wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { internal.type.setProperty(‘remodel’, ‘translate(‘ + panX + ‘px, ‘ + panY + ‘px) scale(‘ + scale + ‘)’, ‘essential’); } else { internal.type.removeProperty(‘remodel’); scale = 1; panX = 0; panY = 0; } } perform constrainPan() { var rect = wrapper.getBoundingClientRect(); /* Max pan is determined by how a lot the picture is scaled past the wrapper */ var maxPanX = Math.max(0, (rect.width * scale – rect.width) / 2); var maxPanY = Math.max(0, (rect.peak * scale – rect.peak) / 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener(‘wheel’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX – rect.left – rect.width / 2; var mouseY = e.clientY – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = mouseX – (mouseX – panX) * ratio; panY = mouseY – (mouseY – panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener(‘mousedown’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’) || scale 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener(‘mouseup’, perform() { isPanning = false; }); wrapper.addEventListener(‘touchstart’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; hasPanned = true; /* Stop click on after pinch */ } else if (e.touches.size === 1 && scale > 1) }, { passive: false }); wrapper.addEventListener(‘touchmove’, perform(e) { if (!wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) return; if (e.touches.size === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX – e.touches[1].clientX; var dy = e.touches[0].clientY – e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance / initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 – rect.left – rect.width / 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 – rect.high – rect.peak / 2; var ratio = newScale / scale; panX = centerX – (centerX – panX) * ratio; panY = centerY – (centerY – panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX – lastCenterX); panY += (centerY – lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.size === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX – lastClientX; var dy = e.touches[0].clientY – lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener(‘touchend’, perform(e) { if (e.touches.size < 2) { initialDistance = null; } if (e.touches.size === 0) { isPanning = false; } }); perform handleMove(clientX) { var rect = internal.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX – rect.left, rect.width)); var % = Math.max(0, Math.min((x / rect.width) * 100, 100)); if (slider) slider.type.setProperty('left', % + '%', 'essential'); if (fgImage) fgImage.type.setProperty('clip-path', 'polygon(0 0, ' + % + '% 0, ' + % + '% 100%, 0 100%)', 'essential'); if (labelLeft) { if (% 90) { labelRight.type.setProperty(‘opacity’, ‘0’, ‘essential’); } else { labelRight.type.setProperty(‘opacity’, ‘1’, ‘essential’); } } } perform onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } perform onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } perform stopDragging() { isDragging = false; window.removeEventListener(‘mousemove’, onMouseMove); window.removeEventListener(‘mouseup’, stopDragging); window.removeEventListener(‘touchmove’, onTouchMove); window.removeEventListener(‘touchend’, stopDragging); } if (slider) { var startDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘mousemove’, onMouseMove); window.addEventListener(‘mouseup’, stopDragging); }; var startTouchDrag = perform(clientX) { isDragging = true; handleMove(clientX); window.addEventListener(‘touchmove’, onTouchMove, { passive: false }); window.addEventListener(‘touchend’, stopDragging); }; slider.addEventListener(‘mousedown’, perform(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener(‘touchstart’, perform(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } /* Develop/Shut Logic */ var expandBtn = wrapper.querySelector(‘.fv-image-compare-expand-btn’); var closeBtn = wrapper.querySelector(‘.fv-image-compare-close-btn’); if (expandBtn) { if (window !== window.mother or father) { expandBtn.type.show = ‘none’; } else { expandBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.add(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ‘hidden’; /* Load high-res pictures if out there */ if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute(‘srcset’); fgImage.removeAttribute(‘sizes’); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute(‘srcset’); bgImage.removeAttribute(‘sizes’); } }); } } if (closeBtn) { closeBtn.addEventListener(‘click on’, perform(e) { /* e.preventDefault(); // Eliminated to permit textual content choice */ e.stopPropagation(); wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); }); } /* Shut on Escape */ doc.addEventListener(‘keydown’, perform(e) { if (e.key === ‘Escape’ && wrapper.classList.accommodates(‘fv-image-compare-fullscreen’)) { wrapper.classList.take away(‘fv-image-compare-fullscreen’); doc.physique.type.overflow = ”; updateTransform(); } }); }); /* Store 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’); perform closeAllModals() { if (allProductsModal) { allProductsModal.classList.take away(‘is-active’); /* Take away highlights */ var objects = allProductsModal.querySelectorAll(‘.fv-stl-all-products-item’); objects.forEach(perform(merchandise) { merchandise.classList.take away(‘is-highlighted’); }); /* Take away min-height after transition */ if (stlContainer) { setTimeout(perform() { if (!allProductsModal.classList.accommodates(‘is-active’)) { stlContainer.type.minHeight=””; if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } }, 300); } } hotspots.forEach(perform(btn) { btn.setAttribute(‘aria-expanded’, ‘false’); }); if (‘parentIFrame’ in window) { window.parentIFrame.measurement(); } } hotspots.forEach(perform(btn) { btn.addEventListener(‘click on’, perform(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’); /* Guarantee container is tall sufficient */ var container = btn.closest(‘.fv-stl-container’); if (container && container.offsetHeight < 450) { container.type.minHeight = '450px'; } /* Spotlight and scroll to merchandise */ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(perform() { targetItem.scrollIntoView({ habits: 'easy', block: 'middle' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.measurement(); } } }); }); /* Store All button */ if (shopAllBtn && allProductsModal) { shopAllBtn.addEventListener('click on', perform(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); /* Guarantee container is tall sufficient */ var container = shopAllBtn.closest('.fv-stl-container'); if (container && container.offsetHeight = iaNodes.size) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if(targetBtn.classList.accommodates(‘is-active’)) { targetBtn.click on(); } targetBtn.click on(); } } }); } if (iaWrapper) { iaWrapper.addEventListener(‘click on’, perform(e) { if (!e.goal.closest(‘.fv-ia-node-button’) && !e.goal.closest(‘.fv-ia-explore-btn’)) { closeAllIANodes(); resetExploreBtn(); } }); } /* Preliminary Animation */ window.fvAnimateCharts(chartWrapper); /* Countdown Logic */ var countdownContainer = chartWrapper.querySelector(‘.fv-countdown-container’); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute(‘data-target-date’); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute(‘data-primary-color’) || ‘#f97316’; var subheadColor = countdownContainer.getAttribute(‘data-subhead-color’) || ‘#ffffff’; var pad = perform(n) { return (n 0) { d = Math.flooring(distinction / (1000 * 60 * 60 * 24)); h = Math.flooring((distinction / (1000 * 60 * 60)) % 24); m = Math.flooring((distinction / 1000 / 60) % 60); s = Math.flooring((distinction / 1000) % 60); } var daysEl = countdownContainer.querySelector(‘[data-time=”days”]’); var hoursEl = countdownContainer.querySelector(‘[data-time=”hours”]’); var minsEl = countdownContainer.querySelector(‘[data-time=”minutes”]’); var secsEl = countdownContainer.querySelector(‘[data-time=”seconds”]’); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = doc.getElementById(uniqueId + ‘-slideshow’); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll(‘.fv-slide’); slides.forEach(perform(slide) { setupWrapper(slide.querySelector(‘.fv-chart-wrapper’)); }); } } else { setupWrapper(root); } } if (doc.readyState === ‘loading’) { doc.addEventListener(‘DOMContentLoaded’, perform() { initialize(‘fv-chart-1779832621246-gpy1nppxa’, false); }); } else { initialize(‘fv-chart-1779832621246-gpy1nppxa’, false); } })();
