:root{--ui-scroll-hint-size:24px}.ui-scroll-hint{--ui-scroll-mask-x:linear-gradient(#000, #000);--ui-scroll-mask-y:linear-gradient(#000, #000);-webkit-mask-image:var(--ui-scroll-mask-x), var(--ui-scroll-mask-y);-webkit-mask-composite:source-in;-webkit-mask-image:var(--ui-scroll-mask-x), var(--ui-scroll-mask-y);mask-image:var(--ui-scroll-mask-x), var(--ui-scroll-mask-y);-webkit-mask-composite:source-in;mask-composite:intersect}.ui-select-menu,.dropdown-menu,.app.ui-scroll-hint,.main-content.ui-scroll-hint,.content.ui-scroll-hint,.page.ui-scroll-hint{-webkit-mask-image:none!important;mask-image:none!important}.ui-scroll-hint-x.ui-scroll-more-right:not(.ui-scroll-more-left){--ui-scroll-mask-x:linear-gradient(to right, #000 0, #000 calc(100% - var(--ui-scroll-hint-size)), transparent 100%)}.ui-scroll-hint-x.ui-scroll-more-left:not(.ui-scroll-more-right){--ui-scroll-mask-x:linear-gradient(to right, transparent 0, #000 var(--ui-scroll-hint-size), #000 100%)}.ui-scroll-hint-x.ui-scroll-more-left.ui-scroll-more-right{--ui-scroll-mask-x:linear-gradient(to right, transparent 0, #000 var(--ui-scroll-hint-size), #000 calc(100% - var(--ui-scroll-hint-size)), transparent 100%)}.ui-scroll-hint-y.ui-scroll-more-bottom:not(.ui-scroll-more-top){--ui-scroll-mask-y:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--ui-scroll-hint-size)), transparent 100%)}.ui-scroll-hint-y.ui-scroll-more-top:not(.ui-scroll-more-bottom){--ui-scroll-mask-y:linear-gradient(to bottom, transparent 0, #000 var(--ui-scroll-hint-size), #000 100%)}.ui-scroll-hint-y.ui-scroll-more-top.ui-scroll-more-bottom{--ui-scroll-mask-y:linear-gradient(to bottom, transparent 0, #000 var(--ui-scroll-hint-size), #000 calc(100% - var(--ui-scroll-hint-size)), transparent 100%)}@media (max-width:768px){:root{--ui-scroll-hint-size:28px}}@media print{.ui-scroll-hint{-webkit-mask-image:none;mask-image:none}}