.q-scroller{display:contents}
.q-scroller__frame{--q-scroller-fade:40px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}
.q-scroller__mask{--q-mask-stops:transparent 0,#0000004d calc(var(--q-scroller-fade)*.2),#0000008c calc(var(--q-scroller-fade)*.35),#000000b3 calc(var(--q-scroller-fade)*.475),#000000bd calc(var(--q-scroller-fade)*.525),#000000cf calc(var(--q-scroller-fade)*.625),#000000e0 calc(var(--q-scroller-fade)*.725),#000000f0 calc(var(--q-scroller-fade)*.8),#000000f7 calc(var(--q-scroller-fade)*.85),#000000fa calc(var(--q-scroller-fade)*.9),#000000fd calc(var(--q-scroller-fade)*.95),#000000fe calc(var(--q-scroller-fade)*.975),black var(--q-scroller-fade);--q-mask-top:calc(-1 * var(--q-scroller-fade));--q-mask-left:calc(-1 * var(--q-scroller-fade));--q-mask-right:calc(100% + var(--q-scroller-fade));--q-mask-bottom:calc(100% + var(--q-scroller-fade));width:100%;height:100%;min-height:0;display:flex;flex-direction:column;flex:1 1 auto;mask-image:linear-gradient(to bottom,var(--q-mask-stops)),linear-gradient(to right,var(--q-mask-stops)),linear-gradient(to left,var(--q-mask-stops)),linear-gradient(to top,var(--q-mask-stops));mask-size:calc(100% + var(--q-scroller-fade)) calc(100% + var(--q-scroller-fade));mask-position:0 var(--q-mask-top),var(--q-mask-left) 0,var(--q-mask-right) 0,0 var(--q-mask-bottom);mask-repeat:no-repeat;mask-composite:intersect;transition:mask-position .3s}
.q-scroller__mask[data-top=true]{--q-mask-top:0%}.q-scroller__mask[data-left=true]{--q-mask-left:0%}.q-scroller__mask[data-right=true]{--q-mask-right:100%}.q-scroller__mask[data-bottom=true]{--q-mask-bottom:100%}
.q-scroller__viewport{scrollbar-width:none;flex:1 1 auto;width:100%;height:100%;min-height:0;position:relative}
.q-scroller__viewport::-webkit-scrollbar{display:none}
.q-scroller__viewport[data-overflow=x]{overflow:auto hidden}.q-scroller__viewport[data-overflow=y]{overflow:hidden auto}.q-scroller__viewport[data-overflow=both]{overflow:auto}
.q-scroller__content{display:flex;flex-direction:column}.q-scroller[data-axis=x] .q-scroller__content,.q-scroller[data-axis=both] .q-scroller__content{flex-direction:row}
.q-scroller__buttons{display:flex;justify-content:center;gap:8px;margin:1px}.q-scroller[data-axis=x] .q-scroller__buttons,.q-scroller[data-axis=both] .q-scroller__buttons{justify-content:flex-start}
@media(prefers-reduced-motion:reduce){.q-scroller__mask{transition:none}}