.qd-scrollbar{--qd-scrollbar-opacity:0.3;--qd-scrollbar-bg-color:var(--qd-text-color-secondary);--qd-scrollbar-hover-opacity:0.5;--qd-scrollbar-hover-bg-color:var(--qd-text-color-secondary)}.qd-scrollbar{overflow:hidden;position:relative;height:100%}.qd-scrollbar__wrap{overflow:auto;height:100%}.qd-scrollbar__wrap--hidden-default{scrollbar-width:none}.qd-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.qd-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:var(--qd-scrollbar-bg-color,var(--qd-text-color-secondary));transition:var(--qd-transition-duration) background-color;opacity:var(--qd-scrollbar-opacity,.3)}.qd-scrollbar__thumb:hover{background-color:var(--qd-scrollbar-hover-bg-color,var(--qd-text-color-secondary));opacity:var(--qd-scrollbar-hover-opacity,.5)}.qd-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px}.qd-scrollbar__bar.is-vertical{width:6px;top:2px}.qd-scrollbar__bar.is-vertical>div{width:100%}.qd-scrollbar__bar.is-horizontal{height:6px;left:2px}.qd-scrollbar__bar.is-horizontal>div{height:100%}.qd-scrollbar-fade-enter-active{transition:opacity 340ms ease-out}.qd-scrollbar-fade-leave-active{transition:opacity 120ms ease-out}.qd-scrollbar-fade-enter-from,.qd-scrollbar-fade-leave-active{opacity:0}