.penje-category-rail{padding:0 34px;position:relative}.penje-category-track{scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:12px;padding:5px 0 10px;display:flex;overflow-x:auto}.penje-category-track::-webkit-scrollbar{display:none}.penje-category-track>a{scroll-snap-align:start}.penje-category-arrow{z-index:2;border:1px solid var(--border-soft);background:var(--surface);color:#6c00ff;cursor:pointer;border-radius:12px;place-items:center;width:29px;height:36px;transition:background .2s,box-shadow .2s,opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 12px #6c00ff0b}.penje-category-arrow.previous{left:0}.penje-category-arrow.next{right:0}.penje-category-arrow:hover:not(:disabled){background:var(--surface-soft);box-shadow:0 4px 15px #6c00ff1c}.penje-category-arrow:disabled{opacity:.25;cursor:default}:is(.penje-category-arrow:focus-visible,.penje-category-track:focus-visible){outline-offset:3px;outline:2px solid #8a36e8}