.blade {
    cursor: url(assets/images/blade.png), col-resize;
  }

  .fader {
    -webkit-appearance: none;
    width: 100%;
    border-radius: 5px;
    background: transparent;
    outline: none;
  }

  .fader::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 23px;
    height: 44px;
    border: 0;
    background: url('assets/images/thumb.png');
    background-repeat: no-repeat;
    background-size: 23px 18px;

    cursor: pointer;
  }

  .fader::-moz-range-thumb {
    width: 23px;
    height: 44px;
    border: 0;
    background: url('assets/images/thumb.png');
    background-repeat: no-repeat;
    background-size: 23px 18px;

    cursor: pointer;
  }

  .fader::-webkit-slider-runnable-track {
    width: 100%;
    height: 20px;
    cursor: pointer;
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    background: url('assets/images/track.png');
    background-repeat: no-repeat;
    background-size: contain;
  }

  .fader::-moz-range-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    background: url('assets/images/track.png');
    background-repeat: no-repeat;
    background-size: contain;
  }

  @media (display-mode: standalone) {
    body {
      overscroll-behavior-y: contain;
    }
  }