{"id":1720049,"date":"2026-10-15T13:00:00","date_gmt":"2026-10-15T13:00:00","guid":{"rendered":"http:\/\/3fgf452ReAUkfhvUqtjo69"},"modified":"2026-10-15T13:00:00","modified_gmt":"2026-10-15T13:00:00","slug":"xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld","status":"publish","type":"post","link":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/","title":{"rendered":"Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld"},"content":{"rendered":"<article>\n<p>So, you&#8217;ve seen the Asus ROG Xbox Ally X20 in all its black and gold glory and wondered if it&#8217;s worth paying $300 more for it. Well, the answer is &#8216;it really depends on what kind of device you are looking for&#8217; and &#8216;how much is a fresh OLED screen worth to you?&#8217; <\/p>\n<p>Unlike the other ROG 20th anniversary edition bits of Asus gear, the X20 is not about superfluous add-ons (unless you pick up the bundle with XR glasses). You aren&#8217;t getting a commemorative faceplate here, or extra stickers. You get an OLED screen, TMR thumbsticks, improved thermals, and MicroSD Express compatibility. <\/p>\n<p>You also get Impulse triggers, which means they can rumble independently, and the D-Pad can be flicked around to make the corners more or less pronounced. <\/p>\n<p>The screen is perhaps the biggest sell here, with its 1400 HDR-certified display going up to a peak brightness of 1,400 nits. As I found in <a href=\"https:\/\/www.pcgamer.com\/hardware\/handheld-gaming-pcs\/asus-rog-xbox-ally-x20-review\" target=\"_blank\">my review<\/a>, it&#8217;s so sizzlingly bright at points that I looked at the sun in Cyberpunk 2077 while lying in bed one night and actually winced. Check out the full differences below. <\/p>\n<div >\n<table>\n<caption>Asus ROG Xbox Ally X20 vs Xbox Ally X<\/caption>\n<tbody>\n<tr>\n<td class=\"firstcol empty\" ><\/td>\n<td >\n<p><strong>Asus ROG Xbox Ally X20<\/strong><\/p>\n<\/td>\n<td >\n<p><strong>Asus ROG Xbox Ally X<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Processor<\/p>\n<\/td>\n<td >\n<p>AMD Ryzen Z2 Extreme<\/p>\n<\/td>\n<td >\n<p>AMD Ryzen Z2 Extreme<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>CPU architecture<\/p>\n<\/td>\n<td >\n<p>Zen 5 \/ Zen 5c<\/p>\n<\/td>\n<td >\n<p>Zen 5 \/ Zen 5c<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Core \/ threads<\/p>\n<\/td>\n<td >\n<p>8 \/ 16<\/p>\n<\/td>\n<td >\n<p>8 \/ 16<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>CPU boost clock<\/p>\n<\/td>\n<td >\n<p>5 GHz<\/p>\n<\/td>\n<td >\n<p>5 GHz<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>GPU architecture<\/p>\n<\/td>\n<td >\n<p>RDNA 3.5<\/p>\n<\/td>\n<td >\n<p>RDNA 3.5<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Shader count<\/p>\n<\/td>\n<td >\n<p>1024<\/p>\n<\/td>\n<td >\n<p>1024<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>GPU boost clock<\/p>\n<\/td>\n<td >\n<p>2.9 GHz<\/p>\n<\/td>\n<td >\n<p>2.9 GHz<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>VRAM<\/p>\n<\/td>\n<td >\n<p>8 GB (shared, adjustable)<\/p>\n<\/td>\n<td >\n<p>8 GB (shared, adjustable)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Memory<\/p>\n<\/td>\n<td >\n<p>24 GB LPDDR5X<\/p>\n<\/td>\n<td >\n<p>24 GB LPDDR5X<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Screen<\/p>\n<\/td>\n<td >\n<p>7.4-inch OLED display<\/p>\n<\/td>\n<td >\n<p>7-inch IPS LCD display<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Resolution \/ refresh rate<\/p>\n<\/td>\n<td >\n<p>1920 x 1080 \/ 120 Hz<\/p>\n<\/td>\n<td >\n<p>1920 x 1080 \/ 120 Hz<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Peak brightness<\/p>\n<\/td>\n<td >\n<p>1400 nits<\/p>\n<\/td>\n<td >\n<p>500 nits<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Storage<\/p>\n<\/td>\n<td >\n<p>1 TB PCIe 4.0 NVMe M.2 2280 SSD<\/p>\n<\/td>\n<td >\n<p>1 TB PCIe 4.0 NVMe M.2 2280 SSD<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Thumbsticks<\/p>\n<\/td>\n<td >\n<p>TMR<\/p>\n<\/td>\n<td >\n<p>Magnetic<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Connectivity <\/p>\n<\/td>\n<td >\n<p>1x USB4 Type-C with DP 2.1 \/ PD 3.0 \/ TB 4 compatible<\/p>\n<p>1x USB 3.2 Gen with DP 2.1 \/ PD 3.0<\/p>\n<p>1x UHS-II microSD Express card reader<\/p>\n<p>1x 3.5 mm combo jack<\/p>\n<\/td>\n<td >\n<p>1x USB4 Type-C with DP 2.1 \/ PD 3.0 \/ TB 4 compatible<\/p>\n<p>1x USB 3.2 Gen with DP 2.1 \/ PD 3.0<\/p>\n<p>1x UHS-II microSD card reader<\/p>\n<p>1x 3.5 mm combo jack<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Dimensions<\/p>\n<\/td>\n<td >\n<p>30.0 x 12.1 x 5.13 cm<\/p>\n<\/td>\n<td >\n<p>29 x 12.1 x 5.07 cm<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Battery<\/p>\n<\/td>\n<td >\n<p>80 Wh<\/p>\n<\/td>\n<td >\n<p>80 Wh<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Weight<\/p>\n<\/td>\n<td >\n<p>756 g<\/p>\n<\/td>\n<td >\n<p>715 g<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Price<\/p>\n<\/td>\n<td >\n<p><a href=\"https:\/\/rog.asus.com\/us\/gaming-handhelds\/rog-ally\/rog-xbox-ally-x20-2026\/wtb\/\" target=\"_blank\">$1,300<\/a> \/ <a href=\"https:\/\/uk.store.asus.com\/rog-xbox-ally-x20.html\" target=\"_blank\">\u00a31300<\/a><\/p>\n<\/td>\n<td >\n<p><a href=\"https:\/\/bestbuy.7tiv.net\/c\/1943169\/614286\/10014?subId1=pcg-gb-6459252765237501214&#038;sharedId=pcg-gb&#038;u=https%3A%2F%2Fwww.bestbuy.com%2Fproduct%2Frog-xbox-ally-x-7-fhd-120hz-gaming-handheld-amd-ryzen-ai-z2-extreme-processor-24gb-with-1tb-ssd-windows%2FJJGHGPLVHW\" target=\"_blank\">$1,000<\/a> \/ <a href=\"https:\/\/www.awin1.com\/awclick.php?awinmid=31726&#038;awinaffid=103504&#038;clickref=pcg-gb-6290159269328242922&#038;p=https%3A%2F%2Fuk.store.asus.com%2Frog-xbox-ally-x.html\" target=\"_blank\">\u00a3900<\/a> (MSRP)<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2 class=\"article-body__section\" id=\"section-asus-rog-xbox-ally-x20-vs-asus-rog-xbox-ally-x-performance\"><span>Asus ROG Xbox Ally X20 vs Asus ROG Xbox Ally X: Performance<\/span><\/h2>\n<div class=\"vizualizer-embed\">\n<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;700&display=swap'); @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap'); #fv-chart-1792067331437-296yhmu7w *, #fv-chart-1792067331437-296yhmu7w *:before, #fv-chart-1792067331437-296yhmu7w *:after, #fv-chart-1792067331437-296yhmu7w-slideshow *, #fv-chart-1792067331437-296yhmu7w-slideshow *:before, #fv-chart-1792067331437-296yhmu7w-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1792067331437-296yhmu7w, #fv-chart-1792067331437-296yhmu7w-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792067331437-296yhmu7w { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1792067331437-296yhmu7w .fv-inner-wrapper { color: #1F2937 !important; background-color: #ededed !important; padding: 1.5rem 1.5rem 2rem !important; border-radius: 0.5rem !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; margin: 1rem 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } #fv-chart-1792067331437-296yhmu7w .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1792067331437-296yhmu7w.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1792067331437-296yhmu7w.fv-full-bleed .fv-inner-wrapper { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792067331437-296yhmu7w .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792067331437-296yhmu7w-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1792067331437-296yhmu7w-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1792067331437-296yhmu7w-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1792067331437-296yhmu7w-slideshow .fv-slideshow-nav-row { position: relative !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 0 0 16px 0 !important; width: 100% !important; z-index: 20 !important; } #fv-chart-1792067331437-296yhmu7w-slideshow .fv-nav-btn { background-color: var(--riv-primary) !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; padding: 8px 16px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; transition: opacity 0.2s, background-color 0.2s !important; height: 36px !important; text-transform: none !important; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; } #fv-chart-1792067331437-296yhmu7w-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1792067331437-296yhmu7w-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1792067331437-296yhmu7w-slideshow .fv-nav-btn.disabled, #fv-chart-1792067331437-296yhmu7w-slideshow .fv-nav-btn:disabled { background-color: #E5E7EB !important; color: #9CA3AF !important; cursor: default !important; pointer-events: none !important; box-shadow: none !important; } #fv-chart-1792067331437-296yhmu7w-slideshow .fv-slide-counter { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; text-align: center !important; min-width: 40px !important; background-color: rgba(255,255,255,0.8) !important; padding: 2px 8px !important; border-radius: 10px !important; user-select: none !important; } #fv-chart-1792067331437-296yhmu7w-slideshow .fv-slideshow-select { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 20 !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white !important; border: 1px solid #d1d5db !important; color: #1F2937 !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; padding: 6px 32px 6px 12px !important; border-radius: 4px !important; cursor: pointer !important; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'\/%3e%3c\/svg%3e\") !important; background-position: right 0.5rem center !important; background-repeat: no-repeat !important; background-size: 1.5em 1.5em !important; } #fv-chart-1792067331437-296yhmu7w-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1792067331437-296yhmu7w .fv-chart-title { font-weight: bold !important; text-align: center !important; margin-bottom: 0.5rem !important; color: var(--riv-primary) !important; font-size: 20px !important; line-height: 1.2 !important; font-family: 'Open Sans', sans-serif !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; padding: 0 20px !important; } #fv-chart-1792067331437-296yhmu7w .fv-chart-subhead { font-size: 18px !important; font-weight: 500 !important; text-align: center !important; margin-bottom: 2rem !important; color: #374151 !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; text-transform: none !important; padding: 0 20px !important; } #fv-chart-1792067331437-296yhmu7w .rv-chart-caption { font-size: 15px !important; color: #374151 !important; text-align: center !important; font-style: normal !important; font-weight: normal !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; } #fv-chart-1792067331437-296yhmu7w .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1792067331437-296yhmu7w .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1792067331437-296yhmu7w .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select { background: transparent; border: none; border-bottom: 2px solid; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select option { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #374151; direction: ltr; text-align: left; } #fv-chart-1792067331437-296yhmu7w .fv-versus-vs { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; color: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1792067331437-296yhmu7w .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1792067331437-296yhmu7w .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1792067331437-296yhmu7w .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1792067331437-296yhmu7w .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1792067331437-296yhmu7w .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1792067331437-296yhmu7w .fv-versus-bar { height: 32px; width: var(--target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; display: flex; align-items: center; overflow: hidden; color: #ffffff; } #fv-chart-1792067331437-296yhmu7w .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1792067331437-296yhmu7w .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-1792067331437-296yhmu7w .fv-versus-center-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background-color: #ffffff; transform: translateX(-50%); z-index: 1; } #fv-chart-1792067331437-296yhmu7w .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792067331437-296yhmu7w .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792067331437-296yhmu7w .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1792067331437-296yhmu7w .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1792067331437-296yhmu7w .fv-versus-label { position: absolute; left: 50%; transform: translateX(-50%); top: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #374151; white-space: nowrap; } #fv-chart-1792067331437-296yhmu7w .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1792067331437-296yhmu7w .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1792067331437-296yhmu7w .fv-logo { display: block !important; margin: 0 auto !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: auto !important; object-fit: contain !important; flex-shrink: 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1792067331437-296yhmu7w .fv-dropdown-title { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: transparent !important; border: none !important; font-size: 18px !important; font-weight: 600 !important; color: var(--riv-primary) !important; padding-right: 28px !important; padding-left: 10px !important; cursor: pointer !important; text-align: center !important; text-align-last: center !important; width: auto !important; max-width: 100% !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; margin: 0 !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; } #fv-chart-1792067331437-296yhmu7w .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1792067331437-296yhmu7w .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1792067331437-296yhmu7w .fv-dropdown-chevron { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; color: var(--riv-primary) !important; display: flex !important; align-items: center !important; } #fv-chart-1792067331437-296yhmu7w .fv-carousel-title-controls { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; width: 100% !important; gap: 12px !important; } #fv-chart-1792067331437-296yhmu7w .fv-carousel-nav-btn { background: transparent !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; padding: 6px 10px !important; cursor: pointer !important; font-size: 14px !important; color: #374151 !important; display: flex !important; align-items: center !important; gap: 4px !important; font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792067331437-296yhmu7w .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1792067331437-296yhmu7w .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1792067331437-296yhmu7w .fv-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px 16px !important; margin: 0 !important; padding: 0 !important; margin-top: 1rem !important; } #fv-chart-1792067331437-296yhmu7w .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1792067331437-296yhmu7w .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1792067331437-296yhmu7w .fv-multi-value-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px 24px !important; margin-bottom: 1.5rem !important; padding: 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-multi-legend-item { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #374151 !important; font-weight: 500 !important; } #fv-chart-1792067331437-296yhmu7w .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1792067331437-296yhmu7w .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1792067331437-296yhmu7w .fv-benchmark-title { font-size: 18px !important; font-weight: 600 !important; margin-bottom: 16px !important; margin-top: 0 !important; padding: 0 !important; text-align: center !important; color: var(--riv-primary) !important; flex: 1 !important; min-width: 0 !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; word-wrap: break-word !important; max-width: 100% !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-row, #fv-chart-1792067331437-296yhmu7w .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-label { width: 150px !important; flex-shrink: 0 !important; font-size: 14px !important; color: #374151 !important; padding-right: 10px !important; text-align: right !important; font-weight: 500 !important; display: block !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-container { flex-grow: 1 !important; background-color: #E5E7EB !important; border-radius: 4px !important; min-height: 25px !important; border: 1px solid #D1D5DB !important; position: relative !important; display: flex !important; align-items: center !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-commentary-inline { display: none !important; position: absolute !important; left: 150px !important; top: 0 !important; bottom: 0 !important; right: 0 !important; width: calc(100% - 150px) !important; margin: 0 !important; padding: 0 8px !important; font-size: 13px !important; color: #fff !important; background: rgba(0,0,0,0.8) !important; border-radius: 4px !important; line-height: 1.4 !important; font-weight: normal !important; text-transform: none !important; word-wrap: break-word !important; z-index: 10 !important; align-items: center !important; overflow-y: auto !important; } #fv-chart-1792067331437-296yhmu7w.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067331437-296yhmu7w.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1792067331437-296yhmu7w.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar { height: 100% !important; border-radius: 3px !important; display: flex !important; align-items: center !important; transition: opacity 0.2s ease, width 0.8s ease-out !important; min-height: 23px !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-inner-content { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; height: 100% !important; padding: 0 8px !important; font-size: 14px !important; font-weight: bold !important; overflow: hidden !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-value-outside { padding-left: 8px !important; font-size: 14px !important; font-weight: bold !important; color: #374151 !important; white-space: nowrap !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1792067331437-296yhmu7w .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1792067331437-296yhmu7w .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1792067331437-296yhmu7w .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1792067331437-296yhmu7w .fv-stacked-segment { height: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 8px !important; border-right: 1px solid rgba(255,255,255,0.3) !important; } #fv-chart-1792067331437-296yhmu7w .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1792067331437-296yhmu7w .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1792067331437-296yhmu7w .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1792067331437-296yhmu7w .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1792067331437-296yhmu7w .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.5rem !important; font-weight: 700 !important; font-size: 14px !important; color: #374151 !important; text-transform: none !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1792067331437-296yhmu7w .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-ticks { display: flex !important; justify-content: space-between !important; padding-top: 4px !important; font-size: 13px !important; color: #374151 !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-ticks span::before { content: '' !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 2px !important; height: 4px !important; background-color: #D1D5DB !important; border-radius: 1px !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-title { text-align: center !important; font-size: 15px !important; color: #374151 !important; margin-top: 8px !important; margin-bottom: 16px !important; line-height: 1.5 !important; padding: 0 1rem !important; display: block !important; font-weight: bold !important; } #fv-chart-1792067331437-296yhmu7w .fv-y-axis-title { font-size: 15px !important; color: #374151 !important; line-height: 1.5 !important; text-align: left !important; padding-left: 5.83% !important; margin-bottom: 4px !important; display: block !important; font-weight: bold !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-pie-container, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-row, #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-stacked-product, #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-grouped-bar-product, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-bar-row, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-stacked-product, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-label, #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-grouped-product-title, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-bar-label, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-container, #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-cluster, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-bar-container, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-x-axis-wrapper, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-x-axis-label-space, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-x-axis-chart-space, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-benchmark-title, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-dropdown-title, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-carousel-nav-btn, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-chart-title, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-chart-subhead, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-versus-header, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-versus-select-wrapper, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-versus-vs, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-versus-select-container, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-versus-select, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-stl-shop-all-btn, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-stl-shop-all-logo, #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-stl-shop-all-icon, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-bar-commentary-inline, #fv-chart-1792067331437-296yhmu7w.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792067331437-296yhmu7w.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1792067331437-296yhmu7w .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792067331437-296yhmu7w .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-row, #fv-chart-1792067331437-296yhmu7w .fv-stacked-product, #fv-chart-1792067331437-296yhmu7w .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-label, #fv-chart-1792067331437-296yhmu7w .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-container, #fv-chart-1792067331437-296yhmu7w .fv-bar-cluster { width: 100% !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792067331437-296yhmu7w .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067331437-296yhmu7w .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792067331437-296yhmu7w .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-label-space { display: none !important; } #fv-chart-1792067331437-296yhmu7w .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792067331437-296yhmu7w .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792067331437-296yhmu7w .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792067331437-296yhmu7w .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792067331437-296yhmu7w .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792067331437-296yhmu7w .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792067331437-296yhmu7w .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792067331437-296yhmu7w .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792067331437-296yhmu7w .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792067331437-296yhmu7w .fv-stl-shop-all-logo, #fv-chart-1792067331437-296yhmu7w .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792067331437-296yhmu7w .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792067331437-296yhmu7w .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792067331437-296yhmu7w .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792067331437-296yhmu7w.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } }<\/style>\n<p><script type=\"application\/ld+json\">{ \"@context\": \"https:\/\/schema.org\", \"@type\": \"Dataset\", \"name\": \"Performance test\", \"description\": \"In a handful of games and productivity apps (35 W plugged in)\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-10-15T12:28:51.438Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"Asus ROG Xbox Ally X\", \"Asus ROG Xbox Ally X20\", \"3DMark Time Spy\", \"3DMark Storage\", \"FFXIV Shadowbringers\", \"Black Myth Wukong (1080p Medium)\", \"Black Myth Wukong | Upscaling (1080p Medium)\", \"Cyberpunk 2077 (1080p Medium)\", \"Cyberpunk 2077 | Upscaling (1080p Medium)\", \"F1 24 (1080p Medium)\", \"F1 24 | Upscaling (1080p Medium)\", \"Horizon Zero Dawn (1080p Original)\", \"Horizon Zero Dawn | Upscaling (1080p Original)\", \"Metro Exodus Enhanced (1080p High)\", \"7-zip\", \"Cinebench R24\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 3DMark Time Spy\", \"value\": 4033, \"unitText\": \"Index score\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 3DMark Time Spy\", \"value\": 4086, \"unitText\": \"Index score\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 3DMark Storage\", \"value\": 1163, \"unitText\": \"Index score\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 3DMark Storage\", \"value\": 1233, \"unitText\": \"Index score\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 FFXIV Shadowbringers\", \"value\": 18.91, \"unitText\": \"Total load time (seconds)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 FFXIV Shadowbringers\", \"value\": 21.4, \"unitText\": \"Total load time (seconds)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 Black Myth Wukong (1080p Medium)\", \"value\": 26, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 Black Myth Wukong (1080p Medium)\", \"value\": 26, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 Black Myth Wukong | Upscaling (1080p Medium)\", \"value\": 39, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 Black Myth Wukong | Upscaling (1080p Medium)\", \"value\": 40, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 Cyberpunk 2077 (1080p Medium)\", \"value\": 41, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 Cyberpunk 2077 (1080p Medium)\", \"value\": 42, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 Cyberpunk 2077 | Upscaling (1080p Medium)\", \"value\": 53, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 Cyberpunk 2077 | Upscaling (1080p Medium)\", \"value\": 58, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 F1 24 (1080p Medium)\", \"value\": 84, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 F1 24 (1080p Medium)\", \"value\": 85, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 F1 24 | Upscaling (1080p Medium)\", \"value\": 97, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 F1 24 | Upscaling (1080p Medium)\", \"value\": 96, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 Horizon Zero Dawn (1080p Original)\", \"value\": 48, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 Horizon Zero Dawn (1080p Original)\", \"value\": 51, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 Horizon Zero Dawn | Upscaling (1080p Original)\", \"value\": 70, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 Horizon Zero Dawn | Upscaling (1080p Original)\", \"value\": 69, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 Metro Exodus Enhanced (1080p High)\", \"value\": 27, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 Metro Exodus Enhanced (1080p High)\", \"value\": 22, \"unitText\": \"Avg FPS\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 7-zip\", \"value\": 81.14, \"unitText\": \"Compression (GIPS)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 7-zip\", \"value\": 81.77, \"unitText\": \"Compression (GIPS)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 Cinebench R24\", \"value\": 111, \"unitText\": \"Single-core index score\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 Cinebench R24\", \"value\": 110, \"unitText\": \"Single-core index score\" } ]}<\/script><script type=\"application\/json\" class=\"fv-embed-state\" data-version=\"2\">{\"version\":2,\"exportedAt\":\"2026-10-15T12:28:51.438Z\",\"state\":{\"data\":[{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"3DMark Time Spy\",\"value\":4033,\"unit\":\"Index score\",\"multiValues\":[{\"value\":4033,\"unit\":\"Index score\"},{\"value\":3663,\"unit\":\"GPU index score\"},{\"value\":9462,\"unit\":\"CPU index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"3DMark Storage\",\"value\":1163,\"unit\":\"Index score\",\"multiValues\":[{\"value\":1163,\"unit\":\"Index score\"},{\"value\":199.98,\"unit\":\"Avg bandwidth (MB\/s)\"},{\"value\":155,\"unit\":\"Access time (\u0173s)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"FFXIV Shadowbringers\",\"value\":18.91,\"unit\":\"Total load time (seconds)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Black Myth Wukong (1080p Medium)\",\"value\":26,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":26,\"unit\":\"Avg FPS\"},{\"value\":19,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Black Myth Wukong | Upscaling (1080p Medium)\",\"value\":39,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":39,\"unit\":\"Avg FPS\"},{\"value\":30,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Cyberpunk 2077 (1080p Medium)\",\"value\":41,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":41,\"unit\":\"Avg FPS\"},{\"value\":34,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Cyberpunk 2077 | Upscaling (1080p Medium)\",\"value\":53,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":53,\"unit\":\"Avg FPS\"},{\"value\":44,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"F1 24 (1080p Medium)\",\"value\":84,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":84,\"unit\":\"Avg FPS\"},{\"value\":76,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"F1 24 | Upscaling (1080p Medium)\",\"value\":97,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":97,\"unit\":\"Avg FPS\"},{\"value\":88,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Horizon Zero Dawn (1080p Original)\",\"value\":48,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":48,\"unit\":\"Avg FPS\"},{\"value\":15,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Horizon Zero Dawn | Upscaling (1080p Original)\",\"value\":70,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":70,\"unit\":\"Avg FPS\"},{\"value\":18,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Metro Exodus Enhanced (1080p High)\",\"value\":27,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":27,\"unit\":\"Avg FPS\"},{\"value\":15,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"7-zip\",\"value\":81.14,\"unit\":\"Compression (GIPS)\",\"multiValues\":[{\"value\":81.14,\"unit\":\"Compression (GIPS)\"},{\"value\":86.54,\"unit\":\"Decompression (GIPS)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Cinebench R24\",\"value\":111,\"unit\":\"Single-core index score\",\"multiValues\":[{\"value\":111,\"unit\":\"Single-core index score\"},{\"value\":762,\"unit\":\"Multi-core index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Battery life | PCMark 10\",\"value\":125,\"unit\":\"Battery life (minutes)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Thermal performance\",\"value\":96,\"unit\":\"Max CPU temp (\u00b0C)\",\"multiValues\":[{\"value\":96,\"unit\":\"Max CPU temp (\u00b0C)\"},{\"value\":55,\"unit\":\"Max CPU package power (W)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"3DMark Time Spy\",\"value\":4086,\"unit\":\"Index score\",\"multiValues\":[{\"value\":4086,\"unit\":\"Index score\"},{\"value\":3771,\"unit\":\"GPU index score\"},{\"value\":9568,\"unit\":\"CPU index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"3DMark Storage\",\"value\":1233,\"unit\":\"Index score\",\"multiValues\":[{\"value\":1233,\"unit\":\"Index score\"},{\"value\":210.38,\"unit\":\"Avg bandwidth (MB\/s)\"},{\"value\":145,\"unit\":\"Access time (\u0173s)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"FFXIV Shadowbringers\",\"value\":21.4,\"unit\":\"Total load time (seconds)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Black Myth Wukong (1080p Medium)\",\"value\":26,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":26,\"unit\":\"Avg FPS\"},{\"value\":19,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Black Myth Wukong | Upscaling (1080p Medium)\",\"value\":40,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":40,\"unit\":\"Avg FPS\"},{\"value\":35,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Cyberpunk 2077 (1080p Medium)\",\"value\":42,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":42,\"unit\":\"Avg FPS\"},{\"value\":33,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Cyberpunk 2077 | Upscaling (1080p Medium)\",\"value\":58,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":58,\"unit\":\"Avg FPS\"},{\"value\":40,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"F1 24 (1080p Medium)\",\"value\":85,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":85,\"unit\":\"Avg FPS\"},{\"value\":61,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"F1 24 | Upscaling (1080p Medium)\",\"value\":96,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":96,\"unit\":\"Avg FPS\"},{\"value\":72,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Horizon Zero Dawn (1080p Original)\",\"value\":51,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":51,\"unit\":\"Avg FPS\"},{\"value\":18,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Horizon Zero Dawn | Upscaling (1080p Original)\",\"value\":69,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":69,\"unit\":\"Avg FPS\"},{\"value\":25,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Metro Exodus Enhanced (1080p High)\",\"value\":22,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":22,\"unit\":\"Avg FPS\"},{\"value\":13,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"7-zip\",\"value\":81.77,\"unit\":\"Compression (GIPS)\",\"multiValues\":[{\"value\":81.77,\"unit\":\"Compression (GIPS)\"},{\"value\":85.5,\"unit\":\"Decompression (GIPS)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Cinebench R24\",\"value\":110,\"unit\":\"Single-core index score\",\"multiValues\":[{\"value\":110,\"unit\":\"Single-core index score\"},{\"value\":800,\"unit\":\"Multi-core index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Battery life | PCMark 10\",\"value\":149,\"unit\":\"Battery life (minutes)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Thermal performance\",\"value\":79,\"unit\":\"Max CPU temp (\u00b0C)\",\"multiValues\":[{\"value\":79,\"unit\":\"Max CPU temp (\u00b0C)\"},{\"value\":48,\"unit\":\"Max CPU package power (W)\"}],\"color\":\"\",\"site\":\"PC Gamer\"}],\"products\":[\"Asus ROG Xbox Ally X\",\"Asus ROG Xbox Ally X20\"],\"attributes\":[\"3DMark Time Spy\",\"3DMark Storage\",\"FFXIV Shadowbringers\",\"Black Myth Wukong (1080p Medium)\",\"Black Myth Wukong | Upscaling (1080p Medium)\",\"Cyberpunk 2077 (1080p Medium)\",\"Cyberpunk 2077 | Upscaling (1080p Medium)\",\"F1 24 (1080p Medium)\",\"F1 24 | Upscaling (1080p Medium)\",\"Horizon Zero Dawn (1080p Original)\",\"Horizon Zero Dawn | Upscaling (1080p Original)\",\"Metro Exodus Enhanced (1080p High)\",\"7-zip\",\"Cinebench R24\",\"Battery life | PCMark 10\",\"Thermal performance\"],\"selectedProducts\":[\"Asus ROG Xbox Ally X\",\"Asus ROG Xbox Ally X20\"],\"selectedPrimaryProduct\":\"Asus ROG Xbox Ally X20\",\"selectedAttributes\":[\"3DMark Time Spy\",\"3DMark Storage\",\"FFXIV Shadowbringers\",\"Black Myth Wukong (1080p Medium)\",\"Black Myth Wukong | Upscaling (1080p Medium)\",\"Cyberpunk 2077 (1080p Medium)\",\"Cyberpunk 2077 | Upscaling (1080p Medium)\",\"F1 24 (1080p Medium)\",\"F1 24 | Upscaling (1080p Medium)\",\"Horizon Zero Dawn (1080p Original)\",\"Horizon Zero Dawn | Upscaling (1080p Original)\",\"Metro Exodus Enhanced (1080p High)\",\"7-zip\",\"Cinebench R24\"],\"productColors\":[{\"productName\":\"Asus ROG Xbox Ally X\",\"color\":\"#E33235\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"color\":\"#FE9F58\"}],\"initialProductColors\":[{\"productName\":\"Asus ROG Xbox Ally X\",\"color\":\"#E33235\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"color\":\"#FE9F58\"}],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Bar\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"Dropdown\",\"brand\":{\"name\":\"PC Gamer\",\"logoUrl\":\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/pcgamer.png\",\"sliderLogoShape\":\"square\",\"embedBg\":\"#ededed\",\"colors\":{\"primary\":\"#E33235\",\"secondary\":\"#FE9F58\",\"accent\":\"#1CA9C4\",\"background\":\"#ededed\",\"text\":\"#1F2937\",\"productColors\":[\"#E33235\",\"#FE9F58\",\"#1CA9C4\",\"#EB6F71\",\"#FFC08B\",\"#66C5D7\",\"#B5282A\",\"#D07F46\"]}},\"textContent\":{\"title\":\"Performance test\",\"subhead\":\"In a handful of games and productivity apps (35 W plugged in)\",\"caption\":\"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",\"productNameOverrides\":{},\"attributeNameOverrides\":{},\"chartTitleOverrides\":{},\"xAxisLabelOverrides\":{},\"subheadOverrides\":{},\"captionOverrides\":{},\"unitOverrides\":{},\"multiValueLegendOverrides\":{},\"barCommentaryOverrides\":{}},\"dataEverLoaded\":true,\"showAISuggestionsButton\":false,\"barChartShowXAxis\":true,\"groupedBarChartShowProductName\":false,\"barChartLabelsOnTop\":false,\"experimentalEnablePieChart\":false,\"slideshowUseDropdown\":false},\"slides\":[]}<\/script><\/p>\n<div id=\"fv-chart-1792067331437-296yhmu7w\" class=\"fv-chart-wrapper \" data-bar-labels-on-top=\"false\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">Performance test<\/h3>\n<p class=\"fv-chart-subhead\">In a handful of games and productivity apps (35 W plugged in)<\/p>\n<div class=\"fv-dropdown-wrapper\">\n<div class=\"fv-dropdown-title-container\"><select class=\"fv-dropdown-title\"><option value=\"0\">3DMark Time Spy<\/option><option value=\"1\">3DMark Storage<\/option><option value=\"2\">FFXIV Shadowbringers<\/option><option value=\"3\">Black Myth Wukong (1080p Medium)<\/option><option value=\"4\">Black Myth Wukong | Upscaling (1080p Medium)<\/option><option value=\"5\">Cyberpunk 2077 (1080p Medium)<\/option><option value=\"6\">Cyberpunk 2077 | Upscaling (1080p Medium)<\/option><option value=\"7\">F1 24 (1080p Medium)<\/option><option value=\"8\">F1 24 | Upscaling (1080p Medium)<\/option><option value=\"9\">Horizon Zero Dawn (1080p Original)<\/option><option value=\"10\">Horizon Zero Dawn | Upscaling (1080p Original)<\/option><option value=\"11\">Metro Exodus Enhanced (1080p High)<\/option><option value=\"12\">7-zip<\/option><option value=\"13\">Cinebench R24<\/option><\/select><\/p>\n<div class=\"fv-dropdown-chevron\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/div>\n<\/div>\n<\/div>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-3DMark Time Spy\" data-chart-type=\"Bar\" data-title=\"3DMark Time Spy\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Index score<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>GPU index score<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #1CA9C4;\"><\/div>\n<p><span>CPU index score<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 40.33%; background-color: #E33235;\" data-target-width=\"40.33\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">4033<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 36.63%; background-color: #FE9F58;\" data-target-width=\"36.63\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">3663<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 94.62%; background-color: #1CA9C4;\" data-target-width=\"94.62\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">9462<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 40.86%; background-color: #E33235;\" data-target-width=\"40.86\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">4086<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 37.71%; background-color: #FE9F58;\" data-target-width=\"37.71\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">3771<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 95.67999999999999%; background-color: #1CA9C4;\" data-target-width=\"95.67999999999999\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">9568<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>2,500<\/span><span>5,000<\/span><span>7,500<\/span><span>10,000<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>3DMark Time Spy Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>4033 Index score, 3663 GPU index score, 9462 CPU index score<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>4086 Index score, 3771 GPU index score, 9568 CPU index score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-3DMark Storage\" data-chart-type=\"Bar\" data-title=\"3DMark Storage\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Index score<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>Avg bandwidth (MB\/s)<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #1CA9C4;\"><\/div>\n<p><span>Access time (\u0173s)<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 77.53333333333333%; background-color: #E33235;\" data-target-width=\"77.53333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">1163<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 13.331999999999999%; background-color: #FE9F58;\" data-target-width=\"13.331999999999999\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">199.98<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 10.333333333333334%; background-color: #1CA9C4;\" data-target-width=\"10.333333333333334\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">155<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 82.19999999999999%; background-color: #E33235;\" data-target-width=\"82.19999999999999\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">1233<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 14.025333333333334%; background-color: #FE9F58;\" data-target-width=\"14.025333333333334\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">210.38<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 9.666666666666666%; background-color: #1CA9C4;\" data-target-width=\"9.666666666666666\" data-target-margin=\"0\"><\/div>\n<p><span class=\"fv-bar-value-outside\">145<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>375<\/span><span>750<\/span><span>1,125<\/span><span>1,500<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>3DMark Storage Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>1163 Index score, 199.98 Avg bandwidth (MB\/s), 155 Access time (\u0173s)<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>1233 Index score, 210.38 Avg bandwidth (MB\/s), 145 Access time (\u0173s)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-FFXIV Shadowbringers\" data-chart-type=\"Bar\" data-title=\"FFXIV Shadowbringers\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 63.03333333333333%; background-color: #E33235;\" data-target-width=\"63.03333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">18.91<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 71.33333333333333%; background-color: #FE9F58;\" data-target-width=\"71.33333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">21.4<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>7.5<\/span><span>15<\/span><span>22.5<\/span><span>30<\/span><\/div>\n<div class=\"fv-x-axis-unit\">Total load time (seconds)<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>FFXIV Shadowbringers Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>18.91<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>21.4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-Black Myth Wukong (1080p Medium)\" data-chart-type=\"Bar\" data-title=\"Black Myth Wukong (1080p Medium)\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 86.66666666666667%; background-color: #E33235;\" data-target-width=\"86.66666666666667\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">26<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 63.33333333333333%; background-color: #FE9F58;\" data-target-width=\"63.33333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">19<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 86.66666666666667%; background-color: #E33235;\" data-target-width=\"86.66666666666667\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">26<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 63.33333333333333%; background-color: #FE9F58;\" data-target-width=\"63.33333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">19<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>7.5<\/span><span>15<\/span><span>22.5<\/span><span>30<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Black Myth Wukong (1080p Medium) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>26 Avg FPS, 19 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>26 Avg FPS, 19 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-Black Myth Wukong | Upscaling (1080p Medium)\" data-chart-type=\"Bar\" data-title=\"Black Myth Wukong | Upscaling (1080p Medium)\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 97.5%; background-color: #E33235;\" data-target-width=\"97.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">39<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 75%; background-color: #FE9F58;\" data-target-width=\"75\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">30<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 100%; background-color: #E33235;\" data-target-width=\"100\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">40<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 87.5%; background-color: #FE9F58;\" data-target-width=\"87.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">35<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>10<\/span><span>20<\/span><span>30<\/span><span>40<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Black Myth Wukong | Upscaling (1080p Medium) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>39 Avg FPS, 30 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>40 Avg FPS, 35 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-Cyberpunk 2077 (1080p Medium)\" data-chart-type=\"Bar\" data-title=\"Cyberpunk 2077 (1080p Medium)\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 68.33333333333333%; background-color: #E33235;\" data-target-width=\"68.33333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">41<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 56.666666666666664%; background-color: #FE9F58;\" data-target-width=\"56.666666666666664\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">34<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 70%; background-color: #E33235;\" data-target-width=\"70\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">42<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 55.00000000000001%; background-color: #FE9F58;\" data-target-width=\"55.00000000000001\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">33<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>15<\/span><span>30<\/span><span>45<\/span><span>60<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Cyberpunk 2077 (1080p Medium) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>41 Avg FPS, 34 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>42 Avg FPS, 33 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-Cyberpunk 2077 | Upscaling (1080p Medium)\" data-chart-type=\"Bar\" data-title=\"Cyberpunk 2077 | Upscaling (1080p Medium)\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 88.33333333333333%; background-color: #E33235;\" data-target-width=\"88.33333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">53<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 73.33333333333333%; background-color: #FE9F58;\" data-target-width=\"73.33333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">44<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 96.66666666666667%; background-color: #E33235;\" data-target-width=\"96.66666666666667\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">58<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 66.66666666666666%; background-color: #FE9F58;\" data-target-width=\"66.66666666666666\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">40<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>15<\/span><span>30<\/span><span>45<\/span><span>60<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Cyberpunk 2077 | Upscaling (1080p Medium) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>53 Avg FPS, 44 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>58 Avg FPS, 40 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-F1 24 (1080p Medium)\" data-chart-type=\"Bar\" data-title=\"F1 24 (1080p Medium)\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 84%; background-color: #E33235;\" data-target-width=\"84\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">84<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 76%; background-color: #FE9F58;\" data-target-width=\"76\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">76<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 85%; background-color: #E33235;\" data-target-width=\"85\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">85<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 61%; background-color: #FE9F58;\" data-target-width=\"61\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">61<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>25<\/span><span>50<\/span><span>75<\/span><span>100<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>F1 24 (1080p Medium) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>84 Avg FPS, 76 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>85 Avg FPS, 61 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-F1 24 | Upscaling (1080p Medium)\" data-chart-type=\"Bar\" data-title=\"F1 24 | Upscaling (1080p Medium)\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 97%; background-color: #E33235;\" data-target-width=\"97\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">97<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 88%; background-color: #FE9F58;\" data-target-width=\"88\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">88<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 96%; background-color: #E33235;\" data-target-width=\"96\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">96<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 72%; background-color: #FE9F58;\" data-target-width=\"72\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">72<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>25<\/span><span>50<\/span><span>75<\/span><span>100<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>F1 24 | Upscaling (1080p Medium) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>97 Avg FPS, 88 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>96 Avg FPS, 72 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-Horizon Zero Dawn (1080p Original)\" data-chart-type=\"Bar\" data-title=\"Horizon Zero Dawn (1080p Original)\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 80%; background-color: #E33235;\" data-target-width=\"80\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">48<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 25%; background-color: #FE9F58;\" data-target-width=\"25\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">15<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 85%; background-color: #E33235;\" data-target-width=\"85\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">51<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 30%; background-color: #FE9F58;\" data-target-width=\"30\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">18<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>15<\/span><span>30<\/span><span>45<\/span><span>60<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Horizon Zero Dawn (1080p Original) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>48 Avg FPS, 15 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>51 Avg FPS, 18 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-Horizon Zero Dawn | Upscaling (1080p Original)\" data-chart-type=\"Bar\" data-title=\"Horizon Zero Dawn | Upscaling (1080p Original)\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 87.5%; background-color: #E33235;\" data-target-width=\"87.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">70<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 22.5%; background-color: #FE9F58;\" data-target-width=\"22.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">18<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 86.25%; background-color: #E33235;\" data-target-width=\"86.25\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">69<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 31.25%; background-color: #FE9F58;\" data-target-width=\"31.25\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">25<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>20<\/span><span>40<\/span><span>60<\/span><span>80<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Horizon Zero Dawn | Upscaling (1080p Original) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>70 Avg FPS, 18 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>69 Avg FPS, 25 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-Metro Exodus Enhanced (1080p High)\" data-chart-type=\"Bar\" data-title=\"Metro Exodus Enhanced (1080p High)\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Avg FPS<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>1% Low FPS<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 90%; background-color: #E33235;\" data-target-width=\"90\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">27<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 50%; background-color: #FE9F58;\" data-target-width=\"50\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">15<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 73.33333333333333%; background-color: #E33235;\" data-target-width=\"73.33333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">22<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 43.333333333333336%; background-color: #FE9F58;\" data-target-width=\"43.333333333333336\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">13<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>7.5<\/span><span>15<\/span><span>22.5<\/span><span>30<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Metro Exodus Enhanced (1080p High) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>27 Avg FPS, 15 1% Low FPS<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>22 Avg FPS, 13 1% Low FPS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-7-zip\" data-chart-type=\"Bar\" data-title=\"7-zip\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Compression (GIPS)<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>Decompression (GIPS)<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 81.14%; background-color: #E33235;\" data-target-width=\"81.14\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">81.14<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 86.54%; background-color: #FE9F58;\" data-target-width=\"86.54\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">86.54<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 81.77%; background-color: #E33235;\" data-target-width=\"81.77\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">81.77<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 85.5%; background-color: #FE9F58;\" data-target-width=\"85.5\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">85.5<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>25<\/span><span>50<\/span><span>75<\/span><span>100<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>7-zip Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>81.14 Compression (GIPS), 86.54 Decompression (GIPS)<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>81.77 Compression (GIPS), 85.5 Decompression (GIPS)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067331437-296yhmu7w-bar-Cinebench R24\" data-chart-type=\"Bar\" data-title=\"Cinebench R24\" data-subhead=\"In a handful of games and productivity apps (35 W plugged in)\" data-caption=\"\" style=\"display: none;\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Single-core index score<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>Multi-core index score<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 13.875000000000002%; background-color: #E33235;\" data-target-width=\"13.875000000000002\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">111<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 95.25%; background-color: #FE9F58;\" data-target-width=\"95.25\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">762<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 13.750000000000002%; background-color: #E33235;\" data-target-width=\"13.750000000000002\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">110<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 100%; background-color: #FE9F58;\" data-target-width=\"100\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">800<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>200<\/span><span>400<\/span><span>600<\/span><span>800<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Cinebench R24 Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>111 Single-core index score, 762 Multi-core index score<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>110 Single-core index score, 800 Multi-core index score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\" style=\"display: block;\"><span class=\"fv-original-caption\" style=\"display: block;\"><\/span><span class=\"fv-ia-dynamic-caption\" style=\"display: none;\"><\/span><\/div>\n<\/div>\n<div class=\"fv-logo-explore-bar\"><img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\" alt=\"PC Gamer Logo\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script> window.iFrameResizer = { heightCalculationMethod: 'taggedElement' }; <\/script> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/iframe-resizer\/4.2.11\/iframeResizer.contentWindow.min.js\" async><\/script> <script> (function() { function createChartAnimator() { return function animateChartWrapper(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment'); bars.forEach(function(bar, index) { bar.style.setProperty('width', '0%', 'important'); bar.style.setProperty('transition', 'none', 'important'); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.style.setProperty('margin-left', baseMargin + '%', 'important'); } setTimeout(function() { var marginTransition = baseMargin !== undefined ? ', margin-left 0.8s ease-out' : ''; bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out' + marginTransition, 'important'); bar.style.setProperty('width', targetWidth + '%', 'important'); if (targetMargin !== undefined && baseMargin !== undefined) { bar.style.setProperty('margin-left', targetMargin + '%', 'important'); } }, index * 50 + 50); }); } function animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector('svg'); if (!lineSvg) return; var paths = lineSvg.querySelectorAll('.riv-line-path'); paths.forEach(function(p, i) { if (typeof p.getTotalLength === 'function') { var len = p.getTotalLength(); p.style.transition = 'none'; p.style.strokeDasharray = len; p.style.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(function() { p.style.transition = 'stroke-dashoffset 1s ease-out ' + (i * 0.1) + 's, stroke-width 0.2s, opacity 0.2s'; p.style.strokeDashoffset = '0'; }, 100); } }); var dots = lineSvg.querySelectorAll('.riv-dot'); dots.forEach(function(dot, i) { dot.style.opacity = '0'; setTimeout(function() { dot.style.transition = 'opacity 0.3s ease'; dot.style.opacity = '1'; }, 500 + i * 10); }); } var charts = chartWrapper.querySelectorAll('.fv-chart-item'); charts.forEach(function(chart) { if (window.getComputedStyle(chart).display === 'none') return; var chartType = chart.dataset.chartType; if (chartType === 'Line') { animateLineChart(chart); } else if (chartType !== 'Pie') { animateBars(chart); } }); }; } var fvLocalAnimate = createChartAnimator(); window.fvAnimateCharts = fvLocalAnimate; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); if (!root && !isSlideshow) return; function setupWrapper(chartWrapper) { if (!chartWrapper) return; \/* Responsive mobile view handling *\/ function checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height) <= 599; var isMobile; if (width === 0) { isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { isMobile = isMobileDevice || width < 600; } if (isMobile) { chartWrapper.classList.add('mobile-view'); } else { chartWrapper.classList.remove('mobile-view'); } } checkMobileView(); if (typeof ResizeObserver !== 'undefined') { var ro = new ResizeObserver(function() { checkMobileView(); }); ro.observe(chartWrapper); } window.addEventListener('resize', checkMobileView); var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop) { var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var hasVisibleBarChart = false; charts.forEach(function(c) { if (window.getComputedStyle(c).display !== 'none') { var cType = c.dataset.chartType; if (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus') { hasVisibleBarChart = true; } } }); if (hasVisibleBarChart) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } else { chartWrapper.classList.remove('labels-on-top'); } \/* Legend interactions *\/ chartWrapper.querySelectorAll('.riv-line-legend').forEach(function(legend) { var chartId = legend.dataset.chart; var chart = chartWrapper.querySelector('[id=\"' + chartId + '\"]'); if (!chart) return; var lines = chart.querySelectorAll('.riv-line-path'); var dots = chart.querySelectorAll('.riv-dot'); var legendItems = legend.querySelectorAll('.riv-legend-item'); legendItems.forEach(function(item) { var productName = item.dataset.product; var safeProductName = productName.replace(\/\"\/g, '\\\\\"'); var line = chart.querySelector('.riv-line-path[data-product=\"' + safeProductName + '\"]'); var productDots = chart.querySelectorAll('.riv-dot[data-product=\"' + safeProductName + '\"]'); if (line &#038;&#038; !line.dataset.origStroke) { line.dataset.origStroke = line.getAttribute('stroke-width') || '2'; } var highlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; }; var clearHighlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); }; var toggleIsolate = function() { var isIsolated = item.classList.contains('isolated'); legendItems.forEach(function(i) { i.classList.remove('isolated'); }); if (isIsolated) { lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); } else { item.classList.add('isolated'); lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; } }; item.addEventListener('mouseenter', highlight); item.addEventListener('focus', highlight); item.addEventListener('mouseleave', clearHighlight); item.addEventListener('blur', clearHighlight); item.addEventListener('click', toggleIsolate); if (line) { line.style.cursor = 'pointer'; line.addEventListener('mouseenter', highlight); line.addEventListener('mouseleave', clearHighlight); line.addEventListener('click', toggleIsolate); } }); }); \/* Versus Chart Logic *\/ var versusCharts = chartWrapper.querySelectorAll('.fv-versus-chart'); versusCharts.forEach(function(vc) { var dataJson = vc.getAttribute('data-versus-data'); var leftColor = vc.getAttribute('data-left-color') || '#E53935'; var rightColor = vc.getAttribute('data-right-color') || '#FFB300'; if (!dataJson) return; var versusData = JSON.parse(dataJson); var leftSelect = vc.querySelector('.fv-select-left'); var rightSelect = vc.querySelector('.fv-select-right'); var rows = vc.querySelectorAll('.fv-versus-row'); function updateVersusChart() { var leftProduct = leftSelect.value; var rightProduct = rightSelect.value; leftSelect.style.color = leftColor; leftSelect.style.borderColor = leftColor; rightSelect.style.color = rightColor; rightSelect.style.borderColor = rightColor; rows.forEach(function(row) { var index = parseInt(row.getAttribute('data-index')); var data = versusData[index]; if (!data) return; var leftVal = data.productData[leftProduct] ? data.productData[leftProduct].value : undefined; var rightVal = data.productData[rightProduct] ? data.productData[rightProduct].value : undefined; var leftIsNum = typeof leftVal === 'number'; var rightIsNum = typeof rightVal === 'number'; var leftNum = leftIsNum ? leftVal : 0; var rightNum = rightIsNum ? rightVal : 0; var maxVal = Math.max(leftNum, rightNum, 0.0001); var leftWidth = leftIsNum ? (leftNum \/ maxVal) * 95 : 0; var rightWidth = rightIsNum ? (rightNum \/ maxVal) * 85 : 0; var winner = null; var pctDiffStr = null; if (leftIsNum &#038;&#038; rightIsNum) { if (leftNum > rightNum) { winner = 'left'; if (rightNum > 0) { var diff = Math.round(((leftNum - rightNum) \/ rightNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } else if (rightNum > leftNum) { winner = 'right'; if (leftNum > 0) { var diff = Math.round(((rightNum - leftNum) \/ leftNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } } var leftDisplay = data.productData[leftProduct] && data.productData[leftProduct].displayValue !== undefined ? data.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : '-')); var rightDisplay = data.productData[rightProduct] && data.productData[rightProduct].displayValue !== undefined ? data.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : '-')); var unit = (data.productData[leftProduct] && data.productData[leftProduct].unit) || (data.productData[rightProduct] && data.productData[rightProduct].unit) || ''; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector('.fv-versus-bar-left'); var rightBar = row.querySelector('.fv-versus-bar-right'); var leftText = row.querySelector('.fv-inside-left'); var rightText = row.querySelector('.fv-inside-right'); var labelText = row.querySelector('.fv-versus-label span'); var existingPctDiffs = row.querySelectorAll('.fv-versus-pct-diff'); existingPctDiffs.forEach(function(el) { el.remove(); }); if (winner === 'left' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === 'right' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.style.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.style.setProperty('--target-width', leftWidth + '%'); leftBar.style.width = leftWidth + '%'; } if (rightBar) { rightBar.style.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.style.setProperty('--target-width', rightWidth + '%'); rightBar.style.width = rightWidth + '%'; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = data.attribute + (unit ? ' (' + unit + ')' : ''); } }); } if (leftSelect) leftSelect.addEventListener('change', updateVersusChart); if (rightSelect) rightSelect.addEventListener('change', updateVersusChart); }); \/* Bar Commentary Hover Logic *\/ var barRows = chartWrapper.querySelectorAll('.fv-bar-row'); var globalCaptionEl = chartWrapper.querySelector('.rv-chart-caption'); var fallbackCaptionHtml = globalCaptionEl ? globalCaptionEl.innerHTML : ''; barRows.forEach(function(row) { var commentaryEl = row.querySelector('[data-commentary-key]'); if (commentaryEl) { var commentaryText = commentaryEl.textContent; if (commentaryText && commentaryText.trim().length > 0) { row.addEventListener('mouseenter', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = commentaryText; globalCaptionEl.classList.add('fv-bar-active-caption'); } }); row.addEventListener('mouseleave', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = fallbackCaptionHtml; globalCaptionEl.classList.remove('fv-bar-active-caption'); } }); } } }); \/* Carousel & Dropdown Logic *\/ var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var dropdown = chartWrapper.querySelector('.fv-dropdown-title'); var prevBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.prev'); var nextBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.next'); var carouselTitle = chartWrapper.querySelector('.fv-carousel-title-controls .fv-benchmark-title'); var counter = chartWrapper.querySelector('.fv-carousel-counter'); var subheadEl = chartWrapper.querySelector('.fv-chart-subhead'); var captionEl = chartWrapper.querySelector('.rv-chart-caption'); var footerContentEl = chartWrapper.querySelector('.fv-footer-content'); var bottomBarEl = chartWrapper.querySelector('.fv-bottom-bar'); var logoEl = chartWrapper.querySelector('.fv-logo'); if (charts.length > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.options).map(function(o) { return o.text; }); } else { charts.forEach(function(c) { titles.push(c.getAttribute('data-title') || ''); }); } function showInternalChart(index) { if (index < 0) index = charts.length - 1; if (index >= charts.length) index = 0; currentChartIndex = index; charts.forEach(function(c, i) { c.style.display = i === index ? 'block' : 'none'; if (i === index) { var cType = c.dataset.chartType; if (cType !== 'Pie') { fvLocalAnimate(chartWrapper); } var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop && (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus')) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } }); if (dropdown) dropdown.value = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ' of ' + charts.length; var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute('data-subhead'); var newCaption = activeChart.getAttribute('data-caption'); var currentChartType = activeChart.getAttribute('data-chart-type'); var hideGlobalCaption = currentChartType === 'Countdown' || currentChartType === 'Image Comparison' || currentChartType === 'Shop the Collection'; if (subheadEl) subheadEl.textContent = newSubhead || ''; if (captionEl) { captionEl.textContent = newCaption || ''; fallbackCaptionHtml = newCaption || ''; } if (footerContentEl) { if (newCaption && newCaption.trim().length > 0 && !hideGlobalCaption) { footerContentEl.style.display = 'block'; if (bottomBarEl) bottomBarEl.style.display = 'flex'; } else { footerContentEl.style.display = 'none'; if (bottomBarEl && !logoEl) { bottomBarEl.style.display = 'none'; } } } } } if (dropdown) dropdown.addEventListener('change', function(e) { showInternalChart(parseInt(e.target.value)); }); if (prevBtn) prevBtn.addEventListener('click', function() { showInternalChart(currentChartIndex - 1); }); if (nextBtn) nextBtn.addEventListener('click', function() { showInternalChart(currentChartIndex + 1); }); } \/* Image Comparison Logic *\/ var imageCompareWrappers = chartWrapper.querySelectorAll('.fv-image-compare-wrapper'); imageCompareWrappers.forEach(function(wrapper) { var inner = wrapper.querySelector('.fv-image-compare-inner') || wrapper; var slider = wrapper.querySelector('.fv-image-compare-slider'); var fgImage = wrapper.querySelector('.fv-image-compare-fg'); var bgImage = wrapper.querySelector('.fv-image-compare-bg'); var labelLeft = wrapper.querySelector('.fv-image-compare-label-left'); var labelRight = wrapper.querySelector('.fv-image-compare-label-right'); var isDragging = false; var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; function updateTransform() { if (wrapper.classList.contains('fv-image-compare-fullscreen')) { inner.style.setProperty('transform', 'translate(' + panX + 'px, ' + panY + 'px) scale(' + scale + ')', 'important'); } else { inner.style.removeProperty('transform'); scale = 1; panX = 0; panY = 0; } } function constrainPan() { var rect = wrapper.getBoundingClientRect(); var maxPanX = Math.max(0, (rect.width * scale - rect.width) \/ 2); var maxPanY = Math.max(0, (rect.height * scale - rect.height) \/ 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener('wheel', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX - rect.left - rect.width \/ 2; var mouseY = e.clientY - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = mouseX - (mouseX - panX) * ratio; panY = mouseY - (mouseY - panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener('mousedown', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen') || scale <= 1) return; if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.clientX; lastClientY = e.clientY; }); window.addEventListener('mousemove', function(e) { if (!isPanning) return; var dx = e.clientX - lastClientX; var dy = e.clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener('mouseup', function() { isPanning = false; }); wrapper.addEventListener('touchstart', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; hasPanned = true; } else if (e.touches.length === 1 && scale > 1) { if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; } }, { passive: false }); wrapper.addEventListener('touchmove', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance \/ initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = centerX - (centerX - panX) * ratio; panY = centerY - (centerY - panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX - lastCenterX); panY += (centerY - lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.length === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX - lastClientX; var dy = e.touches[0].clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener('touchend', function(e) { if (e.touches.length < 2) { initialDistance = null; } if (e.touches.length === 0) { isPanning = false; } }); function handleMove(clientX) { var rect = inner.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX - rect.left, rect.width)); var percent = Math.max(0, Math.min((x \/ rect.width) * 100, 100)); if (slider) slider.style.setProperty('left', percent + '%', 'important'); if (fgImage) fgImage.style.setProperty('clip-path', 'polygon(0 0, ' + percent + '% 0, ' + percent + '% 100%, 0 100%)', 'important'); if (labelLeft) { if (percent < 10) { labelLeft.style.setProperty('opacity', '0', 'important'); } else { labelLeft.style.setProperty('opacity', '1', 'important'); } } if (labelRight) { if (percent > 90) { labelRight.style.setProperty('opacity', '0', 'important'); } else { labelRight.style.setProperty('opacity', '1', 'important'); } } } function onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } function onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } function stopDragging() { isDragging = false; window.removeEventListener('mousemove', onMouseMove); window.removeEventListener('mouseup', stopDragging); window.removeEventListener('touchmove', onTouchMove); window.removeEventListener('touchend', stopDragging); } if (slider) { var startDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('mousemove', onMouseMove); window.addEventListener('mouseup', stopDragging); }; var startTouchDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('touchmove', onTouchMove, { passive: false }); window.addEventListener('touchend', stopDragging); }; slider.addEventListener('mousedown', function(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener('touchstart', function(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } var expandBtn = wrapper.querySelector('.fv-image-compare-expand-btn'); var closeBtn = wrapper.querySelector('.fv-image-compare-close-btn'); if (expandBtn) { if (window !== window.parent) { expandBtn.style.display = 'none'; } else { expandBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.add('fv-image-compare-fullscreen'); document.body.style.overflow = 'hidden'; if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute('srcset'); fgImage.removeAttribute('sizes'); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute('srcset'); bgImage.removeAttribute('sizes'); } }); } } if (closeBtn) { closeBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); }); } document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && wrapper.classList.contains('fv-image-compare-fullscreen')) { wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); } }); }); \/* Shop The Look Hotspots *\/ var hotspots = chartWrapper.querySelectorAll('.fv-stl-hotspot-btn'); var allProductsModal = chartWrapper.querySelector('.fv-stl-all-products-modal'); var shopAllBtn = chartWrapper.querySelector('.fv-stl-shop-all-btn'); var stlContainer = chartWrapper.querySelector('.fv-stl-container'); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove('is-active'); var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item'); items.forEach(function(item) { item.classList.remove('is-highlighted'); }); if (stlContainer) { setTimeout(function() { if (!allProductsModal.classList.contains('is-active')) { stlContainer.style.minHeight = ''; if ('parentIFrame' in window) { window.parentIFrame.size(); } } }, 300); } } hotspots.forEach(function(btn) { btn.setAttribute('aria-expanded', 'false'); }); if ('parentIFrame' in window) { window.parentIFrame.size(); } } hotspots.forEach(function(btn) { btn.addEventListener('click', function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute('data-hotspot-id'); var isExpanded = btn.getAttribute('aria-expanded') === 'true'; closeAllModals(); if (!isExpanded && allProductsModal) { btn.setAttribute('aria-expanded', 'true'); allProductsModal.classList.add('is-active'); var container = btn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id=\"' + hotspotId + '\"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(function() { targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.size(); } } }); }); if (shopAllBtn &#038;&#038; allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); var container = shopAllBtn.closest('.fv-stl-container'); if (container &#038;&#038; container.offsetHeight < 450) { container.style.minHeight = '450px'; } if ('parentIFrame' in window) { window.parentIFrame.size(); } }); } if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } chartWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); if (allProductsModal) { allProductsModal.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); } \/* Image Annotation Logic *\/ var iaNodes = chartWrapper.querySelectorAll('.fv-ia-node-button'); var iaWrapper = chartWrapper.querySelector('.fv-ia-wrapper'); var originalCaption = chartWrapper.querySelector('.fv-original-caption') || captionEl; var dynamicCaption = chartWrapper.querySelector('.fv-ia-dynamic-caption'); var exploreBtn = chartWrapper.querySelector('.fv-ia-explore-btn'); var currentIaIndex = -1; function closeAllIANodes() { iaNodes.forEach(function(btn) { btn.classList.remove('is-active'); }); if (originalCaption) originalCaption.style.display = 'block'; if (dynamicCaption) dynamicCaption.style.display = 'none'; } function resetExploreBtn() { currentIaIndex = -1; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Explore'; } } iaNodes.forEach(function(btn, index) { btn.addEventListener('click', function(e) { e.stopPropagation(); var isActive = btn.classList.contains('is-active'); closeAllIANodes(); if (!isActive) { currentIaIndex = index; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Next'; } btn.classList.add('is-active'); if (dynamicCaption) { var title = btn.getAttribute('data-title') || ''; var desc = btn.getAttribute('data-desc') || ''; dynamicCaption.innerHTML = ''; var strongTag = document.createElement('strong'); strongTag.textContent = title; dynamicCaption.appendChild(strongTag); if (desc) { dynamicCaption.appendChild(document.createTextNode(' - ' + desc)); } if (originalCaption) originalCaption.style.display = 'none'; dynamicCaption.style.display = 'block'; if (footerContentEl) footerContentEl.style.display = 'block'; } } else { resetExploreBtn(); } }); }); if (exploreBtn) { exploreBtn.addEventListener('click', function(e) { e.stopPropagation(); if (iaNodes.length === 0) return; var nextIndex = currentIaIndex + 1; if (nextIndex >= iaNodes.length) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if (targetBtn.classList.contains('is-active')) { targetBtn.click(); } targetBtn.click(); } } }); } if (iaWrapper) { iaWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-ia-node-button') && !e.target.closest('.fv-ia-explore-btn')) { closeAllIANodes(); resetExploreBtn(); } }); } \/* Initial Animation *\/ chartWrapper._fvAnimate = fvLocalAnimate; fvLocalAnimate(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 pad = function(n) { return (n < 10 ? '0' : '') + n; }; var updateCountdown = function() { var difference = +targetDate - +new Date(); var d = 0, h = 0, m = 0, s = 0; if (difference > 0) { d = Math.floor(difference \/ (1000 * 60 * 60 * 24)); h = Math.floor((difference \/ (1000 * 60 * 60)) % 24); m = Math.floor((difference \/ 1000 \/ 60) % 60); s = Math.floor((difference \/ 1000) % 60); } var daysEl = countdownContainer.querySelector('[data-time=\"days\"]'); var hoursEl = countdownContainer.querySelector('[data-time=\"hours\"]'); var minsEl = countdownContainer.querySelector('[data-time=\"minutes\"]'); var secsEl = countdownContainer.querySelector('[data-time=\"seconds\"]'); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = document.getElementById(uniqueId + '-slideshow'); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll('.fv-slide'); slides.forEach(function(slide) { setupWrapper(slide.querySelector('.fv-chart-wrapper')); }); } } else { setupWrapper(root); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1792067331437-296yhmu7w', false); }); } else { initialize('fv-chart-1792067331437-296yhmu7w', false); } })(); <\/script><\/div>\n<p>With both devices featuring the same chip and memory, you can expect more or less the same performance. In my testing, I got lower Metro performance and worse 1% lows in F1 25, but better performance in Horizon Zero Dawn, Cyberpunk 2077 and 3DMark, so the framerate differences overall just about balance out. I also noticed the X20 never went above 49 watts, which means I would feel more comfortable cranking up the wattage. It helps that its thermals are much improved. <\/p>\n<h2 class=\"article-body__section\" id=\"section-asus-rog-xbox-ally-x20-vs-asus-rog-xbox-ally-x-thermals\"><span>Asus ROG Xbox Ally X20 vs Asus ROG Xbox Ally X: Thermals<\/span><\/h2>\n<div class=\"vizualizer-embed\">\n<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;700&display=swap'); @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap'); #fv-chart-1792067276603-y5jq2ysri *, #fv-chart-1792067276603-y5jq2ysri *:before, #fv-chart-1792067276603-y5jq2ysri *:after, #fv-chart-1792067276603-y5jq2ysri-slideshow *, #fv-chart-1792067276603-y5jq2ysri-slideshow *:before, #fv-chart-1792067276603-y5jq2ysri-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1792067276603-y5jq2ysri, #fv-chart-1792067276603-y5jq2ysri-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792067276603-y5jq2ysri { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1792067276603-y5jq2ysri .fv-inner-wrapper { color: #1F2937 !important; background-color: #ededed !important; padding: 1.5rem 1.5rem 2rem !important; border-radius: 0.5rem !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; margin: 1rem 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } #fv-chart-1792067276603-y5jq2ysri .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1792067276603-y5jq2ysri.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1792067276603-y5jq2ysri.fv-full-bleed .fv-inner-wrapper { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792067276603-y5jq2ysri .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792067276603-y5jq2ysri-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1792067276603-y5jq2ysri-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1792067276603-y5jq2ysri-slideshow .fv-slideshow-nav-row { position: relative !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 0 0 16px 0 !important; width: 100% !important; z-index: 20 !important; } #fv-chart-1792067276603-y5jq2ysri-slideshow .fv-nav-btn { background-color: var(--riv-primary) !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; padding: 8px 16px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; transition: opacity 0.2s, background-color 0.2s !important; height: 36px !important; text-transform: none !important; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; } #fv-chart-1792067276603-y5jq2ysri-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1792067276603-y5jq2ysri-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1792067276603-y5jq2ysri-slideshow .fv-nav-btn.disabled, #fv-chart-1792067276603-y5jq2ysri-slideshow .fv-nav-btn:disabled { background-color: #E5E7EB !important; color: #9CA3AF !important; cursor: default !important; pointer-events: none !important; box-shadow: none !important; } #fv-chart-1792067276603-y5jq2ysri-slideshow .fv-slide-counter { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; text-align: center !important; min-width: 40px !important; background-color: rgba(255,255,255,0.8) !important; padding: 2px 8px !important; border-radius: 10px !important; user-select: none !important; } #fv-chart-1792067276603-y5jq2ysri-slideshow .fv-slideshow-select { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 20 !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white !important; border: 1px solid #d1d5db !important; color: #1F2937 !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; padding: 6px 32px 6px 12px !important; border-radius: 4px !important; cursor: pointer !important; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'\/%3e%3c\/svg%3e\") !important; background-position: right 0.5rem center !important; background-repeat: no-repeat !important; background-size: 1.5em 1.5em !important; } #fv-chart-1792067276603-y5jq2ysri-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1792067276603-y5jq2ysri .fv-chart-title { font-weight: bold !important; text-align: center !important; margin-bottom: 0.5rem !important; color: var(--riv-primary) !important; font-size: 20px !important; line-height: 1.2 !important; font-family: 'Open Sans', sans-serif !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; padding: 0 20px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-chart-subhead { font-size: 18px !important; font-weight: 500 !important; text-align: center !important; margin-bottom: 2rem !important; color: #374151 !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; text-transform: none !important; padding: 0 20px !important; } #fv-chart-1792067276603-y5jq2ysri .rv-chart-caption { font-size: 15px !important; color: #374151 !important; text-align: center !important; font-style: normal !important; font-weight: normal !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select { background: transparent; border: none; border-bottom: 2px solid; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select option { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #374151; direction: ltr; text-align: left; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-vs { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; color: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-bar { height: 32px; width: var(--target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; display: flex; align-items: center; overflow: hidden; color: #ffffff; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1792067276603-y5jq2ysri .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-1792067276603-y5jq2ysri .fv-versus-center-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background-color: #ffffff; transform: translateX(-50%); z-index: 1; } #fv-chart-1792067276603-y5jq2ysri .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792067276603-y5jq2ysri .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-label { position: absolute; left: 50%; transform: translateX(-50%); top: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #374151; white-space: nowrap; } #fv-chart-1792067276603-y5jq2ysri .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1792067276603-y5jq2ysri .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri .fv-logo { display: block !important; margin: 0 auto !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: auto !important; object-fit: contain !important; flex-shrink: 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri .fv-dropdown-title { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: transparent !important; border: none !important; font-size: 18px !important; font-weight: 600 !important; color: var(--riv-primary) !important; padding-right: 28px !important; padding-left: 10px !important; cursor: pointer !important; text-align: center !important; text-align-last: center !important; width: auto !important; max-width: 100% !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; margin: 0 !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; } #fv-chart-1792067276603-y5jq2ysri .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1792067276603-y5jq2ysri .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1792067276603-y5jq2ysri .fv-dropdown-chevron { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; color: var(--riv-primary) !important; display: flex !important; align-items: center !important; } #fv-chart-1792067276603-y5jq2ysri .fv-carousel-title-controls { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; width: 100% !important; gap: 12px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-carousel-nav-btn { background: transparent !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; padding: 6px 10px !important; cursor: pointer !important; font-size: 14px !important; color: #374151 !important; display: flex !important; align-items: center !important; gap: 4px !important; font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792067276603-y5jq2ysri .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1792067276603-y5jq2ysri .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1792067276603-y5jq2ysri .fv-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px 16px !important; margin: 0 !important; padding: 0 !important; margin-top: 1rem !important; } #fv-chart-1792067276603-y5jq2ysri .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-multi-value-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px 24px !important; margin-bottom: 1.5rem !important; padding: 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-multi-legend-item { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #374151 !important; font-weight: 500 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1792067276603-y5jq2ysri .fv-benchmark-title { font-size: 18px !important; font-weight: 600 !important; margin-bottom: 16px !important; margin-top: 0 !important; padding: 0 !important; text-align: center !important; color: var(--riv-primary) !important; flex: 1 !important; min-width: 0 !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; word-wrap: break-word !important; max-width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-row, #fv-chart-1792067276603-y5jq2ysri .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-label { width: 150px !important; flex-shrink: 0 !important; font-size: 14px !important; color: #374151 !important; padding-right: 10px !important; text-align: right !important; font-weight: 500 !important; display: block !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-container { flex-grow: 1 !important; background-color: #E5E7EB !important; border-radius: 4px !important; min-height: 25px !important; border: 1px solid #D1D5DB !important; position: relative !important; display: flex !important; align-items: center !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-commentary-inline { display: none !important; position: absolute !important; left: 150px !important; top: 0 !important; bottom: 0 !important; right: 0 !important; width: calc(100% - 150px) !important; margin: 0 !important; padding: 0 8px !important; font-size: 13px !important; color: #fff !important; background: rgba(0,0,0,0.8) !important; border-radius: 4px !important; line-height: 1.4 !important; font-weight: normal !important; text-transform: none !important; word-wrap: break-word !important; z-index: 10 !important; align-items: center !important; overflow-y: auto !important; } #fv-chart-1792067276603-y5jq2ysri.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067276603-y5jq2ysri.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1792067276603-y5jq2ysri.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar { height: 100% !important; border-radius: 3px !important; display: flex !important; align-items: center !important; transition: opacity 0.2s ease, width 0.8s ease-out !important; min-height: 23px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-inner-content { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; height: 100% !important; padding: 0 8px !important; font-size: 14px !important; font-weight: bold !important; overflow: hidden !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-value-outside { padding-left: 8px !important; font-size: 14px !important; font-weight: bold !important; color: #374151 !important; white-space: nowrap !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1792067276603-y5jq2ysri .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1792067276603-y5jq2ysri .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1792067276603-y5jq2ysri .fv-stacked-segment { height: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 8px !important; border-right: 1px solid rgba(255,255,255,0.3) !important; } #fv-chart-1792067276603-y5jq2ysri .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1792067276603-y5jq2ysri .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1792067276603-y5jq2ysri .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1792067276603-y5jq2ysri .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.5rem !important; font-weight: 700 !important; font-size: 14px !important; color: #374151 !important; text-transform: none !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1792067276603-y5jq2ysri .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-ticks { display: flex !important; justify-content: space-between !important; padding-top: 4px !important; font-size: 13px !important; color: #374151 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-ticks span::before { content: '' !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 2px !important; height: 4px !important; background-color: #D1D5DB !important; border-radius: 1px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-title { text-align: center !important; font-size: 15px !important; color: #374151 !important; margin-top: 8px !important; margin-bottom: 16px !important; line-height: 1.5 !important; padding: 0 1rem !important; display: block !important; font-weight: bold !important; } #fv-chart-1792067276603-y5jq2ysri .fv-y-axis-title { font-size: 15px !important; color: #374151 !important; line-height: 1.5 !important; text-align: left !important; padding-left: 5.83% !important; margin-bottom: 4px !important; display: block !important; font-weight: bold !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-pie-container, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-row, #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-stacked-product, #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-grouped-bar-product, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-bar-row, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-stacked-product, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-label, #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-grouped-product-title, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-bar-label, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-container, #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-cluster, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-bar-container, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-x-axis-wrapper, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-x-axis-label-space, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-x-axis-chart-space, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-benchmark-title, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-dropdown-title, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-carousel-nav-btn, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-chart-title, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-chart-subhead, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-versus-header, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-versus-select-wrapper, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-versus-vs, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-versus-select-container, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-versus-select, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-stl-shop-all-btn, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-stl-shop-all-logo, #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-stl-shop-all-icon, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-bar-commentary-inline, #fv-chart-1792067276603-y5jq2ysri.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792067276603-y5jq2ysri.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1792067276603-y5jq2ysri .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792067276603-y5jq2ysri .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-row, #fv-chart-1792067276603-y5jq2ysri .fv-stacked-product, #fv-chart-1792067276603-y5jq2ysri .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-label, #fv-chart-1792067276603-y5jq2ysri .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-container, #fv-chart-1792067276603-y5jq2ysri .fv-bar-cluster { width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792067276603-y5jq2ysri .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067276603-y5jq2ysri .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792067276603-y5jq2ysri .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-label-space { display: none !important; } #fv-chart-1792067276603-y5jq2ysri .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792067276603-y5jq2ysri .fv-stl-shop-all-logo, #fv-chart-1792067276603-y5jq2ysri .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792067276603-y5jq2ysri .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792067276603-y5jq2ysri .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792067276603-y5jq2ysri .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792067276603-y5jq2ysri.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } }<\/style>\n<p><script type=\"application\/ld+json\">{ \"@context\": \"https:\/\/schema.org\", \"@type\": \"Dataset\", \"name\": \"Gaming test thermals\", \"description\": \"Recorded in HW Info whilst performing gaming benchmarks (35 W plugged in)\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-10-15T12:27:56.604Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"Asus ROG Xbox Ally X\", \"Asus ROG Xbox Ally X20\", \"Thermal performance\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 Thermal performance\", \"value\": 96, \"unitText\": \"Max CPU temp (\u00b0C)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 Thermal performance\", \"value\": 79, \"unitText\": \"Max CPU temp (\u00b0C)\" } ]}<\/script><script type=\"application\/json\" class=\"fv-embed-state\" data-version=\"2\">{\"version\":2,\"exportedAt\":\"2026-10-15T12:27:56.604Z\",\"state\":{\"data\":[{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"3DMark Time Spy\",\"value\":4033,\"unit\":\"Index score\",\"multiValues\":[{\"value\":4033,\"unit\":\"Index score\"},{\"value\":3663,\"unit\":\"GPU index score\"},{\"value\":9462,\"unit\":\"CPU index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"3DMark Storage\",\"value\":1163,\"unit\":\"Index score\",\"multiValues\":[{\"value\":1163,\"unit\":\"Index score\"},{\"value\":199.98,\"unit\":\"Avg bandwidth (MB\/s)\"},{\"value\":155,\"unit\":\"Access time (\u0173s)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"FFXIV Shadowbringers\",\"value\":18.91,\"unit\":\"Total load time (seconds)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Black Myth Wukong (1080p Medium)\",\"value\":26,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":26,\"unit\":\"Avg FPS\"},{\"value\":19,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Black Myth Wukong | Upscaling (1080p Medium)\",\"value\":39,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":39,\"unit\":\"Avg FPS\"},{\"value\":30,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Cyberpunk 2077 (1080p Medium)\",\"value\":41,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":41,\"unit\":\"Avg FPS\"},{\"value\":34,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Cyberpunk 2077 | Upscaling (1080p Medium)\",\"value\":53,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":53,\"unit\":\"Avg FPS\"},{\"value\":44,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"F1 24 (1080p Medium)\",\"value\":84,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":84,\"unit\":\"Avg FPS\"},{\"value\":76,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"F1 24 | Upscaling (1080p Medium)\",\"value\":97,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":97,\"unit\":\"Avg FPS\"},{\"value\":88,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Horizon Zero Dawn (1080p Original)\",\"value\":48,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":48,\"unit\":\"Avg FPS\"},{\"value\":15,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Horizon Zero Dawn | Upscaling (1080p Original)\",\"value\":70,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":70,\"unit\":\"Avg FPS\"},{\"value\":18,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Metro Exodus Enhanced (1080p High)\",\"value\":27,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":27,\"unit\":\"Avg FPS\"},{\"value\":15,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"7-zip\",\"value\":81.14,\"unit\":\"Compression (GIPS)\",\"multiValues\":[{\"value\":81.14,\"unit\":\"Compression (GIPS)\"},{\"value\":86.54,\"unit\":\"Decompression (GIPS)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Cinebench R24\",\"value\":111,\"unit\":\"Single-core index score\",\"multiValues\":[{\"value\":111,\"unit\":\"Single-core index score\"},{\"value\":762,\"unit\":\"Multi-core index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Battery life | PCMark 10\",\"value\":125,\"unit\":\"Battery life (minutes)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Thermal performance\",\"value\":96,\"unit\":\"Max CPU temp (\u00b0C)\",\"multiValues\":[{\"value\":96,\"unit\":\"Max CPU temp (\u00b0C)\"},{\"value\":55,\"unit\":\"Max CPU package power (W)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"3DMark Time Spy\",\"value\":4086,\"unit\":\"Index score\",\"multiValues\":[{\"value\":4086,\"unit\":\"Index score\"},{\"value\":3771,\"unit\":\"GPU index score\"},{\"value\":9568,\"unit\":\"CPU index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"3DMark Storage\",\"value\":1233,\"unit\":\"Index score\",\"multiValues\":[{\"value\":1233,\"unit\":\"Index score\"},{\"value\":210.38,\"unit\":\"Avg bandwidth (MB\/s)\"},{\"value\":145,\"unit\":\"Access time (\u0173s)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"FFXIV Shadowbringers\",\"value\":21.4,\"unit\":\"Total load time (seconds)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Black Myth Wukong (1080p Medium)\",\"value\":26,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":26,\"unit\":\"Avg FPS\"},{\"value\":19,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Black Myth Wukong | Upscaling (1080p Medium)\",\"value\":40,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":40,\"unit\":\"Avg FPS\"},{\"value\":35,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Cyberpunk 2077 (1080p Medium)\",\"value\":42,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":42,\"unit\":\"Avg FPS\"},{\"value\":33,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Cyberpunk 2077 | Upscaling (1080p Medium)\",\"value\":58,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":58,\"unit\":\"Avg FPS\"},{\"value\":40,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"F1 24 (1080p Medium)\",\"value\":85,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":85,\"unit\":\"Avg FPS\"},{\"value\":61,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"F1 24 | Upscaling (1080p Medium)\",\"value\":96,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":96,\"unit\":\"Avg FPS\"},{\"value\":72,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Horizon Zero Dawn (1080p Original)\",\"value\":51,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":51,\"unit\":\"Avg FPS\"},{\"value\":18,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Horizon Zero Dawn | Upscaling (1080p Original)\",\"value\":69,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":69,\"unit\":\"Avg FPS\"},{\"value\":25,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Metro Exodus Enhanced (1080p High)\",\"value\":22,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":22,\"unit\":\"Avg FPS\"},{\"value\":13,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"7-zip\",\"value\":81.77,\"unit\":\"Compression (GIPS)\",\"multiValues\":[{\"value\":81.77,\"unit\":\"Compression (GIPS)\"},{\"value\":85.5,\"unit\":\"Decompression (GIPS)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Cinebench R24\",\"value\":110,\"unit\":\"Single-core index score\",\"multiValues\":[{\"value\":110,\"unit\":\"Single-core index score\"},{\"value\":800,\"unit\":\"Multi-core index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Battery life | PCMark 10\",\"value\":149,\"unit\":\"Battery life (minutes)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Thermal performance\",\"value\":79,\"unit\":\"Max CPU temp (\u00b0C)\",\"multiValues\":[{\"value\":79,\"unit\":\"Max CPU temp (\u00b0C)\"},{\"value\":48,\"unit\":\"Max CPU package power (W)\"}],\"color\":\"\",\"site\":\"PC Gamer\"}],\"products\":[\"Asus ROG Xbox Ally X\",\"Asus ROG Xbox Ally X20\"],\"attributes\":[\"3DMark Time Spy\",\"3DMark Storage\",\"FFXIV Shadowbringers\",\"Black Myth Wukong (1080p Medium)\",\"Black Myth Wukong | Upscaling (1080p Medium)\",\"Cyberpunk 2077 (1080p Medium)\",\"Cyberpunk 2077 | Upscaling (1080p Medium)\",\"F1 24 (1080p Medium)\",\"F1 24 | Upscaling (1080p Medium)\",\"Horizon Zero Dawn (1080p Original)\",\"Horizon Zero Dawn | Upscaling (1080p Original)\",\"Metro Exodus Enhanced (1080p High)\",\"7-zip\",\"Cinebench R24\",\"Battery life | PCMark 10\",\"Thermal performance\"],\"selectedProducts\":[\"Asus ROG Xbox Ally X\",\"Asus ROG Xbox Ally X20\"],\"selectedPrimaryProduct\":\"Asus ROG Xbox Ally X20\",\"selectedAttributes\":[\"Thermal performance\"],\"productColors\":[{\"productName\":\"Asus ROG Xbox Ally X\",\"color\":\"#E33235\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"color\":\"#FE9F58\"}],\"initialProductColors\":[{\"productName\":\"Asus ROG Xbox Ally X\",\"color\":\"#E33235\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"color\":\"#FE9F58\"}],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Bar\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"All Charts\",\"brand\":{\"name\":\"PC Gamer\",\"logoUrl\":\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/pcgamer.png\",\"sliderLogoShape\":\"square\",\"embedBg\":\"#ededed\",\"colors\":{\"primary\":\"#E33235\",\"secondary\":\"#FE9F58\",\"accent\":\"#1CA9C4\",\"background\":\"#ededed\",\"text\":\"#1F2937\",\"productColors\":[\"#E33235\",\"#FE9F58\",\"#1CA9C4\",\"#EB6F71\",\"#FFC08B\",\"#66C5D7\",\"#B5282A\",\"#D07F46\"]}},\"textContent\":{\"title\":\"Gaming test thermals\",\"subhead\":\"Recorded in HW Info whilst performing gaming benchmarks (35 W plugged in)\",\"caption\":\"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",\"productNameOverrides\":{},\"attributeNameOverrides\":{},\"chartTitleOverrides\":{},\"xAxisLabelOverrides\":{},\"subheadOverrides\":{},\"captionOverrides\":{},\"unitOverrides\":{},\"multiValueLegendOverrides\":{},\"barCommentaryOverrides\":{}},\"dataEverLoaded\":true,\"showAISuggestionsButton\":false,\"barChartShowXAxis\":true,\"groupedBarChartShowProductName\":false,\"barChartLabelsOnTop\":false,\"experimentalEnablePieChart\":false,\"slideshowUseDropdown\":false},\"slides\":[]}<\/script><\/p>\n<div id=\"fv-chart-1792067276603-y5jq2ysri\" class=\"fv-chart-wrapper \" data-bar-labels-on-top=\"false\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">Gaming test thermals<\/h3>\n<p class=\"fv-chart-subhead\">Recorded in HW Info whilst performing gaming benchmarks (35 W plugged in)<\/p>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067276603-y5jq2ysri-bar-Thermal performance\" data-chart-type=\"Bar\" data-title=\"Thermal performance\" data-subhead=\"Recorded in HW Info whilst performing gaming benchmarks (35 W plugged in)\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<h4 class=\"fv-benchmark-title\">Thermal performance<\/h4>\n<div class=\"fv-multi-value-legend\">\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #E33235;\"><\/div>\n<p><span>Max CPU temp (\u00b0C)<\/span><\/div>\n<div class=\"fv-multi-legend-item\">\n<div class=\"fv-multi-legend-swatch\" style=\"background-color: #FE9F58;\"><\/div>\n<p><span>Max CPU package power (W)<\/span><\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 96%; background-color: #E33235;\" data-target-width=\"96\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">96<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 55.00000000000001%; background-color: #FE9F58;\" data-target-width=\"55.00000000000001\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">55<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container fv-multi-bar-container\">\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 79%; background-color: #E33235;\" data-target-width=\"79\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">79<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-multi-bar-item\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 48%; background-color: #FE9F58;\" data-target-width=\"48\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">48<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>25<\/span><span>50<\/span><span>75<\/span><span>100<\/span><\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Thermal performance Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>96 Max CPU temp (\u00b0C), 55 Max CPU package power (W)<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>79 Max CPU temp (\u00b0C), 48 Max CPU package power (W)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\" style=\"display: block;\"><span class=\"fv-original-caption\" style=\"display: block;\"><\/span><span class=\"fv-ia-dynamic-caption\" style=\"display: none;\"><\/span><\/div>\n<\/div>\n<div class=\"fv-logo-explore-bar\"><img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\" alt=\"PC Gamer Logo\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script> window.iFrameResizer = { heightCalculationMethod: 'taggedElement' }; <\/script> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/iframe-resizer\/4.2.11\/iframeResizer.contentWindow.min.js\" async><\/script> <script> (function() { function createChartAnimator() { return function animateChartWrapper(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment'); bars.forEach(function(bar, index) { bar.style.setProperty('width', '0%', 'important'); bar.style.setProperty('transition', 'none', 'important'); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.style.setProperty('margin-left', baseMargin + '%', 'important'); } setTimeout(function() { var marginTransition = baseMargin !== undefined ? ', margin-left 0.8s ease-out' : ''; bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out' + marginTransition, 'important'); bar.style.setProperty('width', targetWidth + '%', 'important'); if (targetMargin !== undefined && baseMargin !== undefined) { bar.style.setProperty('margin-left', targetMargin + '%', 'important'); } }, index * 50 + 50); }); } function animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector('svg'); if (!lineSvg) return; var paths = lineSvg.querySelectorAll('.riv-line-path'); paths.forEach(function(p, i) { if (typeof p.getTotalLength === 'function') { var len = p.getTotalLength(); p.style.transition = 'none'; p.style.strokeDasharray = len; p.style.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(function() { p.style.transition = 'stroke-dashoffset 1s ease-out ' + (i * 0.1) + 's, stroke-width 0.2s, opacity 0.2s'; p.style.strokeDashoffset = '0'; }, 100); } }); var dots = lineSvg.querySelectorAll('.riv-dot'); dots.forEach(function(dot, i) { dot.style.opacity = '0'; setTimeout(function() { dot.style.transition = 'opacity 0.3s ease'; dot.style.opacity = '1'; }, 500 + i * 10); }); } var charts = chartWrapper.querySelectorAll('.fv-chart-item'); charts.forEach(function(chart) { if (window.getComputedStyle(chart).display === 'none') return; var chartType = chart.dataset.chartType; if (chartType === 'Line') { animateLineChart(chart); } else if (chartType !== 'Pie') { animateBars(chart); } }); }; } var fvLocalAnimate = createChartAnimator(); window.fvAnimateCharts = fvLocalAnimate; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); if (!root && !isSlideshow) return; function setupWrapper(chartWrapper) { if (!chartWrapper) return; \/* Responsive mobile view handling *\/ function checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height) <= 599; var isMobile; if (width === 0) { isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { isMobile = isMobileDevice || width < 600; } if (isMobile) { chartWrapper.classList.add('mobile-view'); } else { chartWrapper.classList.remove('mobile-view'); } } checkMobileView(); if (typeof ResizeObserver !== 'undefined') { var ro = new ResizeObserver(function() { checkMobileView(); }); ro.observe(chartWrapper); } window.addEventListener('resize', checkMobileView); var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop) { var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var hasVisibleBarChart = false; charts.forEach(function(c) { if (window.getComputedStyle(c).display !== 'none') { var cType = c.dataset.chartType; if (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus') { hasVisibleBarChart = true; } } }); if (hasVisibleBarChart) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } else { chartWrapper.classList.remove('labels-on-top'); } \/* Legend interactions *\/ chartWrapper.querySelectorAll('.riv-line-legend').forEach(function(legend) { var chartId = legend.dataset.chart; var chart = chartWrapper.querySelector('[id=\"' + chartId + '\"]'); if (!chart) return; var lines = chart.querySelectorAll('.riv-line-path'); var dots = chart.querySelectorAll('.riv-dot'); var legendItems = legend.querySelectorAll('.riv-legend-item'); legendItems.forEach(function(item) { var productName = item.dataset.product; var safeProductName = productName.replace(\/\"\/g, '\\\\\"'); var line = chart.querySelector('.riv-line-path[data-product=\"' + safeProductName + '\"]'); var productDots = chart.querySelectorAll('.riv-dot[data-product=\"' + safeProductName + '\"]'); if (line &#038;&#038; !line.dataset.origStroke) { line.dataset.origStroke = line.getAttribute('stroke-width') || '2'; } var highlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; }; var clearHighlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); }; var toggleIsolate = function() { var isIsolated = item.classList.contains('isolated'); legendItems.forEach(function(i) { i.classList.remove('isolated'); }); if (isIsolated) { lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); } else { item.classList.add('isolated'); lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; } }; item.addEventListener('mouseenter', highlight); item.addEventListener('focus', highlight); item.addEventListener('mouseleave', clearHighlight); item.addEventListener('blur', clearHighlight); item.addEventListener('click', toggleIsolate); if (line) { line.style.cursor = 'pointer'; line.addEventListener('mouseenter', highlight); line.addEventListener('mouseleave', clearHighlight); line.addEventListener('click', toggleIsolate); } }); }); \/* Versus Chart Logic *\/ var versusCharts = chartWrapper.querySelectorAll('.fv-versus-chart'); versusCharts.forEach(function(vc) { var dataJson = vc.getAttribute('data-versus-data'); var leftColor = vc.getAttribute('data-left-color') || '#E53935'; var rightColor = vc.getAttribute('data-right-color') || '#FFB300'; if (!dataJson) return; var versusData = JSON.parse(dataJson); var leftSelect = vc.querySelector('.fv-select-left'); var rightSelect = vc.querySelector('.fv-select-right'); var rows = vc.querySelectorAll('.fv-versus-row'); function updateVersusChart() { var leftProduct = leftSelect.value; var rightProduct = rightSelect.value; leftSelect.style.color = leftColor; leftSelect.style.borderColor = leftColor; rightSelect.style.color = rightColor; rightSelect.style.borderColor = rightColor; rows.forEach(function(row) { var index = parseInt(row.getAttribute('data-index')); var data = versusData[index]; if (!data) return; var leftVal = data.productData[leftProduct] ? data.productData[leftProduct].value : undefined; var rightVal = data.productData[rightProduct] ? data.productData[rightProduct].value : undefined; var leftIsNum = typeof leftVal === 'number'; var rightIsNum = typeof rightVal === 'number'; var leftNum = leftIsNum ? leftVal : 0; var rightNum = rightIsNum ? rightVal : 0; var maxVal = Math.max(leftNum, rightNum, 0.0001); var leftWidth = leftIsNum ? (leftNum \/ maxVal) * 95 : 0; var rightWidth = rightIsNum ? (rightNum \/ maxVal) * 85 : 0; var winner = null; var pctDiffStr = null; if (leftIsNum &#038;&#038; rightIsNum) { if (leftNum > rightNum) { winner = 'left'; if (rightNum > 0) { var diff = Math.round(((leftNum - rightNum) \/ rightNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } else if (rightNum > leftNum) { winner = 'right'; if (leftNum > 0) { var diff = Math.round(((rightNum - leftNum) \/ leftNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } } var leftDisplay = data.productData[leftProduct] && data.productData[leftProduct].displayValue !== undefined ? data.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : '-')); var rightDisplay = data.productData[rightProduct] && data.productData[rightProduct].displayValue !== undefined ? data.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : '-')); var unit = (data.productData[leftProduct] && data.productData[leftProduct].unit) || (data.productData[rightProduct] && data.productData[rightProduct].unit) || ''; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector('.fv-versus-bar-left'); var rightBar = row.querySelector('.fv-versus-bar-right'); var leftText = row.querySelector('.fv-inside-left'); var rightText = row.querySelector('.fv-inside-right'); var labelText = row.querySelector('.fv-versus-label span'); var existingPctDiffs = row.querySelectorAll('.fv-versus-pct-diff'); existingPctDiffs.forEach(function(el) { el.remove(); }); if (winner === 'left' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === 'right' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.style.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.style.setProperty('--target-width', leftWidth + '%'); leftBar.style.width = leftWidth + '%'; } if (rightBar) { rightBar.style.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.style.setProperty('--target-width', rightWidth + '%'); rightBar.style.width = rightWidth + '%'; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = data.attribute + (unit ? ' (' + unit + ')' : ''); } }); } if (leftSelect) leftSelect.addEventListener('change', updateVersusChart); if (rightSelect) rightSelect.addEventListener('change', updateVersusChart); }); \/* Bar Commentary Hover Logic *\/ var barRows = chartWrapper.querySelectorAll('.fv-bar-row'); var globalCaptionEl = chartWrapper.querySelector('.rv-chart-caption'); var fallbackCaptionHtml = globalCaptionEl ? globalCaptionEl.innerHTML : ''; barRows.forEach(function(row) { var commentaryEl = row.querySelector('[data-commentary-key]'); if (commentaryEl) { var commentaryText = commentaryEl.textContent; if (commentaryText && commentaryText.trim().length > 0) { row.addEventListener('mouseenter', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = commentaryText; globalCaptionEl.classList.add('fv-bar-active-caption'); } }); row.addEventListener('mouseleave', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = fallbackCaptionHtml; globalCaptionEl.classList.remove('fv-bar-active-caption'); } }); } } }); \/* Carousel & Dropdown Logic *\/ var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var dropdown = chartWrapper.querySelector('.fv-dropdown-title'); var prevBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.prev'); var nextBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.next'); var carouselTitle = chartWrapper.querySelector('.fv-carousel-title-controls .fv-benchmark-title'); var counter = chartWrapper.querySelector('.fv-carousel-counter'); var subheadEl = chartWrapper.querySelector('.fv-chart-subhead'); var captionEl = chartWrapper.querySelector('.rv-chart-caption'); var footerContentEl = chartWrapper.querySelector('.fv-footer-content'); var bottomBarEl = chartWrapper.querySelector('.fv-bottom-bar'); var logoEl = chartWrapper.querySelector('.fv-logo'); if (charts.length > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.options).map(function(o) { return o.text; }); } else { charts.forEach(function(c) { titles.push(c.getAttribute('data-title') || ''); }); } function showInternalChart(index) { if (index < 0) index = charts.length - 1; if (index >= charts.length) index = 0; currentChartIndex = index; charts.forEach(function(c, i) { c.style.display = i === index ? 'block' : 'none'; if (i === index) { var cType = c.dataset.chartType; if (cType !== 'Pie') { fvLocalAnimate(chartWrapper); } var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop && (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus')) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } }); if (dropdown) dropdown.value = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ' of ' + charts.length; var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute('data-subhead'); var newCaption = activeChart.getAttribute('data-caption'); var currentChartType = activeChart.getAttribute('data-chart-type'); var hideGlobalCaption = currentChartType === 'Countdown' || currentChartType === 'Image Comparison' || currentChartType === 'Shop the Collection'; if (subheadEl) subheadEl.textContent = newSubhead || ''; if (captionEl) { captionEl.textContent = newCaption || ''; fallbackCaptionHtml = newCaption || ''; } if (footerContentEl) { if (newCaption && newCaption.trim().length > 0 && !hideGlobalCaption) { footerContentEl.style.display = 'block'; if (bottomBarEl) bottomBarEl.style.display = 'flex'; } else { footerContentEl.style.display = 'none'; if (bottomBarEl && !logoEl) { bottomBarEl.style.display = 'none'; } } } } } if (dropdown) dropdown.addEventListener('change', function(e) { showInternalChart(parseInt(e.target.value)); }); if (prevBtn) prevBtn.addEventListener('click', function() { showInternalChart(currentChartIndex - 1); }); if (nextBtn) nextBtn.addEventListener('click', function() { showInternalChart(currentChartIndex + 1); }); } \/* Image Comparison Logic *\/ var imageCompareWrappers = chartWrapper.querySelectorAll('.fv-image-compare-wrapper'); imageCompareWrappers.forEach(function(wrapper) { var inner = wrapper.querySelector('.fv-image-compare-inner') || wrapper; var slider = wrapper.querySelector('.fv-image-compare-slider'); var fgImage = wrapper.querySelector('.fv-image-compare-fg'); var bgImage = wrapper.querySelector('.fv-image-compare-bg'); var labelLeft = wrapper.querySelector('.fv-image-compare-label-left'); var labelRight = wrapper.querySelector('.fv-image-compare-label-right'); var isDragging = false; var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; function updateTransform() { if (wrapper.classList.contains('fv-image-compare-fullscreen')) { inner.style.setProperty('transform', 'translate(' + panX + 'px, ' + panY + 'px) scale(' + scale + ')', 'important'); } else { inner.style.removeProperty('transform'); scale = 1; panX = 0; panY = 0; } } function constrainPan() { var rect = wrapper.getBoundingClientRect(); var maxPanX = Math.max(0, (rect.width * scale - rect.width) \/ 2); var maxPanY = Math.max(0, (rect.height * scale - rect.height) \/ 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener('wheel', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX - rect.left - rect.width \/ 2; var mouseY = e.clientY - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = mouseX - (mouseX - panX) * ratio; panY = mouseY - (mouseY - panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener('mousedown', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen') || scale <= 1) return; if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.clientX; lastClientY = e.clientY; }); window.addEventListener('mousemove', function(e) { if (!isPanning) return; var dx = e.clientX - lastClientX; var dy = e.clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener('mouseup', function() { isPanning = false; }); wrapper.addEventListener('touchstart', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; hasPanned = true; } else if (e.touches.length === 1 && scale > 1) { if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; } }, { passive: false }); wrapper.addEventListener('touchmove', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance \/ initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = centerX - (centerX - panX) * ratio; panY = centerY - (centerY - panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX - lastCenterX); panY += (centerY - lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.length === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX - lastClientX; var dy = e.touches[0].clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener('touchend', function(e) { if (e.touches.length < 2) { initialDistance = null; } if (e.touches.length === 0) { isPanning = false; } }); function handleMove(clientX) { var rect = inner.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX - rect.left, rect.width)); var percent = Math.max(0, Math.min((x \/ rect.width) * 100, 100)); if (slider) slider.style.setProperty('left', percent + '%', 'important'); if (fgImage) fgImage.style.setProperty('clip-path', 'polygon(0 0, ' + percent + '% 0, ' + percent + '% 100%, 0 100%)', 'important'); if (labelLeft) { if (percent < 10) { labelLeft.style.setProperty('opacity', '0', 'important'); } else { labelLeft.style.setProperty('opacity', '1', 'important'); } } if (labelRight) { if (percent > 90) { labelRight.style.setProperty('opacity', '0', 'important'); } else { labelRight.style.setProperty('opacity', '1', 'important'); } } } function onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } function onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } function stopDragging() { isDragging = false; window.removeEventListener('mousemove', onMouseMove); window.removeEventListener('mouseup', stopDragging); window.removeEventListener('touchmove', onTouchMove); window.removeEventListener('touchend', stopDragging); } if (slider) { var startDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('mousemove', onMouseMove); window.addEventListener('mouseup', stopDragging); }; var startTouchDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('touchmove', onTouchMove, { passive: false }); window.addEventListener('touchend', stopDragging); }; slider.addEventListener('mousedown', function(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener('touchstart', function(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } var expandBtn = wrapper.querySelector('.fv-image-compare-expand-btn'); var closeBtn = wrapper.querySelector('.fv-image-compare-close-btn'); if (expandBtn) { if (window !== window.parent) { expandBtn.style.display = 'none'; } else { expandBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.add('fv-image-compare-fullscreen'); document.body.style.overflow = 'hidden'; if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute('srcset'); fgImage.removeAttribute('sizes'); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute('srcset'); bgImage.removeAttribute('sizes'); } }); } } if (closeBtn) { closeBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); }); } document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && wrapper.classList.contains('fv-image-compare-fullscreen')) { wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); } }); }); \/* Shop The Look Hotspots *\/ var hotspots = chartWrapper.querySelectorAll('.fv-stl-hotspot-btn'); var allProductsModal = chartWrapper.querySelector('.fv-stl-all-products-modal'); var shopAllBtn = chartWrapper.querySelector('.fv-stl-shop-all-btn'); var stlContainer = chartWrapper.querySelector('.fv-stl-container'); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove('is-active'); var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item'); items.forEach(function(item) { item.classList.remove('is-highlighted'); }); if (stlContainer) { setTimeout(function() { if (!allProductsModal.classList.contains('is-active')) { stlContainer.style.minHeight = ''; if ('parentIFrame' in window) { window.parentIFrame.size(); } } }, 300); } } hotspots.forEach(function(btn) { btn.setAttribute('aria-expanded', 'false'); }); if ('parentIFrame' in window) { window.parentIFrame.size(); } } hotspots.forEach(function(btn) { btn.addEventListener('click', function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute('data-hotspot-id'); var isExpanded = btn.getAttribute('aria-expanded') === 'true'; closeAllModals(); if (!isExpanded && allProductsModal) { btn.setAttribute('aria-expanded', 'true'); allProductsModal.classList.add('is-active'); var container = btn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id=\"' + hotspotId + '\"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(function() { targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.size(); } } }); }); if (shopAllBtn &#038;&#038; allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); var container = shopAllBtn.closest('.fv-stl-container'); if (container &#038;&#038; container.offsetHeight < 450) { container.style.minHeight = '450px'; } if ('parentIFrame' in window) { window.parentIFrame.size(); } }); } if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } chartWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); if (allProductsModal) { allProductsModal.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); } \/* Image Annotation Logic *\/ var iaNodes = chartWrapper.querySelectorAll('.fv-ia-node-button'); var iaWrapper = chartWrapper.querySelector('.fv-ia-wrapper'); var originalCaption = chartWrapper.querySelector('.fv-original-caption') || captionEl; var dynamicCaption = chartWrapper.querySelector('.fv-ia-dynamic-caption'); var exploreBtn = chartWrapper.querySelector('.fv-ia-explore-btn'); var currentIaIndex = -1; function closeAllIANodes() { iaNodes.forEach(function(btn) { btn.classList.remove('is-active'); }); if (originalCaption) originalCaption.style.display = 'block'; if (dynamicCaption) dynamicCaption.style.display = 'none'; } function resetExploreBtn() { currentIaIndex = -1; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Explore'; } } iaNodes.forEach(function(btn, index) { btn.addEventListener('click', function(e) { e.stopPropagation(); var isActive = btn.classList.contains('is-active'); closeAllIANodes(); if (!isActive) { currentIaIndex = index; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Next'; } btn.classList.add('is-active'); if (dynamicCaption) { var title = btn.getAttribute('data-title') || ''; var desc = btn.getAttribute('data-desc') || ''; dynamicCaption.innerHTML = ''; var strongTag = document.createElement('strong'); strongTag.textContent = title; dynamicCaption.appendChild(strongTag); if (desc) { dynamicCaption.appendChild(document.createTextNode(' - ' + desc)); } if (originalCaption) originalCaption.style.display = 'none'; dynamicCaption.style.display = 'block'; if (footerContentEl) footerContentEl.style.display = 'block'; } } else { resetExploreBtn(); } }); }); if (exploreBtn) { exploreBtn.addEventListener('click', function(e) { e.stopPropagation(); if (iaNodes.length === 0) return; var nextIndex = currentIaIndex + 1; if (nextIndex >= iaNodes.length) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if (targetBtn.classList.contains('is-active')) { targetBtn.click(); } targetBtn.click(); } } }); } if (iaWrapper) { iaWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-ia-node-button') && !e.target.closest('.fv-ia-explore-btn')) { closeAllIANodes(); resetExploreBtn(); } }); } \/* Initial Animation *\/ chartWrapper._fvAnimate = fvLocalAnimate; fvLocalAnimate(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 pad = function(n) { return (n < 10 ? '0' : '') + n; }; var updateCountdown = function() { var difference = +targetDate - +new Date(); var d = 0, h = 0, m = 0, s = 0; if (difference > 0) { d = Math.floor(difference \/ (1000 * 60 * 60 * 24)); h = Math.floor((difference \/ (1000 * 60 * 60)) % 24); m = Math.floor((difference \/ 1000 \/ 60) % 60); s = Math.floor((difference \/ 1000) % 60); } var daysEl = countdownContainer.querySelector('[data-time=\"days\"]'); var hoursEl = countdownContainer.querySelector('[data-time=\"hours\"]'); var minsEl = countdownContainer.querySelector('[data-time=\"minutes\"]'); var secsEl = countdownContainer.querySelector('[data-time=\"seconds\"]'); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = document.getElementById(uniqueId + '-slideshow'); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll('.fv-slide'); slides.forEach(function(slide) { setupWrapper(slide.querySelector('.fv-chart-wrapper')); }); } } else { setupWrapper(root); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1792067276603-y5jq2ysri', false); }); } else { initialize('fv-chart-1792067276603-y5jq2ysri', false); } })(); <\/script><\/div>\n<p>The X20 comes with a refined new thermal cooling system, and it&#8217;s more than just a marketing term. I recorded temps up to 17 \u00b0C cooler compared to the previous model, and even in long gaming sessions, I couldn&#8217;t manage to push the system&#8217;s temp above 80\u00b0C with its included wattage modes (between 17 W and 35 W). Importantly, I never felt that heat on my fingers as I played, making it a relatively frosty gaming device. <\/p>\n<h2 class=\"article-body__section\" id=\"section-asus-rog-xbox-ally-x20-vs-asus-rog-xbox-ally-x-battery-life\"><span>Asus ROG Xbox Ally X20 vs Asus ROG Xbox Ally X: Battery life<\/span><\/h2>\n<div class=\"vizualizer-embed\">\n<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;700&display=swap'); @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap'); #fv-chart-1792067743562-at1ybeld5 *, #fv-chart-1792067743562-at1ybeld5 *:before, #fv-chart-1792067743562-at1ybeld5 *:after, #fv-chart-1792067743562-at1ybeld5-slideshow *, #fv-chart-1792067743562-at1ybeld5-slideshow *:before, #fv-chart-1792067743562-at1ybeld5-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1792067743562-at1ybeld5, #fv-chart-1792067743562-at1ybeld5-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792067743562-at1ybeld5 { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1792067743562-at1ybeld5 .fv-inner-wrapper { color: #1F2937 !important; background-color: #ededed !important; padding: 1.5rem 1.5rem 2rem !important; border-radius: 0.5rem !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; margin: 1rem 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } #fv-chart-1792067743562-at1ybeld5 .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1792067743562-at1ybeld5.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1792067743562-at1ybeld5.fv-full-bleed .fv-inner-wrapper { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792067743562-at1ybeld5 .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792067743562-at1ybeld5-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1792067743562-at1ybeld5-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1792067743562-at1ybeld5-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1792067743562-at1ybeld5-slideshow .fv-slideshow-nav-row { position: relative !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 0 0 16px 0 !important; width: 100% !important; z-index: 20 !important; } #fv-chart-1792067743562-at1ybeld5-slideshow .fv-nav-btn { background-color: var(--riv-primary) !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; padding: 8px 16px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; transition: opacity 0.2s, background-color 0.2s !important; height: 36px !important; text-transform: none !important; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; } #fv-chart-1792067743562-at1ybeld5-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1792067743562-at1ybeld5-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1792067743562-at1ybeld5-slideshow .fv-nav-btn.disabled, #fv-chart-1792067743562-at1ybeld5-slideshow .fv-nav-btn:disabled { background-color: #E5E7EB !important; color: #9CA3AF !important; cursor: default !important; pointer-events: none !important; box-shadow: none !important; } #fv-chart-1792067743562-at1ybeld5-slideshow .fv-slide-counter { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; text-align: center !important; min-width: 40px !important; background-color: rgba(255,255,255,0.8) !important; padding: 2px 8px !important; border-radius: 10px !important; user-select: none !important; } #fv-chart-1792067743562-at1ybeld5-slideshow .fv-slideshow-select { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 20 !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white !important; border: 1px solid #d1d5db !important; color: #1F2937 !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; padding: 6px 32px 6px 12px !important; border-radius: 4px !important; cursor: pointer !important; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'\/%3e%3c\/svg%3e\") !important; background-position: right 0.5rem center !important; background-repeat: no-repeat !important; background-size: 1.5em 1.5em !important; } #fv-chart-1792067743562-at1ybeld5-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1792067743562-at1ybeld5 .fv-chart-title { font-weight: bold !important; text-align: center !important; margin-bottom: 0.5rem !important; color: var(--riv-primary) !important; font-size: 20px !important; line-height: 1.2 !important; font-family: 'Open Sans', sans-serif !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; padding: 0 20px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-chart-subhead { font-size: 18px !important; font-weight: 500 !important; text-align: center !important; margin-bottom: 2rem !important; color: #374151 !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; text-transform: none !important; padding: 0 20px !important; } #fv-chart-1792067743562-at1ybeld5 .rv-chart-caption { font-size: 15px !important; color: #374151 !important; text-align: center !important; font-style: normal !important; font-weight: normal !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select { background: transparent; border: none; border-bottom: 2px solid; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select option { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #374151; direction: ltr; text-align: left; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-vs { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; color: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-bar { height: 32px; width: var(--target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; display: flex; align-items: center; overflow: hidden; color: #ffffff; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1792067743562-at1ybeld5 .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-1792067743562-at1ybeld5 .fv-versus-center-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background-color: #ffffff; transform: translateX(-50%); z-index: 1; } #fv-chart-1792067743562-at1ybeld5 .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792067743562-at1ybeld5 .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-label { position: absolute; left: 50%; transform: translateX(-50%); top: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #374151; white-space: nowrap; } #fv-chart-1792067743562-at1ybeld5 .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1792067743562-at1ybeld5 .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1792067743562-at1ybeld5 .fv-logo { display: block !important; margin: 0 auto !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: auto !important; object-fit: contain !important; flex-shrink: 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1792067743562-at1ybeld5 .fv-dropdown-title { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: transparent !important; border: none !important; font-size: 18px !important; font-weight: 600 !important; color: var(--riv-primary) !important; padding-right: 28px !important; padding-left: 10px !important; cursor: pointer !important; text-align: center !important; text-align-last: center !important; width: auto !important; max-width: 100% !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; margin: 0 !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; } #fv-chart-1792067743562-at1ybeld5 .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1792067743562-at1ybeld5 .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1792067743562-at1ybeld5 .fv-dropdown-chevron { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; color: var(--riv-primary) !important; display: flex !important; align-items: center !important; } #fv-chart-1792067743562-at1ybeld5 .fv-carousel-title-controls { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; width: 100% !important; gap: 12px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-carousel-nav-btn { background: transparent !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; padding: 6px 10px !important; cursor: pointer !important; font-size: 14px !important; color: #374151 !important; display: flex !important; align-items: center !important; gap: 4px !important; font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792067743562-at1ybeld5 .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1792067743562-at1ybeld5 .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1792067743562-at1ybeld5 .fv-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px 16px !important; margin: 0 !important; padding: 0 !important; margin-top: 1rem !important; } #fv-chart-1792067743562-at1ybeld5 .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-multi-value-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px 24px !important; margin-bottom: 1.5rem !important; padding: 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-multi-legend-item { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #374151 !important; font-weight: 500 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1792067743562-at1ybeld5 .fv-benchmark-title { font-size: 18px !important; font-weight: 600 !important; margin-bottom: 16px !important; margin-top: 0 !important; padding: 0 !important; text-align: center !important; color: var(--riv-primary) !important; flex: 1 !important; min-width: 0 !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; word-wrap: break-word !important; max-width: 100% !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-row, #fv-chart-1792067743562-at1ybeld5 .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-label { width: 150px !important; flex-shrink: 0 !important; font-size: 14px !important; color: #374151 !important; padding-right: 10px !important; text-align: right !important; font-weight: 500 !important; display: block !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-container { flex-grow: 1 !important; background-color: #E5E7EB !important; border-radius: 4px !important; min-height: 25px !important; border: 1px solid #D1D5DB !important; position: relative !important; display: flex !important; align-items: center !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-commentary-inline { display: none !important; position: absolute !important; left: 150px !important; top: 0 !important; bottom: 0 !important; right: 0 !important; width: calc(100% - 150px) !important; margin: 0 !important; padding: 0 8px !important; font-size: 13px !important; color: #fff !important; background: rgba(0,0,0,0.8) !important; border-radius: 4px !important; line-height: 1.4 !important; font-weight: normal !important; text-transform: none !important; word-wrap: break-word !important; z-index: 10 !important; align-items: center !important; overflow-y: auto !important; } #fv-chart-1792067743562-at1ybeld5.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067743562-at1ybeld5.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1792067743562-at1ybeld5.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar { height: 100% !important; border-radius: 3px !important; display: flex !important; align-items: center !important; transition: opacity 0.2s ease, width 0.8s ease-out !important; min-height: 23px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-inner-content { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; height: 100% !important; padding: 0 8px !important; font-size: 14px !important; font-weight: bold !important; overflow: hidden !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-value-outside { padding-left: 8px !important; font-size: 14px !important; font-weight: bold !important; color: #374151 !important; white-space: nowrap !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1792067743562-at1ybeld5 .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1792067743562-at1ybeld5 .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1792067743562-at1ybeld5 .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1792067743562-at1ybeld5 .fv-stacked-segment { height: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 8px !important; border-right: 1px solid rgba(255,255,255,0.3) !important; } #fv-chart-1792067743562-at1ybeld5 .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1792067743562-at1ybeld5 .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1792067743562-at1ybeld5 .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1792067743562-at1ybeld5 .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.5rem !important; font-weight: 700 !important; font-size: 14px !important; color: #374151 !important; text-transform: none !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1792067743562-at1ybeld5 .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-ticks { display: flex !important; justify-content: space-between !important; padding-top: 4px !important; font-size: 13px !important; color: #374151 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-ticks span::before { content: '' !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 2px !important; height: 4px !important; background-color: #D1D5DB !important; border-radius: 1px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-title { text-align: center !important; font-size: 15px !important; color: #374151 !important; margin-top: 8px !important; margin-bottom: 16px !important; line-height: 1.5 !important; padding: 0 1rem !important; display: block !important; font-weight: bold !important; } #fv-chart-1792067743562-at1ybeld5 .fv-y-axis-title { font-size: 15px !important; color: #374151 !important; line-height: 1.5 !important; text-align: left !important; padding-left: 5.83% !important; margin-bottom: 4px !important; display: block !important; font-weight: bold !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-pie-container, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-row, #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-stacked-product, #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-grouped-bar-product, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-bar-row, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-stacked-product, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-label, #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-grouped-product-title, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-bar-label, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-container, #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-cluster, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-bar-container, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-x-axis-wrapper, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-x-axis-label-space, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-x-axis-chart-space, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-benchmark-title, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-dropdown-title, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-carousel-nav-btn, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-chart-title, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-chart-subhead, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-versus-header, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-versus-select-wrapper, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-versus-vs, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-versus-select-container, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-versus-select, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-stl-shop-all-btn, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-stl-shop-all-logo, #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-stl-shop-all-icon, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-bar-commentary-inline, #fv-chart-1792067743562-at1ybeld5.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792067743562-at1ybeld5.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1792067743562-at1ybeld5 .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792067743562-at1ybeld5 .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-row, #fv-chart-1792067743562-at1ybeld5 .fv-stacked-product, #fv-chart-1792067743562-at1ybeld5 .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-label, #fv-chart-1792067743562-at1ybeld5 .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-container, #fv-chart-1792067743562-at1ybeld5 .fv-bar-cluster { width: 100% !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792067743562-at1ybeld5 .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792067743562-at1ybeld5 .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792067743562-at1ybeld5 .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-label-space { display: none !important; } #fv-chart-1792067743562-at1ybeld5 .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792067743562-at1ybeld5 .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792067743562-at1ybeld5 .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792067743562-at1ybeld5 .fv-stl-shop-all-logo, #fv-chart-1792067743562-at1ybeld5 .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792067743562-at1ybeld5 .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792067743562-at1ybeld5 .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792067743562-at1ybeld5 .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792067743562-at1ybeld5.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } }<\/style>\n<p><script type=\"application\/ld+json\">{ \"@context\": \"https:\/\/schema.org\", \"@type\": \"Dataset\", \"name\": \"Gaming battery life\", \"description\": \"Recorded using PCMark 10's gaming battery life test (25 W)\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-10-15T12:35:43.562Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"Asus ROG Xbox Ally X\", \"Asus ROG Xbox Ally X20\", \"Battery life | PCMark 10\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X \u2013 Battery life | PCMark 10\", \"value\": 125, \"unitText\": \"Battery life (minutes)\" }, { \"@type\": \"PropertyValue\", \"name\": \"Asus ROG Xbox Ally X20 \u2013 Battery life | PCMark 10\", \"value\": 149, \"unitText\": \"Battery life (minutes)\" } ]}<\/script><script type=\"application\/json\" class=\"fv-embed-state\" data-version=\"2\">{\"version\":2,\"exportedAt\":\"2026-10-15T12:35:43.562Z\",\"state\":{\"data\":[{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"3DMark Time Spy\",\"value\":4033,\"unit\":\"Index score\",\"multiValues\":[{\"value\":4033,\"unit\":\"Index score\"},{\"value\":3663,\"unit\":\"GPU index score\"},{\"value\":9462,\"unit\":\"CPU index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"3DMark Storage\",\"value\":1163,\"unit\":\"Index score\",\"multiValues\":[{\"value\":1163,\"unit\":\"Index score\"},{\"value\":199.98,\"unit\":\"Avg bandwidth (MB\/s)\"},{\"value\":155,\"unit\":\"Access time (\u0173s)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"FFXIV Shadowbringers\",\"value\":18.91,\"unit\":\"Total load time (seconds)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Black Myth Wukong (1080p Medium)\",\"value\":26,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":26,\"unit\":\"Avg FPS\"},{\"value\":19,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Black Myth Wukong | Upscaling (1080p Medium)\",\"value\":39,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":39,\"unit\":\"Avg FPS\"},{\"value\":30,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Cyberpunk 2077 (1080p Medium)\",\"value\":41,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":41,\"unit\":\"Avg FPS\"},{\"value\":34,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Cyberpunk 2077 | Upscaling (1080p Medium)\",\"value\":53,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":53,\"unit\":\"Avg FPS\"},{\"value\":44,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"F1 24 (1080p Medium)\",\"value\":84,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":84,\"unit\":\"Avg FPS\"},{\"value\":76,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"F1 24 | Upscaling (1080p Medium)\",\"value\":97,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":97,\"unit\":\"Avg FPS\"},{\"value\":88,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Horizon Zero Dawn (1080p Original)\",\"value\":48,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":48,\"unit\":\"Avg FPS\"},{\"value\":15,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Horizon Zero Dawn | Upscaling (1080p Original)\",\"value\":70,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":70,\"unit\":\"Avg FPS\"},{\"value\":18,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Metro Exodus Enhanced (1080p High)\",\"value\":27,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":27,\"unit\":\"Avg FPS\"},{\"value\":15,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"7-zip\",\"value\":81.14,\"unit\":\"Compression (GIPS)\",\"multiValues\":[{\"value\":81.14,\"unit\":\"Compression (GIPS)\"},{\"value\":86.54,\"unit\":\"Decompression (GIPS)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Cinebench R24\",\"value\":111,\"unit\":\"Single-core index score\",\"multiValues\":[{\"value\":111,\"unit\":\"Single-core index score\"},{\"value\":762,\"unit\":\"Multi-core index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Battery life | PCMark 10\",\"value\":125,\"unit\":\"Battery life (minutes)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X\",\"attribute\":\"Thermal performance\",\"value\":96,\"unit\":\"Max CPU temp (\u00b0C)\",\"multiValues\":[{\"value\":96,\"unit\":\"Max CPU temp (\u00b0C)\"},{\"value\":55,\"unit\":\"Max CPU package power (W)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"3DMark Time Spy\",\"value\":4086,\"unit\":\"Index score\",\"multiValues\":[{\"value\":4086,\"unit\":\"Index score\"},{\"value\":3771,\"unit\":\"GPU index score\"},{\"value\":9568,\"unit\":\"CPU index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"3DMark Storage\",\"value\":1233,\"unit\":\"Index score\",\"multiValues\":[{\"value\":1233,\"unit\":\"Index score\"},{\"value\":210.38,\"unit\":\"Avg bandwidth (MB\/s)\"},{\"value\":145,\"unit\":\"Access time (\u0173s)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"FFXIV Shadowbringers\",\"value\":21.4,\"unit\":\"Total load time (seconds)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Black Myth Wukong (1080p Medium)\",\"value\":26,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":26,\"unit\":\"Avg FPS\"},{\"value\":19,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Black Myth Wukong | Upscaling (1080p Medium)\",\"value\":40,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":40,\"unit\":\"Avg FPS\"},{\"value\":35,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Cyberpunk 2077 (1080p Medium)\",\"value\":42,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":42,\"unit\":\"Avg FPS\"},{\"value\":33,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Cyberpunk 2077 | Upscaling (1080p Medium)\",\"value\":58,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":58,\"unit\":\"Avg FPS\"},{\"value\":40,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"F1 24 (1080p Medium)\",\"value\":85,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":85,\"unit\":\"Avg FPS\"},{\"value\":61,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"F1 24 | Upscaling (1080p Medium)\",\"value\":96,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":96,\"unit\":\"Avg FPS\"},{\"value\":72,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Horizon Zero Dawn (1080p Original)\",\"value\":51,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":51,\"unit\":\"Avg FPS\"},{\"value\":18,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Horizon Zero Dawn | Upscaling (1080p Original)\",\"value\":69,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":69,\"unit\":\"Avg FPS\"},{\"value\":25,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Metro Exodus Enhanced (1080p High)\",\"value\":22,\"unit\":\"Avg FPS\",\"multiValues\":[{\"value\":22,\"unit\":\"Avg FPS\"},{\"value\":13,\"unit\":\"1% Low FPS\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"7-zip\",\"value\":81.77,\"unit\":\"Compression (GIPS)\",\"multiValues\":[{\"value\":81.77,\"unit\":\"Compression (GIPS)\"},{\"value\":85.5,\"unit\":\"Decompression (GIPS)\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Cinebench R24\",\"value\":110,\"unit\":\"Single-core index score\",\"multiValues\":[{\"value\":110,\"unit\":\"Single-core index score\"},{\"value\":800,\"unit\":\"Multi-core index score\"}],\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Battery life | PCMark 10\",\"value\":149,\"unit\":\"Battery life (minutes)\",\"color\":\"\",\"site\":\"PC Gamer\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"attribute\":\"Thermal performance\",\"value\":79,\"unit\":\"Max CPU temp (\u00b0C)\",\"multiValues\":[{\"value\":79,\"unit\":\"Max CPU temp (\u00b0C)\"},{\"value\":48,\"unit\":\"Max CPU package power (W)\"}],\"color\":\"\",\"site\":\"PC Gamer\"}],\"products\":[\"Asus ROG Xbox Ally X\",\"Asus ROG Xbox Ally X20\"],\"attributes\":[\"3DMark Time Spy\",\"3DMark Storage\",\"FFXIV Shadowbringers\",\"Black Myth Wukong (1080p Medium)\",\"Black Myth Wukong | Upscaling (1080p Medium)\",\"Cyberpunk 2077 (1080p Medium)\",\"Cyberpunk 2077 | Upscaling (1080p Medium)\",\"F1 24 (1080p Medium)\",\"F1 24 | Upscaling (1080p Medium)\",\"Horizon Zero Dawn (1080p Original)\",\"Horizon Zero Dawn | Upscaling (1080p Original)\",\"Metro Exodus Enhanced (1080p High)\",\"7-zip\",\"Cinebench R24\",\"Battery life | PCMark 10\",\"Thermal performance\"],\"selectedProducts\":[\"Asus ROG Xbox Ally X\",\"Asus ROG Xbox Ally X20\"],\"selectedPrimaryProduct\":\"Asus ROG Xbox Ally X20\",\"selectedAttributes\":[\"Battery life | PCMark 10\"],\"productColors\":[{\"productName\":\"Asus ROG Xbox Ally X\",\"color\":\"#E33235\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"color\":\"#FE9F58\"}],\"initialProductColors\":[{\"productName\":\"Asus ROG Xbox Ally X\",\"color\":\"#E33235\"},{\"productName\":\"Asus ROG Xbox Ally X20\",\"color\":\"#FE9F58\"}],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Bar\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"All Charts\",\"brand\":{\"name\":\"PC Gamer\",\"logoUrl\":\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/pcgamer.png\",\"sliderLogoShape\":\"square\",\"embedBg\":\"#ededed\",\"colors\":{\"primary\":\"#E33235\",\"secondary\":\"#FE9F58\",\"accent\":\"#1CA9C4\",\"background\":\"#ededed\",\"text\":\"#1F2937\",\"productColors\":[\"#E33235\",\"#FE9F58\",\"#1CA9C4\",\"#EB6F71\",\"#FFC08B\",\"#66C5D7\",\"#B5282A\",\"#D07F46\"]}},\"textContent\":{\"title\":\"Gaming battery life\",\"subhead\":\"Recorded using PCMark 10's gaming battery life test (25 W)\",\"caption\":\"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",\"productNameOverrides\":{},\"attributeNameOverrides\":{},\"chartTitleOverrides\":{},\"xAxisLabelOverrides\":{},\"subheadOverrides\":{},\"captionOverrides\":{},\"unitOverrides\":{},\"multiValueLegendOverrides\":{},\"barCommentaryOverrides\":{}},\"dataEverLoaded\":true,\"showAISuggestionsButton\":false,\"barChartShowXAxis\":true,\"groupedBarChartShowProductName\":false,\"barChartLabelsOnTop\":false,\"experimentalEnablePieChart\":false,\"slideshowUseDropdown\":false},\"slides\":[]}<\/script><\/p>\n<div id=\"fv-chart-1792067743562-at1ybeld5\" class=\"fv-chart-wrapper \" data-bar-labels-on-top=\"false\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">Gaming battery life<\/h3>\n<p class=\"fv-chart-subhead\">Recorded using PCMark 10&#8217;s gaming battery life test (25 W)<\/p>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1792067743562-at1ybeld5-bar-Battery life | PCMark 10\" data-chart-type=\"Bar\" data-title=\"Battery life | PCMark 10\" data-subhead=\"Recorded using PCMark 10's gaming battery life test (25 W)\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<h4 class=\"fv-benchmark-title\">Battery life | PCMark 10<\/h4>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label \">Asus ROG Xbox Ally X<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 83.33333333333334%; background-color: #E33235;\" data-target-width=\"83.33333333333334\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">125<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bar-row\">\n<div class=\"fv-bar-label fv-primary-product\">Asus ROG Xbox Ally X20<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 99.33333333333333%; background-color: #FE9F58;\" data-target-width=\"99.33333333333333\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">149<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-x-axis-wrapper\">\n<div class=\"fv-x-axis-label-space\"><\/div>\n<div class=\"fv-x-axis-chart-space\">\n<div class=\"fv-x-axis-line\"><\/div>\n<div class=\"fv-x-axis-ticks\"><span>0<\/span><span>37.5<\/span><span>75<\/span><span>112.5<\/span><span>150<\/span><\/div>\n<div class=\"fv-x-axis-unit\">Battery life (minutes)<\/div>\n<\/div>\n<\/div>\n<table class=\"sr-only\">\n<caption>Battery life | PCMark 10 Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Asus ROG Xbox Ally X<\/td>\n<td>125<\/td>\n<\/tr>\n<tr>\n<td>Asus ROG Xbox Ally X20<\/td>\n<td>149<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\" style=\"display: block;\"><span class=\"fv-original-caption\" style=\"display: block;\"><\/span><span class=\"fv-ia-dynamic-caption\" style=\"display: none;\"><\/span><\/div>\n<\/div>\n<div class=\"fv-logo-explore-bar\"><img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\" alt=\"PC Gamer Logo\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script> window.iFrameResizer = { heightCalculationMethod: 'taggedElement' }; <\/script> <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/iframe-resizer\/4.2.11\/iframeResizer.contentWindow.min.js\" async><\/script> <script> (function() { function createChartAnimator() { return function animateChartWrapper(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment'); bars.forEach(function(bar, index) { bar.style.setProperty('width', '0%', 'important'); bar.style.setProperty('transition', 'none', 'important'); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.style.setProperty('margin-left', baseMargin + '%', 'important'); } setTimeout(function() { var marginTransition = baseMargin !== undefined ? ', margin-left 0.8s ease-out' : ''; bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out' + marginTransition, 'important'); bar.style.setProperty('width', targetWidth + '%', 'important'); if (targetMargin !== undefined && baseMargin !== undefined) { bar.style.setProperty('margin-left', targetMargin + '%', 'important'); } }, index * 50 + 50); }); } function animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector('svg'); if (!lineSvg) return; var paths = lineSvg.querySelectorAll('.riv-line-path'); paths.forEach(function(p, i) { if (typeof p.getTotalLength === 'function') { var len = p.getTotalLength(); p.style.transition = 'none'; p.style.strokeDasharray = len; p.style.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(function() { p.style.transition = 'stroke-dashoffset 1s ease-out ' + (i * 0.1) + 's, stroke-width 0.2s, opacity 0.2s'; p.style.strokeDashoffset = '0'; }, 100); } }); var dots = lineSvg.querySelectorAll('.riv-dot'); dots.forEach(function(dot, i) { dot.style.opacity = '0'; setTimeout(function() { dot.style.transition = 'opacity 0.3s ease'; dot.style.opacity = '1'; }, 500 + i * 10); }); } var charts = chartWrapper.querySelectorAll('.fv-chart-item'); charts.forEach(function(chart) { if (window.getComputedStyle(chart).display === 'none') return; var chartType = chart.dataset.chartType; if (chartType === 'Line') { animateLineChart(chart); } else if (chartType !== 'Pie') { animateBars(chart); } }); }; } var fvLocalAnimate = createChartAnimator(); window.fvAnimateCharts = fvLocalAnimate; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); if (!root && !isSlideshow) return; function setupWrapper(chartWrapper) { if (!chartWrapper) return; \/* Responsive mobile view handling *\/ function checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height) <= 599; var isMobile; if (width === 0) { isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { isMobile = isMobileDevice || width < 600; } if (isMobile) { chartWrapper.classList.add('mobile-view'); } else { chartWrapper.classList.remove('mobile-view'); } } checkMobileView(); if (typeof ResizeObserver !== 'undefined') { var ro = new ResizeObserver(function() { checkMobileView(); }); ro.observe(chartWrapper); } window.addEventListener('resize', checkMobileView); var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop) { var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var hasVisibleBarChart = false; charts.forEach(function(c) { if (window.getComputedStyle(c).display !== 'none') { var cType = c.dataset.chartType; if (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus') { hasVisibleBarChart = true; } } }); if (hasVisibleBarChart) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } else { chartWrapper.classList.remove('labels-on-top'); } \/* Legend interactions *\/ chartWrapper.querySelectorAll('.riv-line-legend').forEach(function(legend) { var chartId = legend.dataset.chart; var chart = chartWrapper.querySelector('[id=\"' + chartId + '\"]'); if (!chart) return; var lines = chart.querySelectorAll('.riv-line-path'); var dots = chart.querySelectorAll('.riv-dot'); var legendItems = legend.querySelectorAll('.riv-legend-item'); legendItems.forEach(function(item) { var productName = item.dataset.product; var safeProductName = productName.replace(\/\"\/g, '\\\\\"'); var line = chart.querySelector('.riv-line-path[data-product=\"' + safeProductName + '\"]'); var productDots = chart.querySelectorAll('.riv-dot[data-product=\"' + safeProductName + '\"]'); if (line &#038;&#038; !line.dataset.origStroke) { line.dataset.origStroke = line.getAttribute('stroke-width') || '2'; } var highlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; }; var clearHighlight = function() { if (legend.querySelector('.isolated')) return; lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); }; var toggleIsolate = function() { var isIsolated = item.classList.contains('isolated'); legendItems.forEach(function(i) { i.classList.remove('isolated'); }); if (isIsolated) { lines.forEach(function(l) { l.style.opacity = '1'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '1'; }); legendItems.forEach(function(i) { i.style.opacity = '1'; }); } else { item.classList.add('isolated'); lines.forEach(function(l) { l.style.opacity = '0.2'; l.setAttribute('stroke-width', l.dataset.origStroke); }); dots.forEach(function(d) { d.style.opacity = '0.2'; }); legendItems.forEach(function(i) { i.style.opacity = '0.3'; i.style.transition = 'opacity 0.2s'; }); if (line) { line.style.opacity = '1'; line.setAttribute('stroke-width', '4'); } productDots.forEach(function(d) { d.style.opacity = '1'; }); item.style.opacity = '1'; } }; item.addEventListener('mouseenter', highlight); item.addEventListener('focus', highlight); item.addEventListener('mouseleave', clearHighlight); item.addEventListener('blur', clearHighlight); item.addEventListener('click', toggleIsolate); if (line) { line.style.cursor = 'pointer'; line.addEventListener('mouseenter', highlight); line.addEventListener('mouseleave', clearHighlight); line.addEventListener('click', toggleIsolate); } }); }); \/* Versus Chart Logic *\/ var versusCharts = chartWrapper.querySelectorAll('.fv-versus-chart'); versusCharts.forEach(function(vc) { var dataJson = vc.getAttribute('data-versus-data'); var leftColor = vc.getAttribute('data-left-color') || '#E53935'; var rightColor = vc.getAttribute('data-right-color') || '#FFB300'; if (!dataJson) return; var versusData = JSON.parse(dataJson); var leftSelect = vc.querySelector('.fv-select-left'); var rightSelect = vc.querySelector('.fv-select-right'); var rows = vc.querySelectorAll('.fv-versus-row'); function updateVersusChart() { var leftProduct = leftSelect.value; var rightProduct = rightSelect.value; leftSelect.style.color = leftColor; leftSelect.style.borderColor = leftColor; rightSelect.style.color = rightColor; rightSelect.style.borderColor = rightColor; rows.forEach(function(row) { var index = parseInt(row.getAttribute('data-index')); var data = versusData[index]; if (!data) return; var leftVal = data.productData[leftProduct] ? data.productData[leftProduct].value : undefined; var rightVal = data.productData[rightProduct] ? data.productData[rightProduct].value : undefined; var leftIsNum = typeof leftVal === 'number'; var rightIsNum = typeof rightVal === 'number'; var leftNum = leftIsNum ? leftVal : 0; var rightNum = rightIsNum ? rightVal : 0; var maxVal = Math.max(leftNum, rightNum, 0.0001); var leftWidth = leftIsNum ? (leftNum \/ maxVal) * 95 : 0; var rightWidth = rightIsNum ? (rightNum \/ maxVal) * 85 : 0; var winner = null; var pctDiffStr = null; if (leftIsNum &#038;&#038; rightIsNum) { if (leftNum > rightNum) { winner = 'left'; if (rightNum > 0) { var diff = Math.round(((leftNum - rightNum) \/ rightNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } else if (rightNum > leftNum) { winner = 'right'; if (leftNum > 0) { var diff = Math.round(((rightNum - leftNum) \/ leftNum) * 100); pctDiffStr = '+' + diff.toLocaleString() + '%'; } } } var leftDisplay = data.productData[leftProduct] && data.productData[leftProduct].displayValue !== undefined ? data.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : '-')); var rightDisplay = data.productData[rightProduct] && data.productData[rightProduct].displayValue !== undefined ? data.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : '-')); var unit = (data.productData[leftProduct] && data.productData[leftProduct].unit) || (data.productData[rightProduct] && data.productData[rightProduct].unit) || ''; var leftTextStr = leftDisplay; var rightTextStr = rightDisplay; var leftBar = row.querySelector('.fv-versus-bar-left'); var rightBar = row.querySelector('.fv-versus-bar-right'); var leftText = row.querySelector('.fv-inside-left'); var rightText = row.querySelector('.fv-inside-right'); var labelText = row.querySelector('.fv-versus-label span'); var existingPctDiffs = row.querySelectorAll('.fv-versus-pct-diff'); existingPctDiffs.forEach(function(el) { el.remove(); }); if (winner === 'left' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild); } else if (winner === 'right' && pctDiffStr) { var pctSpan = document.createElement('span'); pctSpan.className = 'fv-versus-pct-diff'; pctSpan.style.color = 'rgba(255, 255, 255, 0.9)'; pctSpan.textContent = pctDiffStr; if (rightBar) rightBar.appendChild(pctSpan); } if (leftBar) { leftBar.style.backgroundColor = leftColor; leftBar.dataset.targetWidth = leftWidth; leftBar.style.setProperty('--target-width', leftWidth + '%'); leftBar.style.width = leftWidth + '%'; } if (rightBar) { rightBar.style.backgroundColor = rightColor; rightBar.dataset.targetWidth = rightWidth; rightBar.style.setProperty('--target-width', rightWidth + '%'); rightBar.style.width = rightWidth + '%'; } if (leftText) { leftText.innerHTML = leftTextStr; } if (rightText) { rightText.innerHTML = rightTextStr; } if (labelText) { labelText.textContent = data.attribute + (unit ? ' (' + unit + ')' : ''); } }); } if (leftSelect) leftSelect.addEventListener('change', updateVersusChart); if (rightSelect) rightSelect.addEventListener('change', updateVersusChart); }); \/* Bar Commentary Hover Logic *\/ var barRows = chartWrapper.querySelectorAll('.fv-bar-row'); var globalCaptionEl = chartWrapper.querySelector('.rv-chart-caption'); var fallbackCaptionHtml = globalCaptionEl ? globalCaptionEl.innerHTML : ''; barRows.forEach(function(row) { var commentaryEl = row.querySelector('[data-commentary-key]'); if (commentaryEl) { var commentaryText = commentaryEl.textContent; if (commentaryText && commentaryText.trim().length > 0) { row.addEventListener('mouseenter', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = commentaryText; globalCaptionEl.classList.add('fv-bar-active-caption'); } }); row.addEventListener('mouseleave', function() { if (!chartWrapper.classList.contains('mobile-view') && globalCaptionEl) { globalCaptionEl.innerHTML = fallbackCaptionHtml; globalCaptionEl.classList.remove('fv-bar-active-caption'); } }); } } }); \/* Carousel & Dropdown Logic *\/ var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var dropdown = chartWrapper.querySelector('.fv-dropdown-title'); var prevBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.prev'); var nextBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.next'); var carouselTitle = chartWrapper.querySelector('.fv-carousel-title-controls .fv-benchmark-title'); var counter = chartWrapper.querySelector('.fv-carousel-counter'); var subheadEl = chartWrapper.querySelector('.fv-chart-subhead'); var captionEl = chartWrapper.querySelector('.rv-chart-caption'); var footerContentEl = chartWrapper.querySelector('.fv-footer-content'); var bottomBarEl = chartWrapper.querySelector('.fv-bottom-bar'); var logoEl = chartWrapper.querySelector('.fv-logo'); if (charts.length > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.options).map(function(o) { return o.text; }); } else { charts.forEach(function(c) { titles.push(c.getAttribute('data-title') || ''); }); } function showInternalChart(index) { if (index < 0) index = charts.length - 1; if (index >= charts.length) index = 0; currentChartIndex = index; charts.forEach(function(c, i) { c.style.display = i === index ? 'block' : 'none'; if (i === index) { var cType = c.dataset.chartType; if (cType !== 'Pie') { fvLocalAnimate(chartWrapper); } var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop && (cType === 'Bar' || cType === 'Diverging Bar' || cType === 'Stacked Bar' || cType === 'Versus')) { chartWrapper.classList.add('labels-on-top'); } else { chartWrapper.classList.remove('labels-on-top'); } } }); if (dropdown) dropdown.value = index; if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index]; if (counter) counter.textContent = (index + 1) + ' of ' + charts.length; var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute('data-subhead'); var newCaption = activeChart.getAttribute('data-caption'); var currentChartType = activeChart.getAttribute('data-chart-type'); var hideGlobalCaption = currentChartType === 'Countdown' || currentChartType === 'Image Comparison' || currentChartType === 'Shop the Collection'; if (subheadEl) subheadEl.textContent = newSubhead || ''; if (captionEl) { captionEl.textContent = newCaption || ''; fallbackCaptionHtml = newCaption || ''; } if (footerContentEl) { if (newCaption && newCaption.trim().length > 0 && !hideGlobalCaption) { footerContentEl.style.display = 'block'; if (bottomBarEl) bottomBarEl.style.display = 'flex'; } else { footerContentEl.style.display = 'none'; if (bottomBarEl && !logoEl) { bottomBarEl.style.display = 'none'; } } } } } if (dropdown) dropdown.addEventListener('change', function(e) { showInternalChart(parseInt(e.target.value)); }); if (prevBtn) prevBtn.addEventListener('click', function() { showInternalChart(currentChartIndex - 1); }); if (nextBtn) nextBtn.addEventListener('click', function() { showInternalChart(currentChartIndex + 1); }); } \/* Image Comparison Logic *\/ var imageCompareWrappers = chartWrapper.querySelectorAll('.fv-image-compare-wrapper'); imageCompareWrappers.forEach(function(wrapper) { var inner = wrapper.querySelector('.fv-image-compare-inner') || wrapper; var slider = wrapper.querySelector('.fv-image-compare-slider'); var fgImage = wrapper.querySelector('.fv-image-compare-fg'); var bgImage = wrapper.querySelector('.fv-image-compare-bg'); var labelLeft = wrapper.querySelector('.fv-image-compare-label-left'); var labelRight = wrapper.querySelector('.fv-image-compare-label-right'); var isDragging = false; var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; function updateTransform() { if (wrapper.classList.contains('fv-image-compare-fullscreen')) { inner.style.setProperty('transform', 'translate(' + panX + 'px, ' + panY + 'px) scale(' + scale + ')', 'important'); } else { inner.style.removeProperty('transform'); scale = 1; panX = 0; panY = 0; } } function constrainPan() { var rect = wrapper.getBoundingClientRect(); var maxPanX = Math.max(0, (rect.width * scale - rect.width) \/ 2); var maxPanY = Math.max(0, (rect.height * scale - rect.height) \/ 2); panX = Math.max(-maxPanX, Math.min(panX, maxPanX)); panY = Math.max(-maxPanY, Math.min(panY, maxPanY)); } wrapper.addEventListener('wheel', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; e.preventDefault(); var zoomSensitivity = 0.005; var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity); var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); if (newScale === scale) return; var rect = wrapper.getBoundingClientRect(); var mouseX = e.clientX - rect.left - rect.width \/ 2; var mouseY = e.clientY - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = mouseX - (mouseX - panX) * ratio; panY = mouseY - (mouseY - panY) * ratio; scale = newScale; constrainPan(); updateTransform(); }, { passive: false }); wrapper.addEventListener('mousedown', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen') || scale <= 1) return; if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.clientX; lastClientY = e.clientY; }); window.addEventListener('mousemove', function(e) { if (!isPanning) return; var dx = e.clientX - lastClientX; var dy = e.clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.clientX; lastClientY = e.clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); }); window.addEventListener('mouseup', function() { isPanning = false; }); wrapper.addEventListener('touchstart', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; initialDistance = Math.sqrt(dx * dx + dy * dy); var rect = wrapper.getBoundingClientRect(); lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; hasPanned = true; } else if (e.touches.length === 1 && scale > 1) { if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return; isPanning = true; hasPanned = false; lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; } }, { passive: false }); wrapper.addEventListener('touchmove', function(e) { if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return; if (e.touches.length === 2 && initialDistance !== null) { e.preventDefault(); var dx = e.touches[0].clientX - e.touches[1].clientX; var dy = e.touches[0].clientY - e.touches[1].clientY; var distance = Math.sqrt(dx * dx + dy * dy); if (initialDistance > 0) { var zoomFactor = distance \/ initialDistance; var newScale = Math.max(1, Math.min(scale * zoomFactor, 5)); var rect = wrapper.getBoundingClientRect(); var centerX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2 - rect.left - rect.width \/ 2; var centerY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2 - rect.top - rect.height \/ 2; var ratio = newScale \/ scale; panX = centerX - (centerX - panX) * ratio; panY = centerY - (centerY - panY) * ratio; if (lastCenterX !== null && lastCenterY !== null) { panX += (centerX - lastCenterX); panY += (centerY - lastCenterY); } scale = newScale; lastCenterX = centerX; lastCenterY = centerY; constrainPan(); updateTransform(); } initialDistance = distance; } else if (e.touches.length === 1 && isPanning) { e.preventDefault(); var dx = e.touches[0].clientX - lastClientX; var dy = e.touches[0].clientY - lastClientY; if (Math.abs(dx) > 2 || Math.abs(dy) > 2) { hasPanned = true; } lastClientX = e.touches[0].clientX; lastClientY = e.touches[0].clientY; panX += dx; panY += dy; constrainPan(); updateTransform(); } }, { passive: false }); wrapper.addEventListener('touchend', function(e) { if (e.touches.length < 2) { initialDistance = null; } if (e.touches.length === 0) { isPanning = false; } }); function handleMove(clientX) { var rect = inner.getBoundingClientRect(); var x = Math.max(0, Math.min(clientX - rect.left, rect.width)); var percent = Math.max(0, Math.min((x \/ rect.width) * 100, 100)); if (slider) slider.style.setProperty('left', percent + '%', 'important'); if (fgImage) fgImage.style.setProperty('clip-path', 'polygon(0 0, ' + percent + '% 0, ' + percent + '% 100%, 0 100%)', 'important'); if (labelLeft) { if (percent < 10) { labelLeft.style.setProperty('opacity', '0', 'important'); } else { labelLeft.style.setProperty('opacity', '1', 'important'); } } if (labelRight) { if (percent > 90) { labelRight.style.setProperty('opacity', '0', 'important'); } else { labelRight.style.setProperty('opacity', '1', 'important'); } } } function onMouseMove(e) { if (!isDragging) return; handleMove(e.clientX); } function onTouchMove(e) { if (!isDragging) return; e.preventDefault(); handleMove(e.touches[0].clientX); } function stopDragging() { isDragging = false; window.removeEventListener('mousemove', onMouseMove); window.removeEventListener('mouseup', stopDragging); window.removeEventListener('touchmove', onTouchMove); window.removeEventListener('touchend', stopDragging); } if (slider) { var startDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('mousemove', onMouseMove); window.addEventListener('mouseup', stopDragging); }; var startTouchDrag = function(clientX) { isDragging = true; handleMove(clientX); window.addEventListener('touchmove', onTouchMove, { passive: false }); window.addEventListener('touchend', stopDragging); }; slider.addEventListener('mousedown', function(e) { e.preventDefault(); startDrag(e.clientX); }); slider.addEventListener('touchstart', function(e) { e.preventDefault(); startTouchDrag(e.touches[0].clientX); }, { passive: false }); } var expandBtn = wrapper.querySelector('.fv-image-compare-expand-btn'); var closeBtn = wrapper.querySelector('.fv-image-compare-close-btn'); if (expandBtn) { if (window !== window.parent) { expandBtn.style.display = 'none'; } else { expandBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.add('fv-image-compare-fullscreen'); document.body.style.overflow = 'hidden'; if (fgImage && fgImage.dataset.highresSrc) { fgImage.src = fgImage.dataset.highresSrc; fgImage.removeAttribute('srcset'); fgImage.removeAttribute('sizes'); } if (bgImage && bgImage.dataset.highresSrc) { bgImage.src = bgImage.dataset.highresSrc; bgImage.removeAttribute('srcset'); bgImage.removeAttribute('sizes'); } }); } } if (closeBtn) { closeBtn.addEventListener('click', function(e) { e.stopPropagation(); wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); }); } document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && wrapper.classList.contains('fv-image-compare-fullscreen')) { wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); } }); }); \/* Shop The Look Hotspots *\/ var hotspots = chartWrapper.querySelectorAll('.fv-stl-hotspot-btn'); var allProductsModal = chartWrapper.querySelector('.fv-stl-all-products-modal'); var shopAllBtn = chartWrapper.querySelector('.fv-stl-shop-all-btn'); var stlContainer = chartWrapper.querySelector('.fv-stl-container'); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove('is-active'); var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item'); items.forEach(function(item) { item.classList.remove('is-highlighted'); }); if (stlContainer) { setTimeout(function() { if (!allProductsModal.classList.contains('is-active')) { stlContainer.style.minHeight = ''; if ('parentIFrame' in window) { window.parentIFrame.size(); } } }, 300); } } hotspots.forEach(function(btn) { btn.setAttribute('aria-expanded', 'false'); }); if ('parentIFrame' in window) { window.parentIFrame.size(); } } hotspots.forEach(function(btn) { btn.addEventListener('click', function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute('data-hotspot-id'); var isExpanded = btn.getAttribute('aria-expanded') === 'true'; closeAllModals(); if (!isExpanded && allProductsModal) { btn.setAttribute('aria-expanded', 'true'); allProductsModal.classList.add('is-active'); var container = btn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id=\"' + hotspotId + '\"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(function() { targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.size(); } } }); }); if (shopAllBtn &#038;&#038; allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); var container = shopAllBtn.closest('.fv-stl-container'); if (container &#038;&#038; container.offsetHeight < 450) { container.style.minHeight = '450px'; } if ('parentIFrame' in window) { window.parentIFrame.size(); } }); } if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } chartWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); if (allProductsModal) { allProductsModal.addEventListener('click', function(e) { if (!e.target.closest('.fv-stl-all-products-content')) { closeAllModals(); } }); } \/* Image Annotation Logic *\/ var iaNodes = chartWrapper.querySelectorAll('.fv-ia-node-button'); var iaWrapper = chartWrapper.querySelector('.fv-ia-wrapper'); var originalCaption = chartWrapper.querySelector('.fv-original-caption') || captionEl; var dynamicCaption = chartWrapper.querySelector('.fv-ia-dynamic-caption'); var exploreBtn = chartWrapper.querySelector('.fv-ia-explore-btn'); var currentIaIndex = -1; function closeAllIANodes() { iaNodes.forEach(function(btn) { btn.classList.remove('is-active'); }); if (originalCaption) originalCaption.style.display = 'block'; if (dynamicCaption) dynamicCaption.style.display = 'none'; } function resetExploreBtn() { currentIaIndex = -1; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Explore'; } } iaNodes.forEach(function(btn, index) { btn.addEventListener('click', function(e) { e.stopPropagation(); var isActive = btn.classList.contains('is-active'); closeAllIANodes(); if (!isActive) { currentIaIndex = index; if (exploreBtn) { var exploreSpan = exploreBtn.querySelector('span'); if (exploreSpan) exploreSpan.textContent = 'Next'; } btn.classList.add('is-active'); if (dynamicCaption) { var title = btn.getAttribute('data-title') || ''; var desc = btn.getAttribute('data-desc') || ''; dynamicCaption.innerHTML = ''; var strongTag = document.createElement('strong'); strongTag.textContent = title; dynamicCaption.appendChild(strongTag); if (desc) { dynamicCaption.appendChild(document.createTextNode(' - ' + desc)); } if (originalCaption) originalCaption.style.display = 'none'; dynamicCaption.style.display = 'block'; if (footerContentEl) footerContentEl.style.display = 'block'; } } else { resetExploreBtn(); } }); }); if (exploreBtn) { exploreBtn.addEventListener('click', function(e) { e.stopPropagation(); if (iaNodes.length === 0) return; var nextIndex = currentIaIndex + 1; if (nextIndex >= iaNodes.length) { closeAllIANodes(); resetExploreBtn(); } else { currentIaIndex = nextIndex; var targetBtn = iaNodes[currentIaIndex]; if (targetBtn) { if (targetBtn.classList.contains('is-active')) { targetBtn.click(); } targetBtn.click(); } } }); } if (iaWrapper) { iaWrapper.addEventListener('click', function(e) { if (!e.target.closest('.fv-ia-node-button') && !e.target.closest('.fv-ia-explore-btn')) { closeAllIANodes(); resetExploreBtn(); } }); } \/* Initial Animation *\/ chartWrapper._fvAnimate = fvLocalAnimate; fvLocalAnimate(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 pad = function(n) { return (n < 10 ? '0' : '') + n; }; var updateCountdown = function() { var difference = +targetDate - +new Date(); var d = 0, h = 0, m = 0, s = 0; if (difference > 0) { d = Math.floor(difference \/ (1000 * 60 * 60 * 24)); h = Math.floor((difference \/ (1000 * 60 * 60)) % 24); m = Math.floor((difference \/ 1000 \/ 60) % 60); s = Math.floor((difference \/ 1000) % 60); } var daysEl = countdownContainer.querySelector('[data-time=\"days\"]'); var hoursEl = countdownContainer.querySelector('[data-time=\"hours\"]'); var minsEl = countdownContainer.querySelector('[data-time=\"minutes\"]'); var secsEl = countdownContainer.querySelector('[data-time=\"seconds\"]'); if (daysEl) daysEl.textContent = d; if (hoursEl) hoursEl.textContent = pad(h); if (minsEl) minsEl.textContent = pad(m); if (secsEl) secsEl.textContent = pad(s); }; updateCountdown(); setInterval(updateCountdown, 1000); } } } if (false) { var slideshowContainer = document.getElementById(uniqueId + '-slideshow'); if (slideshowContainer) { var slides = slideshowContainer.querySelectorAll('.fv-slide'); slides.forEach(function(slide) { setupWrapper(slide.querySelector('.fv-chart-wrapper')); }); } } else { setupWrapper(root); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1792067743562-at1ybeld5', false); }); } else { initialize('fv-chart-1792067743562-at1ybeld5', false); } })(); <\/script><\/div>\n<p>In stress testing gaming benchmarks, the X20 managed 2 hours and 9 minutes in the 25 W gaming mode, and almost 3 hours in the 17 W mode. Importantly, it can get up to 9 hours of indie gaming on the go, in my experience. The standard X model has the exact same size battery, so you can expect a similar battery life, though our testing saw it perform a little under the X20. <\/p>\n<figure role=\"gallery\">\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.jpg\" alt=\"Asus ROG Xbox Ally X20 gaming handheld\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld-1.jpg\" alt=\"Asus ROG Xbox Ally X20 gaming handheld\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld-2.jpg\" alt=\"Asus ROG Xbox Ally X20 gaming handheld\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<\/figure>\n<p>Though you&#8217;re getting similar performance figures, the day-to-day use of the Ally X20 is superior from my experience. The screen is gorgeous and super bright, all the buttons feel superb under the fingers, it&#8217;s super quiet (unless you want it to be loud), and it looks phenomenal. <\/p>\n<p>As well as all of this, those frosty temps mean you can shove up the wattage if you want, or just have a ton of headroom to avoid throttling in the future. I would really struggle to want to spend over $1,000 on any gaming handheld right now, but if I were flush with cash, I would be majorly tempted to pop the X20 in my basket. <\/p>\n<section class=\"article__schema-question\">\n<h3>Should you upgrade to the Asus ROG Xbox Ally X20?<\/h3>\n<article class=\"article__schema-answer\">\n<p>If you already have the Xbox Ally X, I wouldn&#8217;t recommend spending another $1,300 to get a better screen, thermals and TMR sticks (plus some little extras). If, however, you&#8217;re deciding between the two, I can say that the new additions are very welcome and make for a refined, desirable device. If you&#8217;ve got the cash to splash, it&#8217;s a sweet device. It&#8217;s just a shame that the memory crisis has killed handheld market prices. <\/p>\n<\/article>\n<\/section>\n<\/article>\n<p><a href=\"https:\/\/www.pcgamer.com\/hardware\/handheld-gaming-pcs\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>So, you&#8217;ve seen the Asus ROG Xbox Ally X20 in all its black and gold glory and wondered if it&#8217;s worth paying $300 more for it. Well, the answer is &#8216;it really depends on what kind of device you are looking for&#8217; and &#8216;how much is a fresh OLED screen worth to you?&#8217; Unlike the other ROG 20th anniversary edition bits of Asus gear, the X20 is not about superfluous add-ons (unless you pick up the bundle with XR glasses). You aren&#8217;t getting a commemorative faceplate here, or extra stickers. You get an OLED screen, TMR thumbsticks, improved thermals, and MicroSD Express compatibility. You also get Impulse triggers, which means they can rumble independently, and the D-Pad can be flicked around to make the corners&hellip;<\/p>\n<p class=\"excerpt-more\"><a class=\"blog-excerpt button\" href=\"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":1720050,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[336],"tags":[10918,10825,66],"class_list":["post-1720049","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pc-gamer","tag-gaming-pcs","tag-handheld-gaming-pcs","tag-hardware"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld | Arcader News<\/title>\n<meta name=\"description\" content=\"So, you&#039;ve seen the Asus ROG Xbox Ally X20 in all its black and gold glory and wondered if it&#039;s worth paying $300 more for it. Well, the answer is &#039;it\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld | Arcader News\" \/>\n<meta property=\"og:description\" content=\"So, you&#039;ve seen the Asus ROG Xbox Ally X20 in all its black and gold glory and wondered if it&#039;s worth paying $300 more for it. Well, the answer is &#039;it\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/\" \/>\n<meta property=\"og:site_name\" content=\"Arcade News\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-15T13:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\" \/>\n<meta name=\"author\" content=\"Arcade News\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Arcade News\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/\"},\"author\":{\"name\":\"Arcade News\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\"},\"headline\":\"Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld\",\"datePublished\":\"2026-10-15T13:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/\"},\"wordCount\":1586,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\",\"keywords\":[\"Gaming PCs\",\"Handheld Gaming PCs\",\"hardware\"],\"articleSection\":[\"PC Gamer\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/\",\"url\":\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/\",\"name\":\"Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld | Arcader News\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\",\"datePublished\":\"2026-10-15T13:00:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\"},\"description\":\"So, you've seen the Asus ROG Xbox Ally X20 in all its black and gold glory and wondered if it's worth paying $300 more for it. Well, the answer is 'it\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/#primaryimage\",\"url\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\",\"contentUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png\",\"width\":480,\"height\":91,\"caption\":\"Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/arcader.org\\\/news\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#website\",\"url\":\"https:\\\/\\\/arcader.org\\\/news\\\/\",\"name\":\"Arcade News\",\"description\":\"Free Arcade News from the Best Online Sources\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/arcader.org\\\/news\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\",\"name\":\"Arcade News\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g\",\"caption\":\"Arcade News\"},\"sameAs\":[\"https:\\\/\\\/cricketgames.tv\"],\"url\":\"https:\\\/\\\/arcader.org\\\/news\\\/author\\\/arcade-news\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld | Arcader News","description":"So, you've seen the Asus ROG Xbox Ally X20 in all its black and gold glory and wondered if it's worth paying $300 more for it. Well, the answer is 'it","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/","og_locale":"en_US","og_type":"article","og_title":"Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld | Arcader News","og_description":"So, you've seen the Asus ROG Xbox Ally X20 in all its black and gold glory and wondered if it's worth paying $300 more for it. Well, the answer is 'it","og_url":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/","og_site_name":"Arcade News","article_published_time":"2026-10-15T13:00:00+00:00","og_image":[{"url":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png","type":"","width":"","height":""}],"author":"Arcade News","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Arcade News","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/#article","isPartOf":{"@id":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/"},"author":{"name":"Arcade News","@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839"},"headline":"Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld","datePublished":"2026-10-15T13:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/"},"wordCount":1586,"commentCount":0,"image":{"@id":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/#primaryimage"},"thumbnailUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png","keywords":["Gaming PCs","Handheld Gaming PCs","hardware"],"articleSection":["PC Gamer"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/","url":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/","name":"Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld | Arcader News","isPartOf":{"@id":"https:\/\/arcader.org\/news\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/#primaryimage"},"image":{"@id":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/#primaryimage"},"thumbnailUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png","datePublished":"2026-10-15T13:00:00+00:00","author":{"@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839"},"description":"So, you've seen the Asus ROG Xbox Ally X20 in all its black and gold glory and wondered if it's worth paying $300 more for it. Well, the answer is 'it","breadcrumb":{"@id":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/#primaryimage","url":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png","contentUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/10\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld.png","width":480,"height":91,"caption":"Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld"},{"@type":"BreadcrumbList","@id":"https:\/\/arcader.org\/news\/xbox-ally-x-20-vs-xbox-ally-x-a-wickedly-bright-oled-screen-and-frosty-temps-make-for-a-begrudgingly-attractive-upgrade-for-the-asus-handheld\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/arcader.org\/news\/"},{"@type":"ListItem","position":2,"name":"Xbox Ally X 20 vs Xbox Ally X: A wickedly bright OLED screen and frosty temps make for a begrudgingly attractive upgrade for the Asus handheld"}]},{"@type":"WebSite","@id":"https:\/\/arcader.org\/news\/#website","url":"https:\/\/arcader.org\/news\/","name":"Arcade News","description":"Free Arcade News from the Best Online Sources","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arcader.org\/news\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839","name":"Arcade News","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g","caption":"Arcade News"},"sameAs":["https:\/\/cricketgames.tv"],"url":"https:\/\/arcader.org\/news\/author\/arcade-news\/"}]}},"_links":{"self":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/posts\/1720049","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/comments?post=1720049"}],"version-history":[{"count":0,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/posts\/1720049\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/media\/1720050"}],"wp:attachment":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/media?parent=1720049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/categories?post=1720049"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/tags?post=1720049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}