.scroller{--scroll-height:8px;--vertical-margin:10px;--transition-duration:.1s;--adornment-color:#00000080;--control-color:#00000080}.scroller,.scroller *{box-sizing:border-box;-webkit-user-select:none;user-select:none}.scroller{touch-action:manipulation;position:relative;overflow:hidden}.scroller-container{cursor:move;cursor:grab;min-width:100%;position:relative}.scroller-container:before,.scroller-container:after{content:"";background:var(--adornment-color);opacity:0;width:1px;height:auto;transition:opacity var(--transition-duration);z-index:1;position:absolute;top:0;bottom:0}.scroller-container:before{left:0}.scroller-container:after{right:0}.has-left-border .scroller-container:before,.has-right-border .scroller-container:after{opacity:1}.is-not-scrollable .scroller-container{cursor:unset}.is-not-scrollable .scroller-container:before,.is-not-scrollable .scroller-container:after{display:none}.scroller-content,.scroller-content>li{list-style:none}.scroller-content{--position:0px;min-width:100%;transform:translateX(var(--position));flex-wrap:nowrap;justify-content:center;align-items:flex-start;margin:0;padding:0;display:inline-flex}.has-start-align .scroller-content{justify-content:start}.has-end-align .scroller-content{justify-content:end}.scroller-scrollbar{margin:var(--vertical-margin)0;height:var(--scroll-height);cursor:pointer;position:relative}.scroller-handle{background-color:var(--control-color);cursor:move;opacity:.5;min-width:20px;height:100%;transition:opacity var(--transition-duration);--position:0px;--shrink-factor:1;--shrink-origin:center;transform:translateX(var(--position))scaleX(var(--shrink-factor));transform-origin:var(--shrink-origin);border-radius:5px;position:absolute;top:0;left:0}.scroller-handle:hover,.scroller-handle:active{opacity:1}.no-scrollbar .scroller-scrollbar{display:none}.scroller-navigation{margin:var(--vertical-margin)0;flex-wrap:nowrap;justify-content:space-between;display:flex}.scroller-button{appearance:none;border:1px solid var(--border-color);cursor:pointer;color:inherit;opacity:.5;transition:opacity var(--transition-duration);background-color:#0000;margin:0;padding:0;font-size:.8em;white-space:nowrap!important}.scroller-button:focus,.scroller-button:hover{opacity:1}.scroller-navigation:empty,.no-navigation .scroller-navigation{display:none}.is-dragging-content,.is-dragging-content *{cursor:grabbing!important}.is-dragging-handle,.is-dragging-handle *{cursor:move!important}