.el-scrollbar{--el-scrollbar-opacity: .3;--el-scrollbar-bg-color: var(--el-text-color-secondary);--el-scrollbar-hover-opacity: .5;--el-scrollbar-hover-bg-color: var(--el-text-color-secondary);--el-scrollbar-top-mask-height: 40px;--el-scrollbar-top-mask-color: var(--el-bg-color);--el-scrollbar-bottom-mask-height: 40px;--el-scrollbar-bottom-mask-color: var(--el-bg-color);--el-scrollbar-left-mask-width: 40px;--el-scrollbar-left-mask-color: var(--el-bg-color);--el-scrollbar-right-mask-width: 40px;--el-scrollbar-right-mask-color: var(--el-bg-color)}.el-scrollbar{height:100%;overflow:hidden;position:relative}.el-scrollbar__wrap{height:100%;overflow:auto}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__bottom-mask,.el-scrollbar__left-mask,.el-scrollbar__mask,.el-scrollbar__right-mask,.el-scrollbar__top-mask{pointer-events:none;position:absolute;z-index:1}.el-scrollbar__mask{inset:0}.el-scrollbar__top-mask{background:linear-gradient(to top,#0000,var(--el-scrollbar-top-mask-color));height:var(--el-scrollbar-top-mask-height)}.el-scrollbar__bottom-mask{background:linear-gradient(to bottom,#0000,var(--el-scrollbar-bottom-mask-color));height:var(--el-scrollbar-bottom-mask-height)}.el-scrollbar__left-mask{background:linear-gradient(to left,#0000,var(--el-scrollbar-left-mask-color));width:var(--el-scrollbar-left-mask-width)}.el-scrollbar__right-mask{background:linear-gradient(to right,#0000,var(--el-scrollbar-right-mask-color));width:var(--el-scrollbar-right-mask-width)}.el-scrollbar__thumb{background-color:var(--el-scrollbar-bg-color, var(--el-text-color-secondary));border-radius:inherit;cursor:pointer;display:block;height:0;opacity:var(--el-scrollbar-opacity, .3);position:relative;transition:var(--el-transition-duration) background-color;width:0}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity, .5)}.el-scrollbar__bar{border-radius:4px;bottom:2px;position:absolute;right:2px;z-index:1}.el-scrollbar__bar.is-vertical{top:2px;width:6px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-mask-fade-enter-active,.el-scrollbar-mask-fade-leave-active{transition:opacity var(--el-transition-duration-fast) ease-in-out}@media(prefers-reduced-motion:reduce){.el-scrollbar-mask-fade-enter-active,.el-scrollbar-mask-fade-leave-active{transition:none}}.el-scrollbar-mask-fade-enter-from,.el-scrollbar-mask-fade-leave-to{opacity:0}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}