.form-range.primary-fill{--min:6;--max:24;--val:6;--fill:var(--color-primary);--bg:var(--color-secondary);appearance:none;-webkit-appearance:none;width:100%;background:transparent}.form-range.primary-fill::-webkit-slider-runnable-track{height:.5rem;border-radius:999px;background:linear-gradient(to right,var(--fill) 0,var(--fill) calc((var(--val) - var(--min)) * 100% / (var(--max) - var(--min))),var(--bg) calc((var(--val) - var(--min)) * 100% / (var(--max) - var(--min))),var(--bg) 100%)}.form-range.primary-fill::-moz-range-track{height:.5rem;border-radius:999px;background:var(--bg)}.form-range.primary-fill::-moz-range-progress{height:.5rem;border-radius:999px;background:var(--fill)}.form-range.primary-fill::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:50%;background:var(--fill);border:0;margin-top:calc((.5rem - 1rem) / 2)}.form-range.primary-fill::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;background:var(--fill);border:0}.percentage-box{width:100px}.percentage-box input{border-right:0;border-radius:8px 0 0 8px;font-size:var(--font-xs)}.percentage-box .input-group-text{border-radius:0 8px 8px 0;background:var(--bg-secondary);font-weight:600;font-size:var(--font-xs)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.danger-icon-btn{border:none;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 6px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);background:linear-gradient(to right,var(--error),var(--error));color:var(--text-on-primary)!important}