:root{--fade-height:40px}.scrollable-container-wrapper{-webkit-mask-composite:source-in;border-radius:8px;height:250px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000);-webkit-mask-composite:source-in;mask-composite:intersect}.scrollable-container-wrapper.show-top-fade{--top-fade:linear-gradient(to bottom,transparent 0%,black var(--fade-height));-webkit-mask-image:var(--top-fade);-webkit-mask-image:var(--top-fade);mask-image:var(--top-fade)}.scrollable-container-wrapper.show-bottom-fade{--bottom-fade:linear-gradient(to top,transparent 0%,black var(--fade-height));-webkit-mask-image:var(--bottom-fade);-webkit-mask-image:var(--bottom-fade);mask-image:var(--bottom-fade)}.scrollable-container-wrapper.show-top-fade.show-bottom-fade{-webkit-mask-image:var(--top-fade),var(--bottom-fade);-webkit-mask-image:var(--top-fade),var(--bottom-fade);mask-image:var(--top-fade),var(--bottom-fade);-webkit-mask-composite:destination-in;-webkit-mask-composite:source-in;mask-composite:intersect}.scrollable-content{-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto}.scrollable-content::-webkit-scrollbar{display:none}.custom-scrollbar-track{z-index:2;background-color:#0003;border-radius:3px;width:6px;position:absolute;top:4px;bottom:4px;right:4px}.custom-scrollbar-thumb{opacity:.7;background-color:#f1f1f1;border-radius:3px;width:100%;position:absolute}