.conversation-scroller::-webkit-scrollbar{width:8px}.conversation-scroller::-webkit-scrollbar-track{background:0 0}.conversation-scroller::-webkit-scrollbar-thumb{background-color:var(--joy-palette-neutral-outlinedBorder);border-radius:4px}.conversation-scroller{scrollbar-width:thin;scrollbar-color:var(--joy-palette-neutral-outlinedBorder) transparent;container-type:size}.conversation-scrollbar-cover{background-color:var(--joy-palette-background-body);pointer-events:none;z-index:1;opacity:1;width:8px;transition:opacity .3s;position:absolute;top:0;bottom:0;right:0}.conversation-scrollbar-cover.is-scrolling,.conversation-messages-wrapper:hover .conversation-scrollbar-cover{opacity:0}.conversation-messages-wrapper:before{content:"";top:var(--conversation-top-inset,0px);height:var(--conversation-top-fade,6px);background:linear-gradient(to bottom, var(--joy-palette-background-body), transparent);pointer-events:none;z-index:2;position:absolute;left:0;right:0}@property --composer-overlay-cover{syntax:"<length>";inherits:true;initial-value:0}.conversation-scroller.composer-cover-fade.can-scroll-up.can-scroll-down{-webkit-mask-image:linear-gradient(to bottom, transparent, #0000000d calc(var(--scroll-fade-size-top,var(--scroll-fade-size)) * .25), #0003 calc(var(--scroll-fade-size-top,var(--scroll-fade-size)) * .45), #00000080 calc(var(--scroll-fade-size-top,var(--scroll-fade-size)) * .65), #000c calc(var(--scroll-fade-size-top,var(--scroll-fade-size)) * .8), black var(--scroll-fade-size-top,var(--scroll-fade-size)), black calc(100% - var(--scroll-fade-size) - var(--composer-overlay-cover)), #000c calc(100% - var(--scroll-fade-size) * .8 - var(--composer-overlay-cover)), #00000080 calc(100% - var(--scroll-fade-size) * .65 - var(--composer-overlay-cover)), #0003 calc(100% - var(--scroll-fade-size) * .45 - var(--composer-overlay-cover)), #0000000d calc(100% - var(--scroll-fade-size) * .25 - var(--composer-overlay-cover)), transparent calc(100% - var(--composer-overlay-cover)));mask-image:linear-gradient(to bottom, transparent, #0000000d calc(var(--scroll-fade-size-top,var(--scroll-fade-size)) * .25), #0003 calc(var(--scroll-fade-size-top,var(--scroll-fade-size)) * .45), #00000080 calc(var(--scroll-fade-size-top,var(--scroll-fade-size)) * .65), #000c calc(var(--scroll-fade-size-top,var(--scroll-fade-size)) * .8), black var(--scroll-fade-size-top,var(--scroll-fade-size)), black calc(100% - var(--scroll-fade-size) - var(--composer-overlay-cover)), #000c calc(100% - var(--scroll-fade-size) * .8 - var(--composer-overlay-cover)), #00000080 calc(100% - var(--scroll-fade-size) * .65 - var(--composer-overlay-cover)), #0003 calc(100% - var(--scroll-fade-size) * .45 - var(--composer-overlay-cover)), #0000000d calc(100% - var(--scroll-fade-size) * .25 - var(--composer-overlay-cover)), transparent calc(100% - var(--composer-overlay-cover)))}.conversation-scroller.composer-cover-fade.can-scroll-down:not(.can-scroll-up){-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--scroll-fade-size) - var(--composer-overlay-cover)), #000c calc(100% - var(--scroll-fade-size) * .8 - var(--composer-overlay-cover)), #00000080 calc(100% - var(--scroll-fade-size) * .65 - var(--composer-overlay-cover)), #0003 calc(100% - var(--scroll-fade-size) * .45 - var(--composer-overlay-cover)), #0000000d calc(100% - var(--scroll-fade-size) * .25 - var(--composer-overlay-cover)), transparent calc(100% - var(--composer-overlay-cover)));mask-image:linear-gradient(to bottom, black calc(100% - var(--scroll-fade-size) - var(--composer-overlay-cover)), #000c calc(100% - var(--scroll-fade-size) * .8 - var(--composer-overlay-cover)), #00000080 calc(100% - var(--scroll-fade-size) * .65 - var(--composer-overlay-cover)), #0003 calc(100% - var(--scroll-fade-size) * .45 - var(--composer-overlay-cover)), #0000000d calc(100% - var(--scroll-fade-size) * .25 - var(--composer-overlay-cover)), transparent calc(100% - var(--composer-overlay-cover)))}