.cws-scrollbar{display:flex;position:relative}.cws-scrollbar--shadow:after,.cws-scrollbar--shadow:before{opacity:1;pointer-events:none;content:"";height:60px;transition:opacity .3s ease-out;position:absolute;left:0;right:0}.cws-scrollbar--shadow:after{background:linear-gradient(#0000 0%,#fff 100%);bottom:-1px}.cws-scrollbar--shadow:before{z-index:1;background:linear-gradient(#fff 0%,#0000 100%);top:-1px}.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__inner:focus-visible{box-shadow:none;outline:none}.cws-scrollbar__track{z-index:1;border-radius:8px;flex-shrink:0;width:12px;position:relative}.cws-scrollbar--rail-inside .cws-scrollbar__track{margin-left:4px}.cws-scrollbar--rail-edge .cws-scrollbar__track{width:8px;position:absolute;top:0;bottom:0;right:0;transform:translate(50%)}.cws-scrollbar__rail,.cws-scrollbar__thumb{border-radius:inherit;width:8px;position:absolute;left:50%;transform:translate(-50%)}.cws-scrollbar__rail{top:0;bottom:0}.cws-scrollbar__thumb{cursor:pointer;transition:box-shadow .15s ease-out,width .15s ease-out;box-shadow:0 4px 8px #0000000a}@media (hover:hover) and (pointer:fine){.cws-scrollbar__thumb:hover{width:12px;box-shadow:0 6px 12px #0000000f}}.cws-scrollbar__inner:focus-visible~.cws-scrollbar__track .cws-scrollbar__thumb{outline-offset:.125rem;outline:.0625rem dashed #004152;box-shadow:0 0 0 .3125rem #fff}.cws-scrollbar__thumb.is-dragging{width:12px;box-shadow:0 6px 12px #0000000f}