.cl-xp{--xp-empty:color-mix(in srgb,var(--es-text) 9%,transparent);--xp-base:color-mix(in srgb,var(--es-text) 32%,transparent);--xp-gain:var(--es-brand);--xp-strong:var(--es-success);--xp-fair:color-mix(in srgb,var(--es-text) 55%,transparent);--xp-weak:color-mix(in srgb,var(--es-text) 55%,transparent);grid-template-columns:repeat(var(--xp-segments,28),minmax(0,1fr));gap:3px;min-width:0;height:12px;display:grid}.cl-xp[data-palette=traffic]{--xp-fair:var(--es-warning);--xp-weak:var(--es-error)}.cl-xp[data-size=sm]{gap:2px;height:8px}.cl-xp>span{background:var(--xp-empty);border-radius:2px;position:relative}.cl-xp>span:not([data-state=empty]):before{content:"";border-radius:inherit;background:var(--xp-base);position:absolute;inset:0}.cl-xp>span[data-state=gain]:before{background:var(--xp-gain)}.cl-xp[data-level=strong]>[data-state=base]:before{background:var(--xp-strong)}.cl-xp[data-level=fair]>[data-state=base]:before{background:var(--xp-fair)}.cl-xp[data-level=weak]>[data-state=base]:before{background:var(--xp-weak)}@media (forced-colors:active){.cl-xp>span{forced-color-adjust:none;background:canvas;border:1px solid graytext}.cl-xp[data-tone]>span:not([data-state=empty]):before{forced-color-adjust:none;background:highlight}}@media (prefers-reduced-motion:no-preference){[data-reveal=pending] .cl-xp>span:before{opacity:0}[data-reveal=seen] .cl-xp>[data-state=base]:before{animation:cl-xp-fill var(--xp-fill-duration,.32s) cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--xp-delay) + var(--k) * var(--xp-base-step))}[data-reveal=seen] .cl-xp>[data-state=gain]:before{transform-origin:50% 100%;animation:cl-xp-gain var(--xp-fill-duration,.46s) cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--xp-delay) + var(--xp-base-count) * var(--xp-base-step) + var(--k) * var(--xp-step))}[data-reveal=seen] .cl-xp[data-paced]>[data-state=gain]:before{animation-name:cl-xp-fill}}@keyframes cl-xp-fill{0%{opacity:0}}@keyframes cl-xp-gain{0%{opacity:0;transform:scaleY(.5)}55%{opacity:1;transform:scaleY(1.35)}to{transform:none}}