.drag-scroll-area{position:relative;width:100%;min-width:0;--drag-scroll-area-padding-top: 0px;--drag-scroll-area-padding-bottom: 0px;--drag-scroll-area-no-scrollbar-padding-top: var( --drag-scroll-area-padding-top );--drag-scroll-area-no-scrollbar-padding-bottom: var( --drag-scroll-area-padding-bottom );--drag-scroll-area-reserved-scrollbar-space: 0px;--drag-scroll-area-fade-width: 100px;--drag-scroll-area-fade-solid-color: rgba(255, 255, 255, 1);--drag-scroll-area-fade-transparent-color: rgba(255, 255, 255, 0);--drag-scroll-area-scrollbar-thumb-color: var( --bunker-300, rgba(48, 56, 71, .4) );.drag-scroll-area__viewport{box-sizing:border-box;min-width:0;width:100%;height:100%;padding-top:var(--drag-scroll-area-padding-top);padding-bottom:var(--drag-scroll-area-padding-bottom);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent;&.no-scrollbar{padding-top:var(--drag-scroll-area-no-scrollbar-padding-top);padding-bottom:var(--drag-scroll-area-no-scrollbar-padding-bottom)}&.reserve-scrollbar-space{padding-bottom:calc(var(--drag-scroll-area-padding-bottom) + var(--drag-scroll-area-reserved-scrollbar-space))}&.draggable{cursor:grab;user-select:none;-webkit-user-select:none}&.dragging{cursor:grabbing}&::-webkit-scrollbar{height:5px}&::-webkit-scrollbar-button{display:none;width:0;height:0}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0}}&:hover .drag-scroll-area__viewport,&:focus-within .drag-scroll-area__viewport{scrollbar-color:var(--drag-scroll-area-scrollbar-thumb-color) transparent}&:hover .drag-scroll-area__viewport::-webkit-scrollbar-thumb,&:focus-within .drag-scroll-area__viewport::-webkit-scrollbar-thumb{background-color:var(--drag-scroll-area-scrollbar-thumb-color);border-radius:0}.drag-scroll-area__fade{position:absolute;top:0;bottom:0;width:var(--drag-scroll-area-fade-width);pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:1;&.visible{opacity:1}&.left{left:0;background:linear-gradient(to right,var(--drag-scroll-area-fade-solid-color) 0%,var(--drag-scroll-area-fade-transparent-color) 100%)}&.right{right:0;background:linear-gradient(to left,var(--drag-scroll-area-fade-solid-color) 0%,var(--drag-scroll-area-fade-transparent-color) 100%)}}.drag-scroll-area__content{display:flex;width:max-content;min-width:100%;height:100%}}