@font-face{font-family:Creato Display;src:url(/segmented-browser-metrics-comparison/creato-display-regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@property --animated-fill{syntax:"<number>";inherits:true;initial-value:0}@font-face{font-family:Creato Display;src:url(/segmented-browser-metrics-comparison/creato-display-medium.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}.section-module__pjg06W__section,.section-module__pjg06W__section *{box-sizing:border-box}.section-module__pjg06W__section{--metrics-background:var(--preview-metrics-background,var(--preview-palette-background,#1313ba));--metrics-text:var(--preview-metrics-text,var(--preview-palette-text,#fff));--metrics-muted:var(--preview-metrics-muted,var(--preview-palette-muted,#cbcbef));--metrics-track:var(--preview-metrics-track,var(--preview-palette-soft,#5d5dd1));background:var(--metrics-background);width:100%;min-height:900px;color:var(--metrics-text);flex-direction:column;font-family:Creato Display,Inter,Arial,sans-serif;display:flex;overflow:hidden;container-type:inline-size}.section-module__pjg06W__inner{flex-direction:column;gap:72px;width:calc(100% - 96px);max-width:1120px;margin:0 auto;padding:148px 0;display:flex}.section-module__pjg06W__introduction{flex-direction:column;gap:22px;min-width:0;display:flex}.section-module__pjg06W__heading{--heading-word-gap:.26em;align-items:baseline;column-gap:var(--heading-word-gap);color:var(--metrics-text);letter-spacing:-1.1px;white-space:nowrap;flex-wrap:wrap;row-gap:0;margin:0;font-family:Creato Display,Inter,Arial,sans-serif;font-size:46px;font-weight:500;line-height:1.12;display:flex}.section-module__pjg06W__tabs{align-items:baseline;gap:var(--heading-word-gap);vertical-align:baseline;margin-left:0;display:inline-flex;position:relative}.section-module__pjg06W__tab{width:fit-content;color:color-mix(in srgb, var(--metrics-text) 55%, transparent);cursor:pointer;font:inherit;letter-spacing:inherit;line-height:inherit;vertical-align:baseline;transition:color var(--metrics-motion-duration) var(--metrics-motion-easing);background:0 0;border:0;border-radius:0;align-items:baseline;margin:0;padding:0 0 5px;display:inline-flex;position:relative}.section-module__pjg06W__tab:not(.section-module__pjg06W__activeTab):hover{color:color-mix(in srgb, var(--metrics-text) 82%, transparent)}.section-module__pjg06W__tab:focus-visible{outline:2px solid var(--metrics-text);outline-offset:5px}.section-module__pjg06W__activeTab{color:var(--metrics-text);cursor:default}.section-module__pjg06W__tabIndicator{height:3px;width:var(--indicator-width);background:var(--metrics-text);pointer-events:none;transform:translateX(var(--indicator-left));transition:width var(--metrics-motion-duration) var(--metrics-motion-easing), transform var(--metrics-motion-duration) var(--metrics-motion-easing), opacity var(--metrics-motion-duration) var(--metrics-motion-easing);position:absolute;bottom:0;left:0}.section-module__pjg06W__tabLabel{color:inherit;font-family:Creato Display,Inter,Arial,sans-serif;font-size:inherit;letter-spacing:inherit;font-weight:500;line-height:inherit;white-space:nowrap}.section-module__pjg06W__descriptionStack{max-width:940px;display:grid}.section-module__pjg06W__description{max-width:940px;color:var(--metrics-muted);letter-spacing:-.15px;text-wrap:pretty;visibility:hidden;grid-area:1/1;margin:0;font-family:Creato Display,Inter,Arial,sans-serif;font-size:24px;font-weight:400;line-height:34px}.section-module__pjg06W__activeDescription{visibility:visible}.section-module__pjg06W__panel{flex-direction:column;gap:36px;width:100%;min-width:0;display:flex}.section-module__pjg06W__chart{flex-direction:column;gap:38px;min-width:0;display:flex}.section-module__pjg06W__metricRow{flex-direction:column;gap:11px;min-width:0;display:flex}.section-module__pjg06W__rowLabelGroup{flex-direction:row;align-items:center;gap:9px;min-width:0;display:flex}.section-module__pjg06W__companyLogo{filter:brightness(0)invert();object-fit:contain;flex:none;width:28px;height:28px;display:block}.section-module__pjg06W__companyIdentity{align-items:baseline;gap:8px;min-width:0;display:flex}.section-module__pjg06W__rowLabel{color:var(--metrics-text);letter-spacing:-.25px;font-family:Creato Display,Inter,Arial,sans-serif;font-size:24px;font-weight:500;line-height:24px}.section-module__pjg06W__modelLabel{color:var(--metrics-muted);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;line-height:18px;overflow:hidden}.section-module__pjg06W__rowValues{flex-direction:row;align-items:center;gap:36px;min-width:0;display:flex}.section-module__pjg06W__segmentBar{--animated-fill:0;min-width:0;height:28px;transition:--animated-fill var(--metrics-motion-duration) var(--metrics-motion-easing);flex:auto;grid-template-rows:28px;grid-template-columns:repeat(48,minmax(2px,1fr));gap:0 7px;display:grid}.section-module__pjg06W__segment{--segment-fill:clamp(0, calc(var(--animated-fill) - var(--segment-index)), 1);background:var(--metrics-track);min-width:0;height:28px;transform:scaleY(calc(.72 + (var(--segment-fill) * .28)));transform-origin:50%;border-radius:0;position:relative;overflow:hidden}.section-module__pjg06W__segment:after{background:var(--metrics-text);content:"";opacity:var(--segment-fill);position:absolute;inset:0}.section-module__pjg06W__result{min-width:154px;color:var(--metrics-text);flex-direction:column;align-items:flex-start;display:flex}.section-module__pjg06W__resultValue{color:inherit;letter-spacing:-.8px;white-space:nowrap;font-family:Creato Display,Inter,Arial,sans-serif;font-size:42px;font-weight:500;line-height:42px}.section-module__pjg06W__sourceNote{color:color-mix(in srgb, var(--metrics-text) 56%, transparent);margin:0;font-size:14px;font-weight:400;line-height:20px}.section-module__pjg06W__sourceNote a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, var(--metrics-text) 34%, transparent);text-decoration-color:color-mix(in srgb, var(--metrics-text) 34%, transparent);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .18s,text-decoration-color .18s}.section-module__pjg06W__sourceNote a:hover,.section-module__pjg06W__sourceNote a:focus-visible{color:var(--metrics-text);text-decoration-color:currentColor}.section-module__pjg06W__srOnly{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (max-width:1024px){.section-module__pjg06W__section{min-height:760px}.section-module__pjg06W__inner{gap:54px;width:100%;max-width:none;padding:96px 56px}.section-module__pjg06W__heading{letter-spacing:-.7px;font-size:34px;line-height:40px}.section-module__pjg06W__tab{padding-bottom:4px}.section-module__pjg06W__descriptionStack,.section-module__pjg06W__description{max-width:760px}.section-module__pjg06W__description{font-size:20px;line-height:29px}.section-module__pjg06W__chart{gap:30px}.section-module__pjg06W__rowLabel{font-size:20px;line-height:22px}.section-module__pjg06W__companyLogo{width:20px;height:20px}.section-module__pjg06W__modelLabel{font-size:12px;line-height:16px}.section-module__pjg06W__rowValues{gap:24px}.section-module__pjg06W__segmentBar{grid-template-rows:22px;column-gap:4px;height:22px}.section-module__pjg06W__segment{height:22px}.section-module__pjg06W__result{min-width:134px}.section-module__pjg06W__resultValue{font-size:34px;line-height:34px}}@container (max-width:768px){.section-module__pjg06W__inner{padding-left:32px;padding-right:32px}.section-module__pjg06W__heading{white-space:normal}}@container (max-width:520px){.section-module__pjg06W__section{min-height:0}.section-module__pjg06W__inner{gap:44px;padding:64px 20px}.section-module__pjg06W__introduction{gap:24px}.section-module__pjg06W__heading{letter-spacing:-.65px;text-wrap:balance;font-size:32px;line-height:36px}.section-module__pjg06W__tab{padding-bottom:3px}.section-module__pjg06W__description{font-size:18px;line-height:26px}.section-module__pjg06W__chart{gap:30px}.section-module__pjg06W__metricRow{gap:10px}.section-module__pjg06W__rowLabel{font-size:18px;line-height:20px}.section-module__pjg06W__companyLogo{width:20px;height:20px}.section-module__pjg06W__companyIdentity{gap:6px}.section-module__pjg06W__modelLabel{max-width:150px;font-size:11px;line-height:14px}.section-module__pjg06W__rowValues{flex-direction:column;align-items:stretch;gap:9px}.section-module__pjg06W__segmentBar{flex:0 0 20px;grid-template-rows:20px;column-gap:3px;width:100%;height:20px}.section-module__pjg06W__segment{height:20px}.section-module__pjg06W__result{flex-direction:row;align-items:baseline;min-width:0}.section-module__pjg06W__resultValue{font-size:30px;line-height:30px}}@media (prefers-reduced-motion:reduce){.section-module__pjg06W__tab,.section-module__pjg06W__tabIndicator,.section-module__pjg06W__segmentBar,.section-module__pjg06W__sourceNote a{transition:none;animation:none}}