.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%}}[data-scroll-orientation=vertical] .J3ZZNG_Scrollbar[data-orientation=horizontal],[data-scroll-orientation=horizontal] .J3ZZNG_Scrollbar[data-orientation=vertical]{display:none}