.glass-surface{position:relative;overflow:hidden}.glass-surface__filter{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0}.glass-surface__content{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.glass-surface--svg{backdrop-filter:var(--filter-id);background:rgba(255,255,255,var(--glass-frost));filter:saturate(var(--glass-saturation))}.glass-surface--fallback{backdrop-filter:blur(15px) saturate(200%) brightness(1.1);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),0 8px 32px rgba(0,0,0,.3)}.slider-container{flex-direction:column}.slider-container,.slider-wrapper{display:flex;align-items:center;gap:1rem;width:100%}.slider-wrapper{max-width:400px}.slider-root{flex:1;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none}.slider-track-wrapper{width:100%;display:flex;align-items:center}.slider-track{width:100%;height:6px;background-color:hsla(0,0%,100%,.2);border-radius:3px;overflow:hidden}.slider-range{height:100%;background:linear-gradient(90deg,#f50,#f70);border-radius:3px;transition:width .1s ease}.value-indicator{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0;font-family:monospace}