.drag-to-scroll{--scroll-shadow-start-color:var(--shadow-start-color,rgba(var(--gray-900),1));--scroll-shadow-end-color:var(--shadow-end-color,rgba(var(--gray-900),0));position:relative;overflow:hidden}.drag-to-scroll .drag-to-scroll-inner{width:100%;height:100%;overflow:auto}.drag-to-scroll>[data-shadow]{background:var(--scroll-shadow-start-color);opacity:1;transition:opacity .15s ease-in-out}.drag-to-scroll>[data-shadow]:before{pointer-events:none}.drag-to-scroll>[data-left-shadow]:before{background:linear-gradient(to right,var(--scroll-shadow-start-color) 0,var(--scroll-shadow-end-color) 100%);content:"";width:24px;height:100%;position:absolute;top:0;left:100%}.drag-to-scroll>[data-right-shadow]:before{background:linear-gradient(to left,var(--scroll-shadow-start-color) 0,var(--scroll-shadow-end-color) 100%);content:"";width:24px;height:100%;position:absolute;top:0;right:100%}.drag-to-scroll>[data-top-shadow]:before{background:linear-gradient(to bottom,var(--scroll-shadow-start-color) 0,var(--scroll-shadow-end-color) 100%);content:"";width:100%;height:24px;position:absolute;top:100%;left:0}.drag-to-scroll>[data-bottom-shadow]:before{background:linear-gradient(to top,var(--scroll-shadow-start-color) 0,var(--scroll-shadow-end-color) 100%);content:"";width:100%;height:24px;position:absolute;bottom:100%;left:0}.drag-to-scroll:not([data-scroll-left])>[data-left-shadow],.drag-to-scroll[data-scroll-left=false]>[data-left-shadow],.drag-to-scroll:not([data-scroll-right])>[data-right-shadow],.drag-to-scroll[data-scroll-right=false]>[data-right-shadow],.drag-to-scroll:not([data-scroll-top])>[data-top-shadow],.drag-to-scroll[data-scroll-top=false]>[data-top-shadow],.drag-to-scroll:not([data-scroll-bottom])>[data-bottom-shadow],.drag-to-scroll[data-scroll-bottom=false]>[data-bottom-shadow]{opacity:0;pointer-events:none}