.parts-scroll-shell{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;isolation:isolate}
body.standalone.layout-study:not([data-preview]) .parts-scroll-shell>.parts-scroll{flex:1;min-height:0;height:100%;margin:0;scrollbar-width:none}
.parts-scroll-shell>.parts-scroll::-webkit-scrollbar{display:none}
.parts-scroll-shell::before,.parts-scroll-shell::after{content:'';position:absolute;left:0;right:0;height:34px;z-index:3;pointer-events:none;opacity:0;transition:opacity .15s}
.parts-scroll-shell::before{top:0;background:linear-gradient(var(--panel),transparent)}
.parts-scroll-shell::after{bottom:0;background:linear-gradient(transparent,var(--panel))}
.parts-scroll-shell.more-up::before,.parts-scroll-shell.more-down::after{opacity:1}
.parts-scroll-arrow{position:absolute;left:50%;transform:translateX(-50%);z-index:4;display:grid;place-items:center;width:44px;height:28px;padding:0;color:var(--ink);background:color-mix(in srgb,var(--panel) 85%,transparent);border-radius:4px}
.parts-scroll-arrow.up{top:0}.parts-scroll-arrow.down{bottom:0}
.parts-scroll-arrow:hover{color:var(--accent)}
.parts-scroll-arrow svg{width:20px;height:20px}
@media(max-width:900px){.parts-scroll-arrow{height:32px}}
@media(prefers-reduced-motion:reduce){.parts-scroll-shell::before,.parts-scroll-shell::after{transition:none}}