.J3ZZNG_ScrollArea{box-sizing:border-box;border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.J3ZZNG_Viewport{overscroll-behavior:contain;width:100%;height:100%;overflow:auto}[data-scroll-orientation=horizontal] .J3ZZNG_Viewport{overscroll-behavior-x:contain;overscroll-behavior-y:auto}.J3ZZNG_Content{box-sizing:border-box}.J3ZZNG_Scrollbar{background-color:var(--coast-bg-subtle);border-radius:var(--radius-8);opacity:0;pointer-events:none;z-index:2;transition:opacity .15s .3s;display:flex;position:relative;&[data-orientation=vertical]{margin:var(--space-4);justify-content:center;width:4px;height:calc(100% - 8px)}&[data-orientation=horizontal]{margin:var(--space-4);align-items:center;width:calc(100% - 8px);height:4px}&:before{content:"";position:absolute}&[data-orientation=vertical]:before{width:20px;height:100%}&[data-orientation=horizontal]:before{width:100%;height:20px}}[data-scrollbar-only-on-scroll=false] .J3ZZNG_Scrollbar[data-hovering],[data-scrollbar-only-on-scroll=false] .J3ZZNG_Scrollbar[data-scrolling],[data-scrollbar-only-on-scroll=true] .J3ZZNG_Scrollbar[data-scrolling]{opacity:1;pointer-events:auto;transition-duration:75ms;transition-delay:0s}.J3ZZNG_Thumb{border-radius:inherit;background-color:var(--coast-border-default);&[data-orientation=vertical]{width:100%}&[data-orientation=horizontal]{height:100%}}.J3ZZNG_BottomBlur{z-index:1;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.J3ZZNG_BottomBlur span{backdrop-filter:blur(var(--layer-blur));mask-image:linear-gradient(to top,#000 0,#000 calc(var(--blur-start) + var(--blur-band)*var(--layer-solid)),transparent calc(var(--blur-start) + var(--blur-band)*var(--layer-clear)));position:absolute;inset:0}.J3ZZNG_BottomBlur span:first-child{--layer-blur:.15px;--layer-solid:.76;--layer-clear:.88}.J3ZZNG_BottomBlur span:nth-child(2){--layer-blur:.75px;--layer-solid:.64;--layer-clear:.8}.J3ZZNG_BottomBlur span:nth-child(3){--layer-blur:1.5px;--layer-solid:.52;--layer-clear:.7}.J3ZZNG_BottomBlur span:nth-child(4){--layer-blur:3px;--layer-solid:.4;--layer-clear:.58}.J3ZZNG_BottomBlur span:nth-child(5){--layer-blur:5px;--layer-solid:.26;--layer-clear:.46}.J3ZZNG_BottomBlur span:nth-child(6){--layer-blur:7px;--layer-solid:.13;--layer-clear:.34}[data-scroll-orientation=vertical] .J3ZZNG_Scrollbar[data-orientation=horizontal],[data-scroll-orientation=horizontal] .J3ZZNG_Scrollbar[data-orientation=vertical]{display:none}