{"id":1585672,"date":"2026-05-22T12:56:54","date_gmt":"2026-05-22T12:56:54","guid":{"rendered":"http:\/\/b2LtWkK3tynpmQvujx7NAc"},"modified":"2026-05-22T12:56:54","modified_gmt":"2026-05-22T12:56:54","slug":"84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters","status":"publish","type":"post","link":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/","title":{"rendered":"84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters"},"content":{"rendered":"<article>\n<p>It&#8217;s gratifying to know that 84% of PC Gamer readers are sensible folk who would never allow their operating system desktop get into the sort of state you can see in the image above. And it&#8217;s more gratifying still to know that a third of you are in the zen club where you have have a completely clear, clutter free desktop with <em>nothing <\/em>on it. This is the right choice. This is the way.<\/p>\n<p>Though I will admit I&#8217;m a lazy member of the zen club and don&#8217;t actually clear my desktop, I just click that button in the Windows context menu which hides all the icons from my desktop. I&#8217;m comfortable with the knowledge there&#8217;s a viper&#8217;s nest of writhing icons and folders under there, just so long as I don&#8217;t have to look at it.<\/p>\n<p>Yes, this past week we asked you lovely PC Gamer readers: <strong>How do you organise your operating system desktop? <\/strong>Because we&#8217;re obviously convinced that a clean desktop is a clean mind, but wanted to know about how everyone else organises their systems.<\/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'); @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,900;1,900&display=swap'); \/* Reset & Base *\/ #fv-chart-1779448509711-x36nfink7 *, #fv-chart-1779448509711-x36nfink7 *:before, #fv-chart-1779448509711-x36nfink7 *:after, #fv-chart-1779448509711-x36nfink7-slideshow *, #fv-chart-1779448509711-x36nfink7-slideshow *:before, #fv-chart-1779448509711-x36nfink7-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1779448509711-x36nfink7, #fv-chart-1779448509711-x36nfink7-slideshow { font-family: 'Open Sans', sans-serif !important; } \/* Main Wrappers *\/ #fv-chart-1779448509711-x36nfink7 { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1779448509711-x36nfink7 .fv-inner-wrapper { color: #1F2937 !important; background-color: #ededed !important; padding: 1.5rem 1.5rem 2rem !important; border-radius: 0.5rem !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; margin: 1rem 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } #fv-chart-1779448509711-x36nfink7 .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1779448509711-x36nfink7.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1779448509711-x36nfink7.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-1779448509711-x36nfink7 .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } \/* Slideshow Styles *\/ #fv-chart-1779448509711-x36nfink7-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1779448509711-x36nfink7-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1779448509711-x36nfink7-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } \/* Top Navigation Row (Redesign) *\/ #fv-chart-1779448509711-x36nfink7-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-1779448509711-x36nfink7-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-1779448509711-x36nfink7-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1779448509711-x36nfink7-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1779448509711-x36nfink7-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-1779448509711-x36nfink7-slideshow .fv-slide-counter { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; text-align: center !important; min-width: 40px !important; background-color: rgba(255,255,255,0.8) !important; padding: 2px 8px !important; border-radius: 10px !important; } \/* Slideshow Dropdown Navigation *\/ #fv-chart-1779448509711-x36nfink7-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-1779448509711-x36nfink7-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } \/* Typography *\/ #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .rv-chart-caption { font-size: 15px !important; color: #374151 !important; text-align: center !important; font-style: normal !important; font-weight: normal !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; } \/* Versus Chart *\/ #fv-chart-1779448509711-x36nfink7 .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1779448509711-x36nfink7 .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1779448509711-x36nfink7 .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1779448509711-x36nfink7 .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1779448509711-x36nfink7 .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1779448509711-x36nfink7 .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1779448509711-x36nfink7 .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1779448509711-x36nfink7 .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1779448509711-x36nfink7 .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1779448509711-x36nfink7 .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1779448509711-x36nfink7 .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1779448509711-x36nfink7 .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1779448509711-x36nfink7 .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1779448509711-x36nfink7 .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1779448509711-x36nfink7 .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1779448509711-x36nfink7 .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1779448509711-x36nfink7 .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } \/* Image Comparison Styles *\/ #fv-chart-1779448509711-x36nfink7 .fv-image-compare-container { width: auto !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; margin-bottom: 2rem !important; } #fv-chart-1779448509711-x36nfink7.fv-full-bleed .fv-image-compare-container { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-image-compare-handle.fv-image-compare-handle-square { border-radius: 6px !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-image-compare-label-left { left: 1rem !important; } #fv-chart-1779448509711-x36nfink7 .fv-image-compare-label-right { right: 1rem !important; } #fv-chart-1779448509711-x36nfink7 .fv-image-compare-expand-btn, #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-image-compare-expand-btn:hover, #fv-chart-1779448509711-x36nfink7 .fv-image-compare-close-btn:hover { background-color: rgba(0, 0, 0, 0.7) !important; } #fv-chart-1779448509711-x36nfink7 .fv-image-compare-close-btn { display: none !important; top: 1rem !important; bottom: auto !important; } \/* Fullscreen State *\/ #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-inner:active { cursor: grabbing !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-expand-btn { display: none !important; } #fv-chart-1779448509711-x36nfink7 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-close-btn { display: flex !important; } #fv-chart-1779448509711-x36nfink7 .fv-image-compare-wrapper.fv-image-compare-fullscreen .fv-image-compare-label-right { right: 4rem !important; } \/* Footer *\/ #fv-chart-1779448509711-x36nfink7 .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1779448509711-x36nfink7 .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1779448509711-x36nfink7 .fv-logo { display: block !important; margin: 0 auto !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: auto !important; object-fit: contain !important; flex-shrink: 0 !important; } \/* Display Mode Controls *\/ #fv-chart-1779448509711-x36nfink7 .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1779448509711-x36nfink7 .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1779448509711-x36nfink7 .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1779448509711-x36nfink7 .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } \/* Legend *\/ #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1779448509711-x36nfink7 .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } \/* Multi-Value Legend *\/ #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } \/* Chart Core Styles *\/ #fv-chart-1779448509711-x36nfink7 .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-bar-row, #fv-chart-1779448509711-x36nfink7 .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1779448509711-x36nfink7 .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } \/* Multi-Value Bar Logic *\/ #fv-chart-1779448509711-x36nfink7 .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1779448509711-x36nfink7 .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } \/* Stacked Bar *\/ #fv-chart-1779448509711-x36nfink7 .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1779448509711-x36nfink7 .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } \/* Grouped Bar *\/ #fv-chart-1779448509711-x36nfink7 .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1779448509711-x36nfink7 .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1779448509711-x36nfink7 .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1779448509711-x36nfink7 .fv-bar-cluster .fv-bar-container { height: 20px !important; } \/* Line Chart Grid *\/ #fv-chart-1779448509711-x36nfink7 .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } \/* X-Axis *\/ #fv-chart-1779448509711-x36nfink7 .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1779448509711-x36nfink7 .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1779448509711-x36nfink7 .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1779448509711-x36nfink7 .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1779448509711-x36nfink7 .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-y-axis-title { font-size: 15px !important; color: #374151 !important; line-height: 1.5 !important; text-align: left !important; padding-left: 5.83% !important; \/* Aligns with Y-axis line inside SVG (35\/600) *\/ margin-bottom: 4px !important; display: block !important; font-weight: bold !important; } \/* Shop The Look *\/ #fv-chart-1779448509711-x36nfink7 .fv-stl-container { position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; transition: min-height 0.3s ease !important; overflow: hidden !important; } #fv-chart-1779448509711-x36nfink7 .fv-stl-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1779448509711-x36nfink7.fv-full-bleed .fv-stl-container { width: 100% !important; } #fv-chart-1779448509711-x36nfink7.fv-full-bleed .fv-stl-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1779448509711-x36nfink7 .fv-stl-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1779448509711-x36nfink7 .fv-stl-hotspot-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1779448509711-x36nfink7 .fv-stl-hotspot-btn { position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 300ms !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; } #fv-chart-1779448509711-x36nfink7 .fv-stl-hotspot-btn:hover { transform: scale(1.1) !important; } #fv-chart-1779448509711-x36nfink7 .fv-stl-hotspot-btn:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !important; } #fv-chart-1779448509711-x36nfink7 .fv-stl-hotspot-btn[aria-expanded=\"true\"] { background-color: #3b82f6 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; } #fv-chart-1779448509711-x36nfink7 .fv-stl-hotspot-pulse { position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-stl-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; } @keyframes fv-stl-ping { 75%, 100% { transform: scale(2); opacity: 0; } } @media (max-width: 640px) { #fv-chart-1779448509711-x36nfink7 .fv-stl-hotspot-pulse { animation-fill-mode: none !important; } } \/* Shop the look button *\/ #fv-chart-1779448509711-x36nfink7 .fv-stl-shop-all-btn { position: absolute !important; bottom: 1rem !important; right: 1rem !important; height: 2.5rem !important; background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(12px) !important; color: #111827 !important; padding: 0 1rem 0 3rem !important; border-radius: 0.25rem !important; font-weight: 700 !important; font-size: 0.875rem !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important; border: none !important; cursor: pointer !important; transition: all 0.2s !important; z-index: 10 !important; display: flex !important; align-items: center !important; text-transform: uppercase !important; overflow: hidden !important; white-space: nowrap !important; max-width: calc(100% - 2rem) !important; } #fv-chart-1779448509711-x36nfink7 .fv-stl-shop-all-btn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #fv-chart-1779448509711-x36nfink7 .fv-stl-shop-all-btn:hover { background-color: #ffffff !important; transform: scale(1.05) !important; } #fv-chart-1779448509711-x36nfink7 .fv-stl-shop-all-logo { position: absolute !important; left: 0 !important; top: 0 !important; width: 2.5rem !important; height: 2.5rem !important; object-fit: cover !important; background-color: #ffffff !important; border-right: 1px solid #f3f4f6 !important; flex-shrink: 0 !important; } #fv-chart-1779448509711-x36nfink7 .fv-stl-shop-all-icon { position: absolute !important; left: 0 !important; top: 0 !important; width: 2.5rem !important; height: 2.5rem !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: #ffffff !important; border-right: 1px solid #f3f4f6 !important; color: #1f2937 !important; flex-shrink: 0 !important; } \/* All Products Modal *\/ #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 { position: fixed !important; inset: 0 !important; background-color: rgba(0, 0, 0, 0) !important; backdrop-filter: blur(0px) !important; -webkit-backdrop-filter: blur(0px) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 99999 !important; pointer-events: none !important; transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease !important; padding: 1rem !important; overflow: hidden !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 { position: absolute !important; padding: 0 !important; align-items: flex-end !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7.is-active { background-color: rgba(0, 0, 0, 0.2) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; pointer-events: auto !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-content { width: 100% !important; max-width: 42rem !important; max-height: 100% !important; display: flex !important; flex-direction: column !important; position: relative !important; background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-radius: 1rem !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; overflow: hidden !important; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important; opacity: 0 !important; transform: scale(0.95) !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-content { max-width: 100% !important; height: 85% !important; max-height: 85% !important; border-radius: 1.5rem 1.5rem 0 0 !important; transform: translateY(100%) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7.is-active .fv-stl-all-products-content { opacity: 1 !important; transform: scale(1) !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7.is-active .fv-stl-all-products-content { transform: translateY(0) !important; } \/* V2 Bottom Sheet Style *\/ #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7.v2 { align-items: flex-end !important; padding: 0 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7.v2:not(.mobile-view *) { justify-content: flex-end !important; } } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7.v2 .fv-stl-all-products-content { max-width: 100% !important; height: 85% !important; max-height: 85% !important; border-radius: 1.5rem 1.5rem 0 0 !important; transform: translateY(100%) !important; opacity: 1 !important; } @media (min-width: 640px) { #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7.v2:not(.mobile-view *) .fv-stl-all-products-content { max-width: 700px !important; border-radius: 1.5rem 0 0 0 !important; } } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7.v2.is-active .fv-stl-all-products-content { transform: translateY(0) !important; opacity: 1 !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; flex-shrink: 0 !important; position: sticky !important; top: 0 !important; background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; z-index: 10 !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-header { padding: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-logo { height: 1.5rem !important; width: auto !important; object-fit: contain !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-logo { height: 1.25rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-title { font-size: 1.125rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-close { width: 2rem !important; height: 2rem !important; border-radius: 9999px !important; background-color: rgba(0, 0, 0, 0.05) !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; cursor: pointer !important; z-index: 10 !important; color: #6b7280 !important; transition: all 0.2s !important; padding: 0 !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-close:hover { background-color: rgba(0, 0, 0, 0.1) !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-list { list-style: none !important; padding: 1.5rem !important; margin: 0 !important; overflow-y: auto !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.75rem !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-list { padding: 0.75rem !important; gap: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-item { margin: 0 !important; padding: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-link { display: flex !important; align-items: flex-start !important; padding: 0.75rem !important; text-decoration: none !important; color: inherit !important; transition: all 0.2s !important; border-radius: 1rem !important; border: 1px solid transparent !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-link { padding: 0.5rem !important; border-radius: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-link:hover { background-color: #ffffff !important; border-color: #e5e7eb !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-item.is-highlighted .fv-stl-all-products-link { background-color: #ffffff !important; border-color: #d1d5db !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #111827 !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-image-container { position: relative !important; margin-right: 1.25rem !important; flex-shrink: 0 !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-image-container { margin-right: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-number { position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; background-color: #0f172a !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.75rem !important; font-weight: 700 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 2px #ffffff !important; z-index: 10 !important; font-family: sans-serif !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-number { top: -0.375rem !important; left: -0.375rem !important; width: 1.25rem !important; height: 1.25rem !important; font-size: 0.625rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-image-wrapper { width: 6rem !important; height: 6rem !important; border-radius: 0.75rem !important; overflow: hidden !important; background-color: #f9fafb !important; border: 1px solid #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-image-wrapper { width: 4rem !important; height: 4rem !important; border-radius: 0.5rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-image { width: 100% !important; height: 100% !important; object-fit: cover !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-placeholder { width: 2rem !important; height: 2rem !important; color: #d1d5db !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-placeholder { width: 1.5rem !important; height: 1.5rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-info { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-top: 0.25rem !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-info { margin-top: 0 !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-brand { font-size: 0.625rem !important; font-weight: 700 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin: 0 0 0.375rem 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-brand { font-size: 0.5625rem !important; margin: 0 0 0.25rem 0 !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-name { font-size: 1rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.375rem 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.25 !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-name { font-size: 0.875rem !important; margin: 0 0 0.25rem 0 !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-meta { display: flex !important; align-items: center !important; font-size: 0.875rem !important; margin-bottom: 0.375rem !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-meta { font-size: 0.75rem !important; margin-bottom: 0.25rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-price { font-weight: 700 !important; color: #111827 !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-sale-price { font-weight: 700 !important; color: #dc2626 !important; margin-right: 0.5rem !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-sale-price { margin-right: 0.375rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-original-price { color: #9ca3af !important; text-decoration: line-through !important; font-size: 0.75rem !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-original-price { font-size: 0.625rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-commentary { font-size: 0.875rem !important; color: #4b5563 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.375 !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-commentary { font-size: 0.75rem !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-action { width: 2.5rem !important; height: 2.5rem !important; border-radius: 9999px !important; background-color: #f9fafb !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; margin-left: 1rem !important; flex-shrink: 0 !important; border: 1px solid #f3f4f6 !important; transition: all 0.2s !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-action { width: 2rem !important; height: 2rem !important; margin-left: 0.75rem !important; } #fv-chart-1779448509711-x36nfink7.mobile-view #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-action svg { width: 14px !important; height: 14px !important; } #fv-stl-all-products-modal-fv-chart-1779448509711-x36nfink7 .fv-stl-all-products-link:hover .fv-stl-all-products-action { background-color: #111827 !important; color: #ffffff !important; border-color: #111827 !important; } \/* Image Annotation Styles *\/ #fv-chart-1779448509711-x36nfink7 .fv-ia-container { position: relative !important; width: auto !important; display: block !important; background-color: transparent !important; overflow: hidden !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-wrapper { position: relative !important; width: auto !important; display: block !important; margin: 0 auto !important; } #fv-chart-1779448509711-x36nfink7.fv-full-bleed .fv-ia-container { width: 100% !important; } #fv-chart-1779448509711-x36nfink7.fv-full-bleed .fv-ia-wrapper { width: 100% !important; max-width: none !important; margin: 0 auto !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-image { display: block !important; width: 100% !important; height: auto !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-node-container { position: absolute !important; z-index: 10 !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-node-button { position: absolute !important; margin-left: -0.75rem !important; margin-top: -0.75rem !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer !important; border: none !important; padding: 0 !important; background-color: #ffffff !important; color: #1e293b !important; font-size: 0.75rem !important; font-weight: 700 !important; font-family: sans-serif !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-node-button:hover { transform: scale(1.1) !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-node-button.is-active { background-color: #E33235 !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 0 2px #ffffff !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-pulse-ring { position: absolute !important; inset: 0 !important; border-radius: 9999px !important; background-color: #E33235 !important; opacity: 0.4 !important; pointer-events: none !important; z-index: -1 !important; animation: fv-ia-ping 1.5s cubic-bezier(0, 0, 0.2, 1) 3 forwards !important; } @keyframes fv-ia-ping { 75%, 100% { transform: scale(2); opacity: 0; } } #fv-chart-1779448509711-x36nfink7 .fv-ia-static-tooltip { display: none !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translate(-50%, -100%) !important; background-color: rgba(255, 255, 255, 0.95) !important; padding: 10px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; width: max-content !important; max-width: 200px !important; font-size: 13px !important; color: #1f2937 !important; z-index: 20 !important; pointer-events: none !important; white-space: pre-wrap !important; line-height: 1.4 !important; border: 1px solid #e5e7eb !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-node-button:hover + .fv-ia-static-tooltip { display: block !important; } #fv-chart-1779448509711-x36nfink7 .fv-logo-explore-bar { position: relative !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; min-height: 30px !important; } #fv-chart-1779448509711-x36nfink7 .fv-logo-explore-bar .fv-logo { margin: 0 auto !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-explore-wrapper { position: absolute !important; right: 0 !important; } #fv-chart-1779448509711-x36nfink7.mobile-view .fv-logo-explore-bar { flex-direction: column !important; min-height: auto !important; gap: 0.75rem !important; } #fv-chart-1779448509711-x36nfink7.mobile-view .fv-ia-explore-wrapper { position: static !important; align-self: flex-end !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-explore-btn { background-color: rgba(255, 255, 255, 0.95) !important; color: #1e293b !important; border: 1px solid #e5e7eb !important; border-radius: 9999px !important; padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; font-weight: 600 !important; font-family: sans-serif !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; cursor: pointer !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; transition: all 0.2s !important; pointer-events: auto !important; flex-shrink: 0 !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-explore-btn:hover { background-color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15) !important; color: #E33235 !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-explore-btn svg { transition: transform 0.2s !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-explore-btn:hover svg { transform: translateX(2px) !important; } \/* IA Modal Styles *\/ #fv-chart-1779448509711-x36nfink7 .fv-ia-active-modal-container { display: none !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-modals { display: block !important; position: static !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-modal-item { display: none !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-modal-item.is-active { display: flex !important; flex-direction: column !important; position: absolute !important; top: 1rem !important; right: 1rem !important; z-index: 20 !important; width: 18rem !important; max-width: calc(100% - 2rem) !important; background-color: #ffffff !important; padding: 1rem !important; border-radius: 0.75rem !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; border: 1px solid #e5e7eb !important; border-top: 4px solid #E33235 !important; animation: fv-ia-fade-in 0.2s ease-out !important; gap: 0.75rem !important; max-height: 80% !important; overflow-y: auto !important; pointer-events: auto !important; } @keyframes fv-ia-fade-in { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } #fv-chart-1779448509711-x36nfink7 .fv-ia-modal-header { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin: 0 !important; gap: 0.5rem !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-node-title { font-size: 1rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-close-button { background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; width: 2rem !important; height: 2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9ca3af !important; cursor: pointer !important; padding: 0 !important; flex-shrink: 0 !important; transition: all 0.2s !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-close-button:hover { background: #e5e7eb !important; color: #111827 !important; } #fv-chart-1779448509711-x36nfink7 .fv-ia-node-description { font-size: 0.875rem !important; color: #374151 !important; margin: 0 !important; line-height: 1.625 !important; white-space: pre-wrap !important; } #fv-chart-1779448509711-x36nfink7.mobile-view .fv-ia-node-description { font-size: 0.875rem !important; } \/* Error Handling *\/ #fv-chart-1779448509711-x36nfink7 .fv-ia-empty { display: flex !important; align-items: center !important; justify-content: center !important; height: 200px !important; background-color: #f1f5f9 !important; color: #64748b !important; border: 2px dashed #cbd5e1 !important; border-radius: 0.5rem !important; } \/* Countdown Styles *\/ #fv-chart-1779448509711-x36nfink7 .fv-countdown-container { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 1rem !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; font-family: Montserrat, sans-serif !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-header { text-align: center !important; margin-bottom: 2rem !important; z-index: 10 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-title { font-size: 1.25rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 !important; font-style: italic !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-subhead { font-size: 1.125rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0.25rem 0 0 0 !important; font-style: italic !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-timer-wrap { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 64rem !important; z-index: 10 !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-labels { display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 0.5rem !important; font-size: 0.75rem !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-labels > div { flex: 1 !important; text-align: center !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-box { position: relative !important; width: 100% !important; border-top: 6px solid #333 !important; border-bottom: 8px solid #333 !important; padding: 1rem 0 !important; background: linear-gradient(to bottom, #1f2937, #000000) !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-digits { display: flex !important; justify-content: center !important; font-size: 1.75rem !important; font-weight: 900 !important; letter-spacing: 0em !important; font-family: monospace !important; color: #fff !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-digits > div.digit-box { flex: 1 !important; text-align: center !important; white-space: nowrap !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-digits > div.colon { flex: 0 0 auto !important; opacity: 0.5 !important; position: relative !important; top: -2px !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-spike-l { position: absolute !important; left: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid #374151 !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-spike-r { position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid #374151 !important; } @media (min-width: 600px) { #fv-chart-1779448509711-x36nfink7 .fv-countdown-container { padding: 2rem !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-title { font-size: 1.75rem !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-subhead { font-size: 1.25rem !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-digits { font-size: 2.25rem !important; letter-spacing: 0 !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-labels { font-size: 0.875rem !important; padding: 0 1rem !important; margin-bottom: 1rem !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-box { padding: 1.5rem 0 !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-digits > div.colon { top: -4px !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-spike-l { left: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-right-width: 20px !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-spike-r { right: -20px !important; border-top-width: 20px !important; border-bottom-width: 20px !important; border-left-width: 20px !important; } } @media (min-width: 768px) { #fv-chart-1779448509711-x36nfink7 .fv-countdown-digits { font-size: 3.5rem !important; letter-spacing: 0.05em !important; } #fv-chart-1779448509711-x36nfink7 .fv-countdown-digits > div.colon { top: -5px !important; } } \/* Mobile \/ Forced Mobile View \/ Labels on Top *\/ #fv-chart-1779448509711-x36nfink7.mobile-view .fv-pie-container, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-bar-row, #fv-chart-1779448509711-x36nfink7.mobile-view .fv-stacked-product, #fv-chart-1779448509711-x36nfink7.mobile-view .fv-grouped-bar-product, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-bar-row, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-stacked-product, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1779448509711-x36nfink7.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-1779448509711-x36nfink7.mobile-view .fv-bar-label, #fv-chart-1779448509711-x36nfink7.mobile-view .fv-grouped-product-title, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-bar-label, #fv-chart-1779448509711-x36nfink7.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-1779448509711-x36nfink7.mobile-view .fv-bar-container, #fv-chart-1779448509711-x36nfink7.mobile-view .fv-bar-cluster, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-bar-container, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-bar-cluster { width: 100% !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-x-axis-wrapper, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-x-axis-label-space, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-x-axis-label-space { display: none !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-x-axis-chart-space, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-benchmark-title, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-dropdown-title, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-carousel-nav-btn, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-chart-title, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-chart-title { padding: 0 8px !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-chart-subhead, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-versus-header, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-versus-select-wrapper, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-versus-vs, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-versus-select-container, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-versus-select, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-stl-shop-all-btn, #fv-chart-1779448509711-x36nfink7.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-1779448509711-x36nfink7.mobile-view .fv-stl-shop-all-logo, #fv-chart-1779448509711-x36nfink7.mobile-view .fv-stl-shop-all-icon, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; }#fv-chart-1779448509711-x36nfink7.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1779448509711-x36nfink7.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1779448509711-x36nfink7.mobile-view .fv-y-axis-title { padding-left: 5% !important; \/* (30\/600) for mobile view *\/ } #fv-chart-1779448509711-x36nfink7.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1779448509711-x36nfink7 .fv-pie-container { flex-direction: column !important; gap: 1rem !important; }#fv-chart-1779448509711-x36nfink7 .fv-grouped-product-title-wrapper { padding-left: 0 !important; }#fv-chart-1779448509711-x36nfink7 .fv-bar-row, #fv-chart-1779448509711-x36nfink7 .fv-stacked-product, #fv-chart-1779448509711-x36nfink7 .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; }#fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-bar-label, #fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-bar-container, #fv-chart-1779448509711-x36nfink7 .fv-bar-cluster { width: 100% !important; }#fv-chart-1779448509711-x36nfink7 .fv-x-axis-wrapper { margin-left: 0 !important; }#fv-chart-1779448509711-x36nfink7 .fv-x-axis-label-space { display: none !important; }#fv-chart-1779448509711-x36nfink7 .fv-x-axis-chart-space { padding-right: 0 !important; }#fv-chart-1779448509711-x36nfink7 .fv-benchmark-title { font-size: 16px !important; }#fv-chart-1779448509711-x36nfink7 .fv-dropdown-title { font-size: 16px !important; }#fv-chart-1779448509711-x36nfink7 .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; }#fv-chart-1779448509711-x36nfink7 .fv-chart-title { padding: 0 8px !important; }#fv-chart-1779448509711-x36nfink7 .fv-chart-subhead { padding: 0 8px !important; }#fv-chart-1779448509711-x36nfink7 .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; }#fv-chart-1779448509711-x36nfink7 .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; }#fv-chart-1779448509711-x36nfink7 .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; }#fv-chart-1779448509711-x36nfink7 .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; }#fv-chart-1779448509711-x36nfink7 .fv-versus-select.fv-select-left { text-align: center !important; }#fv-chart-1779448509711-x36nfink7 .fv-versus-select.fv-select-right { text-align: center !important; }#fv-chart-1779448509711-x36nfink7 .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; }#fv-chart-1779448509711-x36nfink7 .fv-versus-select-container { max-width: 100% !important; width: 100% !important; }#fv-chart-1779448509711-x36nfink7 .fv-versus-select { font-size: 14px !important; width: 100% !important; }#fv-chart-1779448509711-x36nfink7 .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-1779448509711-x36nfink7 .fv-stl-shop-all-logo, #fv-chart-1779448509711-x36nfink7 .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; }#fv-chart-1779448509711-x36nfink7 .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1779448509711-x36nfink7 .fv-y-axis-title { padding-left: 5% !important; \/* (30\/600) for mobile view *\/ } #fv-chart-1779448509711-x36nfink7.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\": \"How do you organise your operating system desktop?\", \"description\": \"Subhead to describe the test and what's being measured and why\", \"creator\": { \"@type\": \"Organization\", \"name\": \"PC Gamer\", \"logo\": \"https:\/\/arcader.org\/wp-content\/uploads\/2026\/05\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters.png\" }, \"isAccessibleForFree\": true, \"dateCreated\": \"2026-05-22T11:15:09.712Z\", \"citation\": \"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized\", \"keywords\": [ \"I remove everything from my desktop\", \"I have only a few regularly used icons on the desktop\", \"I neatly organise them in specific areas and folder\", \"I just let the files and shortcuts fall where they may\", \"I just hide the desktop icons, sweeping them under the rug\", \"I use an animated wallpaper, so keep it clear of icons\", \"I use third-party software to organise them\", \"Votes (%)\", \"benchmark\", \"comparison\", \"performance\", \"review\", \"PC Gamer\" ], \"measurementTechnique\": \"Performance Benchmarking\", \"variableMeasured\": [ { \"@type\": \"PropertyValue\", \"name\": \"I have only a few regularly used icons on the desktop \u2013 Votes (%)\", \"value\": 24, \"unitText\": \"Percentage\" }, { \"@type\": \"PropertyValue\", \"name\": \"I just hide the desktop icons, sweeping them under the rug \u2013 Votes (%)\", \"value\": 7, \"unitText\": \"Percentage\" }, { \"@type\": \"PropertyValue\", \"name\": \"I just let the files and shortcuts fall where they may \u2013 Votes (%)\", \"value\": 16, \"unitText\": \"Percentage\" }, { \"@type\": \"PropertyValue\", \"name\": \"I neatly organise them in specific areas and folder \u2013 Votes (%)\", \"value\": 20, \"unitText\": \"Percentage\" }, { \"@type\": \"PropertyValue\", \"name\": \"I remove everything from my desktop \u2013 Votes (%)\", \"value\": 26, \"unitText\": \"Percentage\" }, { \"@type\": \"PropertyValue\", \"name\": \"I use an animated wallpaper, so keep it clear of icons \u2013 Votes (%)\", \"value\": 4, \"unitText\": \"Percentage\" }, { \"@type\": \"PropertyValue\", \"name\": \"I use third-party software to organise them \u2013 Votes (%)\", \"value\": 3, \"unitText\": \"Percentage\" } ]}<\/script> <\/p>\n<div id=\"fv-chart-1779448509711-x36nfink7\" class=\"fv-chart-wrapper labels-on-top \" data-bar-labels-on-top=\"true\" data-iframe-height=\"true\">\n<div class=\"fv-inner-wrapper \">\n<h3 class=\"fv-chart-title\">How do you organise your operating system desktop?<\/h3>\n<div class=\"riv-chart-container\">\n<div class=\"fv-chart-item\" id=\"fv-chart-1779448509711-x36nfink7-bar-Votes (%)\" data-chart-type=\"Bar\" data-title=\"Votes (%)\" data-subhead=\"\" data-caption=\"\" style=\"\">\n<div class=\"fv-benchmark-group\">\n<h4 class=\"fv-benchmark-title\">Votes (%)<\/h4>\n<div class=\"fv-bar-row\" title=\"I remove everything from my desktop - Votes (%): 26 Percentage\">\n<div class=\"fv-bar-label \">I remove everything from my desktop<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 86.66666666666667%; background-color: #FFC08B;\" data-target-width=\"86.66666666666667\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">26<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"I have only a few regularly used icons on the desktop - Votes (%): 24 Percentage\">\n<div class=\"fv-bar-label \">I have only a few regularly used icons on the desktop<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 80%; background-color: #E33235;\" data-target-width=\"80\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">24<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"I neatly organise them in specific areas and folder - Votes (%): 20 Percentage\">\n<div class=\"fv-bar-label \">I neatly organise them in specific areas and folder<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 66.66666666666666%; background-color: #EB6F71;\" data-target-width=\"66.66666666666666\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">20<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"I just let the files and shortcuts fall where they may - Votes (%): 16 Percentage\">\n<div class=\"fv-bar-label \">I just let the files and shortcuts fall where they may<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 53.333333333333336%; background-color: #1CA9C4;\" data-target-width=\"53.333333333333336\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">16<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"I just hide the desktop icons, sweeping them under the rug - Votes (%): 7 Percentage\">\n<div class=\"fv-bar-label \">I just hide the desktop icons, sweeping them under the rug<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 23.333333333333332%; background-color: #FE9F58;\" data-target-width=\"23.333333333333332\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">7<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"I use an animated wallpaper, so keep it clear of icons - Votes (%): 4 Percentage\">\n<div class=\"fv-bar-label \">I use an animated wallpaper, so keep it clear of icons<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 13.333333333333334%; background-color: #66C5D7;\" data-target-width=\"13.333333333333334\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #1F2937 !important; text-shadow: none !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">4<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"fv-bar-row\" title=\"I use third-party software to organise them - Votes (%): 3 Percentage\">\n<div class=\"fv-bar-label \">I use third-party software to organise them<\/div>\n<div class=\"fv-bar-container\">\n<div class=\"fv-bar\" style=\"margin-left: 0%; width: 10%; background-color: #B5282A;\" data-target-width=\"10\" data-target-margin=\"0\">\n<div class=\"fv-bar-inner-content\" style=\"color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; flex-direction: row;\"><span><\/span><span class=\"fv-bar-inner-value\">3<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<table class=\"sr-only\">\n<caption>Votes (%) Data<\/caption>\n<thead>\n<tr>\n<th>Product<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>I remove everything from my desktop<\/td>\n<td>26<\/td>\n<\/tr>\n<tr>\n<td>I have only a few regularly used icons on the desktop<\/td>\n<td>24<\/td>\n<\/tr>\n<tr>\n<td>I neatly organise them in specific areas and folder<\/td>\n<td>20<\/td>\n<\/tr>\n<tr>\n<td>I just let the files and shortcuts fall where they may<\/td>\n<td>16<\/td>\n<\/tr>\n<tr>\n<td>I just hide the desktop icons, sweeping them under the rug<\/td>\n<td>7<\/td>\n<\/tr>\n<tr>\n<td>I use an animated wallpaper, so keep it clear of icons<\/td>\n<td>4<\/td>\n<\/tr>\n<tr>\n<td>I use third-party software to organise them<\/td>\n<td>3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fv-bottom-bar\">\n<div class=\"fv-footer-content\" style=\"display: none;\">\n<div class=\"rv-chart-caption\" style=\"display: block;\"> <span class=\"fv-original-caption\" style=\"display: block;\"><\/span> <span class=\"fv-ia-dynamic-caption\" style=\"display: none;\"><\/span> <\/div>\n<\/p><\/div>\n<div class=\"fv-logo-explore-bar\"> <img decoding=\"async\" class=\"fv-logo\" src=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/05\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters.png\" alt=\"PC Gamer Logo\"> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/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() { \/* Global animation function for slideshow re-use *\/ window.fvAnimateCharts = function(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment'); bars.forEach(function(bar, index) { \/* Reset to 0 first to ensure animation triggers *\/ bar.style.setProperty('width', '0%', 'important'); bar.style.setProperty('transition', 'none', 'important'); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; \/* Force reflow *\/ void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.style.setProperty('margin-left', baseMargin + '%', 'important'); } setTimeout(function() { var marginTransition = baseMargin !== undefined ? ', margin-left 0.8s ease-out' : ''; bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out' + marginTransition, 'important'); bar.style.setProperty('width', targetWidth + '%', 'important'); if (targetMargin !== undefined && baseMargin !== undefined) { bar.style.setProperty('margin-left', targetMargin + '%', 'important'); } }, index * 50 + 50); \/* Reduced initial delay *\/ }); } function animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector('svg'); if (!lineSvg) return; var paths = lineSvg.querySelectorAll('.riv-line-path'); paths.forEach(function(p, i) { if (typeof p.getTotalLength === 'function') { var len = p.getTotalLength(); p.style.transition = 'none'; p.style.strokeDasharray = len; p.style.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(function() { p.style.transition = 'stroke-dashoffset 1s ease-out ' + (i * 0.1) + 's, stroke-width 0.2s, opacity 0.2s'; p.style.strokeDashoffset = '0'; }, 100); } }); var dots = lineSvg.querySelectorAll('.riv-dot'); dots.forEach(function(dot, i) { dot.style.opacity = '0'; setTimeout(function() { dot.style.transition = 'opacity 0.3s ease'; dot.style.opacity = '1'; }, 500 + i * 10); }); } \/* Execute *\/ var charts = chartWrapper.querySelectorAll('.fv-chart-item'); charts.forEach(function(chart) { \/* If in carousel\/dropdown mode, hidden charts are display:none. *\/ \/* We only animate what is visible. *\/ if (window.getComputedStyle(chart).display === 'none') return; var chartType = chart.dataset.chartType; if (chartType === 'Line') { animateLineChart(chart); } else if (chartType !== 'Pie') { animateBars(chart); } }); }; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); \/* In slideshow mode, 'root' will be null because the container has '-slideshow' suffix. *\/ \/* We handle that logic below. *\/ if (!root && !isSlideshow) return; \/* Setup internal interactions (Carousel\/Dropdown\/LineChart) for a specific chart wrapper *\/ function setupWrapper(chartWrapper) { if (!chartWrapper) return; \/* Responsive mobile view handling *\/ function checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height) <= 599; var isMobile; if (width === 0) { \/* Fallback for when width isn't available yet (e.g., hidden tab) *\/ isMobile = isMobileDevice || window.matchMedia('(max-width: 599px)').matches; } else { \/* Mobile if container is small OR if it's a physical mobile device (overriding fixed-width iframes) *\/ isMobile = isMobileDevice || width < 600; } if (isMobile) { chartWrapper.classList.add('mobile-view'); } else { chartWrapper.classList.remove('mobile-view'); } } \/* Initial check *\/ checkMobileView(); if (typeof ResizeObserver !== 'undefined') { var ro = new ResizeObserver(function() { checkMobileView(); }); ro.observe(chartWrapper); } \/* Always add window resize listener as a reliable fallback for DevTools and edge cases *\/ window.addEventListener('resize', checkMobileView); \/* Labels on top handler *\/ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop) { \/* If there are multiple charts and we're not in a carousel\/dropdown, we might have mixed types. *\/ \/* But typically, labels-on-top is a global setting. We'll apply it initially, *\/ \/* and showInternalChart will toggle it if needed. *\/ 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 === '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 leftWrapper = row.querySelector('.fv-versus-bar-left-wrapper'); var rightWrapper = row.querySelector('.fv-versus-bar-right-wrapper'); var existingPctDiffs = row.querySelectorAll('.fv-versus-pct-diff'); existingPctDiffs.forEach(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); }); \/* Carousel & Dropdown Logic *\/ var charts = chartWrapper.querySelectorAll('.fv-chart-item'); var dropdown = chartWrapper.querySelector('.fv-dropdown-title'); var prevBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.prev'); var nextBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.next'); var carouselTitle = chartWrapper.querySelector('.fv-carousel-title-controls .fv-benchmark-title'); var counter = chartWrapper.querySelector('.fv-carousel-counter'); \/* Text Elements *\/ var subheadEl = chartWrapper.querySelector('.fv-chart-subhead'); var captionEl = chartWrapper.querySelector('.rv-chart-caption'); var footerContentEl = chartWrapper.querySelector('.fv-footer-content'); var bottomBarEl = chartWrapper.querySelector('.fv-bottom-bar'); var logoEl = chartWrapper.querySelector('.fv-logo'); if (charts.length > 1 && (dropdown || prevBtn)) { var currentChartIndex = 0; var titles = []; if (dropdown) { titles = Array.from(dropdown.options).map(function(o) { return o.text; }); } else { charts.forEach(function(c) { titles.push(c.getAttribute('data-title') || ''); }); } function showInternalChart(index) { if (index < 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 === 'Line') { \/* Line chart animations if needed *\/ } else if (cType !== 'Pie') { window.fvAnimateCharts(chartWrapper); } \/* Update labels-on-top based on current chart type *\/ var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true'; if (labelsOnTop && (cType === '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; \/* Update Subhead and Caption *\/ var activeChart = charts[index]; if (activeChart) { var newSubhead = activeChart.getAttribute('data-subhead'); var newCaption = activeChart.getAttribute('data-caption'); var currentChartType = activeChart.getAttribute('data-chart-type'); var hideGlobalCaption = currentChartType === 'Countdown' || currentChartType === 'Image Comparison' || currentChartType === 'Shop the Collection'; if (subheadEl) subheadEl.textContent = newSubhead || ''; if (captionEl) captionEl.textContent = 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; \/* Zoom state *\/ var scale = 1; var panX = 0; var panY = 0; var isPanning = false; var hasPanned = false; var lastClientX = 0; var lastClientY = 0; var initialDistance = null; var lastCenterX = null; var lastCenterY = null; 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(); \/* Max pan depends on how much the image is scaled beyond the wrapper *\/ 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; \/* Prevent click after pinch *\/ } 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 }); } \/* Expand\/Close Logic *\/ 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.preventDefault(); \/\/ Removed to allow text selection *\/ e.stopPropagation(); wrapper.classList.add('fv-image-compare-fullscreen'); document.body.style.overflow = 'hidden'; \/* Load high-res images if available *\/ 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.preventDefault(); \/\/ Removed to allow text selection *\/ e.stopPropagation(); wrapper.classList.remove('fv-image-compare-fullscreen'); document.body.style.overflow = ''; updateTransform(); }); } \/* Close on Escape *\/ 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 allProductsList = chartWrapper.querySelector('.fv-stl-all-products-list'); var stlContainer = chartWrapper.querySelector('.fv-stl-container'); function closeAllModals() { if (allProductsModal) { allProductsModal.classList.remove('is-active'); \/* Remove highlights *\/ var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item'); items.forEach(function(item) { item.classList.remove('is-highlighted'); }); \/* Remove min-height after transition *\/ if (stlContainer) { setTimeout(function() { if (!allProductsModal.classList.contains('is-active')) { stlContainer.style.minHeight = ''; if ('parentIFrame' in window) { window.parentIFrame.size(); } } }, 300); } } hotspots.forEach(function(btn) { btn.setAttribute('aria-expanded', 'false'); }); if ('parentIFrame' in window) { window.parentIFrame.size(); } } hotspots.forEach(function(btn) { btn.addEventListener('click', function(e) { e.stopPropagation(); var hotspotId = btn.getAttribute('data-hotspot-id'); var isExpanded = btn.getAttribute('aria-expanded') === 'true'; closeAllModals(); if (!isExpanded && allProductsModal) { btn.setAttribute('aria-expanded', 'true'); allProductsModal.classList.add('is-active'); \/* Ensure container is tall enough *\/ var container = btn.closest('.fv-stl-container'); if (container && container.offsetHeight < 450) { container.style.minHeight = '450px'; } \/* Highlight and scroll to item *\/ var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id=\"' + hotspotId + '\"]'); if (targetItem) { targetItem.classList.add('is-highlighted'); setTimeout(function() { targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 100); } if ('parentIFrame' in window) { window.parentIFrame.size(); } } }); }); \/* Shop All button *\/ if (shopAllBtn &#038;&#038; allProductsModal) { shopAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); allProductsModal.classList.add('is-active'); \/* Ensure container is tall enough *\/ var container = shopAllBtn.closest('.fv-stl-container'); if (container &#038;&#038; container.offsetHeight < 450) { container.style.minHeight = '450px'; } if ('parentIFrame' in window) { window.parentIFrame.size(); } }); } \/* Close button in all products modal *\/ if (allProductsModal) { var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close'); if (closeAllBtn) { closeAllBtn.addEventListener('click', function(e) { e.stopPropagation(); closeAllModals(); }); } } \/* Close modals when clicking outside *\/ chartWrapper.addEventListener('click', function(e) { \/* Only close if clicking on the wrapper or container, not inside a modal content *\/ 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 *\/ window.fvAnimateCharts(chartWrapper); \/* Countdown Logic *\/ var countdownContainer = chartWrapper.querySelector('.fv-countdown-container'); if (countdownContainer) { var targetDateAttr = countdownContainer.getAttribute('data-target-date'); if (targetDateAttr) { var targetDate = new Date(targetDateAttr); var primaryColor = countdownContainer.getAttribute('data-primary-color') || '#f97316'; var subheadColor = countdownContainer.getAttribute('data-subhead-color') || '#ffffff'; var pad = 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-1779448509711-x36nfink7', false); }); } else { initialize('fv-chart-1779448509711-x36nfink7', false); } })(); <\/script><\/div>\n<p>Adding it all up, a hefty 84% of you are pursuing good desktop hygiene and either clearing it entirely, or at least managing the volume or layout of icons littering your screen.<\/p>\n<p>Though I will say, more concerning is that 16%\u2014a worrying number of you dear readers\u2014are leaving the clutter unchecked. Maybe it&#8217;s my own moderately fastidious nature, but I thought fewer people would leave their desktops open to the whims of app installers and assorted downloaded files. But then I look at the physical desktop of my own workspace in PC Gamer Towers, and I probably shouldn&#8217;t be <em>that<\/em> surprised when I&#8217;ve got random courier invoices on my desk from years ago and random parts of coolers and PCs that have long since gone to the great recycle bin in the sky.<\/p>\n<p>So, okay, maybe I&#8217;m a monster in my own way, too. What about the rest of you, how do you organise your desktop? Do you keep it clean and clear or are you free and easy about what happens behind the various windows on your screen? Or do you have tips to share with the rest of us?<\/p>\n<p>This week I want to go back to the recycle bin again, and I&#8217;m asking when you last cleared it out.<\/p>\n<div style=\"min-height: 250px;\">\n<div class=\"kwizly-quiz kwizly-O6jx1O\"><\/div>\n<\/p><\/div>\n<p> <script src=\"https:\/\/kwizly.com\/embed\/O6jx1O.js\" async><\/script> <\/article>\n<p><a href=\"https:\/\/www.pcgamer.com\/software\/operating-systems\/84-percent-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-percent-of-pc-gamer-readers-are-just-plain-monsters\/\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s gratifying to know that 84% of PC Gamer readers are sensible folk who would never allow their operating system desktop get into the sort of state you can see in the image above. And it&#8217;s more gratifying still to know that a third of you are in the zen club where you have have a completely clear, clutter free desktop with nothing on it. This is the right choice. This is the way. Though I will admit I&#8217;m a lazy member of the zen club and don&#8217;t actually clear my desktop, I just click that button in the Windows context menu which hides all the icons from my desktop. I&#8217;m comfortable with the knowledge there&#8217;s a viper&#8217;s nest of writhing icons and folders under&hellip;<\/p>\n<p class=\"excerpt-more\"><a class=\"blog-excerpt button\" href=\"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":1585673,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[336],"tags":[6599,1622],"class_list":["post-1585672","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pc-gamer","tag-operating-systems","tag-software"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters | Arcader News<\/title>\n<meta name=\"description\" content=\"It&#039;s gratifying to know that 84% of PC Gamer readers are sensible folk who would never allow their operating system desktop get into the sort of state you\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters | Arcader News\" \/>\n<meta property=\"og:description\" content=\"It&#039;s gratifying to know that 84% of PC Gamer readers are sensible folk who would never allow their operating system desktop get into the sort of state you\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/\" \/>\n<meta property=\"og:site_name\" content=\"Arcade News\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-22T12:56:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arcader.org\/wp-content\/uploads\/2026\/05\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters.png\" \/>\n<meta name=\"author\" content=\"Arcade News\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Arcade News\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/\"},\"author\":{\"name\":\"Arcade News\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\"},\"headline\":\"84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters\",\"datePublished\":\"2026-05-22T12:56:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/\"},\"wordCount\":570,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters.png\",\"keywords\":[\"operating systems\",\"software\"],\"articleSection\":[\"PC Gamer\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/\",\"url\":\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/\",\"name\":\"84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters | Arcader News\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters.png\",\"datePublished\":\"2026-05-22T12:56:54+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\"},\"description\":\"It's gratifying to know that 84% of PC Gamer readers are sensible folk who would never allow their operating system desktop get into the sort of state you\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/#primaryimage\",\"url\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters.png\",\"contentUrl\":\"https:\\\/\\\/arcader.org\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters.png\",\"width\":480,\"height\":91,\"caption\":\"84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/arcader.org\\\/news\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#website\",\"url\":\"https:\\\/\\\/arcader.org\\\/news\\\/\",\"name\":\"Arcade News\",\"description\":\"Free Arcade News from the Best Online Sources\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/arcader.org\\\/news\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/arcader.org\\\/news\\\/#\\\/schema\\\/person\\\/8460f5e5076b52fb2369f2f7ce6f2839\",\"name\":\"Arcade News\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g\",\"caption\":\"Arcade News\"},\"sameAs\":[\"https:\\\/\\\/cricketgames.tv\"],\"url\":\"https:\\\/\\\/arcader.org\\\/news\\\/author\\\/arcade-news\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters | Arcader News","description":"It's gratifying to know that 84% of PC Gamer readers are sensible folk who would never allow their operating system desktop get into the sort of state you","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/","og_locale":"en_US","og_type":"article","og_title":"84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters | Arcader News","og_description":"It's gratifying to know that 84% of PC Gamer readers are sensible folk who would never allow their operating system desktop get into the sort of state you","og_url":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/","og_site_name":"Arcade News","article_published_time":"2026-05-22T12:56:54+00:00","og_image":[{"url":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/05\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters.png","type":"","width":"","height":""}],"author":"Arcade News","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Arcade News","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/#article","isPartOf":{"@id":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/"},"author":{"name":"Arcade News","@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839"},"headline":"84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters","datePublished":"2026-05-22T12:56:54+00:00","mainEntityOfPage":{"@id":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/"},"wordCount":570,"commentCount":0,"image":{"@id":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/#primaryimage"},"thumbnailUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/05\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters.png","keywords":["operating systems","software"],"articleSection":["PC Gamer"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/","url":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/","name":"84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters | Arcader News","isPartOf":{"@id":"https:\/\/arcader.org\/news\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/#primaryimage"},"image":{"@id":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/#primaryimage"},"thumbnailUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/05\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters.png","datePublished":"2026-05-22T12:56:54+00:00","author":{"@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839"},"description":"It's gratifying to know that 84% of PC Gamer readers are sensible folk who would never allow their operating system desktop get into the sort of state you","breadcrumb":{"@id":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/#primaryimage","url":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/05\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters.png","contentUrl":"https:\/\/arcader.org\/wp-content\/uploads\/2026\/05\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters.png","width":480,"height":91,"caption":"84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters"},{"@type":"BreadcrumbList","@id":"https:\/\/arcader.org\/news\/84-of-you-rightly-practice-good-desktop-icon-hygiene-but-it-turns-out-16-of-pc-gamer-readers-are-just-plain-monsters\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/arcader.org\/news\/"},{"@type":"ListItem","position":2,"name":"84% of you rightly practice good desktop icon hygiene, but it turns out 16% of PC Gamer readers are just plain monsters"}]},{"@type":"WebSite","@id":"https:\/\/arcader.org\/news\/#website","url":"https:\/\/arcader.org\/news\/","name":"Arcade News","description":"Free Arcade News from the Best Online Sources","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arcader.org\/news\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/arcader.org\/news\/#\/schema\/person\/8460f5e5076b52fb2369f2f7ce6f2839","name":"Arcade News","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3fea48a614d86edd987bc7bb25f4707c69546d4b1f78ad4aa20b26316bad1f9d?s=96&d=mm&r=g","caption":"Arcade News"},"sameAs":["https:\/\/cricketgames.tv"],"url":"https:\/\/arcader.org\/news\/author\/arcade-news\/"}]}},"_links":{"self":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/posts\/1585672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/comments?post=1585672"}],"version-history":[{"count":0,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/posts\/1585672\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/media\/1585673"}],"wp:attachment":[{"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/media?parent=1585672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/categories?post=1585672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arcader.org\/news\/wp-json\/wp\/v2\/tags?post=1585672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}