.feature-demo-gradients [data-mode=light]{--stylergpt-main-page-surface:#fff}.feature-demo-gradients [data-mode=dark]{--stylergpt-main-page-surface:#212121}.feature-demo-gradients .demo-host-wallpaper{opacity:var(--gradient-demo-opacity,1);transition:opacity .3s linear}.feature-demo-gradients .demo-gradient-range{height:24px;margin-top:4px;position:relative}.feature-demo-gradients .demo-gradient-range>span{position:absolute;top:8px;width:100%;height:8px;border-radius:4px;background:var(--panel-border)}.feature-demo-gradients .demo-gradient-range>i{position:absolute;top:2px;width:20px;height:20px;border-radius:50%;background:var(--panel-accent);transition:left .3s linear}.feature-demo-gradients .demo-pointer[data-dragging=true]{transition-duration:.3s;transition-timing-function:linear}.feature-demo-gradients .demo-pointer[data-picker-dragging=true]{transition:none}.feature-demo-gradients .demo-controls>div:first-child{min-width:0}.feature-demo-gradients .demo-controls>div:last-child{flex-shrink:0}.feature-demo-gradients .demo-controls>div:first-child>span:nth-child(2){text-wrap:balance}@media (prefers-reduced-motion:reduce){.feature-demo-gradients .demo-visuals,.feature-demo-gradients .demo-visuals *{transition:none!important}}