<div class="t1 flex flex-col w-full">
<div class="t1 flex">
<label class="t1 inline-flex align-items-center">
<div class="t1 inline-flex font-14 color-gray-800 mr-16 line-1.5">Slider: </div>
<input type="range" class="t1 u1.range u1.range-xs u1.range-action">
</label>
</div>
<div class="t1 flex mt-8">
<label class="t1 inline-flex align-items-center">
<div class="t1 inline-flex font-16 color-gray-800 mr-16 line-1.5">Slider: </div>
<input type="range" class="t1 u1.range u1.range-s u1.range-action">
</label>
</div>
<div class="t1 flex mt-8">
<label class="t1 inline-flex align-items-center">
<div class="t1 inline-flex font-16 color-gray-800 mr-16 line-1.5">Slider: </div>
<input type="range" class="t1 u1.range u1.range-m u1.range-action">
</label>
</div>
<div class="t1 flex mt-8">
<label class="t1 inline-flex align-items-center">
<div class="t1 inline-flex font-18 color-gray-800 mr-16 line-1.5">Slider: </div>
<input type="range" class="t1 u1.range u1.range-l u1.range-action">
</label>
</div>
<div class="t1 flex mt-8">
<label class="t1 inline-flex align-items-center">
<div class="t1 inline-flex font-20 color-gray-800 mr-16 line-1.5">Slider: </div>
<input type="range" class="t1 u1.range u1.range-xl u1.range-action">
</label>
</div>
</div>