.DxScrollBar__host{background-color:rgba(12,18,28,.2);border-radius:10px;height:4px;opacity:1;-ms-touch-action:none;touch-action:none;-webkit-transition:opacity .2s;transition:opacity .2s}.DxScrollBar__wrapper .DxScrollBar__host{margin-top:5px}.DxScrollBar__host.DxScrollBar--disabled{opacity:.5}.black .DxScrollBar__host,.dark .DxScrollBar__host{background-color:hsla(0,0%,100%,.2)}.DxScrollBar__thumb{background-color:#0c121c;border-radius:10px;height:100%;left:0;position:relative;top:0;width:100%}.black .DxScrollBar__thumb,.dark .DxScrollBar__thumb{background-color:#fff}.DxScrollBar--hide-default{-ms-overflow-style:none;scrollbar-width:none}.DxScrollBar--hide-default::-webkit-scrollbar{display:none}.DxScrollBar--draggable.DxScrollBar__thumb{cursor:-webkit-grab;cursor:grab}.DxScrollBar--is-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DxScrollBar--is-dragging .DxScrollBar__thumb{cursor:-webkit-grabbing;cursor:grabbing}.DxScrollBar__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 60px}.DxScrollBar__wrapper .DxScrollBar__navigation-controls{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;grid-column:2}.DxScrollBar__wrapper .DxScrollBar__navigation-control{height:30px;width:30px}.DxScrollBar__wrapper .DxScrollBar__navigation-control:before{font-weight:700}.DxScrollBar__wrapper .DxScrollBar__navigation-control[aria-disabled=true]{opacity:.5;pointer-events:none}