.range{width:100%;padding-top:2em}.range label{margin-bottom:var(--space-3);display:block}.range input{outline:none;width:100%}.range--block{width:100%}input[type=range]{appearance:none;cursor:pointer;width:100%;height:39px;margin:var(--space-3) 0;background-color:#0000;border:none;padding:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--range-track-height);cursor:pointer;background:var(--range-track-background);border-radius:var(--range-track-radius);-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}input[type=range]::-webkit-slider-thumb{height:var(--range-thumb-size);width:var(--range-thumb-size);appearance:none;cursor:pointer;margin-top:calc((var(--range-track-height) - var(--range-thumb-size))/2);background:var(--range-thumb-background);border:var(--range-thumb-border);border-radius:var(--range-thumb-radius);box-shadow:var(--range-thumb-shadow)}input[type=range]:disabled{cursor:not-allowed;opacity:.5}input[type=range]:disabled::-webkit-slider-track{background:var(--range-disabled-background)}input[type=range]:disabled::-webkit-slider-thumb{background:var(--range-disabled-thumb)}