.progress-bar-width{width:40%}.energy-progress-bar{height:100%;background:linear-gradient(to right,#6366f1,#60a5fa);transition:width 1s ease-out;width:var(--progress-width, 0%)}.color-warmth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;transition:background-color 1s;background-color:rgba(255,145,0,var(--warmth-opacity, 0));mix-blend-mode:multiply}