/*--SCROLLABLE--*/
  .scrollable {position:relative;overflow:hidden;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none;}
  .scrollable_x {}
  .scrollable_y {}

    .scrollable__viewport {overflow:hidden;}
    /*.scrollable_x*/ .scrollable__viewport {margin-bottom:7px;}
    .scrollable_y .scrollable__viewport {margin-right:7px;}
      .scrollable__content {margin:0;}

    .scrollable__scrollbar {position:absolute;padding:0;}
    .scrollable__scrollbar_disabled {}
      .scrollable__track {background:#858585;}
        .scrollable__thumb {position:relative;width:7px;height:7px;margin:0;}
        .scrollable__thumb:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:auto;height:auto;}
        .scrollable__scrollbar_disabled .scrollable__thumb {visibility:hidden;}

  /*--X--*/
    .scrollable__scrollbar_x {right:0;bottom:0;left:0;display:none;}
    .scrollable_x .scrollable__scrollbar_x {display:block;}
    .scrollable_y .scrollable__scrollbar_x {right:7px;}
      .scrollable__scrollbar_x .scrollable__track {position:absolute;right:0;bottom:0;left:0;width:auto;height:auto;}
  /*--/x--*/


  /*--Y--*/
    .scrollable__scrollbar_y {top:0;right:0;bottom:0;display:none;}
    .scrollable_x .scrollable__scrollbar_y {bottom:7px;}
    .scrollable_y .scrollable__scrollbar_y {display:block;}
      .scrollable__scrollbar_y .scrollable__track {position:absolute;top:0;right:0;bottom:0;width:auto;height:auto;}
  /*--/Y--*/
/*--/scrollable--*/