Dyson W1 PencilWash: 30-second reviewDyson has updated its lightweight wet floor cleaner with a redesigned floorhead and extra-long battery life, without increasing the price. The second-generation PencilWash takes the best features of the original — its lightweight build, ease of use, and effective wet cleaning — and adds thoughtful features that add up to make it an even better everyday cleaning tool.The cleaning head’s plush-feeling roller is now sprinkled with stiffer bristles to tackle welded-on stains effectively without scuffing your floor. The upgraded clean water tank is larger and fully detachable, and emptying soiled water is less messy too. After mopping, your floors will be dry and ready to walk on almost immediately.Look closely and you'll see rows of small red bristles embedded in the W1 PencilWash's upgraded microfiber roller (Image credit: Future)It’s an excellent package, but before buying, note that Dyson has now cut the price of the original PencilWash to just $199.99 / £179 in the US and UK respectively. That’s great value, and it could be all you need if you want to spruce up a relatively small home.For me, the only real drawback of the W1 PencilWash was that hair tended to get wrapped around one of the wheels underneath the floor head, rather than sticking to the roller and being scraped off by Dyson’s new metal comb.Note that the PencilWash isn’t a vacuum cleaner, and has no suction. If you’re looking for a slim and lightweight vacuum, take a look at the Dyson PencilVac instead.Dyson W1 PencilWash: price and availabilityWent on sale in October 2026List price $349.99 / £299.99 in the US and UKNot yet available in Australia, but likely to be AU$549Dyson announced the W1 PencilWash at its Dyson Unveiled event in September 2026, and the product launched globally in October the same year — nine months after the original PencilWash.It has a list price of $349.99 / £299.99, which is the same as the original PencilWash at launch, though you may also be able to find it cheaper (for example, Dyson is offering a $100 discount in its US store at the time of writing). The W1 PencilWash isn’t yet available in Australia, but I would expect it to be AU$549 when it arrives. That's relatively expensive for a wet-only floor cleaner, and there are several excellent wet-and-dry vacuums available for about the same price. For comparison, the Bissell Crosswave HydroScrub wet/dry floor cleaner is $369.99 (about £280 / AU$540), while the Shark HydroVac Cordless WD201 / WD210 is $359.99 / £329.99 / AU$399.99.What you're paying for here is the light weight and compact design, which will be better suited to apartments and other small homes than a bulky wet-dry cleaner.Value score: 4/5Dyson W1 PencilWash: designNew stiffer bristles in microfiber rollerClean water tank is larger and fully removableEmptying waste water is less messyAt first glance, the W1 PencilWash looks very similar to its predecessor, with a slender handle (this time colored indigo rather than copper), and one of Dyson’s Submarine floor heads. A tank at the back of the floorhead dispenses water onto a microfiber roller, and a squeegee-like blade squeezes dirty water out, and dispenses it into a separate tank inside. On closer inspection, however, there are a few significant differences. The most obvious change is the floorhead’s microfiber roller, which is now scattered with stiffer fibers to more effectively scrub away stubborn dirt. There is also a new metal comb designed to detangle and scrape hair off the roller. (Both of these features are borrowed from the bulkier Dyson Clean+Wash Hygiene wet cleaner, which launched at the start of 2026.)The head disassembles into more parts, as you can see below. Most significantly, the clean water tank is now fully removable, making it easier to fill at the sink, and has a significantly larger capacity so you can keep cleaning for longer. @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-1793794971260-etb6hjh9x *, #fv-chart-1793794971260-etb6hjh9x *:before, #fv-chart-1793794971260-etb6hjh9x *:after, #fv-chart-1793794971260-etb6hjh9x-slideshow *, #fv-chart-1793794971260-etb6hjh9x-slideshow *:before, #fv-chart-1793794971260-etb6hjh9x-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1793794971260-etb6hjh9x, #fv-chart-1793794971260-etb6hjh9x-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1793794971260-etb6hjh9x { position: relative !important; overflow: visible !important; --riv-primary: #2E6E93; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1793794971260-etb6hjh9x.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1793794971260-etb6hjh9x.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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #2E6E93; } #fv-chart-1793794971260-etb6hjh9x-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1793794971260-etb6hjh9x-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-1793794971260-etb6hjh9x-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-1793794971260-etb6hjh9x-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1793794971260-etb6hjh9x-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1793794971260-etb6hjh9x-slideshow .fv-nav-btn.disabled, #fv-chart-1793794971260-etb6hjh9x-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-1793794971260-etb6hjh9x-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-1793794971260-etb6hjh9x-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-1793794971260-etb6hjh9x-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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1793794971260-etb6hjh9x .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1793794971260-etb6hjh9x .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1793794971260-etb6hjh9x .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1793794971260-etb6hjh9x .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1793794971260-etb6hjh9x .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1793794971260-etb6hjh9x .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1793794971260-etb6hjh9x .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-bar-row, #fv-chart-1793794971260-etb6hjh9x .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793794971260-etb6hjh9x.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1793794971260-etb6hjh9x.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1793794971260-etb6hjh9x .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1793794971260-etb6hjh9x .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1793794971260-etb6hjh9x .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1793794971260-etb6hjh9x .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1793794971260-etb6hjh9x .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1793794971260-etb6hjh9x .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1793794971260-etb6hjh9x .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1793794971260-etb6hjh9x .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-dial-svg-wrapper { width: 100% !important; max-width: 200px !important; display: flex !important; justify-content: center !important; } #fv-chart-1793794971260-etb6hjh9x .fv-dial-svg { width: 100% !important; height: auto !important; display: block !important; overflow: visible !important; } #fv-chart-1793794971260-etb6hjh9x .fv-dial-needle { transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x.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-1793794971260-etb6hjh9x.preview-wrapper .fv-dial-card:hover .fv-dial-commentary-input, #fv-chart-1793794971260-etb6hjh9x.preview-wrapper .fv-dial-commentary-input:focus { border-color: #CBD5E1 !important; background-color: rgba(241, 245, 249, 0.6) !important; } #fv-chart-1793794971260-etb6hjh9x .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1793794971260-etb6hjh9x .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1793794971260-etb6hjh9x .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1793794971260-etb6hjh9x .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1793794971260-etb6hjh9x .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1793794971260-etb6hjh9x .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1793794971260-etb6hjh9x.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1793794971260-etb6hjh9x .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1793794971260-etb6hjh9x .fv-image-compare-expand-btn, #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-image-compare-expand-btn:hover, #fv-chart-1793794971260-etb6hjh9x .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1793794971260-etb6hjh9x .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1793794971260-etb6hjh9x .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1793794971260-etb6hjh9x .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-pie-container, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-bar-row, #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-stacked-product, #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-grouped-bar-product, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-bar-row, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-stacked-product, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1793794971260-etb6hjh9x.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-1793794971260-etb6hjh9x.mobile-view .fv-bar-label, #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-grouped-product-title, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-bar-label, #fv-chart-1793794971260-etb6hjh9x.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-1793794971260-etb6hjh9x.mobile-view .fv-bar-container, #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-bar-cluster, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-bar-container, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793794971260-etb6hjh9x.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-1793794971260-etb6hjh9x.mobile-view .fv-x-axis-wrapper, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-x-axis-label-space, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-x-axis-chart-space, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-benchmark-title, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-dropdown-title, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-carousel-nav-btn, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-chart-title, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-chart-subhead, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-versus-header, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-versus-select-wrapper, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-versus-vs, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-versus-select-container, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-versus-select, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-stl-shop-all-btn, #fv-chart-1793794971260-etb6hjh9x.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-1793794971260-etb6hjh9x.mobile-view .fv-stl-shop-all-logo, #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-stl-shop-all-icon, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-bar-commentary-inline, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-dials-grid, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-dials-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 1.25rem 0.75rem !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-dial-title, #fv-chart-1793794971260-etb6hjh9x.labels-on-top .fv-dial-title { font-size: 16px !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1793794971260-etb6hjh9x.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1793794971260-etb6hjh9x .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1793794971260-etb6hjh9x .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1793794971260-etb6hjh9x .fv-bar-row, #fv-chart-1793794971260-etb6hjh9x .fv-stacked-product, #fv-chart-1793794971260-etb6hjh9x .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-bar-label, #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-bar-container, #fv-chart-1793794971260-etb6hjh9x .fv-bar-cluster { width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1793794971260-etb6hjh9x .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1793794971260-etb6hjh9x .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1793794971260-etb6hjh9x .fv-x-axis-label-space { display: none !important; } #fv-chart-1793794971260-etb6hjh9x .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1793794971260-etb6hjh9x .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1793794971260-etb6hjh9x .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1793794971260-etb6hjh9x .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1793794971260-etb6hjh9x .fv-chart-title { padding: 0 8px !important; } #fv-chart-1793794971260-etb6hjh9x .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x .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-1793794971260-etb6hjh9x .fv-stl-shop-all-logo, #fv-chart-1793794971260-etb6hjh9x .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1793794971260-etb6hjh9x .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1793794971260-etb6hjh9x .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1793794971260-etb6hjh9x .fv-dials-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; gap: 1.25rem 0.75rem !important; } #fv-chart-1793794971260-etb6hjh9x .fv-dial-title { font-size: 16px !important; } #fv-chart-1793794971260-etb6hjh9x .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1793794971260-etb6hjh9x.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } }{ "@context": "https://schema.org", "@type": "Dataset", "name": "Dyson PencilWash floorhead comparison", "description": "Comparing new Dyson W1 PencilWash and original Dyson PencilWash floorhead components", "creator": { "@type": "Organization", "name": "TechRadar", "logo": "https://cdn.mos.cms.futurecdn.net/dAwPEozB9GMMhAngdFJTHb.png" }, "isAccessibleForFree": true, "dateCreated": "2026-11-04T12:22:51.260Z", "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": []}{"version":2,"exportedAt":"2026-11-04T12:22:51.260Z","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":"Dyson PencilWash floorhead comparison","subhead":"Comparing new Dyson W1 PencilWash and original Dyson PencilWash floorhead components","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/mc6gH3cLrqtDL6uX4jdcid.jpg","image2Url":"https://cdn.mos.cms.futurecdn.net/Urdmk8UyxWbwtB63ebLtRE.jpg","label1":"Dyson W1 PencilWash","label2":"Original Dyson PencilWash","showTitle":true,"image1Alt":"Dyson W1 PencilWash floorhead disassembled","image2Alt":"Original Dyson PencilWash floorhead disassembled","showSubhead":false}},"slides":[]}Dyson PencilWash floorhead comparisonDyson W1 PencilWashOriginal Dyson PencilWash window.iFrameResizer = { heightCalculationMethod: 'taggedElement' }; (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)