.aurora-slider{cursor:pointer;flex:1;align-items:center;height:36rem;display:flex;position:relative}.aurora-slider.is-expanded{z-index:10}.aurora-slider--input{cursor:pointer;opacity:0;touch-action:none;z-index:10;width:100%;margin:0;position:absolute;inset:-12rem 0}.aurora-slider.is-disabled{opacity:.48}.aurora-slider.is-disabled .aurora-slider--fill{background:rgba(var(--aurora-text-grey),1)}.aurora-slider.is-disabled .aurora-slider--input{cursor:not-allowed}.aurora-slider--well{background:rgba(var(--aurora-text),.04);pointer-events:none;height:3rem;transition:height .24s cubic-bezier(.22,.61,.36,1),transform .36s cubic-bezier(.34,1.56,.64,1),transform-origin .36s cubic-bezier(.34,1.56,.64,1),box-shadow .2s var(--aurora-bezier),background .2s var(--aurora-bezier);will-change:transform;border-radius:16rem;margin:auto;position:absolute;inset:0;overflow:hidden}.aurora-slider.is-active .aurora-slider--well{background:rgba(var(--aurora-background),1);box-shadow:0 4rem 12rem -2rem rgba(var(--aurora-shadow),.32);transition:height .16s cubic-bezier(.22,.61,.36,1),transform .16s cubic-bezier(.22,.61,.36,1),transform-origin .16s cubic-bezier(.22,.61,.36,1),box-shadow .2s var(--aurora-bezier),background .2s var(--aurora-bezier)}.aurora-slider--track{background:rgba(var(--aurora-text),.1);z-index:0;position:absolute;inset:0}.aurora-slider--fill{background:rgba(var(--aurora-primary),1);transition:width .24s var(--aurora-bezier);z-index:2;border-radius:16rem 8rem 8rem 16rem;width:0;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.aurora-slider.is-active .aurora-slider--fill{transition:none}.aurora-slider--handle{background:rgba(var(--aurora-text-inverse),1);opacity:0;height:50%;transition:height .36s cubic-bezier(.34,1.56,.64,1),opacity .18s var(--aurora-bezier);border-radius:2rem;width:4rem;position:absolute;top:50%;right:8rem;transform:translateY(-50%)}.aurora-slider.is-active .aurora-slider--handle{transition:height .16s cubic-bezier(.22,.61,.36,1),opacity .18s var(--aurora-bezier)}.aurora-slider--ticks{opacity:0;pointer-events:none;height:0;transition:opacity .18s var(--aurora-bezier);z-index:4;position:absolute;top:50%;left:0;right:0}.aurora-slider--tick{background:rgba(var(--aurora-text),.08);border-radius:50%;width:4rem;height:4rem;position:absolute;top:0;transform:translate(-50%,-50%)}.aurora-slider.is-active .aurora-slider--handle{opacity:.92}.aurora-slider.is-active .aurora-slider--ticks{opacity:1}