.by-range{font-size:var(--size-10);position:relative;height:var(--size-12);margin:var(--size-4);padding:var(--size-4) var(--size-0);cursor:pointer;touch-action:none}.by-range-with-marks{margin-bottom:var(--size-28)}.by-range-rail{position:absolute;width:100%;height:var(--size-4);background:var(--gray-02);border-radius:var(--size-4)}.by-range-track{position:absolute;height:var(--size-4);background-color:var(--brand);border-radius:var(--size-4)}.by-range-handle{position:absolute;width:var(--size-12);height:var(--size-12);margin-top:-4px;background-color:var(--color-white);border-radius:50%;cursor:pointer;outline:none;box-shadow:var(--shadow-level2)}.by-range-mark{position:absolute;top:14px;width:100%}[dir=ltr] .by-range-mark{left:0}[dir=rtl] .by-range-mark{right:0}.by-range-mark-text{position:absolute;display:inline-block;color:var(--gray-07);text-align:center;word-break:keep-all;cursor:pointer}.by-range-step{position:absolute;width:100%;height:var(--size-4);background:transparent}.by-range-dot{position:absolute;width:var(--size-4);height:var(--size-4);border-radius:50%;cursor:pointer}[dir=ltr] .by-range-dot{margin-left:-2px}[dir=rtl] .by-range-dot{margin-right:-2px}[dir=ltr] .by-range-dot:first-child{margin-left:-4px}[dir=rtl] .by-range-dot:first-child{margin-right:-4px}[dir=ltr] .by-range-dot:last-child{margin-left:-4px}[dir=rtl] .by-range-dot:last-child{margin-right:-4px}.by-range-dot-active{border-color:var(--gray-04)}.by-range-disabled{cursor:not-allowed}.by-range-disabled .by-range-track{background-color:var(--gray-02)!important}.by-range-disabled .by-range-handle,.by-range-disabled .by-range-dot{background-color:var(--gray-02);border-color:var(--gray-02)!important;box-shadow:none;cursor:not-allowed}.by-range-disabled .by-range-mark-text,.by-range-disabled .by-range-dot{cursor:not-allowed!important}.by-range.by-range-with-marks.full{width:auto}