{"id":29484,"date":"2026-11-06T23:23:03","date_gmt":"2026-11-07T07:23:03","guid":{"rendered":"https:\/\/dragons-web.com\/wp\/?p=29484"},"modified":"2026-11-06T23:27:06","modified_gmt":"2026-11-07T07:27:06","slug":"the-ninja-crispi-dualzone-air-fryer-earns-its-price-tag-with-clever-design-great-features-and-excellent-cooking","status":"publish","type":"post","link":"https:\/\/dragons-web.com\/wp\/2026\/11\/06\/the-ninja-crispi-dualzone-air-fryer-earns-its-price-tag-with-clever-design-great-features-and-excellent-cooking\/","title":{"rendered":"The Ninja Crispi DualZone air fryer earns its price tag with clever design, great features, and excellent cooking"},"content":{"rendered":"<article>\n<h3 class=\"article-body__section\" id=\"section-ninja-crispi-dualzone-30-second-review\"><span>Ninja Crispi Dualzone: 30-second review<\/span><\/h3>\n<p>The Ninja Crispi DualZone is a fantastic looking and performing air fryer, boasting eight cooking modes, a clever basket design, and excellent controls. It&#8217;s also one of the most expensive air fryers on the market. Is it worth the money? I&#8217;ve put it to the test to find out.<\/p>\n<p>Get it out the box and place it on your kitchen counter and you&#8217;ll be impressed by how much it doesn&#8217;t look like every other air fryer on the market. Out is the black, boxy design, and in is Ninja&#8217;s CleanCrisp glassware containers, giving the Crispi DualZone an airier presence. This is an air fryer you won&#8217;t necessarily want to hide away in a cupboard.<\/p>\n<p>It&#8217;s not just looks though, as there&#8217;s clever design in play here too. The plastic and rubber base on the glass containers make them easy to manoevre and allow you to set them down anywhere when hot, without the need for a heat mat.<\/p>\n<figure role=\"gallery\">\n<figure><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/88hHDMVYVSYbfknArszPMN-1920-80.jpg\" alt=\"Person removing one cooking container from Ninja Crispi DualZone air fryer\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/NAW7TZNoc2od2mSoTrRFQM-1920-80.jpg\" alt=\"Ninja Crispi DualZone air fryer with accessories on kitchen counter\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<\/figure>\n<p>Then there are the eight cooking modes, offering excellent versatility and cooking performance. Air Fry and Max Crisp are staples you&#8217;d expect to see, but Bake, Roast, Re Crisp, Prove, Dehydrate and Keep Warm ensure the Crispi DualZone can be used for much more than simple air frying.<\/p>\n<p>And if you have leftovers, there&#8217;s no need to decant into another container. Let the glassware cool, snap on one of the lids provided in the box and slide it into the fridge.<\/p>\n<p>Sure it&#8217;s expensive, and it&#8217;s too heavy to be constantly moving in and out of storage, but the Ninja Crispi DualZone offers the premium air fryer experience its price tag demands.<\/p>\n<h3 class=\"article-body__section\" id=\"section-ninja-crispi-dualzone-price-and-availability\"><span>Ninja Crispi Dualzone: price and availability<\/span><\/h3>\n<ul>\n<li><strong>Model reviewed costs \u00a3299.99<\/strong><\/li>\n<li><strong>Similar model in the US costs $379.99<\/strong><\/li>\n<\/ul>\n<p>The Ninja Crispi DualZone is one of the most expensive air fryers on the market. I reviewed the Crispi DualZone 8-in-1 model (DD102UK) in the UK that costs \u00a3299.99, and currently isn&#8217;t available in the US.<\/p>\n<p>But fear not, as Ninja offers the almost identical Crispi DualZone 6-in-1 model (DD101) in the US for $379.99. The only difference being it misses out on the Prove and Keep warm functions from the UK model I&#8217;ve reviewed. <\/p>\n<p>The 6-in-1 model is also available in the UK (DD101UK), but as it&#8217;s the same price as the 8-in-1, it&#8217;s bizarre it&#8217;s on sale as well.<\/p>\n<p>It means the Crispi DualZone is up against the <a href=\"https:\/\/www.techradar.com\/home\/air-fryers\/the-best-dual-zone-air-fryers-convenient-multi-component-cooking-for-a-crowd\">best dual-zone air fryers<\/a> around, including Ninja&#8217;s own <a href=\"https:\/\/www.techradar.com\/reviews\/ninja-foodi-dual-zone-air-fryer-af300uk-review\">AF300UK Foodi Dual Zone<\/a> and <a href=\"https:\/\/www.techradar.com\/home\/air-fryers\/ninja-double-stack-air-fryer-review\">Double Stack XL<\/a>, as well as the <a href=\"https:\/\/www.techradar.com\/home\/air-fryers\/philips-4000-series-stacked-dual-basket-airfryer-review\">Philips 4000 Series Stacked Dual Basket<\/a> and <a href=\"https:\/\/www.techradar.com\/home\/air-fryers\/russell-hobbs-satisfry-dual-basket-air-fryer-review-a-no-nonsense-air-fryer-that-really-delivers\">Russell Hobbs Satisfry Dual Basket<\/a> &#8211; all of which cost less.<\/p>\n<ul>\n<li><strong>Value score: 4\/5<\/strong><\/li>\n<\/ul>\n<h3 class=\"article-body__section\" id=\"section-ninja-crispi-dualzone-specifications\"><span>Ninja Crispi Dualzone: specifications<\/span><\/h3>\n<div >\n<table>\n<tbody>\n<tr>\n<td class=\"firstcol \" >\n<p>Review Model<\/p>\n<\/td>\n<td  >\n<p>DD102UK<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Number of baskets<\/p>\n<\/td>\n<td  >\n<p>2<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Number of cooking programs<\/p>\n<\/td>\n<td  >\n<p>8<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Cooking programs<\/p>\n<\/td>\n<td  >\n<p>Air Fry, Max Crisp, Prove, Bake, Roast, Dehydrate, Keep Warm, Re Crisp<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Extra functions<\/p>\n<\/td>\n<td  >\n<p>Smart Finish, Match Cook<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Smart control<\/p>\n<\/td>\n<td  >\n<p>No<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Wattage<\/p>\n<\/td>\n<td  >\n<p>2860W<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Capacity<\/p>\n<\/td>\n<td  >\n<p>7.6L (2 x 3.8L)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Temperature range<\/p>\n<\/td>\n<td  >\n<p>20-240 degrees C<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Time range<\/p>\n<\/td>\n<td  >\n<p>1 minute &#8211; 12 hours<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Dimensions<\/p>\n<\/td>\n<td  >\n<p>42.42cm (L) x 29.79cm (W) x 29.39cm (H)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Dishwasher-safe<\/p>\n<\/td>\n<td  >\n<p>Yes<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Weight<\/p>\n<\/td>\n<td  >\n<p>14.06kg<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3 class=\"article-body__section\" id=\"section-ninja-crispi-dualzone-design\"><span>Ninja Crispi Dualzone: design<\/span><\/h3>\n<ul>\n<li><strong>One of the best looking air fryers<\/strong><\/li>\n<li><strong>Clever basket design for easy use and placement<\/strong><\/li>\n<li><strong>Very heavy, so difficult to move around<\/strong><\/li>\n<\/ul>\n<p>The Ninja Crispi DualZone doesn&#8217;t look like your traditional black box air fryer. You&#8217;re paying a premium for Ninja&#8217;s modern styling, and this is one of the best looking air fryers on the market.<\/p>\n<p>The two CleanCrisp glassware containers and clever self-aligning, slide-in mechanism gives you a view of three of the four sides during cooking, allowing you to watch your food like a hawk to ensure it&#8217;s not burning.<\/p>\n<figure role=\"gallery\">\n<figure><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/3ZUSg8iG9vvTG2FzkLXMVM-1920-80.jpg\" alt=\"Ninja Crispi DualZone air fryer with one cooking dish removed\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/qYnuaWBFcEyT32kbskE6pM-1920-80.jpg\" alt=\"Ninja Crispi DualZone air fryer cooking container with crisping rack in bottom\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/22BKXrmr9KWYMkoZ4AFQJM-1920-80.jpg\" alt=\"Ninja Crispi DualZone air fryer cooking dish with lid\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<\/figure>\n<p>And the two baskets have a clip-on plastic base with handles and rubber feet, not only allowing you to safely slide them in and out of the base, but also set them down immediately on the side without the need for a heat protective mat. I loved this, as it meant I didn&#8217;t have to think where I was placing a hot basket, I could take it straight to the table and pop it down.<\/p>\n<p>Initially you might think the two 3.6L glassware baskets are a little on the small size, even if they do combine for a total cooking capacity of 7.2L. But when I started using the Crispi DualZone I quickly realised the depth of these baskets means you can fit a surprising amount into them.<\/p>\n<p>Another nice touch is the two included lids for the baskets. It meant if I had leftovers, I could let the basket cool, pop the lid on, and slide it into the fridge for the next day &#8211; no need to dirty another container.<\/p>\n<figure role=\"gallery\">\n<figure><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/ZkFwnCoNEbKP2Ygv6GyxYM-1920-80.jpg\" alt=\"Ninja Crispi DualZone air fryer controls\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/GJWCrXoJgJ9HHmdWzRCqwM-1920-80.jpg\" alt=\"Ninja Crispi DualZone air fryer control panel\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/PdmLm43kZET4w79KsYhftM-1920-80.jpg\" alt=\"Ninja Crispi DualZone air fryer LED display\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<\/figure>\n<p>I also like the controls on this air fryer. You get physical buttons and a dial (unlike touch controls on some air fryers, which can get dirty and unresponsive), all of which are clearly labelled and easy to follow. Ninja has done a good job of simplifying the controls, with easy cooking mode, temperature, and time adjustments. <\/p>\n<p>You also get Smart Finish and Match Cook functions, which come in useful when using both baskets for cooking. Smart Finish allows you to set the baskets for different cooking durations, but have them finish at the same time by delaying the start of the shorter cook.<\/p>\n<p>Match Cook on the other hand allows you to copy the cook mode, temperature and duration from one zone to the other. This is handy when doing a large batch of the same food, as it means you only need to enter the cooking information once and then hit Match Cook to copy it over.<\/p>\n<figure class=\"van-image-figure  inline-layout\" data-bordeaux-image-check=\"\" >\n<div class='image-full-width-wrapper'>\n<div class='image-widthsetter' style=\"max-width:2560px;\">\n<p class=\"vanilla-image-block\" style=\"padding-top:56.25%;\"><img loading=\"lazy\" decoding=\"async\" id=\"79uqRwCsYzUU44neAU55NN\" name=\"CrispiDualZone-HandsOn-10\" alt=\"Ninja Crispi DualZone air fryer with cooking containers removed\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/79uqRwCsYzUU44neAU55NN-1920-80.jpg\" mos=\"\" align=\"middle\" fullscreen=\"\" width=\"2560\" height=\"1440\" attribution=\"\" endorsement=\"\" class=\"inline\" \/><\/p>\n<\/div>\n<\/div><figcaption itemprop=\"caption description\" class=\" inline-layout\"><span class=\"credit\" itemprop=\"copyrightHolder\">(Image credit: Future)<\/span><\/figcaption><\/figure>\n<p>Set the Crispi DualZone cooking, and depending on the cooking mode and duration selected, it&#8217;ll work out when it needs to alert you to shake or flip the food in the basket. It&#8217;s great Ninja does this automatically, as it means I didn&#8217;t have to remember to select a shake reminder function.<\/p>\n<p>And there are plenty of modes to choose from; Air Fry, Max Crisp, Prove, Bake, Roast, Dehydrate, Keep Warm and Re Crisp. You get an instruction and recipe book included in the box that walks you through the various modes, provides tables for a wide range of food showing the best mode, time and temperature for each, as well as some tasty recipes to try.<\/p>\n<p>What was a bit of a surprise however was just how heavy this air fryer is. The base has significant heft to it, and when both glassware baskets are inserted you&#8217;ve got a unit that&#8217;s over 14kg. If you&#8217;re someone who likes to pop their air fryer in a cupboard when not in use, the Crispi DualZone might not be the right choice for you. Still, at least it looks smart left out on the counter.<\/p>\n<figure role=\"gallery\">\n<figure><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/WPRhjUcPubZ2BgnPvrDaGN-1920-80.jpg\" alt=\"Back of Ninja Crispi DualZone air fryer, with power cable\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/EaP45mXhM4hXdU4QzbeKQN-1920-80.jpg\" alt=\"Side of Ninja Crispi DualZone air fryer\" \/><figcaption><small role=\"credit\">Future<\/small><\/figcaption><\/figure>\n<\/figure>\n<p>The good news is the baskets and crisper trays are all dishwasher safe, making cleaning up much easier. You can unclip the plastic base of the basket too, to ensure a thorough clean all round.<\/p>\n<p>In the UK it&#8217;s available in three colors <a href=\"https:\/\/www.sharkninja.co.uk\/ninja-crispi-dualzone-8-function-glass-air-fryer-bone\/DD102UKIV2.html\">on the Shark Ninja website<\/a> &#8211; Cyberspace (deep blue), Bone (off white) and Rose Quartz (pink) &#8211; while at time of writing <a href=\"https:\/\/www.amazon.co.uk\/Ninja-Functions-PFAS-Free-Containers-DD103UKSD1\/dp\/B0HFNWR3ZF\">Amazon UK has it<\/a> in Bone and Stone Gold colorways.<\/p>\n<p>A quick word of warning if you do end up buying the Ninja Crispi DualZone &#8211; the air fryer comes well packed with lots of protective packaging to remove. Make sure you&#8217;ve got it all off before switching it on.<\/p>\n<ul>\n<li><strong>Design score: 4.5\/5<\/strong><\/li>\n<\/ul>\n<h3 class=\"article-body__section\" id=\"section-ninja-crispi-dualzone-performance\"><span>Ninja Crispi Dualzone: performance<\/span><\/h3>\n<ul>\n<li><strong>Excellent cooking performance across modes<\/strong><\/li>\n<li><strong>Glassware baskets means it&#8217;s easy to check progress<\/strong><\/li>\n<li><strong>Some trial and error is needed for the perfect cook<\/strong><\/li>\n<\/ul>\n<p>The Ninja Crispi DualZone is a powerful 2860W air fryer offering excellent cooking performance across its various modes.<\/p>\n<p>I kicked things off in the default air fry mode. Homemade fries, garlic bread, and frozen onion rings all cooked well. The fries were crispy on the outside and fluffy in the middle after 26 minutes of air frying &#8211; although my personal preference would be to do them for another three or four minutes to really crisp up the outside.<\/p>\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-1793812848618-33kn2wbus *, #fv-chart-1793812848618-33kn2wbus *:before, #fv-chart-1793812848618-33kn2wbus *:after, #fv-chart-1793812848618-33kn2wbus-slideshow *, #fv-chart-1793812848618-33kn2wbus-slideshow *:before, #fv-chart-1793812848618-33kn2wbus-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1793812848618-33kn2wbus, #fv-chart-1793812848618-33kn2wbus-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1793812848618-33kn2wbus { position: relative !important; overflow: visible !important; --riv-primary: #2E6E93; } #fv-chart-1793812848618-33kn2wbus .fv-inner-wrapper { color: #1F2937 !important; background-color: #ffffff !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-1793812848618-33kn2wbus .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1793812848618-33kn2wbus.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1793812848618-33kn2wbus.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-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #2E6E93; } #fv-chart-1793812848618-33kn2wbus-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1793812848618-33kn2wbus-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1793812848618-33kn2wbus-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-1793812848618-33kn2wbus-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-1793812848618-33kn2wbus-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1793812848618-33kn2wbus-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1793812848618-33kn2wbus-slideshow .fv-nav-btn.disabled, #fv-chart-1793812848618-33kn2wbus-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-1793812848618-33kn2wbus-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-1793812848618-33kn2wbus-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-1793812848618-33kn2wbus-slideshow .fv-slideshow-select:focus { outline: 2px solid #2E6E93 !important; border-color: #2E6E93 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1793812848618-33kn2wbus .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1793812848618-33kn2wbus .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1793812848618-33kn2wbus .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1793812848618-33kn2wbus .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1793812848618-33kn2wbus .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1793812848618-33kn2wbus .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1793812848618-33kn2wbus .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1793812848618-33kn2wbus .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1793812848618-33kn2wbus .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1793812848618-33kn2wbus .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1793812848618-33kn2wbus .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1793812848618-33kn2wbus .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1793812848618-33kn2wbus .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1793812848618-33kn2wbus .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1793812848618-33kn2wbus .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-bar-row, #fv-chart-1793812848618-33kn2wbus .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812848618-33kn2wbus.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1793812848618-33kn2wbus.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1793812848618-33kn2wbus .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1793812848618-33kn2wbus .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1793812848618-33kn2wbus .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1793812848618-33kn2wbus .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1793812848618-33kn2wbus .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1793812848618-33kn2wbus .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1793812848618-33kn2wbus .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1793812848618-33kn2wbus .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1793812848618-33kn2wbus .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1793812848618-33kn2wbus .fv-dials-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important; gap: 1.5rem 1rem !important; width: 100% !important; margin: 0.75rem 0 1.25rem !important; align-items: start !important; justify-items: center !important; } #fv-chart-1793812848618-33kn2wbus .fv-dial-card { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; width: 100% !important; max-width: 220px !important; } #fv-chart-1793812848618-33kn2wbus .fv-dial-title { font-family: 'Poppins', 'Open Sans', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; color: #2b2b2b !important; line-height: 1.25 !important; margin-bottom: 0.35rem !important; text-align: center !important; width: 100% !important; overflow-wrap: break-word !important; text-transform: none !important; } #fv-chart-1793812848618-33kn2wbus .fv-dial-svg-wrapper { width: 100% !important; max-width: 200px !important; display: flex !important; justify-content: center !important; } #fv-chart-1793812848618-33kn2wbus .fv-dial-svg { width: 100% !important; height: auto !important; display: block !important; overflow: visible !important; } #fv-chart-1793812848618-33kn2wbus .fv-dial-needle { transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important; } #fv-chart-1793812848618-33kn2wbus .fv-dial-commentary { margin-top: 0.35rem !important; font-size: 13px !important; line-height: 1.45 !important; color: #4B5563 !important; text-align: center !important; width: 100% !important; padding: 0 4px !important; font-family: 'Open Sans', sans-serif !important; word-wrap: break-word !important; } #fv-chart-1793812848618-33kn2wbus.preview-wrapper .fv-dial-commentary-input { min-height: 22px !important; border: 1px dashed transparent !important; border-radius: 4px !important; transition: border-color 0.15s ease, background-color 0.15s ease !important; } #fv-chart-1793812848618-33kn2wbus.preview-wrapper .fv-dial-card:hover .fv-dial-commentary-input, #fv-chart-1793812848618-33kn2wbus.preview-wrapper .fv-dial-commentary-input:focus { border-color: #CBD5E1 !important; background-color: rgba(241, 245, 249, 0.6) !important; } #fv-chart-1793812848618-33kn2wbus .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1793812848618-33kn2wbus .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1793812848618-33kn2wbus .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1793812848618-33kn2wbus .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1793812848618-33kn2wbus .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1793812848618-33kn2wbus .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1793812848618-33kn2wbus.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-wrapper { position: relative !important; width: 100% !important; overflow: hidden !important; border-radius: 0 !important; background-color: #000 !important; touch-action: pan-y !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-inner { position: relative !important; width: 100% !important; height: 100% !important; display: block !important; transform-origin: center center !important; transition: transform 0.1s ease-out !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-bg { display: block !important; width: 100% !important; height: auto !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-fg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-slider { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 32px !important; transform: translateX(-50%) !important; cursor: ew-resize !important; z-index: 10 !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-slider-line { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 4px !important; background-color: white !important; transform: translateX(-50%) !important; box-shadow: 0 0 10px rgba(0,0,0,0.5) !important; pointer-events: none !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-handle { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 32px !important; height: 32px !important; background-color: white !important; border-radius: 50% !important; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; pointer-events: none !important; z-index: 11 !important; overflow: hidden !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-arrow-left { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-right: 4px solid #4b5563 !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-arrow-right { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 4px solid #4b5563 !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-label { position: absolute !important; top: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; padding: 0.25rem 0.75rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; font-weight: 500 !important; pointer-events: none !important; backdrop-filter: blur(4px) !important; z-index: 5 !important; transition: right 0.3s ease, opacity 0.2s ease !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-expand-btn, #fv-chart-1793812848618-33kn2wbus .fv-image-compare-close-btn { position: absolute !important; bottom: 1rem !important; right: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; border: none !important; border-radius: 0.25rem !important; padding: 0.5rem !important; cursor: pointer !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; backdrop-filter: blur(4px) !important; transition: background-color 0.2s !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-expand-btn:hover, #fv-chart-1793812848618-33kn2wbus .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-wrapper.fv-image-compare-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999 !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: rgba(0, 0, 0, 0.9) !important; margin: 0 !important; touch-action: none !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: grab !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { position: absolute !important; top: 0 !important; left: 0 !important; max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1793812848618-33kn2wbus .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-pie-container, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-bar-row, #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-stacked-product, #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-grouped-bar-product, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-bar-row, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-stacked-product, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1793812848618-33kn2wbus.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-1793812848618-33kn2wbus.mobile-view .fv-bar-label, #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-grouped-product-title, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-bar-label, #fv-chart-1793812848618-33kn2wbus.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-1793812848618-33kn2wbus.mobile-view .fv-bar-container, #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-bar-cluster, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-bar-container, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793812848618-33kn2wbus.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-1793812848618-33kn2wbus.mobile-view .fv-x-axis-wrapper, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-x-axis-label-space, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-x-axis-chart-space, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-benchmark-title, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-dropdown-title, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-carousel-nav-btn, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-chart-title, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-chart-subhead, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-versus-header, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-versus-select-wrapper, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-versus-vs, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-versus-select-container, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-versus-select, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-stl-shop-all-btn, #fv-chart-1793812848618-33kn2wbus.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-1793812848618-33kn2wbus.mobile-view .fv-stl-shop-all-logo, #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-stl-shop-all-icon, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-bar-commentary-inline, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-dials-grid, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-dials-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 1.25rem 0.75rem !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-dial-title, #fv-chart-1793812848618-33kn2wbus.labels-on-top .fv-dial-title { font-size: 16px !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1793812848618-33kn2wbus.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1793812848618-33kn2wbus .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1793812848618-33kn2wbus .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1793812848618-33kn2wbus .fv-bar-row, #fv-chart-1793812848618-33kn2wbus .fv-stacked-product, #fv-chart-1793812848618-33kn2wbus .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-bar-label, #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-bar-container, #fv-chart-1793812848618-33kn2wbus .fv-bar-cluster { width: 100% !important; } #fv-chart-1793812848618-33kn2wbus .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793812848618-33kn2wbus .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812848618-33kn2wbus .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1793812848618-33kn2wbus .fv-x-axis-label-space { display: none !important; } #fv-chart-1793812848618-33kn2wbus .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1793812848618-33kn2wbus .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1793812848618-33kn2wbus .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1793812848618-33kn2wbus .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1793812848618-33kn2wbus .fv-chart-title { padding: 0 8px !important; } #fv-chart-1793812848618-33kn2wbus .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1793812848618-33kn2wbus .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1793812848618-33kn2wbus .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1793812848618-33kn2wbus .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1793812848618-33kn2wbus .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-1793812848618-33kn2wbus .fv-stl-shop-all-logo, #fv-chart-1793812848618-33kn2wbus .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1793812848618-33kn2wbus .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1793812848618-33kn2wbus .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1793812848618-33kn2wbus .fv-dials-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 1.25rem 0.75rem !important; } #fv-chart-1793812848618-33kn2wbus .fv-dial-title { font-size: 16px !important; } #fv-chart-1793812848618-33kn2wbus .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1793812848618-33kn2wbus.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\": \"Fries cooking test\",  \"description\": \"Cooking fries to test Ninja air fryer\",  \"creator\": {  \"@type\": \"Organization\",  \"name\": \"TechRadar\",  \"logo\": \"https:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\"  },  \"isAccessibleForFree\": true,  \"dateCreated\": \"2026-11-04T17:20:48.618Z\",  \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",  \"keywords\": [  \"Image Comparison\",  \"benchmark\",  \"comparison\",  \"performance\",  \"review\",  \"TechRadar\"  ],  \"measurementTechnique\": \"Performance Benchmarking\",  \"variableMeasured\": []}<\/script><script type=\"application\/json\" class=\"fv-embed-state\" data-version=\"2\">{\"version\":2,\"exportedAt\":\"2026-11-04T17:20:48.618Z\",\"state\":{\"data\":[],\"products\":[],\"attributes\":[],\"selectedProducts\":[],\"selectedPrimaryProduct\":null,\"selectedAttributes\":[],\"productColors\":[],\"initialProductColors\":[],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Image Comparison\",\"roundupViewType\":\"bars\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"All Charts\",\"brand\":{\"name\":\"TechRadar\",\"logoUrl\":\"https:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/techradar.png\",\"colors\":{\"primary\":\"#2E6E93\",\"secondary\":\"#E8238C\",\"accent\":\"#FFFFFF\",\"background\":\"#ffffff\",\"text\":\"#1F2937\",\"productColors\":[\"#2E6E93\",\"#E8238C\",\"#5DA8D4\",\"#F06EAF\",\"#1A4E6B\",\"#B81C70\",\"#8CC3E0\",\"#F499C9\"]}},\"textContent\":{\"title\":\"Fries cooking test\",\"subhead\":\"Cooking fries to test Ninja air fryer\",\"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,\"imageCompareData\":{\"image1Url\":\"https:\/\/cdn.mos.cms.futurecdn.net\/NWBNN82yStnYfj9kgH8d5X.jpg\",\"image2Url\":\"https:\/\/cdn.mos.cms.futurecdn.net\/2EpLhYqpx7EHUcEbGAKbJX.jpg\",\"label1\":\"Before\",\"label2\":\"After\",\"showSubhead\":false,\"showTitle\":true}},\"slides\":[]}<\/script><\/p>\n<div id=\"fv-chart-1793812848618-33kn2wbus\" class=\"fv-chart-wrapper  \" data-bar-labels-on-top=\"false\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper  fv-is-image-compare  \">\n<h3 class=\"fv-chart-title\">Fries cooking test<\/h3>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1793812848618-33kn2wbus-image-compare-1\" data-chart-type=\"Image Comparison\" data-title=\"Image Comparison\" data-subhead=\"Cooking fries to test Ninja air fryer\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-image-compare-container\">\n<div class=\"fv-image-compare-wrapper\" data-image-compare=\"true\">\n<div class=\"fv-image-compare-inner\"><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/2EpLhYqpx7EHUcEbGAKbJX.jpg\" data-highres-src=\"https:\/\/cdn.mos.cms.futurecdn.net\/2EpLhYqpx7EHUcEbGAKbJX.jpg\" alt=\"After\" class=\"fv-image-compare-bg\" loading=\"lazy\" referrerpolicy=\"no-referrer\" draggable=\"false\" \/><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/NWBNN82yStnYfj9kgH8d5X.jpg\" data-highres-src=\"https:\/\/cdn.mos.cms.futurecdn.net\/NWBNN82yStnYfj9kgH8d5X.jpg\" alt=\"Before\" class=\"fv-image-compare-fg\" loading=\"lazy\" referrerpolicy=\"no-referrer\" draggable=\"false\" \/><\/p>\n<div class=\"fv-image-compare-slider\">\n<div class=\"fv-image-compare-slider-line\"><\/div>\n<div class=\"fv-image-compare-handle \"><img decoding=\"async\" src=\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/techradar.png\" alt=\"Brand Logo\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-image-compare-label fv-image-compare-label-left\">Before<\/div>\n<div class=\"fv-image-compare-label fv-image-compare-label-right\">After<\/div>\n<p><button class=\"fv-image-compare-expand-btn\" aria-label=\"Expand Image\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 8V4h4\"\/><path d=\"M20 8V4h-4\"\/><path d=\"M4 16v4h4\"\/><path d=\"M20 16v4h-4\"\/><circle cx=\"11.5\" cy=\"11.5\" r=\"3.5\"\/><path d=\"m14 14 3 3\"\/><\/svg><\/button><button class=\"fv-image-compare-close-btn\" aria-label=\"Close Fullscreen\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button><\/div>\n<\/div>\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:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\" alt=\"TechRadar 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);  });  }  function animateDials(chartElement) {  if (!chartElement) return;  var needles = chartElement.querySelectorAll('.fv-dial-needle');  needles.forEach(function(needle, index) {  var targetAngle = needle.dataset.targetAngle;  var baseAngle = needle.dataset.baseAngle || '-132';  if (targetAngle === undefined) return;  needle.style.setProperty('transition', 'none', 'important');  needle.style.setProperty('transform', 'rotate(' + baseAngle + 'deg)', 'important');  void needle.getBoundingClientRect();  setTimeout(function() {  needle.style.setProperty('transition', 'transform 0.9s cubic-bezier(0.22, 1, 0.36, 1)', 'important');  needle.style.setProperty('transform', 'rotate(' + targetAngle + 'deg)', 'important');  }, index * 60 + 50);  });  }  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);  animateDials(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-1793812848618-33kn2wbus', false); });  } else {  initialize('fv-chart-1793812848618-33kn2wbus', false);  }  })();  <\/script><\/div>\n<p>That&#8217;s part of air fryer ownership though, the trial and error as you get used to a particular air fryer&#8217;s way of cooking &#8211; much like breaking in a new oven. Sure it&#8217;s similar to your last one, but you might have to fine tune cooking times and temperatures to get the results you want. <\/p>\n<p>Thankfully with the Crispi DualZone that&#8217;s easy to do thanks to the simple controls and the all-glass baskets. It meant I could see in real-time how cooked my food was and stop it early, or extend the time without having to hit pause by pulling out a basket.<\/p>\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-1793812181543-6bbgu9bb3 *, #fv-chart-1793812181543-6bbgu9bb3 *:before, #fv-chart-1793812181543-6bbgu9bb3 *:after, #fv-chart-1793812181543-6bbgu9bb3-slideshow *, #fv-chart-1793812181543-6bbgu9bb3-slideshow *:before, #fv-chart-1793812181543-6bbgu9bb3-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1793812181543-6bbgu9bb3, #fv-chart-1793812181543-6bbgu9bb3-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1793812181543-6bbgu9bb3 { position: relative !important; overflow: visible !important; --riv-primary: #2E6E93; } #fv-chart-1793812181543-6bbgu9bb3 .fv-inner-wrapper { color: #1F2937 !important; background-color: #ffffff !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-1793812181543-6bbgu9bb3 .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1793812181543-6bbgu9bb3.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-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #2E6E93; } #fv-chart-1793812181543-6bbgu9bb3-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1793812181543-6bbgu9bb3-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-1793812181543-6bbgu9bb3-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-1793812181543-6bbgu9bb3-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1793812181543-6bbgu9bb3-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1793812181543-6bbgu9bb3-slideshow .fv-nav-btn.disabled, #fv-chart-1793812181543-6bbgu9bb3-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-1793812181543-6bbgu9bb3-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-1793812181543-6bbgu9bb3-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-1793812181543-6bbgu9bb3-slideshow .fv-slideshow-select:focus { outline: 2px solid #2E6E93 !important; border-color: #2E6E93 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1793812181543-6bbgu9bb3 .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-bar-row, #fv-chart-1793812181543-6bbgu9bb3 .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812181543-6bbgu9bb3.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1793812181543-6bbgu9bb3.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-dials-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important; gap: 1.5rem 1rem !important; width: 100% !important; margin: 0.75rem 0 1.25rem !important; align-items: start !important; justify-items: center !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-dial-card { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; width: 100% !important; max-width: 220px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-dial-title { font-family: 'Poppins', 'Open Sans', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; color: #2b2b2b !important; line-height: 1.25 !important; margin-bottom: 0.35rem !important; text-align: center !important; width: 100% !important; overflow-wrap: break-word !important; text-transform: none !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-dial-svg-wrapper { width: 100% !important; max-width: 200px !important; display: flex !important; justify-content: center !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-dial-svg { width: 100% !important; height: auto !important; display: block !important; overflow: visible !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-dial-needle { transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-dial-commentary { margin-top: 0.35rem !important; font-size: 13px !important; line-height: 1.45 !important; color: #4B5563 !important; text-align: center !important; width: 100% !important; padding: 0 4px !important; font-family: 'Open Sans', sans-serif !important; word-wrap: break-word !important; } #fv-chart-1793812181543-6bbgu9bb3.preview-wrapper .fv-dial-commentary-input { min-height: 22px !important; border: 1px dashed transparent !important; border-radius: 4px !important; transition: border-color 0.15s ease, background-color 0.15s ease !important; } #fv-chart-1793812181543-6bbgu9bb3.preview-wrapper .fv-dial-card:hover .fv-dial-commentary-input, #fv-chart-1793812181543-6bbgu9bb3.preview-wrapper .fv-dial-commentary-input:focus { border-color: #CBD5E1 !important; background-color: rgba(241, 245, 249, 0.6) !important; } #fv-chart-1793812181543-6bbgu9bb3 .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1793812181543-6bbgu9bb3.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-wrapper { position: relative !important; width: 100% !important; overflow: hidden !important; border-radius: 0 !important; background-color: #000 !important; touch-action: pan-y !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-inner { position: relative !important; width: 100% !important; height: 100% !important; display: block !important; transform-origin: center center !important; transition: transform 0.1s ease-out !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-bg { display: block !important; width: 100% !important; height: auto !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-fg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-slider { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 32px !important; transform: translateX(-50%) !important; cursor: ew-resize !important; z-index: 10 !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-slider-line { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 4px !important; background-color: white !important; transform: translateX(-50%) !important; box-shadow: 0 0 10px rgba(0,0,0,0.5) !important; pointer-events: none !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-handle { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 32px !important; height: 32px !important; background-color: white !important; border-radius: 50% !important; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; pointer-events: none !important; z-index: 11 !important; overflow: hidden !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-arrow-left { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-right: 4px solid #4b5563 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-arrow-right { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 4px solid #4b5563 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-label { position: absolute !important; top: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; padding: 0.25rem 0.75rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; font-weight: 500 !important; pointer-events: none !important; backdrop-filter: blur(4px) !important; z-index: 5 !important; transition: right 0.3s ease, opacity 0.2s ease !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-expand-btn, #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-close-btn { position: absolute !important; bottom: 1rem !important; right: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; border: none !important; border-radius: 0.25rem !important; padding: 0.5rem !important; cursor: pointer !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; backdrop-filter: blur(4px) !important; transition: background-color 0.2s !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-expand-btn:hover, #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-wrapper.fv-image-compare-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999 !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: rgba(0, 0, 0, 0.9) !important; margin: 0 !important; touch-action: none !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: grab !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { position: absolute !important; top: 0 !important; left: 0 !important; max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-pie-container, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-bar-row, #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-stacked-product, #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-grouped-bar-product, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-bar-row, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-stacked-product, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1793812181543-6bbgu9bb3.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-1793812181543-6bbgu9bb3.mobile-view .fv-bar-label, #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-grouped-product-title, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-bar-label, #fv-chart-1793812181543-6bbgu9bb3.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-1793812181543-6bbgu9bb3.mobile-view .fv-bar-container, #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-bar-cluster, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-bar-container, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793812181543-6bbgu9bb3.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-1793812181543-6bbgu9bb3.mobile-view .fv-x-axis-wrapper, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-x-axis-label-space, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-x-axis-chart-space, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-benchmark-title, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-dropdown-title, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-carousel-nav-btn, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-chart-title, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-chart-subhead, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-versus-header, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-versus-select-wrapper, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-versus-vs, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-versus-select-container, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-versus-select, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-stl-shop-all-btn, #fv-chart-1793812181543-6bbgu9bb3.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-1793812181543-6bbgu9bb3.mobile-view .fv-stl-shop-all-logo, #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-stl-shop-all-icon, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-bar-commentary-inline, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-dials-grid, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-dials-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 1.25rem 0.75rem !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-dial-title, #fv-chart-1793812181543-6bbgu9bb3.labels-on-top .fv-dial-title { font-size: 16px !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1793812181543-6bbgu9bb3.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1793812181543-6bbgu9bb3 .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-bar-row, #fv-chart-1793812181543-6bbgu9bb3 .fv-stacked-product, #fv-chart-1793812181543-6bbgu9bb3 .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-bar-label, #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-bar-container, #fv-chart-1793812181543-6bbgu9bb3 .fv-bar-cluster { width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793812181543-6bbgu9bb3 .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812181543-6bbgu9bb3 .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-x-axis-label-space { display: none !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-chart-title { padding: 0 8px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3 .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-1793812181543-6bbgu9bb3 .fv-stl-shop-all-logo, #fv-chart-1793812181543-6bbgu9bb3 .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-dials-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 1.25rem 0.75rem !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-dial-title { font-size: 16px !important; } #fv-chart-1793812181543-6bbgu9bb3 .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1793812181543-6bbgu9bb3.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\": \"Garlic bread cooking test\",  \"description\": \"Cooking garlic bread using Ninja air fryer\",  \"creator\": {  \"@type\": \"Organization\",  \"name\": \"TechRadar\",  \"logo\": \"https:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\"  },  \"isAccessibleForFree\": true,  \"dateCreated\": \"2026-11-04T17:09:41.543Z\",  \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",  \"keywords\": [  \"Image Comparison\",  \"benchmark\",  \"comparison\",  \"performance\",  \"review\",  \"TechRadar\"  ],  \"measurementTechnique\": \"Performance Benchmarking\",  \"variableMeasured\": []}<\/script><script type=\"application\/json\" class=\"fv-embed-state\" data-version=\"2\">{\"version\":2,\"exportedAt\":\"2026-11-04T17:09:41.543Z\",\"state\":{\"data\":[],\"products\":[],\"attributes\":[],\"selectedProducts\":[],\"selectedPrimaryProduct\":null,\"selectedAttributes\":[],\"productColors\":[],\"initialProductColors\":[],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Image Comparison\",\"roundupViewType\":\"bars\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"All Charts\",\"brand\":{\"name\":\"TechRadar\",\"logoUrl\":\"https:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/techradar.png\",\"colors\":{\"primary\":\"#2E6E93\",\"secondary\":\"#E8238C\",\"accent\":\"#FFFFFF\",\"background\":\"#ffffff\",\"text\":\"#1F2937\",\"productColors\":[\"#2E6E93\",\"#E8238C\",\"#5DA8D4\",\"#F06EAF\",\"#1A4E6B\",\"#B81C70\",\"#8CC3E0\",\"#F499C9\"]}},\"textContent\":{\"title\":\"Garlic bread cooking test\",\"subhead\":\"Cooking garlic bread using Ninja air fryer\",\"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,\"imageCompareData\":{\"image1Url\":\"https:\/\/cdn.mos.cms.futurecdn.net\/vMxhcemDXfMP9Bbm7WukcX.jpg\",\"image2Url\":\"https:\/\/cdn.mos.cms.futurecdn.net\/SsVfAVA2gxTwoduumwEgUX.jpg\",\"label1\":\"Before\",\"label2\":\"After\",\"showTitle\":true,\"showSubhead\":false}},\"slides\":[]}<\/script><\/p>\n<div id=\"fv-chart-1793812181543-6bbgu9bb3\" class=\"fv-chart-wrapper  \" data-bar-labels-on-top=\"false\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper  fv-is-image-compare  \">\n<h3 class=\"fv-chart-title\">Garlic bread cooking test<\/h3>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1793812181543-6bbgu9bb3-image-compare-1\" data-chart-type=\"Image Comparison\" data-title=\"Image Comparison\" data-subhead=\"Cooking garlic bread using Ninja air fryer\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-image-compare-container\">\n<div class=\"fv-image-compare-wrapper\" data-image-compare=\"true\">\n<div class=\"fv-image-compare-inner\"><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/SsVfAVA2gxTwoduumwEgUX.jpg\" data-highres-src=\"https:\/\/cdn.mos.cms.futurecdn.net\/SsVfAVA2gxTwoduumwEgUX.jpg\" alt=\"After\" class=\"fv-image-compare-bg\" loading=\"lazy\" referrerpolicy=\"no-referrer\" draggable=\"false\" \/><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/vMxhcemDXfMP9Bbm7WukcX.jpg\" data-highres-src=\"https:\/\/cdn.mos.cms.futurecdn.net\/vMxhcemDXfMP9Bbm7WukcX.jpg\" alt=\"Before\" class=\"fv-image-compare-fg\" loading=\"lazy\" referrerpolicy=\"no-referrer\" draggable=\"false\" \/><\/p>\n<div class=\"fv-image-compare-slider\">\n<div class=\"fv-image-compare-slider-line\"><\/div>\n<div class=\"fv-image-compare-handle \"><img decoding=\"async\" src=\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/techradar.png\" alt=\"Brand Logo\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-image-compare-label fv-image-compare-label-left\">Before<\/div>\n<div class=\"fv-image-compare-label fv-image-compare-label-right\">After<\/div>\n<p><button class=\"fv-image-compare-expand-btn\" aria-label=\"Expand Image\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 8V4h4\"\/><path d=\"M20 8V4h-4\"\/><path d=\"M4 16v4h4\"\/><path d=\"M20 16v4h-4\"\/><circle cx=\"11.5\" cy=\"11.5\" r=\"3.5\"\/><path d=\"m14 14 3 3\"\/><\/svg><\/button><button class=\"fv-image-compare-close-btn\" aria-label=\"Close Fullscreen\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button><\/div>\n<\/div>\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:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\" alt=\"TechRadar 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);  });  }  function animateDials(chartElement) {  if (!chartElement) return;  var needles = chartElement.querySelectorAll('.fv-dial-needle');  needles.forEach(function(needle, index) {  var targetAngle = needle.dataset.targetAngle;  var baseAngle = needle.dataset.baseAngle || '-132';  if (targetAngle === undefined) return;  needle.style.setProperty('transition', 'none', 'important');  needle.style.setProperty('transform', 'rotate(' + baseAngle + 'deg)', 'important');  void needle.getBoundingClientRect();  setTimeout(function() {  needle.style.setProperty('transition', 'transform 0.9s cubic-bezier(0.22, 1, 0.36, 1)', 'important');  needle.style.setProperty('transform', 'rotate(' + targetAngle + 'deg)', 'important');  }, index * 60 + 50);  });  }  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);  animateDials(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-1793812181543-6bbgu9bb3', false); });  } else {  initialize('fv-chart-1793812181543-6bbgu9bb3', false);  }  })();  <\/script><\/div>\n<p>The frozen onion rings came out crispy, while the homemade garlic bread needed just six minutes for a crisped finish without getting burnt. I also tossed in some gyoza for 10 minutes for some excellent crispy dumplings.<\/p>\n<p>Another air fryer favorite of mine is chicken wings, and cooking a bunch at 200C for 30 minutes resulted in wonderfully crispy skin and succulent meat that had me going back for more.<\/p>\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-1793812078405-86g9n98wm *, #fv-chart-1793812078405-86g9n98wm *:before, #fv-chart-1793812078405-86g9n98wm *:after, #fv-chart-1793812078405-86g9n98wm-slideshow *, #fv-chart-1793812078405-86g9n98wm-slideshow *:before, #fv-chart-1793812078405-86g9n98wm-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1793812078405-86g9n98wm, #fv-chart-1793812078405-86g9n98wm-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1793812078405-86g9n98wm { position: relative !important; overflow: visible !important; --riv-primary: #2E6E93; } #fv-chart-1793812078405-86g9n98wm .fv-inner-wrapper { color: #1F2937 !important; background-color: #ffffff !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-1793812078405-86g9n98wm .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1793812078405-86g9n98wm.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1793812078405-86g9n98wm.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-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #2E6E93; } #fv-chart-1793812078405-86g9n98wm-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1793812078405-86g9n98wm-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1793812078405-86g9n98wm-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-1793812078405-86g9n98wm-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-1793812078405-86g9n98wm-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1793812078405-86g9n98wm-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1793812078405-86g9n98wm-slideshow .fv-nav-btn.disabled, #fv-chart-1793812078405-86g9n98wm-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-1793812078405-86g9n98wm-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-1793812078405-86g9n98wm-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-1793812078405-86g9n98wm-slideshow .fv-slideshow-select:focus { outline: 2px solid #2E6E93 !important; border-color: #2E6E93 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1793812078405-86g9n98wm .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1793812078405-86g9n98wm .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1793812078405-86g9n98wm .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1793812078405-86g9n98wm .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1793812078405-86g9n98wm .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1793812078405-86g9n98wm .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1793812078405-86g9n98wm .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1793812078405-86g9n98wm .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1793812078405-86g9n98wm .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1793812078405-86g9n98wm .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1793812078405-86g9n98wm .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1793812078405-86g9n98wm .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1793812078405-86g9n98wm .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1793812078405-86g9n98wm .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1793812078405-86g9n98wm .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-bar-row, #fv-chart-1793812078405-86g9n98wm .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812078405-86g9n98wm.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1793812078405-86g9n98wm.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1793812078405-86g9n98wm .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1793812078405-86g9n98wm .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1793812078405-86g9n98wm .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1793812078405-86g9n98wm .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1793812078405-86g9n98wm .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1793812078405-86g9n98wm .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1793812078405-86g9n98wm .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1793812078405-86g9n98wm .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1793812078405-86g9n98wm .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1793812078405-86g9n98wm .fv-dials-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important; gap: 1.5rem 1rem !important; width: 100% !important; margin: 0.75rem 0 1.25rem !important; align-items: start !important; justify-items: center !important; } #fv-chart-1793812078405-86g9n98wm .fv-dial-card { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; width: 100% !important; max-width: 220px !important; } #fv-chart-1793812078405-86g9n98wm .fv-dial-title { font-family: 'Poppins', 'Open Sans', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; color: #2b2b2b !important; line-height: 1.25 !important; margin-bottom: 0.35rem !important; text-align: center !important; width: 100% !important; overflow-wrap: break-word !important; text-transform: none !important; } #fv-chart-1793812078405-86g9n98wm .fv-dial-svg-wrapper { width: 100% !important; max-width: 200px !important; display: flex !important; justify-content: center !important; } #fv-chart-1793812078405-86g9n98wm .fv-dial-svg { width: 100% !important; height: auto !important; display: block !important; overflow: visible !important; } #fv-chart-1793812078405-86g9n98wm .fv-dial-needle { transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important; } #fv-chart-1793812078405-86g9n98wm .fv-dial-commentary { margin-top: 0.35rem !important; font-size: 13px !important; line-height: 1.45 !important; color: #4B5563 !important; text-align: center !important; width: 100% !important; padding: 0 4px !important; font-family: 'Open Sans', sans-serif !important; word-wrap: break-word !important; } #fv-chart-1793812078405-86g9n98wm.preview-wrapper .fv-dial-commentary-input { min-height: 22px !important; border: 1px dashed transparent !important; border-radius: 4px !important; transition: border-color 0.15s ease, background-color 0.15s ease !important; } #fv-chart-1793812078405-86g9n98wm.preview-wrapper .fv-dial-card:hover .fv-dial-commentary-input, #fv-chart-1793812078405-86g9n98wm.preview-wrapper .fv-dial-commentary-input:focus { border-color: #CBD5E1 !important; background-color: rgba(241, 245, 249, 0.6) !important; } #fv-chart-1793812078405-86g9n98wm .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1793812078405-86g9n98wm .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1793812078405-86g9n98wm .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1793812078405-86g9n98wm .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1793812078405-86g9n98wm .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1793812078405-86g9n98wm .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1793812078405-86g9n98wm.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-wrapper { position: relative !important; width: 100% !important; overflow: hidden !important; border-radius: 0 !important; background-color: #000 !important; touch-action: pan-y !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-inner { position: relative !important; width: 100% !important; height: 100% !important; display: block !important; transform-origin: center center !important; transition: transform 0.1s ease-out !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-bg { display: block !important; width: 100% !important; height: auto !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-fg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-slider { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 32px !important; transform: translateX(-50%) !important; cursor: ew-resize !important; z-index: 10 !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-slider-line { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 4px !important; background-color: white !important; transform: translateX(-50%) !important; box-shadow: 0 0 10px rgba(0,0,0,0.5) !important; pointer-events: none !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-handle { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 32px !important; height: 32px !important; background-color: white !important; border-radius: 50% !important; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; pointer-events: none !important; z-index: 11 !important; overflow: hidden !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-arrow-left { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-right: 4px solid #4b5563 !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-arrow-right { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 4px solid #4b5563 !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-label { position: absolute !important; top: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; padding: 0.25rem 0.75rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; font-weight: 500 !important; pointer-events: none !important; backdrop-filter: blur(4px) !important; z-index: 5 !important; transition: right 0.3s ease, opacity 0.2s ease !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-expand-btn, #fv-chart-1793812078405-86g9n98wm .fv-image-compare-close-btn { position: absolute !important; bottom: 1rem !important; right: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; border: none !important; border-radius: 0.25rem !important; padding: 0.5rem !important; cursor: pointer !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; backdrop-filter: blur(4px) !important; transition: background-color 0.2s !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-expand-btn:hover, #fv-chart-1793812078405-86g9n98wm .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-wrapper.fv-image-compare-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999 !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: rgba(0, 0, 0, 0.9) !important; margin: 0 !important; touch-action: none !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: grab !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { position: absolute !important; top: 0 !important; left: 0 !important; max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1793812078405-86g9n98wm .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-pie-container, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-bar-row, #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-stacked-product, #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-grouped-bar-product, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-bar-row, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-stacked-product, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1793812078405-86g9n98wm.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-1793812078405-86g9n98wm.mobile-view .fv-bar-label, #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-grouped-product-title, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-bar-label, #fv-chart-1793812078405-86g9n98wm.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-1793812078405-86g9n98wm.mobile-view .fv-bar-container, #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-bar-cluster, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-bar-container, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793812078405-86g9n98wm.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-1793812078405-86g9n98wm.mobile-view .fv-x-axis-wrapper, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-x-axis-label-space, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-x-axis-chart-space, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-benchmark-title, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-dropdown-title, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-carousel-nav-btn, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-chart-title, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-chart-subhead, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-versus-header, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-versus-select-wrapper, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-versus-vs, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-versus-select-container, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-versus-select, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-stl-shop-all-btn, #fv-chart-1793812078405-86g9n98wm.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-1793812078405-86g9n98wm.mobile-view .fv-stl-shop-all-logo, #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-stl-shop-all-icon, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-bar-commentary-inline, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-dials-grid, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-dials-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 1.25rem 0.75rem !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-dial-title, #fv-chart-1793812078405-86g9n98wm.labels-on-top .fv-dial-title { font-size: 16px !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1793812078405-86g9n98wm.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1793812078405-86g9n98wm .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1793812078405-86g9n98wm .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1793812078405-86g9n98wm .fv-bar-row, #fv-chart-1793812078405-86g9n98wm .fv-stacked-product, #fv-chart-1793812078405-86g9n98wm .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-bar-label, #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-bar-container, #fv-chart-1793812078405-86g9n98wm .fv-bar-cluster { width: 100% !important; } #fv-chart-1793812078405-86g9n98wm .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793812078405-86g9n98wm .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812078405-86g9n98wm .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1793812078405-86g9n98wm .fv-x-axis-label-space { display: none !important; } #fv-chart-1793812078405-86g9n98wm .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1793812078405-86g9n98wm .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1793812078405-86g9n98wm .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1793812078405-86g9n98wm .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1793812078405-86g9n98wm .fv-chart-title { padding: 0 8px !important; } #fv-chart-1793812078405-86g9n98wm .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1793812078405-86g9n98wm .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1793812078405-86g9n98wm .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1793812078405-86g9n98wm .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1793812078405-86g9n98wm .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-1793812078405-86g9n98wm .fv-stl-shop-all-logo, #fv-chart-1793812078405-86g9n98wm .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1793812078405-86g9n98wm .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1793812078405-86g9n98wm .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1793812078405-86g9n98wm .fv-dials-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 1.25rem 0.75rem !important; } #fv-chart-1793812078405-86g9n98wm .fv-dial-title { font-size: 16px !important; } #fv-chart-1793812078405-86g9n98wm .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1793812078405-86g9n98wm.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\": \"Chicken wing cooking test\",  \"description\": \"Cooking chicken wings in Ninja air fryer\",  \"creator\": {  \"@type\": \"Organization\",  \"name\": \"TechRadar\",  \"logo\": \"https:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\"  },  \"isAccessibleForFree\": true,  \"dateCreated\": \"2026-11-04T17:07:58.406Z\",  \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",  \"keywords\": [  \"Image Comparison\",  \"benchmark\",  \"comparison\",  \"performance\",  \"review\",  \"TechRadar\"  ],  \"measurementTechnique\": \"Performance Benchmarking\",  \"variableMeasured\": []}<\/script><script type=\"application\/json\" class=\"fv-embed-state\" data-version=\"2\">{\"version\":2,\"exportedAt\":\"2026-11-04T17:07:58.406Z\",\"state\":{\"data\":[],\"products\":[],\"attributes\":[],\"selectedProducts\":[],\"selectedPrimaryProduct\":null,\"selectedAttributes\":[],\"productColors\":[],\"initialProductColors\":[],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Image Comparison\",\"roundupViewType\":\"bars\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"All Charts\",\"brand\":{\"name\":\"TechRadar\",\"logoUrl\":\"https:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/techradar.png\",\"colors\":{\"primary\":\"#2E6E93\",\"secondary\":\"#E8238C\",\"accent\":\"#FFFFFF\",\"background\":\"#ffffff\",\"text\":\"#1F2937\",\"productColors\":[\"#2E6E93\",\"#E8238C\",\"#5DA8D4\",\"#F06EAF\",\"#1A4E6B\",\"#B81C70\",\"#8CC3E0\",\"#F499C9\"]}},\"textContent\":{\"title\":\"Chicken wing cooking test\",\"subhead\":\"Cooking chicken wings in Ninja air fryer\",\"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,\"imageCompareData\":{\"image1Url\":\"https:\/\/cdn.mos.cms.futurecdn.net\/BoeiZ7xMpkeLNFsak6mhuX.jpg\",\"image2Url\":\"https:\/\/cdn.mos.cms.futurecdn.net\/3CRdrfAZHkTxLCwBCN7k5Y.jpg\",\"label1\":\"Before\",\"label2\":\"After\",\"showTitle\":true,\"showSubhead\":false}},\"slides\":[]}<\/script><\/p>\n<div id=\"fv-chart-1793812078405-86g9n98wm\" class=\"fv-chart-wrapper  \" data-bar-labels-on-top=\"false\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper  fv-is-image-compare  \">\n<h3 class=\"fv-chart-title\">Chicken wing cooking test<\/h3>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1793812078405-86g9n98wm-image-compare-1\" data-chart-type=\"Image Comparison\" data-title=\"Image Comparison\" data-subhead=\"Cooking chicken wings in Ninja air fryer\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-image-compare-container\">\n<div class=\"fv-image-compare-wrapper\" data-image-compare=\"true\">\n<div class=\"fv-image-compare-inner\"><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/3CRdrfAZHkTxLCwBCN7k5Y.jpg\" data-highres-src=\"https:\/\/cdn.mos.cms.futurecdn.net\/3CRdrfAZHkTxLCwBCN7k5Y.jpg\" alt=\"After\" class=\"fv-image-compare-bg\" loading=\"lazy\" referrerpolicy=\"no-referrer\" draggable=\"false\" \/><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/BoeiZ7xMpkeLNFsak6mhuX.jpg\" data-highres-src=\"https:\/\/cdn.mos.cms.futurecdn.net\/BoeiZ7xMpkeLNFsak6mhuX.jpg\" alt=\"Before\" class=\"fv-image-compare-fg\" loading=\"lazy\" referrerpolicy=\"no-referrer\" draggable=\"false\" \/><\/p>\n<div class=\"fv-image-compare-slider\">\n<div class=\"fv-image-compare-slider-line\"><\/div>\n<div class=\"fv-image-compare-handle \"><img decoding=\"async\" src=\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/techradar.png\" alt=\"Brand Logo\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-image-compare-label fv-image-compare-label-left\">Before<\/div>\n<div class=\"fv-image-compare-label fv-image-compare-label-right\">After<\/div>\n<p><button class=\"fv-image-compare-expand-btn\" aria-label=\"Expand Image\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 8V4h4\"\/><path d=\"M20 8V4h-4\"\/><path d=\"M4 16v4h4\"\/><path d=\"M20 16v4h-4\"\/><circle cx=\"11.5\" cy=\"11.5\" r=\"3.5\"\/><path d=\"m14 14 3 3\"\/><\/svg><\/button><button class=\"fv-image-compare-close-btn\" aria-label=\"Close Fullscreen\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button><\/div>\n<\/div>\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:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\" alt=\"TechRadar 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);  });  }  function animateDials(chartElement) {  if (!chartElement) return;  var needles = chartElement.querySelectorAll('.fv-dial-needle');  needles.forEach(function(needle, index) {  var targetAngle = needle.dataset.targetAngle;  var baseAngle = needle.dataset.baseAngle || '-132';  if (targetAngle === undefined) return;  needle.style.setProperty('transition', 'none', 'important');  needle.style.setProperty('transform', 'rotate(' + baseAngle + 'deg)', 'important');  void needle.getBoundingClientRect();  setTimeout(function() {  needle.style.setProperty('transition', 'transform 0.9s cubic-bezier(0.22, 1, 0.36, 1)', 'important');  needle.style.setProperty('transform', 'rotate(' + targetAngle + 'deg)', 'important');  }, index * 60 + 50);  });  }  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);  animateDials(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-1793812078405-86g9n98wm', false); });  } else {  initialize('fv-chart-1793812078405-86g9n98wm', false);  }  })();  <\/script><\/div>\n<p>The instruction and recipe book you get with the Crispi DualZone suggests you should use the Max Crisp function for frozen foods, so I did exactly that with a mix of thin and chunky fries from the freezer. They cooked well, and remained fluffy in the middle &#8211; but my mistake was combining thick and thin fries in the same basket. It meant the thin fries came out a little overcooked.<\/p>\n<p>I also used Max Crisp for roast potatoes in one basket, while I selected the roast function for the other side to cook carrots and parsnips. With Smart Finish selected, they all finished at the same time, and tasted great.<\/p>\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-1793811953831-2tn0agckf *, #fv-chart-1793811953831-2tn0agckf *:before, #fv-chart-1793811953831-2tn0agckf *:after, #fv-chart-1793811953831-2tn0agckf-slideshow *, #fv-chart-1793811953831-2tn0agckf-slideshow *:before, #fv-chart-1793811953831-2tn0agckf-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1793811953831-2tn0agckf, #fv-chart-1793811953831-2tn0agckf-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1793811953831-2tn0agckf { position: relative !important; overflow: visible !important; --riv-primary: #2E6E93; } #fv-chart-1793811953831-2tn0agckf .fv-inner-wrapper { color: #1F2937 !important; background-color: #ffffff !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-1793811953831-2tn0agckf .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1793811953831-2tn0agckf.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1793811953831-2tn0agckf.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-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #2E6E93; } #fv-chart-1793811953831-2tn0agckf-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1793811953831-2tn0agckf-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1793811953831-2tn0agckf-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-1793811953831-2tn0agckf-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-1793811953831-2tn0agckf-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1793811953831-2tn0agckf-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1793811953831-2tn0agckf-slideshow .fv-nav-btn.disabled, #fv-chart-1793811953831-2tn0agckf-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-1793811953831-2tn0agckf-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-1793811953831-2tn0agckf-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-1793811953831-2tn0agckf-slideshow .fv-slideshow-select:focus { outline: 2px solid #2E6E93 !important; border-color: #2E6E93 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1793811953831-2tn0agckf .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1793811953831-2tn0agckf .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1793811953831-2tn0agckf .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1793811953831-2tn0agckf .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1793811953831-2tn0agckf .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1793811953831-2tn0agckf .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1793811953831-2tn0agckf .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1793811953831-2tn0agckf .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1793811953831-2tn0agckf .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1793811953831-2tn0agckf .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1793811953831-2tn0agckf .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1793811953831-2tn0agckf .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1793811953831-2tn0agckf .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1793811953831-2tn0agckf .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1793811953831-2tn0agckf .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-bar-row, #fv-chart-1793811953831-2tn0agckf .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793811953831-2tn0agckf.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1793811953831-2tn0agckf.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1793811953831-2tn0agckf .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1793811953831-2tn0agckf .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1793811953831-2tn0agckf .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1793811953831-2tn0agckf .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1793811953831-2tn0agckf .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1793811953831-2tn0agckf .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1793811953831-2tn0agckf .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1793811953831-2tn0agckf .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1793811953831-2tn0agckf .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1793811953831-2tn0agckf .fv-dials-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important; gap: 1.5rem 1rem !important; width: 100% !important; margin: 0.75rem 0 1.25rem !important; align-items: start !important; justify-items: center !important; } #fv-chart-1793811953831-2tn0agckf .fv-dial-card { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; width: 100% !important; max-width: 220px !important; } #fv-chart-1793811953831-2tn0agckf .fv-dial-title { font-family: 'Poppins', 'Open Sans', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; color: #2b2b2b !important; line-height: 1.25 !important; margin-bottom: 0.35rem !important; text-align: center !important; width: 100% !important; overflow-wrap: break-word !important; text-transform: none !important; } #fv-chart-1793811953831-2tn0agckf .fv-dial-svg-wrapper { width: 100% !important; max-width: 200px !important; display: flex !important; justify-content: center !important; } #fv-chart-1793811953831-2tn0agckf .fv-dial-svg { width: 100% !important; height: auto !important; display: block !important; overflow: visible !important; } #fv-chart-1793811953831-2tn0agckf .fv-dial-needle { transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important; } #fv-chart-1793811953831-2tn0agckf .fv-dial-commentary { margin-top: 0.35rem !important; font-size: 13px !important; line-height: 1.45 !important; color: #4B5563 !important; text-align: center !important; width: 100% !important; padding: 0 4px !important; font-family: 'Open Sans', sans-serif !important; word-wrap: break-word !important; } #fv-chart-1793811953831-2tn0agckf.preview-wrapper .fv-dial-commentary-input { min-height: 22px !important; border: 1px dashed transparent !important; border-radius: 4px !important; transition: border-color 0.15s ease, background-color 0.15s ease !important; } #fv-chart-1793811953831-2tn0agckf.preview-wrapper .fv-dial-card:hover .fv-dial-commentary-input, #fv-chart-1793811953831-2tn0agckf.preview-wrapper .fv-dial-commentary-input:focus { border-color: #CBD5E1 !important; background-color: rgba(241, 245, 249, 0.6) !important; } #fv-chart-1793811953831-2tn0agckf .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1793811953831-2tn0agckf .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1793811953831-2tn0agckf .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1793811953831-2tn0agckf .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1793811953831-2tn0agckf .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1793811953831-2tn0agckf .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1793811953831-2tn0agckf.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-wrapper { position: relative !important; width: 100% !important; overflow: hidden !important; border-radius: 0 !important; background-color: #000 !important; touch-action: pan-y !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-inner { position: relative !important; width: 100% !important; height: 100% !important; display: block !important; transform-origin: center center !important; transition: transform 0.1s ease-out !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-bg { display: block !important; width: 100% !important; height: auto !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-fg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-slider { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 32px !important; transform: translateX(-50%) !important; cursor: ew-resize !important; z-index: 10 !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-slider-line { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 4px !important; background-color: white !important; transform: translateX(-50%) !important; box-shadow: 0 0 10px rgba(0,0,0,0.5) !important; pointer-events: none !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-handle { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 32px !important; height: 32px !important; background-color: white !important; border-radius: 50% !important; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; pointer-events: none !important; z-index: 11 !important; overflow: hidden !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-arrow-left { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-right: 4px solid #4b5563 !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-arrow-right { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 4px solid #4b5563 !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-label { position: absolute !important; top: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; padding: 0.25rem 0.75rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; font-weight: 500 !important; pointer-events: none !important; backdrop-filter: blur(4px) !important; z-index: 5 !important; transition: right 0.3s ease, opacity 0.2s ease !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-expand-btn, #fv-chart-1793811953831-2tn0agckf .fv-image-compare-close-btn { position: absolute !important; bottom: 1rem !important; right: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; border: none !important; border-radius: 0.25rem !important; padding: 0.5rem !important; cursor: pointer !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; backdrop-filter: blur(4px) !important; transition: background-color 0.2s !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-expand-btn:hover, #fv-chart-1793811953831-2tn0agckf .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-wrapper.fv-image-compare-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999 !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: rgba(0, 0, 0, 0.9) !important; margin: 0 !important; touch-action: none !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: grab !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { position: absolute !important; top: 0 !important; left: 0 !important; max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1793811953831-2tn0agckf .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-pie-container, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-bar-row, #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-stacked-product, #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-grouped-bar-product, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-bar-row, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-stacked-product, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1793811953831-2tn0agckf.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-1793811953831-2tn0agckf.mobile-view .fv-bar-label, #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-grouped-product-title, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-bar-label, #fv-chart-1793811953831-2tn0agckf.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-1793811953831-2tn0agckf.mobile-view .fv-bar-container, #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-bar-cluster, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-bar-container, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793811953831-2tn0agckf.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-1793811953831-2tn0agckf.mobile-view .fv-x-axis-wrapper, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-x-axis-label-space, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-x-axis-chart-space, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-benchmark-title, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-dropdown-title, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-carousel-nav-btn, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-chart-title, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-chart-subhead, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-versus-header, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-versus-select-wrapper, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-versus-vs, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-versus-select-container, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-versus-select, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-stl-shop-all-btn, #fv-chart-1793811953831-2tn0agckf.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-1793811953831-2tn0agckf.mobile-view .fv-stl-shop-all-logo, #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-stl-shop-all-icon, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-bar-commentary-inline, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-dials-grid, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-dials-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 1.25rem 0.75rem !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-dial-title, #fv-chart-1793811953831-2tn0agckf.labels-on-top .fv-dial-title { font-size: 16px !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1793811953831-2tn0agckf.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1793811953831-2tn0agckf .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1793811953831-2tn0agckf .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1793811953831-2tn0agckf .fv-bar-row, #fv-chart-1793811953831-2tn0agckf .fv-stacked-product, #fv-chart-1793811953831-2tn0agckf .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-bar-label, #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-bar-container, #fv-chart-1793811953831-2tn0agckf .fv-bar-cluster { width: 100% !important; } #fv-chart-1793811953831-2tn0agckf .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793811953831-2tn0agckf .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793811953831-2tn0agckf .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1793811953831-2tn0agckf .fv-x-axis-label-space { display: none !important; } #fv-chart-1793811953831-2tn0agckf .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1793811953831-2tn0agckf .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1793811953831-2tn0agckf .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1793811953831-2tn0agckf .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1793811953831-2tn0agckf .fv-chart-title { padding: 0 8px !important; } #fv-chart-1793811953831-2tn0agckf .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1793811953831-2tn0agckf .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1793811953831-2tn0agckf .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1793811953831-2tn0agckf .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1793811953831-2tn0agckf .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-1793811953831-2tn0agckf .fv-stl-shop-all-logo, #fv-chart-1793811953831-2tn0agckf .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1793811953831-2tn0agckf .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1793811953831-2tn0agckf .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1793811953831-2tn0agckf .fv-dials-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 1.25rem 0.75rem !important; } #fv-chart-1793811953831-2tn0agckf .fv-dial-title { font-size: 16px !important; } #fv-chart-1793811953831-2tn0agckf .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1793811953831-2tn0agckf.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\": \"Vegetable cooking test\",  \"description\": \"Cooking vegetables with Ninja air fryer\",  \"creator\": {  \"@type\": \"Organization\",  \"name\": \"TechRadar\",  \"logo\": \"https:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\"  },  \"isAccessibleForFree\": true,  \"dateCreated\": \"2026-11-04T17:05:53.832Z\",  \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",  \"keywords\": [  \"Image Comparison\",  \"benchmark\",  \"comparison\",  \"performance\",  \"review\",  \"TechRadar\"  ],  \"measurementTechnique\": \"Performance Benchmarking\",  \"variableMeasured\": []}<\/script><script type=\"application\/json\" class=\"fv-embed-state\" data-version=\"2\">{\"version\":2,\"exportedAt\":\"2026-11-04T17:05:53.832Z\",\"state\":{\"data\":[],\"products\":[],\"attributes\":[],\"selectedProducts\":[],\"selectedPrimaryProduct\":null,\"selectedAttributes\":[],\"productColors\":[],\"initialProductColors\":[],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Image Comparison\",\"roundupViewType\":\"bars\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"All Charts\",\"brand\":{\"name\":\"TechRadar\",\"logoUrl\":\"https:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/techradar.png\",\"colors\":{\"primary\":\"#2E6E93\",\"secondary\":\"#E8238C\",\"accent\":\"#FFFFFF\",\"background\":\"#ffffff\",\"text\":\"#1F2937\",\"productColors\":[\"#2E6E93\",\"#E8238C\",\"#5DA8D4\",\"#F06EAF\",\"#1A4E6B\",\"#B81C70\",\"#8CC3E0\",\"#F499C9\"]}},\"textContent\":{\"title\":\"Vegetable cooking test\",\"subhead\":\"Cooking vegetables with Ninja air fryer\",\"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,\"imageCompareData\":{\"image1Url\":\"https:\/\/cdn.mos.cms.futurecdn.net\/MQuyem8QNQKNoPGDCpDhEY.jpg\",\"image2Url\":\"https:\/\/cdn.mos.cms.futurecdn.net\/sei8DzLzT3h8WKER4gPeEY.jpg\",\"label1\":\"Before\",\"label2\":\"After\",\"showTitle\":true,\"showSubhead\":false}},\"slides\":[]}<\/script><\/p>\n<div id=\"fv-chart-1793811953831-2tn0agckf\" class=\"fv-chart-wrapper  \" data-bar-labels-on-top=\"false\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper  fv-is-image-compare  \">\n<h3 class=\"fv-chart-title\">Vegetable cooking test<\/h3>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1793811953831-2tn0agckf-image-compare-1\" data-chart-type=\"Image Comparison\" data-title=\"Image Comparison\" data-subhead=\"Cooking vegetables with Ninja air fryer\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-image-compare-container\">\n<div class=\"fv-image-compare-wrapper\" data-image-compare=\"true\">\n<div class=\"fv-image-compare-inner\"><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/sei8DzLzT3h8WKER4gPeEY.jpg\" data-highres-src=\"https:\/\/cdn.mos.cms.futurecdn.net\/sei8DzLzT3h8WKER4gPeEY.jpg\" alt=\"After\" class=\"fv-image-compare-bg\" loading=\"lazy\" referrerpolicy=\"no-referrer\" draggable=\"false\" \/><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/MQuyem8QNQKNoPGDCpDhEY.jpg\" data-highres-src=\"https:\/\/cdn.mos.cms.futurecdn.net\/MQuyem8QNQKNoPGDCpDhEY.jpg\" alt=\"Before\" class=\"fv-image-compare-fg\" loading=\"lazy\" referrerpolicy=\"no-referrer\" draggable=\"false\" \/><\/p>\n<div class=\"fv-image-compare-slider\">\n<div class=\"fv-image-compare-slider-line\"><\/div>\n<div class=\"fv-image-compare-handle \"><img decoding=\"async\" src=\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/techradar.png\" alt=\"Brand Logo\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-image-compare-label fv-image-compare-label-left\">Before<\/div>\n<div class=\"fv-image-compare-label fv-image-compare-label-right\">After<\/div>\n<p><button class=\"fv-image-compare-expand-btn\" aria-label=\"Expand Image\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 8V4h4\"\/><path d=\"M20 8V4h-4\"\/><path d=\"M4 16v4h4\"\/><path d=\"M20 16v4h-4\"\/><circle cx=\"11.5\" cy=\"11.5\" r=\"3.5\"\/><path d=\"m14 14 3 3\"\/><\/svg><\/button><button class=\"fv-image-compare-close-btn\" aria-label=\"Close Fullscreen\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button><\/div>\n<\/div>\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:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\" alt=\"TechRadar 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);  });  }  function animateDials(chartElement) {  if (!chartElement) return;  var needles = chartElement.querySelectorAll('.fv-dial-needle');  needles.forEach(function(needle, index) {  var targetAngle = needle.dataset.targetAngle;  var baseAngle = needle.dataset.baseAngle || '-132';  if (targetAngle === undefined) return;  needle.style.setProperty('transition', 'none', 'important');  needle.style.setProperty('transform', 'rotate(' + baseAngle + 'deg)', 'important');  void needle.getBoundingClientRect();  setTimeout(function() {  needle.style.setProperty('transition', 'transform 0.9s cubic-bezier(0.22, 1, 0.36, 1)', 'important');  needle.style.setProperty('transform', 'rotate(' + targetAngle + 'deg)', 'important');  }, index * 60 + 50);  });  }  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);  animateDials(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-1793811953831-2tn0agckf', false); });  } else {  initialize('fv-chart-1793811953831-2tn0agckf', false);  }  })();  <\/script><\/div>\n<p>As it turned out, the other parts of the meal I was preparing weren&#8217;t ready though, so I returned the baskets to the air fryer base and switched on Keep Warm. This allowed me to serve still-hot potatoes, carrots and parsnips without them being burned. <\/p>\n<p>Switching gears to something sweet, I was able to bake a dozen banana muffins across the two baskets using the dedicated Bake mode. At 160C for 18 minutes, my mix rose well and the resulting muffins were light and fluffy.<\/p>\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-1793812956310-sbl2z94jy *, #fv-chart-1793812956310-sbl2z94jy *:before, #fv-chart-1793812956310-sbl2z94jy *:after, #fv-chart-1793812956310-sbl2z94jy-slideshow *, #fv-chart-1793812956310-sbl2z94jy-slideshow *:before, #fv-chart-1793812956310-sbl2z94jy-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1793812956310-sbl2z94jy, #fv-chart-1793812956310-sbl2z94jy-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1793812956310-sbl2z94jy { position: relative !important; overflow: visible !important; --riv-primary: #2E6E93; } #fv-chart-1793812956310-sbl2z94jy .fv-inner-wrapper { color: #1F2937 !important; background-color: #ffffff !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-1793812956310-sbl2z94jy .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1793812956310-sbl2z94jy.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1793812956310-sbl2z94jy.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-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #2E6E93; } #fv-chart-1793812956310-sbl2z94jy-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1793812956310-sbl2z94jy-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-1793812956310-sbl2z94jy-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-1793812956310-sbl2z94jy-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1793812956310-sbl2z94jy-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1793812956310-sbl2z94jy-slideshow .fv-nav-btn.disabled, #fv-chart-1793812956310-sbl2z94jy-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-1793812956310-sbl2z94jy-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-1793812956310-sbl2z94jy-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-1793812956310-sbl2z94jy-slideshow .fv-slideshow-select:focus { outline: 2px solid #2E6E93 !important; border-color: #2E6E93 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1793812956310-sbl2z94jy .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1793812956310-sbl2z94jy .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1793812956310-sbl2z94jy .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1793812956310-sbl2z94jy .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-bar-row, #fv-chart-1793812956310-sbl2z94jy .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812956310-sbl2z94jy.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1793812956310-sbl2z94jy.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1793812956310-sbl2z94jy .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1793812956310-sbl2z94jy .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1793812956310-sbl2z94jy .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1793812956310-sbl2z94jy .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1793812956310-sbl2z94jy .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1793812956310-sbl2z94jy .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-dials-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important; gap: 1.5rem 1rem !important; width: 100% !important; margin: 0.75rem 0 1.25rem !important; align-items: start !important; justify-items: center !important; } #fv-chart-1793812956310-sbl2z94jy .fv-dial-card { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; width: 100% !important; max-width: 220px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-dial-title { font-family: 'Poppins', 'Open Sans', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; color: #2b2b2b !important; line-height: 1.25 !important; margin-bottom: 0.35rem !important; text-align: center !important; width: 100% !important; overflow-wrap: break-word !important; text-transform: none !important; } #fv-chart-1793812956310-sbl2z94jy .fv-dial-svg-wrapper { width: 100% !important; max-width: 200px !important; display: flex !important; justify-content: center !important; } #fv-chart-1793812956310-sbl2z94jy .fv-dial-svg { width: 100% !important; height: auto !important; display: block !important; overflow: visible !important; } #fv-chart-1793812956310-sbl2z94jy .fv-dial-needle { transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important; } #fv-chart-1793812956310-sbl2z94jy .fv-dial-commentary { margin-top: 0.35rem !important; font-size: 13px !important; line-height: 1.45 !important; color: #4B5563 !important; text-align: center !important; width: 100% !important; padding: 0 4px !important; font-family: 'Open Sans', sans-serif !important; word-wrap: break-word !important; } #fv-chart-1793812956310-sbl2z94jy.preview-wrapper .fv-dial-commentary-input { min-height: 22px !important; border: 1px dashed transparent !important; border-radius: 4px !important; transition: border-color 0.15s ease, background-color 0.15s ease !important; } #fv-chart-1793812956310-sbl2z94jy.preview-wrapper .fv-dial-card:hover .fv-dial-commentary-input, #fv-chart-1793812956310-sbl2z94jy.preview-wrapper .fv-dial-commentary-input:focus { border-color: #CBD5E1 !important; background-color: rgba(241, 245, 249, 0.6) !important; } #fv-chart-1793812956310-sbl2z94jy .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1793812956310-sbl2z94jy .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1793812956310-sbl2z94jy.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-wrapper { position: relative !important; width: 100% !important; overflow: hidden !important; border-radius: 0 !important; background-color: #000 !important; touch-action: pan-y !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-inner { position: relative !important; width: 100% !important; height: 100% !important; display: block !important; transform-origin: center center !important; transition: transform 0.1s ease-out !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-bg { display: block !important; width: 100% !important; height: auto !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-fg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%) !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -webkit-user-drag: none !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-slider { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 32px !important; transform: translateX(-50%) !important; cursor: ew-resize !important; z-index: 10 !important; user-select: none !important; -webkit-user-select: none !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-slider-line { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 4px !important; background-color: white !important; transform: translateX(-50%) !important; box-shadow: 0 0 10px rgba(0,0,0,0.5) !important; pointer-events: none !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-handle { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 32px !important; height: 32px !important; background-color: white !important; border-radius: 50% !important; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; pointer-events: none !important; z-index: 11 !important; overflow: hidden !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-arrow-left { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-right: 4px solid #4b5563 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-arrow-right { width: 0 !important; height: 0 !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 4px solid #4b5563 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-label { position: absolute !important; top: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; padding: 0.25rem 0.75rem !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; font-weight: 500 !important; pointer-events: none !important; backdrop-filter: blur(4px) !important; z-index: 5 !important; transition: right 0.3s ease, opacity 0.2s ease !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-expand-btn, #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-close-btn { position: absolute !important; bottom: 1rem !important; right: 1rem !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; border: none !important; border-radius: 0.25rem !important; padding: 0.5rem !important; cursor: pointer !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; backdrop-filter: blur(4px) !important; transition: background-color 0.2s !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-expand-btn:hover, #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-wrapper.fv-image-compare-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999 !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: rgba(0, 0, 0, 0.9) !important; margin: 0 !important; touch-action: none !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: grab !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-bg { position: absolute !important; top: 0 !important; left: 0 !important; max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-fg { max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1793812956310-sbl2z94jy .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-pie-container, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-bar-row, #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-stacked-product, #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-grouped-bar-product, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-bar-row, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-stacked-product, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1793812956310-sbl2z94jy.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-1793812956310-sbl2z94jy.mobile-view .fv-bar-label, #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-grouped-product-title, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-bar-label, #fv-chart-1793812956310-sbl2z94jy.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-1793812956310-sbl2z94jy.mobile-view .fv-bar-container, #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-bar-cluster, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-bar-container, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793812956310-sbl2z94jy.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-1793812956310-sbl2z94jy.mobile-view .fv-x-axis-wrapper, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-x-axis-label-space, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-x-axis-chart-space, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-benchmark-title, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-dropdown-title, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-carousel-nav-btn, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-chart-title, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-chart-subhead, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-versus-header, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-versus-select-wrapper, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-versus-vs, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-versus-select-container, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-versus-select, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-stl-shop-all-btn, #fv-chart-1793812956310-sbl2z94jy.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-1793812956310-sbl2z94jy.mobile-view .fv-stl-shop-all-logo, #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-stl-shop-all-icon, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-bar-commentary-inline, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-dials-grid, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-dials-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 1.25rem 0.75rem !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-dial-title, #fv-chart-1793812956310-sbl2z94jy.labels-on-top .fv-dial-title { font-size: 16px !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1793812956310-sbl2z94jy.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1793812956310-sbl2z94jy .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1793812956310-sbl2z94jy .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-bar-row, #fv-chart-1793812956310-sbl2z94jy .fv-stacked-product, #fv-chart-1793812956310-sbl2z94jy .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-bar-label, #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-bar-container, #fv-chart-1793812956310-sbl2z94jy .fv-bar-cluster { width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793812956310-sbl2z94jy .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793812956310-sbl2z94jy .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-x-axis-label-space { display: none !important; } #fv-chart-1793812956310-sbl2z94jy .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-chart-title { padding: 0 8px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy .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-1793812956310-sbl2z94jy .fv-stl-shop-all-logo, #fv-chart-1793812956310-sbl2z94jy .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1793812956310-sbl2z94jy .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1793812956310-sbl2z94jy .fv-dials-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 1.25rem 0.75rem !important; } #fv-chart-1793812956310-sbl2z94jy .fv-dial-title { font-size: 16px !important; } #fv-chart-1793812956310-sbl2z94jy .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1793812956310-sbl2z94jy.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\": \"Muffin cooking test\",  \"description\": \"Cooking muffins to test Ninja air fryer\",  \"creator\": {  \"@type\": \"Organization\",  \"name\": \"TechRadar\",  \"logo\": \"https:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\"  },  \"isAccessibleForFree\": true,  \"dateCreated\": \"2026-11-04T17:22:36.310Z\",  \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\",  \"keywords\": [  \"Image Comparison\",  \"benchmark\",  \"comparison\",  \"performance\",  \"review\",  \"TechRadar\"  ],  \"measurementTechnique\": \"Performance Benchmarking\",  \"variableMeasured\": []}<\/script><script type=\"application\/json\" class=\"fv-embed-state\" data-version=\"2\">{\"version\":2,\"exportedAt\":\"2026-11-04T17:22:36.310Z\",\"state\":{\"data\":[],\"products\":[],\"attributes\":[],\"selectedProducts\":[],\"selectedPrimaryProduct\":null,\"selectedAttributes\":[],\"productColors\":[],\"initialProductColors\":[],\"attributeColors\":[],\"attributeGroups\":[],\"chartType\":\"Image Comparison\",\"roundupViewType\":\"bars\",\"stlSelectedHotspotId\":null,\"iaSelectedNodeId\":null,\"barChartMaxValueOverrides\":{},\"barChartMinValueOverrides\":{},\"displayMode\":\"All Charts\",\"brand\":{\"name\":\"TechRadar\",\"logoUrl\":\"https:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\",\"sliderLogoUrl\":\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/techradar.png\",\"colors\":{\"primary\":\"#2E6E93\",\"secondary\":\"#E8238C\",\"accent\":\"#FFFFFF\",\"background\":\"#ffffff\",\"text\":\"#1F2937\",\"productColors\":[\"#2E6E93\",\"#E8238C\",\"#5DA8D4\",\"#F06EAF\",\"#1A4E6B\",\"#B81C70\",\"#8CC3E0\",\"#F499C9\"]}},\"textContent\":{\"title\":\"Muffin cooking test\",\"subhead\":\"Cooking muffins to test Ninja air fryer\",\"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,\"imageCompareData\":{\"image1Url\":\"https:\/\/cdn.mos.cms.futurecdn.net\/Y7zvqXUXrPpSTzC9bd56PX.jpg\",\"image2Url\":\"https:\/\/cdn.mos.cms.futurecdn.net\/Bj2TWV462ZEjJBxNboFaZX.jpg\",\"label1\":\"Before\",\"label2\":\"After\",\"showTitle\":true,\"showSubhead\":false}},\"slides\":[]}<\/script><\/p>\n<div id=\"fv-chart-1793812956310-sbl2z94jy\" class=\"fv-chart-wrapper  \" data-bar-labels-on-top=\"false\" data-iframe-height=\"true\" data-vizualizer-embed=\"true\">\n<div class=\"fv-inner-wrapper  fv-is-image-compare  \">\n<h3 class=\"fv-chart-title\">Muffin cooking test<\/h3>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1793812956310-sbl2z94jy-image-compare-1\" data-chart-type=\"Image Comparison\" data-title=\"Image Comparison\" data-subhead=\"Cooking muffins to test Ninja air fryer\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<div class=\"fv-image-compare-container\">\n<div class=\"fv-image-compare-wrapper\" data-image-compare=\"true\">\n<div class=\"fv-image-compare-inner\"><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/Bj2TWV462ZEjJBxNboFaZX.jpg\" data-highres-src=\"https:\/\/cdn.mos.cms.futurecdn.net\/Bj2TWV462ZEjJBxNboFaZX.jpg\" alt=\"After\" class=\"fv-image-compare-bg\" loading=\"lazy\" referrerpolicy=\"no-referrer\" draggable=\"false\" \/><img decoding=\"async\" src=\"https:\/\/cdn.mos.cms.futurecdn.net\/Y7zvqXUXrPpSTzC9bd56PX.jpg\" data-highres-src=\"https:\/\/cdn.mos.cms.futurecdn.net\/Y7zvqXUXrPpSTzC9bd56PX.jpg\" alt=\"Before\" class=\"fv-image-compare-fg\" loading=\"lazy\" referrerpolicy=\"no-referrer\" draggable=\"false\" \/><\/p>\n<div class=\"fv-image-compare-slider\">\n<div class=\"fv-image-compare-slider-line\"><\/div>\n<div class=\"fv-image-compare-handle \"><img decoding=\"async\" src=\"https:\/\/proof.vanilla.tools\/media\/images\/brandLogos\/techradar.png\" alt=\"Brand Logo\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/><\/div>\n<\/div>\n<\/div>\n<div class=\"fv-image-compare-label fv-image-compare-label-left\">Before<\/div>\n<div class=\"fv-image-compare-label fv-image-compare-label-right\">After<\/div>\n<p><button class=\"fv-image-compare-expand-btn\" aria-label=\"Expand Image\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 8V4h4\"\/><path d=\"M20 8V4h-4\"\/><path d=\"M4 16v4h4\"\/><path d=\"M20 16v4h-4\"\/><circle cx=\"11.5\" cy=\"11.5\" r=\"3.5\"\/><path d=\"m14 14 3 3\"\/><\/svg><\/button><button class=\"fv-image-compare-close-btn\" aria-label=\"Close Fullscreen\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button><\/div>\n<\/div>\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:\/\/cdn.mos.cms.futurecdn.net\/dAwPEozB9GMMhAngdFJTHb.png\" alt=\"TechRadar 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);  });  }  function animateDials(chartElement) {  if (!chartElement) return;  var needles = chartElement.querySelectorAll('.fv-dial-needle');  needles.forEach(function(needle, index) {  var targetAngle = needle.dataset.targetAngle;  var baseAngle = needle.dataset.baseAngle || '-132';  if (targetAngle === undefined) return;  needle.style.setProperty('transition', 'none', 'important');  needle.style.setProperty('transform', 'rotate(' + baseAngle + 'deg)', 'important');  void needle.getBoundingClientRect();  setTimeout(function() {  needle.style.setProperty('transition', 'transform 0.9s cubic-bezier(0.22, 1, 0.36, 1)', 'important');  needle.style.setProperty('transform', 'rotate(' + targetAngle + 'deg)', 'important');  }, index * 60 + 50);  });  }  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);  animateDials(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-1793812956310-sbl2z94jy', false); });  } else {  initialize('fv-chart-1793812956310-sbl2z94jy', false);  }  })();  <\/script><\/div>\n<p>If you&#8217;ve read any of my previous air fryer reviews, you&#8217;ll know I&#8217;m partial to pizza. While the Ninja Crispi DualZone doesn&#8217;t have the required basket size or shape to cook a whole pizza, its Re Crisp function came in clutch the morning after a night of pizza and beer.<\/p>\n<p>I tossed a few leftover slices into a basket, hit Re Crisp, and in 15 minutes I had slices that were almost like they just came out of a pizza oven.<\/p>\n<h3 class=\"article-body__section\" id=\"section-should-you-buy-the-ninja-crispi-dualzone\"><span>Should you buy the Ninja Crispi Dualzone?<\/span><\/h3>\n<div >\n<table>\n<caption>Ninja Crispi DualZone score card<\/caption>\n<tbody>\n<tr>\n<td class=\"firstcol \" >\n<p><strong>Attribute<\/strong><\/p>\n<\/td>\n<td  >\n<p><strong>Notes<\/strong><\/p>\n<\/td>\n<td  >\n<p><strong>Rating<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Value<\/p>\n<\/td>\n<td  >\n<p>This is one of the most expensive air fryers on the market, so unless you&#8217;re after the very best in design, you might find better value elsewhere.<\/p>\n<\/td>\n<td  >\n<p>4\/5<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Design<\/p>\n<\/td>\n<td  >\n<p>The Crispi DualZone is a fantastic looking air fryer, and its clever basket design and versatile features make for a highly accomplished offering. Just a shame it&#8217;s so heavy.<\/p>\n<\/td>\n<td  >\n<p>4.5\/5<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"firstcol \" >\n<p>Performance<\/p>\n<\/td>\n<td  >\n<p>Across all cooking modes, the Crispi DualZone excels. It handled all the food I tossed its way with ease, and aside from initially having to learn the best time and temps for everything, the food it produces is excellent.<\/p>\n<\/td>\n<td  >\n<p>4.5\/5<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2 id=\"buy-it-if-2\">Buy it if<\/h2>\n<div class=\"product\">\n<p><strong>You want excellent versatility<\/strong><\/p>\n<p>From the easy to use controls and eight different cooking modes, to the clever basket design and dishwasher-safe accessories, the Crispi DualZone can handle most foods, and handle them well.<\/p>\n<\/div>\n<div class=\"product\">\n<p><strong>You want a great looking air fryer<\/strong><\/p>\n<p>The Ninja Crispi DualZone is a really good looking air fryer. It can happily sit on the kitchen counter and not be an eyesore. You&#8217;ll be hard-pressed to find a better looking air fryer.<\/p>\n<\/div>\n<div class=\"product\">\n<p><strong>You want consistent, delicious results<\/strong><\/p>\n<p>You might be paying a premium for this air fryer, but Ninja is one of the best manufacturers. It means you can be sure of excellent results &#8211; once you&#8217;ve mastered the timing and temperatures to suit your preferences.<\/p>\n<\/div>\n<h2 id=\"don-39-t-buy-it-if-2\">Don&#8217;t buy it if<\/h2>\n<div class=\"product\">\n<p><strong>You&#8217;re on a budget<\/strong><\/p>\n<p>The Ninja Crispi DualZone is one of the most expensive air fryers on the market. If you&#8217;re on a budget, there are plenty of dual basket air fryers that cost less &#8211; they might not look as good though.<a class=\"view-deal button\" href=\"\" target=\"_blank\" rel=\"nofollow\" data-dimension112=\"773fb0da-d8fb-11f1-871f-13a4ad222d7e\" data-action=\"Deal Block\" data-label=\"You're on a budgetThe Ninja Crispi DualZone is one of the most expensive air fryers on the market. If you're on a budget, there are plenty of dual basket air fryers that cost less - they might not look as good though.\" data-dimension48=\"You're on a budgetThe Ninja Crispi DualZone is one of the most expensive air fryers on the market. If you're on a budget, there are plenty of dual basket air fryers that cost less - they might not look as good though.\" data-dimension25=\"\">View Deal<\/a><\/p>\n<\/div>\n<div class=\"product\">\n<p><strong>You want to cook large items<\/strong><\/p>\n<p>While the Crispi DualZone offers a total cooking capacity of 7.2 liters, it&#8217;s split across two 3.6-liter baskets. That means a large chicken, sizable traybake, or a pizza won&#8217;t fit here.<a class=\"view-deal button\" href=\"\" target=\"_blank\" rel=\"nofollow\" data-dimension112=\"773fb13e-d8fb-11f1-8cc1-0908f48641c7\" data-action=\"Deal Block\" data-label=\"You want to cook large itemsWhile the Crispi DualZone offers a total cooking capacity of 7.2 liters, it's split across two 3.6-liter baskets. That means a large chicken, sizable traybake, or a pizza won't fit here.\" data-dimension48=\"You want to cook large itemsWhile the Crispi DualZone offers a total cooking capacity of 7.2 liters, it's split across two 3.6-liter baskets. That means a large chicken, sizable traybake, or a pizza won't fit here.\" data-dimension25=\"\">View Deal<\/a><\/p>\n<\/div>\n<div class=\"product\">\n<p><strong>You want to easily move and store your air fryer<\/strong><\/p>\n<p>For all its great looks and cooking performance, the Ninja Crispi DualZone is very heavy. At just over 14kg when both glassware baskets are inserted, moving this appliance isn&#8217;t for the faint of heart. There are lighter units available for easy moving and storage.<a class=\"view-deal button\" href=\"\" target=\"_blank\" rel=\"nofollow\" data-dimension112=\"773fb1ac-d8fb-11f1-b5e4-c332eb9e13b1\" data-action=\"Deal Block\" data-label=\"You want to easily move and store your air fryerFor all its great looks and cooking performance, the Ninja Crispi DualZone is very heavy. At just over 14kg when both glassware baskets are inserted, moving this appliance isn't for the faint of heart. There are lighter units available for easy moving and storage.\" data-dimension48=\"You want to easily move and store your air fryerFor all its great looks and cooking performance, the Ninja Crispi DualZone is very heavy. At just over 14kg when both glassware baskets are inserted, moving this appliance isn't for the faint of heart. There are lighter units available for easy moving and storage.\" data-dimension25=\"\">View Deal<\/a><\/p>\n<\/div>\n<h3 class=\"article-body__section\" id=\"section-ninja-crispi-dualzone-also-consider\"><span>Ninja Crispi Dualzone: also consider<\/span><\/h3>\n<p>If the Ninja Crispi DualZone isn&#8217;t the right air fryer for you, here are two other options to consider:<\/p>\n<div class=\"product\">\n<p><strong>Philips 4000 Series Stacked Dual Basket<\/strong><\/p>\n<p>An air fryer that takes up less counter space, and has windows and lights in its baskets to keep an eye on your food. It&#8217;s not as easy to see the cooking progress as the Ninja, but the Philips is still a smart looking unit.<\/p>\n<p>For more information, check out our full <a href=\"https:\/\/www.techradar.com\/home\/air-fryers\/philips-4000-series-stacked-dual-basket-airfryer-review\" data-dimension112=\"773fb288-d8fb-11f1-bc71-0d9ae61c9e2f\" data-action=\"Deal Block\" data-label=\"Philips 4000 Series Stacked Dual Basket review\" data-dimension48=\"Philips 4000 Series Stacked Dual Basket review\" data-dimension25=\"\">Philips 4000 Series Stacked Dual Basket review<\/a><\/p>\n<\/div>\n<div class=\"product\">\n<p><strong>Ninja Crispi<\/strong><\/p>\n<p>If you&#8217;re a fan of the all-glass design of the Crispi DualZone, but need a smaller unit or just need a single cooking basket, the original single basket Crispi could be the answer. Same stylish design and premium cooking performance, in a more compact footprint.<\/p>\n<p>For more information, check out our full <a href=\"https:\/\/www.techradar.com\/home\/air-fryers\/the-ninja-crispi-isnt-your-typical-air-fryer-and-its-unique-design-makes-it-worth-the-price\" data-dimension112=\"773fb2ec-d8fb-11f1-a680-df2ad595a323\" data-action=\"Deal Block\" data-label=\"Ninja Crisp review\" data-dimension48=\"Ninja Crisp review\" data-dimension25=\"\">Ninja Crisp review<\/a><a class=\"view-deal button\" href=\"\" target=\"_blank\" rel=\"nofollow\" data-dimension112=\"773fb2ec-d8fb-11f1-a680-df2ad595a323\" data-action=\"Deal Block\" data-label=\"Ninja Crisp review\" data-dimension48=\"Ninja Crisp review\" data-dimension25=\"\">View Deal<\/a><\/p>\n<\/div>\n<h3 class=\"article-body__section\" id=\"section-how-i-tested-the-ninja-crispi-dualzone\"><span>How I tested the Ninja Crispi Dualzone<\/span><\/h3>\n<ul>\n<li><strong>I used the Ninja Crispi DualZone for multiple weeks at home<\/strong><\/li>\n<li><strong>I cooked a wide variety of food with it, including fries, chicken wings, gyoza, muffins, vegetables and meat<\/strong><\/li>\n<li><strong>I tested the various cooking functions, and the cleaning process<\/strong><\/li>\n<\/ul>\n<p>I used the Ninja Crispi DualZone for several weeks at home, cooking a wide variety of food and testing out the various cooking modes and functions. <\/p>\n<p>I baked muffins, air fried fries, chicken wings, gyoza, onion rings and more, roasted vegetables, max crisped frozen foods, kept cooked food warm, re-crisped leftover pizza the next day, and snapped on a lid and popped leftovers in the fridge.<\/p>\n<p>I hand-washed the components, and ran them through a dishwasher, to ensure cleaning and maintenance was easy.<\/p>\n<p>First reviewed November 2026<\/p>\n<\/article>\n<p><a href=\"https:\/\/www.techradar.com\/home\/air-fryers\/ninja-crispi-dualzone-review\" target=\"_blank\">Go to story<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ninja Crispi Dualzone: 30-second review The Ninja Crispi DualZone is a fantastic looking and performing air fryer, boasting eight cooking modes, a clever basket design, and excellent controls. It&#8217;s also one of the most expensive air fryers on the market. Is it worth the money? I&#8217;ve put it to the test to find out. Get [&hellip;]<\/p>\n","protected":false},"author":26,"featured_media":29485,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"Default","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[5624,3642,4595,2575],"tags":[1600,1695,1767,1770,1883,1602,1603,1604,1605,1692,1693,1694,4039,2850,5625,1093,4910,3830,3047,5563,2955,1943,1951,3013,3223,3256,1759,1097,3604,3600,5541,2644,4596,2998,777,4767,3406,417,4784,3995,3850,5332,3915],"class_list":["post-29484","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-air-fryers","category-home","category-small-appliances","category-tech-news","tag-1600","tag-1695","tag-1767","tag-1770","tag-1883","tag-1602","tag-1603","tag-1604","tag-1605","tag-1692","tag-1693","tag-1694","tag-a","tag-accessories","tag-air-fryers","tag-amazon","tag-box","tag-cleaning","tag-design","tag-eye","tag-features","tag-food","tag-home","tag-kitchen","tag-light","tag-lights","tag-max","tag-news","tag-ninja","tag-other","tag-ownership","tag-reviews","tag-small-appliances","tag-snap","tag-space","tag-suit","tag-temperature","tag-temperatures","tag-time","tag-uk","tag-windows","tag-work","tag-x"],"_links":{"self":[{"href":"https:\/\/dragons-web.com\/wp\/wp-json\/wp\/v2\/posts\/29484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dragons-web.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dragons-web.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dragons-web.com\/wp\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/dragons-web.com\/wp\/wp-json\/wp\/v2\/comments?post=29484"}],"version-history":[{"count":1,"href":"https:\/\/dragons-web.com\/wp\/wp-json\/wp\/v2\/posts\/29484\/revisions"}],"predecessor-version":[{"id":29486,"href":"https:\/\/dragons-web.com\/wp\/wp-json\/wp\/v2\/posts\/29484\/revisions\/29486"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dragons-web.com\/wp\/wp-json\/wp\/v2\/media\/29485"}],"wp:attachment":[{"href":"https:\/\/dragons-web.com\/wp\/wp-json\/wp\/v2\/media?parent=29484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dragons-web.com\/wp\/wp-json\/wp\/v2\/categories?post=29484"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dragons-web.com\/wp\/wp-json\/wp\/v2\/tags?post=29484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}