@layer components{.hr .first-pass-range{appearance:none;display:block;width:100%;height:calc(var(--spacing) * 11);margin:0;background:linear-gradient(var(--hr-ink),var(--hr-ink)) 0 50% no-repeat,linear-gradient(var(--hr-line-strong),var(--hr-line-strong)) 0 50% no-repeat;background-size:var(--fill,0) var(--spacing),100% var(--spacing);cursor:pointer}.hr .first-pass-range::-webkit-slider-thumb{appearance:none;width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.5);border-radius:var(--hr-radius-control);background:var(--hr-signal);box-shadow:0 0 0 calc(var(--spacing) * .75) var(--hr-panel);transition:transform .12s var(--hr-ease)}.hr .first-pass-range::-moz-range-thumb{width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.5);border:0;border-radius:var(--hr-radius-control);background:var(--hr-signal);box-shadow:0 0 0 calc(var(--spacing) * .75) var(--hr-panel)}.hr .first-pass-range:active::-webkit-slider-thumb{transform:scale(.96)}}