| [data-simplebar] { |
| position: relative; |
| flex-direction: column; |
| flex-wrap: wrap; |
| justify-content: flex-start; |
| align-content: flex-start; |
| align-items: flex-start; |
| } |
|
|
| .simplebar-wrapper { |
| overflow: hidden; |
| width: inherit; |
| height: inherit; |
| max-width: inherit; |
| max-height: inherit; |
| } |
|
|
| .simplebar-mask { |
| direction: inherit; |
| position: absolute; |
| overflow: hidden; |
| padding: 0; |
| margin: 0; |
| left: 0; |
| top: 0; |
| bottom: 0; |
| right: 0; |
| width: auto !important; |
| height: auto !important; |
| z-index: 0; |
| } |
|
|
| .simplebar-offset { |
| direction: inherit !important; |
| box-sizing: inherit !important; |
| resize: none !important; |
| position: absolute; |
| top: 0; |
| left: 0; |
| bottom: 0; |
| right: 0; |
| padding: 0; |
| margin: 0; |
| -webkit-overflow-scrolling: touch; |
| } |
|
|
| .simplebar-content-wrapper { |
| direction: inherit; |
| box-sizing: border-box !important; |
| position: relative; |
| display: block; |
| height: 100%; |
| width: auto; |
| max-width: 100%; |
| max-height: 100%; |
| scrollbar-width: none; |
| -ms-overflow-style: none; |
| } |
|
|
| .simplebar-content-wrapper::-webkit-scrollbar, |
| .simplebar-hide-scrollbar::-webkit-scrollbar { |
| width: 0; |
| height: 0; |
| } |
|
|
| .simplebar-content:before, |
| .simplebar-content:after { |
| content: ' '; |
| display: table; |
| } |
|
|
| .simplebar-placeholder { |
| max-height: 100%; |
| max-width: 100%; |
| width: 100%; |
| pointer-events: none; |
| } |
|
|
| .simplebar-height-auto-observer-wrapper { |
| box-sizing: inherit !important; |
| height: 100%; |
| width: 100%; |
| max-width: 1px; |
| position: relative; |
| float: left; |
| max-height: 1px; |
| overflow: hidden; |
| z-index: -1; |
| padding: 0; |
| margin: 0; |
| pointer-events: none; |
| flex-grow: inherit; |
| flex-shrink: 0; |
| flex-basis: 0; |
| } |
|
|
| .simplebar-height-auto-observer { |
| box-sizing: inherit; |
| display: block; |
| opacity: 0; |
| position: absolute; |
| top: 0; |
| left: 0; |
| height: 1000%; |
| width: 1000%; |
| min-height: 1px; |
| min-width: 1px; |
| overflow: hidden; |
| pointer-events: none; |
| z-index: -1; |
| } |
|
|
| .simplebar-track { |
| z-index: 1; |
| position: absolute; |
| right: 0; |
| bottom: 0; |
| pointer-events: none; |
| overflow: hidden; |
| } |
|
|
| [data-simplebar].simplebar-dragging .simplebar-content { |
| pointer-events: none; |
| user-select: none; |
| -webkit-user-select: none; |
| } |
|
|
| [data-simplebar].simplebar-dragging .simplebar-track { |
| pointer-events: all; |
| } |
|
|
| .simplebar-scrollbar { |
| position: absolute; |
| left: 0; |
| right: 0; |
| min-height: 10px; |
| } |
|
|
| .simplebar-scrollbar:before { |
| position: absolute; |
| content: ''; |
| background: black; |
| border-radius: 7px; |
| left: 2px; |
| right: 2px; |
| opacity: 0; |
| transition: opacity 0.2s linear; |
| } |
|
|
| .simplebar-scrollbar.simplebar-visible:before { |
| |
| opacity: 0.5; |
| transition: opacity 0s linear; |
| } |
|
|
| .simplebar-track.simplebar-vertical { |
| top: 0; |
| width: 11px; |
| } |
|
|
| .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { |
| top: 2px; |
| bottom: 2px; |
| } |
|
|
| .simplebar-track.simplebar-horizontal { |
| left: 0; |
| height: 11px; |
| } |
|
|
| .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { |
| height: 100%; |
| left: 2px; |
| right: 2px; |
| } |
|
|
| .simplebar-track.simplebar-horizontal .simplebar-scrollbar { |
| right: auto; |
| left: 0; |
| top: 2px; |
| height: 7px; |
| min-height: 0; |
| min-width: 10px; |
| width: auto; |
| } |
|
|
| |
| [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { |
| right: auto; |
| left: 0; |
| } |
|
|
| .hs-dummy-scrollbar-size { |
| direction: rtl; |
| position: fixed; |
| opacity: 0; |
| visibility: hidden; |
| height: 500px; |
| width: 500px; |
| overflow-y: hidden; |
| overflow-x: scroll; |
| } |
|
|
| .simplebar-hide-scrollbar { |
| position: fixed; |
| left: 0; |
| visibility: hidden; |
| overflow-y: scroll; |
| scrollbar-width: none; |
| -ms-overflow-style: none; |
| } |
|
|