.color-evidence{position:relative;isolation:isolate;overflow:hidden;margin:0 auto;width:100%;max-width:var(--grid-max, 1440px);padding:clamp(12px,3vw,36px);background:#f4f4f5;border:1px solid var(--hc-rule, #d9d9dd);border-radius:20px}.color-evidence-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.color-evidence-window{position:relative;z-index:1;background:#fff;border:1px solid var(--hc-rule, #d9d9dd);border-radius:14px;overflow:hidden}.color-evidence-bar{display:flex;gap:6px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--hc-rule, #d9d9dd)}.color-evidence-bar i{width:8px;height:8px;border-radius:50%;border:1px solid #77777d}.color-evidence-window picture,.color-evidence-window img{display:block;width:100%;height:auto}html:root body .perceptors-site .color-evidence-bg,html:root body .color-evidence img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important}.perceptors-site>.color-evidence,.compare-page-inner>.color-evidence,.hub-body>.color-evidence,.blog-article>.color-evidence{margin-block:clamp(32px,5vw,64px)}
