input[type=range][data-v-03e7b31b]{--range: calc(var(--max) - var(--min));--ratio: calc((var(--val) - var(--min)) / var(--range));--sx: calc(.5 * 1.5em + var(--ratio) * (100% - 1.5em));--progress-color: var(--color-pink-500);--range-color: var(--color-neutral-300);appearance:none;height:calc(var(--spacing) * 4);width:100%;background-color:transparent}input[type=range][data-v-03e7b31b]::-webkit-slider-thumb{appearance:none;background-color:var(--color-blue-800);border-color:transparent;margin-top:-.25rem;height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);border-radius:calc(infinity * 1px);box-shadow:var(--shadow-md);cursor:grab}input[type=range][data-v-03e7b31b]::-webkit-slider-thumb:active{cursor:grabbing}input[type=range][data-v-03e7b31b]::-moz-range-thumb{appearance:none;background-color:var(--color-blue-800);border-color:transparent;height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);border-radius:calc(infinity * 1px);box-shadow:var(--shadow-md);cursor:grab}input[type=range][data-v-03e7b31b]::-moz-range-thumb:active{cursor:grabbing}input[type=range][data-v-03e7b31b]::-moz-range-track{appearance:none;cursor:pointer;height:calc(var(--spacing) * 2);border-radius:var(--radius-sm);background:var(--range-color)}input[type=range][data-v-03e7b31b]::-moz-range-progress{appearance:none;border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);cursor:pointer;height:calc(var(--spacing) * 2);background:var(--progress-color)}input[type=range][data-v-03e7b31b]::-webkit-slider-runnable-track{appearance:none;height:calc(var(--spacing) * 2);border-radius:var(--radius-sm);cursor:pointer;background-color:var(--color-black);background:linear-gradient(var(--progress-color),var(--progress-color)) 0 / var(--sx) 100% no-repeat var(--range-color)}div[data-v-d892fbf4]{font-size:2rem;font-weight:700}button[data-v-e721dc58]{display:block;padding:.5rem;text-decoration:underline}label[data-v-e721dc58]{display:block}input[data-v-e721dc58]{display:block;color:#000;text-align:right;width:5ch}