@layer components{.bf-home .bf-range{--range-track:var(--color-home-stone);--slider-percentage:0%;appearance:none;cursor:pointer;background-color:#0000;width:100%;position:relative}.bf-home .bf-range--purple{--range-from:var(--color-home-purple);--range-to:var(--color-home-purple-300)}.bf-home .bf-range--green{--range-from:var(--color-home-green);--range-to:var(--color-home-green-300)}.bf-home .bf-range::-webkit-slider-runnable-track{border-radius:var(--radius-home-pill);cursor:pointer;background:linear-gradient(to right, var(--range-from) 0, var(--range-to) var(--slider-percentage), var(--range-track) var(--slider-percentage), var(--range-track) 100%);border:none;width:100%;height:.75rem}.bf-home .bf-range::-moz-range-track{border-radius:var(--radius-home-pill);cursor:pointer;background-color:var(--range-track);border:none;width:100%;height:.75rem}.bf-home .bf-range::-moz-range-progress{border-radius:var(--radius-home-2xl);background:linear-gradient(90deg, var(--range-from) 0, var(--range-from) 20%, var(--range-to));height:.75rem}.bf-home .bf-range::-webkit-slider-thumb{appearance:none;z-index:20;border-radius:var(--radius-home-pill);cursor:pointer;background-color:var(--color-white);width:3rem;height:3rem;box-shadow:var(--shadow-home-base);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M113 433L273 273c9.4-9.4 9.4-24.6 0-33.9L113 79c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l143 143L79 399c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0zm192 0L465 273c9.4-9.4 9.4-24.6 0-33.9L305 79c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l143 143L271 399c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0z'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:1.25rem;border:none;margin-top:-1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.bf-home .bf-range::-webkit-slider-thumb:hover{background-color:var(--color-neutral-50);box-shadow:var(--shadow-home-lg)}.bf-home .bf-range::-moz-range-thumb{appearance:none;z-index:20;border-radius:var(--radius-home-pill);cursor:pointer;background-color:var(--color-white);width:3rem;height:3rem;box-shadow:var(--shadow-home-base);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M113 433L273 273c9.4-9.4 9.4-24.6 0-33.9L113 79c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l143 143L79 399c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0zm192 0L465 273c9.4-9.4 9.4-24.6 0-33.9L305 79c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l143 143L271 399c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0z'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:1.25rem;border:none;position:relative}}