.examples-scrollbar{background:var(--black-base);border-radius:var(--radius-lg);overflow:clip;padding-block:var(--spacing-16x)}.examples-scrollbar__heading{margin-bottom:var(--spacing-10x);text-align:center}.examples-scrollbar__rows{--gap:var(--spacing-16x);display:flex;flex-direction:column;gap:var(--spacing-6x);position:relative;z-index:0;&:after{background:linear-gradient(90deg,var(--black-base),rgb(from var(--white) r g b/0) 50%,var(--black-base));content:"";height:100%;inset:0 auto auto 0;position:absolute;width:100%;z-index:10}}.examples-scrollbar__row{--translate-value:-100%;display:flex;position:relative;width:100%;&:nth-child(2n){--translate-value:100%;justify-content:flex-end}}.examples-scrollbar__track{display:grid;flex:none;gap:var(--gap);padding-right:var(--gap)}.examples-scrollbar__item{font-size:1.4444rem;font-weight:650}@keyframes exampleScroll{0%{transform:translateX(0)}to{transform:translateX(var(--translate-value))}}