| [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;
|
| }
|
|
|
