.yUHinq_ScrollArea{box-sizing:border-box;width:100%;height:100%;position:relative;overflow:hidden}.yUHinq_Viewport{overscroll-behavior:contain;width:100%;height:100%;overflow:auto}.yUHinq_Content{box-sizing:border-box}.yUHinq_Scrollbar{background-color:var(--core-neutral-50);opacity:0;pointer-events:none;z-index:2;border-radius:8px;transition:opacity .15s .3s;display:flex;position:relative;&[data-orientation=vertical]{justify-content:center;width:4px;height:calc(100% - 8px);margin:4px}&[data-orientation=horizontal]{align-items:center;width:calc(100% - 8px);height:4px;margin:4px}&[data-hovering],&[data-scrolling]{opacity:1;pointer-events:auto;transition-duration:75ms;transition-delay:0s}&:before{content:"";position:absolute}&[data-orientation=vertical]:before{width:20px;height:100%}&[data-orientation=horizontal]:before{width:100%;height:20px}}.yUHinq_Thumb{border-radius:inherit;background-color:var(--core-neutral-200);&[data-orientation=vertical]{width:100%}&[data-orientation=horizontal]{height:100%}}[data-scroll-orientation=vertical] .yUHinq_Scrollbar[data-orientation=horizontal],[data-scroll-orientation=horizontal] .yUHinq_Scrollbar[data-orientation=vertical],[data-hide-scrollbar=true] .yUHinq_Scrollbar{display:none}.yUHinq_GradientTop,.yUHinq_GradientBottom{pointer-events:none;z-index:1;transition:opacity .15s ease-out;position:absolute;left:0;right:0}.yUHinq_GradientTop{top:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.yUHinq_GradientBottom{bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 100%);mask-image:linear-gradient(#0000 0%,#000 100%)}