.scrollable-pane-wrapper[data-v-d92aebb1]{display:flex;flex-direction:column;position:relative}.scrollable-pane-wrapper.max-height[data-v-d92aebb1]{max-height:19rem}.wrapper-wrapper[data-v-d92aebb1]{display:flex;flex-grow:1;overflow:hidden;position:relative;--_fade-height:4rem;margin-bottom:var(--gap-sm)}.wrapper-wrapper.bottom-fade[data-v-d92aebb1]:after,.wrapper-wrapper.top-fade[data-v-d92aebb1]:before{opacity:1}.wrapper-wrapper[data-v-d92aebb1]:after,.wrapper-wrapper[data-v-d92aebb1]:before{content:"";height:var(--_fade-height);left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .125s ease;z-index:1}.wrapper-wrapper[data-v-d92aebb1]:before{background-image:linear-gradient(var(--scrollable-pane-bg,var(--color-raised-bg)),transparent);top:0}.wrapper-wrapper[data-v-d92aebb1]:after{background-image:linear-gradient(transparent,var(--scrollable-pane-bg,var(--color-raised-bg)));bottom:0}.scrollable-pane[data-v-d92aebb1]{display:flex;flex-direction:column;gap:.25rem;height:100%;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.scrollable-pane[data-v-d92aebb1] ::-webkit-scrollbar{-webkit-transition:all;transition:all}.scrollable-pane[data-v-d92aebb1]::-webkit-scrollbar{border:3px solid var(--color-bg);width:var(--gap-md)}.scrollable-pane[data-v-d92aebb1]::-webkit-scrollbar-track{background:var(--color-bg);border:3px solid var(--color-bg)}.scrollable-pane[data-v-d92aebb1]::-webkit-scrollbar-thumb{background-color:var(--color-raised-bg);border:3px solid var(--color-bg);border-radius:var(--radius-lg);padding:4px}