.fade-scroll{flex-direction:column;min-height:0;display:flex;position:relative}.fade-scroll-box{min-height:0;max-height:inherit;overscroll-behavior:contain;scrollbar-width:none;outline:none;flex:auto;overflow-y:auto}.fade-scroll-box::-webkit-scrollbar{width:0;height:0;display:none}.fade-scroll-content{position:relative}.fade-scroll-box.is-down{-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),#0000);mask-image:linear-gradient(#000 calc(100% - 26px),#0000)}.fade-scroll-box.is-up{-webkit-mask-image:linear-gradient(#0000,#000 26px);mask-image:linear-gradient(#0000,#000 26px)}.fade-scroll-box.is-up.is-down{-webkit-mask-image:linear-gradient(#0000,#000 26px calc(100% - 26px),#0000);mask-image:linear-gradient(#0000,#000 26px calc(100% - 26px),#0000)}.fade-scroll-bar{opacity:0;pointer-events:none;z-index:3;width:6px;transition:opacity .35s;position:absolute;top:6px;bottom:6px;right:2px}.fade-scroll-bar.is-on:not(.is-idle),.fade-scroll-bar.is-drag{opacity:1;pointer-events:auto;transition-duration:.12s}.fade-scroll-thumb{background:color-mix(in srgb, var(--fade-scroll-ink,var(--color-mist)) 42%, transparent);cursor:grab;will-change:transform;border-radius:3px;transition:background .15s;position:absolute;top:0;left:0;right:0}.fade-scroll-bar:hover .fade-scroll-thumb,.fade-scroll-bar.is-drag .fade-scroll-thumb{background:color-mix(in srgb, var(--fade-scroll-ink,var(--color-mist)) 70%, transparent)}.fade-scroll-bar.is-drag .fade-scroll-thumb{cursor:grabbing}@media (prefers-reduced-motion:reduce){.fade-scroll-bar{transition:none}}