.h-scroll[data-v-4d040ce0]{--h-scroll-fade-color:var(--h0n-background,var(--h0n-ui-color-surface));min-width:0;position:relative}.h-scroll__viewport[data-v-4d040ce0]{overscroll-behavior:contain;scrollbar-color:var(--h0n-ui-color-border) transparent;scrollbar-width:thin}.h-scroll--vertical .h-scroll__viewport[data-v-4d040ce0]{overflow:hidden auto}.h-scroll--horizontal .h-scroll__viewport[data-v-4d040ce0]{overflow:auto hidden}.h-scroll--both .h-scroll__viewport[data-v-4d040ce0]{overflow:auto}.h-scroll--stable .h-scroll__viewport[data-v-4d040ce0]{scrollbar-gutter:stable}.h-scroll--fade[data-v-4d040ce0]:before,.h-scroll--fade[data-v-4d040ce0]:after{content:"";opacity:0;pointer-events:none;block-size:56px;transition:opacity var(--h0n-ui-duration-fast) var(--h0n-ui-easing-standard);z-index:1;position:absolute;inset-inline:0}.h-scroll--fade[data-v-4d040ce0]:before{background:linear-gradient(to bottom, var(--h-scroll-fade-color) 0%, color-mix(in srgb, var(--h-scroll-fade-color) 86%, transparent) 22%, color-mix(in srgb, var(--h-scroll-fade-color) 52%, transparent) 50%, color-mix(in srgb, var(--h-scroll-fade-color) 18%, transparent) 78%, transparent 100%);inset-block-start:0}.h-scroll--fade[data-v-4d040ce0]:after{background:linear-gradient(to top, var(--h-scroll-fade-color) 0%, color-mix(in srgb, var(--h-scroll-fade-color) 86%, transparent) 22%, color-mix(in srgb, var(--h-scroll-fade-color) 52%, transparent) 50%, color-mix(in srgb, var(--h-scroll-fade-color) 18%, transparent) 78%, transparent 100%);inset-block-end:0}.h-scroll--fade.h-scroll--away-start[data-v-4d040ce0]:before,.h-scroll--fade.h-scroll--away-end[data-v-4d040ce0]:after{opacity:1}@media (forced-colors:active){.h-scroll__viewport[data-v-4d040ce0]{border:1px solid canvastext}.h-scroll--fade[data-v-4d040ce0]:before,.h-scroll--fade[data-v-4d040ce0]:after{display:none}}