.j-horizontal-rail{width:100%;min-width:0;max-width:100%;position:relative}.j-horizontal-rail-scroll{overscroll-behavior-x:contain;min-width:0;max-width:100%;scroll-padding-inline:8px;overflow-x:auto;scrollbar-width:none!important}.j-horizontal-rail-scroll::-webkit-scrollbar{display:none}.j-horizontal-edge{z-index:3;border:1px solid var(--j-border);border-radius:var(--j-radius-pill);background:var(--j-surface);width:44px;min-width:44px;height:44px;color:var(--j-text);opacity:0;pointer-events:none;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.j-horizontal-edge-left{left:0}.j-horizontal-edge-right{right:0}.j-horizontal-edge svg{width:20px;height:20px}.j-horizontal-rail:hover>.j-horizontal-edge,.j-horizontal-rail:focus-within>.j-horizontal-edge{opacity:1;pointer-events:auto}@media (pointer:coarse){.j-horizontal-edge{display:none}}