:root{--range-thumb-size:36px}input[type=range]{appearance:none;background:#ccc;border-radius:3px;height:6px;margin-top:(--range-thumb-size - 6px) * .5;margin-bottom:(--range-thumb-size - 6px) * .5;--thumb-size:#{--range-thumb-size}}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background-color:#000;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .5v7L12 4zM0 4l4 3.5v-7z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border:0;border-radius:50%;cursor:pointer;height:--range-thumb-size;width:--range-thumb-size}input[type=range]::-moz-range-thumb{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .5v7L12 4zM0 4l4 3.5v-7z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border:none;border-radius:50%;cursor:pointer;height:--range-thumb-size;width:--range-thumb-size}input[type=range]::-ms-thumb{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .5v7L12 4zM0 4l4 3.5v-7z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border:0;border-radius:50%;cursor:pointer;height:--range-thumb-size;width:--range-thumb-size}input[type=range]::-moz-focus-outer{border:0}.form-switch{position:relative;user-select:none;width:68px}.form-switch label{display:block;cursor:pointer;overflow:hidden;border-radius:.25rem;height:38px}.form-switch label>span:first-child{position:absolute;display:block;border-radius:.25rem;--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);width:30px;height:30px;top:4px;left:4px;right:50%;transition:all .15s ease-out}.form-switch input[type=checkbox]:checked+label{--tw-bg-opacity:1;background-color:rgb(0 112 244/var(--tw-bg-opacity,1))}.form-switch input[type=checkbox]:checked+label>span:first-child{left:34px}