.range-slider{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;display:block;position:relative;width:100%;height:8px;background:#ddd;border-radius:4px}.range-slider[data-vertical]{height:100%;width:8px}.range-slider[data-disabled]{opacity:.5;cursor:not-allowed}.range-slider .range-slider__thumb{position:absolute;z-index:3;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%;background:#2196f3}.range-slider .range-slider__thumb:focus-visible{outline:0;box-shadow:0 0 0 6px rgba(33,150,243,.5)}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{position:absolute;z-index:1;transform:translateY(-50%);top:50%;width:100%;height:100%;background:#51adf6}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%)}.range-slider input[type=range]{-webkit-appearance:none;pointer-events:none;position:absolute;z-index:2;top:0;left:0;width:0;height:0;background-color:transparent}.range-slider input[type=range]::-webkit-slider-thumb{appearance:none}.range-slider input[type=range]::-moz-range-thumb{width:0;height:0;border:0}.range-slider input[type=range]:focus{outline:0}#range-slider-yellow{height:2px;background-color:#dedede;margin:15px 0}#range-slider-yellow .range-slider__range{background:#ffbf00;transition:height .3s}#range-slider-yellow .range-slider__thumb{background:#fff;transition:transform .3s;border-radius:5px;border:1px solid #dedede}#range-slider-yellow .range-slider__thumb[data-active]{transform:translate(-50%,-50%) scale(1.25)}#range-slider-yellow .range-slider__range[data-active]{height:4px}.checbox-container{display:block;position:relative;padding-left:35px;margin:10px 0;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;border:2px solid #000}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border:1px solid hsla(0,8%,83%,.555);border-radius:5px}.checbox-container:hover input~.checkmark{background-color:#ccc}.checbox-container input:checked~.checkmark{background-color:#c2ce2e}.checkmark:after{content:"";position:absolute;display:none}.checbox-container input:checked~.checkmark:after{display:block}.checbox-container .checkmark:after{left:7px;top:3px;width:5px;height:10px;border:solid #000;border-width:0 1px 1px 0;transform:rotate(45deg)}.roundbox-container{display:inline-flex;align-items:center;justify-content:center;max-width:100%;border:1px solid hsla(0,2%,90%,.758);border-radius:999px;font-size:14px;color:#333;cursor:pointer;margin:5px;transition:all .3s ease-in-out;overflow:hidden}.roundbox-container .round-checkmark{display:inline-block;padding:2px 8px;background-color:#fff;border-radius:999px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}.roundbox-container input[type=checkbox]{display:none}.roundbox-container input[type=checkbox]:checked+.round-checkmark{background-color:#d4e157;color:#333;border:none}