.v-scrollview{position:relative;width:100%;height:100%;overflow:hidden;--header-height:0px;--footer-height:0px;--scrollbar-width:1.5em;--fade-height:2em;}.v-scrollview > header,.v-scrollview > footer{position:absolute;left:0;width:calc(100% - var(--scrollbar-width));box-sizing:border-box;display:flex;align-items:center;padding:0 1em;z-index:2;}.v-scrollview > header{top:0;height:var(--header-height);}.v-scrollview > footer{bottom:0;height:var(--footer-height);}.v-scrollview-content{width:100%;height:100%;overflow-y:scroll;box-sizing:border-box;padding:calc(var(--header-height) + (var(--fade-height) / 2)) 1em calc(var(--footer-height) + (var(--fade-height) / 2)) 1em;mask-image:linear-gradient( to bottom,transparent 0px,transparent var(--header-height),black calc(var(--header-height) + var(--fade-height)),black calc(100% - var(--footer-height) - var(--fade-height)),transparent calc(100% - var(--footer-height)),transparent 100% ),linear-gradient(black,black);-webkit-mask-image:linear-gradient( to bottom,transparent 0px,transparent var(--header-height),black calc(var(--header-height) + var(--fade-height)),black calc(100% - var(--footer-height) - var(--fade-height)),transparent calc(100% - var(--footer-height)),transparent 100% ),linear-gradient(black,black);mask-size:calc(100% - var(--scrollbar-width)) 100%,var(--scrollbar-width) 100%;-webkit-mask-size:calc(100% - var(--scrollbar-width)) 100%,var(--scrollbar-width) 100%;mask-position:left top,right top;-webkit-mask-position:left top,right top;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}