.cws-scrollbar{display:flex;position:relative}.cws-scrollbar--shadow:after,.cws-scrollbar--shadow:before{opacity:1;position:absolute;right:0;left:0;height:60px;pointer-events:none;content:"";transition-property:opacity;transition-duration:.3s;transition-timing-function:ease-in-out;transition-delay:0s}.cws-scrollbar--shadow:after{bottom:-1px;background:linear-gradient(0deg,#ffffff,rgba(0,0,0,0))}.cws-scrollbar--shadow:before{top:-1px;background:linear-gradient(180deg,#ffffff,rgba(0,0,0,0));z-index:1}.cws-scrollbar--shadow.cws-scrollbar--position-bottom:after,.cws-scrollbar--shadow.cws-scrollbar--position-top:before{opacity:0}.cws-scrollbar__inner{flex-grow:1;overflow:auto}.cws-scrollbar__track{flex-shrink:0;position:relative;width:12px;border-radius:8px;z-index:1}.cws-scrollbar--rail-inside .cws-scrollbar__track{margin-left:4px}.cws-scrollbar--rail-edge .cws-scrollbar__track{transform:translateX(50%)}.cws-scrollbar__rail,.cws-scrollbar__thumb{position:absolute;left:50%;width:8px;border-radius:inherit;transform:translateX(-50%)}.cws-scrollbar__rail{top:0;bottom:0}.cws-scrollbar__thumb{cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.04);transition-property:box-shadow,width;transition-duration:.15s;transition-timing-function:ease-in-out;transition-delay:0s}@media(hover:hover)and (pointer:fine){.cws-scrollbar__thumb:hover{width:12px;box-shadow:0 6px 12px rgba(0,0,0,.06)}}.cws-scrollbar__thumb.is-dragging{width:12px;box-shadow:0 6px 12px rgba(0,0,0,.06)}