.scroll-box{position:relative}.scroll-box-viewport{max-height:var(--scroll-box-height,26rem);overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-y:auto}.scroll-box-viewport::-webkit-scrollbar{display:none}.scroll-box--scrollable .scroll-box-viewport{padding-right:1.25rem}.scroll-box-viewport:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px;border-radius:var(--shape-card)}.scroll-box:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg-color));opacity:0;pointer-events:none;height:3rem;transition:opacity .2s;position:absolute;bottom:0;left:0;right:1.25rem}.scroll-box--more:after{opacity:1}.scroll-box-track{background:var(--border-color);border-radius:999px;width:3px;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.scroll-box-thumb{background:var(--accent-color);border-radius:999px;width:100%;transition:transform 80ms linear;display:block}@media (max-width:600px){.scroll-box-viewport{max-height:var(--scroll-box-height-mobile,24rem)}.scroll-box--scrollable .scroll-box-viewport{padding-right:.9rem}.scroll-box:after{right:.9rem}}