.demo-slider-states{flex-direction:column;gap:24px;width:480px;max-width:100%;display:flex}
.demo-slider-range{width:480px;max-width:100%}
.demo-slider-centered{width:480px;max-width:100%}
.demo-slider-sizes{flex-direction:column;gap:24px;width:400px;max-width:100%;display:flex}.demo-slider-sizes-item{align-items:center;gap:16px;display:flex}.demo-slider-sizes-label{flex:0 0 80px}
.demo-slider-icons{width:480px;max-width:100%;color:var(--md-sys-color-on-surface-variant);align-items:center;gap:12px;display:flex}.demo-slider-icons svg{flex-shrink:0;width:24px;height:24px}
.demo-slider-smart-home{--demo-slider-smart-home-lit:calc(var(--demo-slider-smart-home-brightness,0) / 100);--demo-slider-smart-home-glow:color-mix(in srgb, var(--md-sys-color-primary) calc(var(--demo-slider-smart-home-lit) * 100%), transparent);border-radius:var(--md-sys-shape-corner-extra-large);background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--demo-slider-smart-home-glow) 22%, transparent), transparent 55%), var(--md-sys-color-surface-container-low);width:280px;max-width:100%;color:var(--md-sys-color-on-surface);flex-direction:column;align-items:center;gap:8px;padding:32px 24px;transition:background .12s;display:flex}.demo-slider-smart-home-icon{width:24px;height:24px;color:color-mix(in srgb, var(--demo-slider-smart-home-glow), var(--md-sys-color-on-surface-variant));filter:drop-shadow(0 0 calc(var(--demo-slider-smart-home-lit) * 12px) var(--demo-slider-smart-home-glow));transition:color .12s,filter .12s}.demo-slider-smart-home-control{height:320px;margin-block-start:24px;display:flex;position:relative}