.comparePage{text-align:center}.comparePage h1{font-family:Mundial,var(--font-family-sans-serif,sans-serif);color:var(--text-primary,#212529);font-size:var(--font-size-xxl,32px);font-weight:var(--font-weight-bold,700);margin-top:10px;margin-bottom:var(--spacing-xs,8px);text-align:center;letter-spacing:.5px}.comparePage h2{font-family:Mundial,var(--font-family-sans-serif,sans-serif);color:var(--text-secondary,#6c757d);font-size:var(--font-size-xl,24px);font-weight:var(--font-weight-regular,400);margin-top:var(--spacing-sm,12px);margin-bottom:var(--spacing-sm,12px);padding-bottom:var(--spacing-xxs,4px);border-bottom:var(--border-width-thin,1px) solid var(--border-color,#e0e0e0)}.compare-widget-scoped.container{font-family:Mundial,var(--font-family-sans-serif,sans-serif);background-color:var(--background-color,#fff);padding:var(--spacing-xs,8px) var(--spacing-md,16px) var(--spacing-sm,12px) var(--spacing-md,16px);border-radius:var(--border-radius-lg,12px);max-width:800px;margin:var(--spacing-sm,12px) auto;display:flex;flex-direction:column;align-items:center}.compare-widget-scoped h2{font-family:Mundial,var(--font-family-sans-serif,sans-serif);color:var(--text-secondary,#6c757d);border-bottom:var(--border-width-thin,1px) solid var(--border-color,#e0e0e0);padding-bottom:var(--spacing-md,16px);margin-bottom:var(--spacing-xl,32px);font-weight:var(--font-weight-regular,400);font-size:var(--font-size-xl,24px);text-align:center}.compare-widget-scoped .intro-explainer-trigger{font-family:Mundial,var(--font-family-sans-serif,sans-serif);font-size:var(--font-size-md,16px);color:var(--text-secondary,#6c757d);line-height:1.6;margin-bottom:var(--spacing-xs,12px);text-align:center;max-width:680px;margin-left:auto;margin-right:auto;cursor:pointer;text-decoration:none;margin-top:var(--spacing-sm,12px);position:relative;width:100%}.compare-widget-scoped .intro-explainer-trigger:hover{color:var(--text-primary,#333)}.compare-widget-scoped .explainer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color,rgba(0,0,0,.5));z-index:var(--z-overlay,1100);display:none}.compare-widget-scoped .explainer-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background-color,#fff);padding:var(--spacing-lg,24px);border-radius:var(--border-radius-lg,12px);box-shadow:var(--shadow-xl,0 8px 16px rgba(0,0,0,.24));z-index:var(--z-modal,1200);display:none;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.compare-widget-scoped .explainer-content h3{font-family:Mundial,var(--font-family-sans-serif,sans-serif);margin-top:0;margin-bottom:var(--spacing-md,16px);font-size:var(--font-size-xl,24px);font-weight:var(--font-weight-semibold,600);color:var(--text-primary,#212529);text-align:left}.compare-widget-scoped .explainer-content h4{font-family:Mundial,var(--font-family-sans-serif,sans-serif);margin-top:var(--spacing-md,16px);margin-bottom:var(--spacing-xs,8px);font-size:var(--font-size-md,16px);color:var(--text-primary,#212529);text-align:left}.compare-widget-scoped .explainer-content p{font-family:Mundial,var(--font-family-sans-serif,sans-serif);font-size:var(--font-size-sm,14px);line-height:1.6;color:var(--text-secondary,#6c757d);margin-bottom:var(--spacing-sm,12px);text-align:left}.compare-widget-scoped .explainer-close-button{position:absolute;top:var(--spacing-sm,12px);right:var(--spacing-md,16px);background:0 0;border:none;font-size:var(--font-size-xl,24px);font-weight:var(--font-weight-light,300);color:var(--text-secondary,#6c757d);cursor:pointer;padding:var(--spacing-xxs,4px);line-height:1}.compare-widget-scoped .explainer-close-button:hover{color:var(--text-primary,#333)}.compare-widget-scoped .explainer-content.show,.compare-widget-scoped .explainer-overlay.show{display:block}.compare-widget-scoped .controls{display:flex;flex-wrap:wrap;row-gap:var(--spacing-xs,8px);column-gap:var(--spacing-lg,24px);margin-bottom:var(--spacing-md,16px);align-items:flex-end;padding-bottom:10px;align-self:center;justify-content:center}.compare-widget-scoped .control-group input[type=text],.compare-widget-scoped .control-group input[type=time],.compare-widget-scoped .control-group select{font-family:Mundial,var(--font-family-sans-serif,sans-serif);padding:var(--spacing-sm,12px) var(--spacing-md,16px);border:var(--border-width-thin,1px) solid var(--border-color,#e0e0e0);border-radius:var(--border-radius-md,8px);font-size:var(--font-size-md,16px);background-color:var(--secondary-background-color,#f9f9f9);color:var(--text-primary,#333);transition:border-color var(--transition-fast,.15s) var(--ease-in-out,ease-in-out),box-shadow var(--transition-fast,.15s) var(--ease-in-out,ease-in-out),background-color var(--transition-fast,.15s) var(--ease-in-out,ease-in-out);width:100%;box-sizing:border-box;line-height:normal}.compare-widget-scoped .control-group input[type=text]::placeholder{color:var(--text-muted,#888);opacity:1}.compare-widget-scoped .control-group input[type=text]:focus,.compare-widget-scoped .control-group input[type=time]:focus,.compare-widget-scoped .control-group select:focus{border-color:var(--info-color,#17a2b8);outline:0;box-shadow:0 0 0 .15rem rgba(23,162,184,.15);background-color:var(--background-color,#fff)}.compare-widget-scoped #featureSelect,.compare-widget-scoped #unitSelect{background-color:var(--background-color,#fff)}.compare-widget-scoped #chartContainer{width:100%;min-height:300px;position:relative;margin-top:var(--spacing-xs,8px);background-color:transparent;border-radius:var(--border-radius-sm,4px);padding:0}.compare-widget-scoped #comparisonChartD3{display:block}.compare-widget-scoped .axis-label{font-family:Mundial,var(--font-family-sans-serif,sans-serif);font-size:var(--font-size-sm,14px);fill:var(--text-muted,#777);font-weight:var(--font-weight-regular)}.compare-widget-scoped .tick text{font-family:Mundial,var(--font-family-sans-serif,sans-serif);font-size:var(--font-size-sm,14px);fill:var(--text-muted,#888)}.compare-widget-scoped .tick line{stroke:var(--border-color,#e9ecef);stroke-opacity:.5}.compare-widget-scoped .domain{stroke:var(--border-color,#ccc)}.compare-widget-scoped .density-path{fill:var(--darker-blue);fill-opacity:.99;stroke:var(--darker-blue);stroke-width:1.5px;stroke-opacity:.6}.compare-widget-scoped .user-value-line{stroke:var(--text-primary,#333);stroke-width:1.5px;stroke-dasharray:3,3}.compare-widget-scoped .user-value-text{font-family:Mundial,var(--font-family-sans-serif,sans-serif);fill:var(--text-primary,#333);font-weight:var(--font-weight-medium,500);font-size:var(--font-size-sm,14px);text-anchor:middle}.compare-widget-scoped .user-value-text-shareable{font-family:Mundial,var(--font-family-sans-serif,sans-serif);fill:var(--darkerer-blue);font-weight:var(--font-weight-semibold,600);font-size:var(--font-size-xl,32px);text-anchor:middle}.compare-widget-scoped .error-message,.compare-widget-scoped .loading-message{font-family:Mundial,var(--font-family-sans-serif,sans-serif);text-align:center;padding:var(--spacing-md,16px);margin-top:var(--spacing-md,16px);border-radius:var(--border-radius-md,8px);font-size:var(--font-size-sm,14px)}.compare-widget-scoped .loading-message{background-color:var(--secondary-background-color-hover,#f0f0f0);color:var(--text-secondary,#555)}.compare-widget-scoped .error-message{background-color:rgba(220,53,69,.1);color:var(--error-color,#dc3545);border:1px solid rgba(220,53,69,.2)}.compare-widget-scoped #userInfo{font-family:Mundial,var(--font-family-sans-serif,sans-serif);position:absolute;display:none;background-color:var(--background-color,#fff);border:1px solid var(--border-color,#ccc);border-radius:var(--border-radius-md,6px);padding:var(--spacing-sm,12px);box-shadow:var(--shadow-lg,0 4px 8px rgba(0,0,0,.15));z-index:1050;max-width:320px;font-size:var(--font-size-sm,14px);line-height:1.5;color:var(--text-primary,#333);font-style:normal;text-align:left;pointer-events:none}.compare-widget-scoped #userInfo strong{color:var(--text-primary,#333);font-weight:var(--font-weight-semibold,600)}.compare-widget-scoped .cdf-shaded-area{fill:var(--darkerer-blue);fill-opacity:.3;stroke:none}.compare-widget-scoped .cdf-callout-text{font-family:Mundial,var(--font-family-sans-serif,sans-serif);font-size:var(--font-size-md,16px);font-weight:var(--font-weight-semibold,600);fill:var(--darkerer-blue);fill-opacity:.99;text-anchor:middle}.compare-widget-scoped .cdf-callout-text-shareable{font-family:Mundial,var(--font-family-sans-serif,sans-serif);font-size:20px;font-weight:var(--font-weight-bold,700);fill:var(--text-secondary);fill-opacity:.99;text-anchor:middle}.compare-widget-scoped #resetToUserValueBtn{font-family:Mundial,var(--font-family-sans-serif,sans-serif);padding:var(--spacing-sm,12px) var(--spacing-md,16px);font-size:var(--font-size-md,16px);border-radius:var(--border-radius-md,6px);cursor:pointer;background-color:var(--secondary-button-bg,#f0f0f0);color:var(--secondary-button-text,#333);border:1px solid var(--border-color,#ccc);transition:background-color .2s var(--ease-in-out);box-sizing:border-box;line-height:normal;width:auto;display:inline-flex;align-items:center;justify-content:center}.compare-widget-scoped #resetToUserValueBtn:hover{background-color:var(--secondary-button-bg-hover,#e0e0e0)}.compare-widget-scoped .spinner{border:3px solid #f3f3f3;border-top:3px solid var(--darker-blue,#17a2b8);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.h2-tooltip-container{position:relative;display:inline-block;cursor:help}.h2-tooltip-container .h2-tooltip-text{font-family:Mundial,var(--font-family-sans-serif,sans-serif);visibility:hidden;opacity:0;position:absolute;background-color:rgba(51,51,51,.85);color:var(--background-color,#fff);padding:var(--spacing-xs,8px) var(--spacing-sm,12px);border-radius:var(--border-radius-md,6px);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.08));font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-regular,400);line-height:1.4;text-align:left;z-index:1000;bottom:100%;left:50%;transform:translateX(calc(-50% + 50px));margin-bottom:var(--spacing-md,16px);min-width:280px;max-width:350px;transition:opacity .3s var(--ease-in-out);pointer-events:none}.h2-tooltip-container .h2-tooltip-text::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(51,51,51,.85)}.h2-tooltip-container .h2-tooltip-text.initial-callout-visible{visibility:visible;opacity:1}.h2-tooltip-container:hover .h2-tooltip-text{visibility:visible;opacity:1}.compare-widget-scoped .intro-explainer-trigger{margin-top:var(--spacing-sm,12px)}.compare-widget-scoped .tour-page-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:var(--z-overlay,1100);display:none}.compare-widget-scoped .tour-highlighted-element{position:relative;z-index:10001;box-shadow:0 0 0 4px var(--light-button-primary,#ff5462),0 0 20px rgba(255,84,98,.5);border-radius:4px}#comparisonChartD3.tour-highlighted-element{box-shadow:none}#comparisonChartD3.tour-highlighted-element.tour-highlight--performance-line #user-value-line{stroke:var(--light-button-primary,#ff5462);stroke-width:3px;stroke-dasharray:none;filter:drop-shadow(0 0 2px rgba(255, 84, 98, .7))}#userInfo.tour-highlighted-element.tour-highlight--show-user-info{display:block!important;position:relative!important;top:auto!important;left:auto!important;margin-top:-20px;pointer-events:auto!important}.compare-widget-scoped .tour-popover{position:fixed;background-color:var(--background-color,#fff);border:1px solid var(--border-color,#ccc);border-radius:var(--border-radius-lg,12px);box-shadow:var(--shadow-xl,0 8px 16px rgba(0,0,0,.24));padding:var(--spacing-md,16px);z-index:var(--z-modal,1200);max-width:300px;display:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out}.compare-widget-scoped .tour-popover h4{font-family:Mundial,var(--font-family-sans-serif,sans-serif);font-size:var(--font-size-lg,18px);color:var(--text-primary,#212529);margin-top:0;margin-bottom:var(--spacing-sm,12px)}.compare-widget-scoped .tour-popover p{font-family:Mundial,var(--font-family-sans-serif,sans-serif);font-size:var(--font-size-sm,14px);line-height:1.6;color:var(--text-secondary,#6c757d);margin-bottom:var(--spacing-md,16px)}.compare-widget-scoped .tour-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md,16px)}.compare-widget-scoped .tour-navigation button{font-family:Mundial,var(--font-family-sans-serif,sans-serif);padding:var(--spacing-xs,8px) var(--spacing-sm,12px);font-size:var(--font-size-sm,14px);border-radius:var(--border-radius-md,6px);cursor:pointer;border:1px solid transparent;transition:background-color .2s var(--ease-in-out),color .2s var(--ease-in-out)}.compare-widget-scoped .tour-navigation button#tourNextBtn,.compare-widget-scoped .tour-navigation button#tourPrevBtn{background-color:var(--light-button-primary,#ff5462);color:var(--button-text-color,#fff)}.compare-widget-scoped .tour-navigation button#tourNextBtn:hover,.compare-widget-scoped .tour-navigation button#tourPrevBtn:hover{background-color:var(--light-button-primary-hover,#ff7d88)}.compare-widget-scoped .tour-navigation button#tourEndBtn{background-color:var(--secondary-button-bg,#f0f0f0);color:var(--secondary-button-text,#333);border-color:var(--border-color,#ccc)}.compare-widget-scoped .tour-navigation button#tourEndBtn:hover{background-color:var(--secondary-button-bg-hover,#e0e0e0)}.compare-widget-scoped .tour-navigation button:disabled{background-color:var(--text-muted,#adb5bd);color:var(--background-color,#fff);cursor:not-allowed;opacity:.7}.compare-widget-scoped .tour-click-zone{position:fixed;top:0;height:100%;width:30%;z-index:1150;cursor:pointer;display:none}.compare-widget-scoped .tour-click-zone.left{left:0}.compare-widget-scoped .tour-click-zone.right{right:0}.compare-widget-scoped .tour-click-zone:hover{background-color:rgba(255,84,98,.05)}.compare-widget-scoped .tour-click-zone.disabled{cursor:not-allowed;pointer-events:none;background-color:transparent!important}.compare-widget-scoped .controls.controls-row-1{margin-bottom:0;gap:var(--spacing-sm,16px);width:60%;position:relative}.compare-widget-scoped .controls.controls-row-1 #updateSpinnerContainer{align-self:flex-end;padding-bottom:var(--spacing-xxs,5px)}.compare-widget-scoped #updateSpinnerContainer{position:absolute;bottom:18px;right:5vw;z-index:10}.compare-widget-scoped .cohort-time-input-container{display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;position:relative;cursor:pointer;border-radius:var(--border-radius-md,8px);transition:background-color var(--transition-fast,.15s) var(--ease-in-out,ease-in-out);padding:var(--spacing-xxs,4px);background-color:transparent;border:1px solid transparent;min-width:260px}.compare-widget-scoped .cohort-time-input-container:hover{background-color:transparent}.compare-widget-scoped .cohort-time-input-container .digit-input{width:36px;height:50px;color:var(--text-primary);border:none;border-radius:var(--border-radius-sm,4px);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:var(--font-weight-bold,700);background-color:transparent;transition:all var(--transition-fast,.15s) var(--ease-in-out,ease-in-out);cursor:text;text-align:center}.compare-widget-scoped .cohort-time-input-container .digit-input:focus{border-color:var(--info-color,#17a2b8);box-shadow:0 0 0 .1rem rgba(23,162,184,.1);outline:0;background-color:var(--background-color,#fff)}.compare-widget-scoped .cohort-time-input-container .digit-input[contenteditable=true]:empty::before{content:attr(data-placeholder);color:var(--text-muted,#888);font-weight:var(--font-weight-regular,400)}.compare-widget-scoped .cohort-time-input-container .time-separator{font-size:28px;font-weight:var(--font-weight-bold,700);color:var(--text-secondary,#555);padding:0 3px}.compare-widget-scoped .cohort-time-input-container .time-display-mode{font-size:38px;font-weight:var(--font-weight-bold,700);color:var(--text-primary);border-radius:var(--border-radius-sm,6px);transition:all var(--transition-fast,.15s) var(--ease-in-out,ease-in-out);display:flex;align-items:center;justify-content:center;width:auto;height:50px;padding:0 var(--spacing-sm,8px);letter-spacing:.5px;border:none;background-color:transparent}.compare-widget-scoped .cohort-time-input-container .edit-pencil-icon{font-size:var(--font-size-xs,12px);color:var(--text-muted,#888);cursor:pointer;transition:color var(--transition-fast,.15s) var(--ease-in-out,ease-in-out)}.compare-widget-scoped .cohort-time-input-container .edit-pencil-icon:hover{color:var(--text-primary,#333)}.compare-widget-scoped .cohort-time-input-container .time-edit-mode{display:flex;gap:3px;justify-content:center;align-items:center;width:auto;height:100%}.compare-widget-scoped #goalTime{display:none!important}.compare-widget-scoped .cohort-time-title{font-family:var(--font-primary, 'Mundial', sans-serif);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-medium,500);color:var(--text-secondary,#6c757d);text-align:center;margin-top:0;margin-bottom:var(--spacing-xs,8px);padding-bottom:var(--spacing-xxs,4px);border-bottom:1px solid var(--border-color,#dee2e6);width:100%}.compare-widget-scoped .cohort-time-input-container,.compare-widget-scoped .control-group,.compare-widget-scoped .reset-button-group button{position:relative}.compare-widget-scoped .control-custom-tooltip{visibility:hidden;opacity:0;background-color:var(--text-secondary,#333);color:var(--background-color,#fff);text-align:center;border-radius:var(--border-radius-sm,4px);padding:var(--spacing-xs,6px) var(--spacing-sm,10px);position:absolute;z-index:var(--z-tooltip,1300);bottom:110%;left:50%;transform:translateX(-50%);transition:opacity .2s var(--ease-in-out),visibility .2s var(--ease-in-out);font-size:var(--font-size-sm,13px);font-weight:var(--font-weight-regular,400);white-space:nowrap;box-shadow:var(--shadow-md,0 2px 4px rgba(0,0,0,.08))}.compare-widget-scoped .control-custom-tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--text-secondary,#333) transparent transparent transparent}.compare-widget-scoped .cohort-time-input-container:hover .control-custom-tooltip,.compare-widget-scoped .control-group:hover .control-custom-tooltip,.compare-widget-scoped .reset-button-group button:hover .control-custom-tooltip{visibility:visible;opacity:.95}.compare-widget-scoped .fab-button .control-custom-tooltip.tooltip-visible{visibility:visible;opacity:.95}.compare-widget-scoped .reset-button-group button .control-custom-tooltip{bottom:120%}.compare-widget-scoped .cohort-time-input-container .control-custom-tooltip{pointer-events:none}.compare-widget-scoped .control-custom-tooltip.custom-tooltip--force-hide{visibility:hidden!important;opacity:0!important;transition:none!important}.compare-widget-scoped #tooltipCohortTime{display:none!important}.compare-widget-scoped #startInteractiveTourBtn{margin-top:var(--spacing-xs,8px)}.cohort-time-container:hover #cohortTimeAdjustControls{display:flex!important}#cohortTimeAdjustControls button{padding:2px 12px;font-size:.9em;line-height:1.5;background-color:var(--text-secondary);border:1px solid var(--text-secondary);color:var(--button-text-color,#fffdfd);border-radius:var(--border-radius-sm,4px);transition:filter .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;min-width:50px;max-height:20px;text-align:center;display:inline-flex;align-items:center;justify-content:center}#cohortTimeAdjustControls button:hover{filter:brightness(130%)}#cohortTimeAdjustControls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:1px;margin-bottom:5px;width:100%;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.compare-widget-scoped .cohort-time-input-container:hover #cohortTimeAdjustControls{opacity:1;pointer-events:auto}#cohortTimeAdjustControls button{padding:4px 10px;font-size:1em;line-height:1}.time-and-icon-row{display:flex;align-items:center;justify-content:center;gap:5px;width:100%}.compare-widget-scoped #featureSelect,.compare-widget-scoped #unitSelect{background-color:var(--background-color,#fff)}.compare-widget-scoped.container.standalone-chart{font-family:Mundial,var(--font-family-sans-serif,sans-serif);background-color:var(--background-color,#fff);margin:0;padding:0;display:flex;flex-direction:column;align-items:center;background-color:#fdfbf8}.compare-widget-scoped .controls.controls-row-2{display:flex;flex-wrap:wrap;row-gap:var(--spacing-xs,8px);column-gap:var(--spacing-lg,24px);margin-bottom:var(--spacing-md,16px);align-items:flex-end;padding-bottom:10px;align-self:center;justify-content:center;width:100%;position:relative}.compare-widget-scoped .explainer-share-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-sm,12px)}.compare-widget-scoped .fab-container{position:absolute;bottom:100px;right:20px;z-index:10;display:flex;flex-direction:column;gap:var(--spacing-md)}.compare-widget-scoped .fab-button{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--background-color,#fff);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.08));border-radius:50%;width:48px;height:48px;border:1px solid var(--border-color,#e0e0e0);cursor:pointer;-webkit-tap-highlight-color:transparent}.compare-widget-scoped .fab-button:hover{background-color:var(--fab-button-hover-color);opacity:.8}.compare-widget-scoped .fab-button:focus{outline:0;box-shadow:0 0 0 3px var(--info-color-translucent,rgba(23,162,184,.25))}.compare-widget-scoped .fab-button .fab-icon{width:24px;height:24px;object-fit:contain;opacity:.75;transition:opacity .2s ease}.compare-widget-scoped .fab-button:hover .fab-icon{opacity:1}.clipboard-notification{visibility:hidden;opacity:0;position:fixed;bottom:30px;left:50%;transform:translate(-50%,10px);background-color:#333;color:#fff;padding:12px 24px;border-radius:25px;font-family:var(--font-family-sans-serif,sans-serif);font-size:var(--font-size-md,16px);z-index:2000;transition:opacity .3s ease,transform .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);pointer-events:none}.clipboard-notification.show{visibility:visible;opacity:1;transform:translate(-50%,0)}#imagePreviewOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-tap-highlight-color:transparent}#imagePreviewOverlay #previewImage{max-width:calc(100% - 20px);max-height:90%;object-fit:contain;border-radius:8px;box-shadow:0 0 25px rgba(0,0,0,.5)}#closeImagePreview{position:absolute;top:15px;right:25px;color:#fff;font-size:45px;font-weight:300;line-height:1;cursor:pointer;transition:opacity .2s ease}#closeImagePreview:hover{opacity:.7}@media (max-width:768px){.compare-widget-scoped.container{padding:var(--spacing-md,16px) 0}.compare-widget-scoped .fab-container{position:fixed;bottom:30px;right:24px}.compare-widget-scoped .fab-button{width:64px;height:64px}}