:root{--z-scrollbar-size:4px;--z-scrollbar-padding:4px;--z-scrollbar-margin:2px}.z-scroller-test,.z-scroller>.z-scrollarea{box-sizing:border-box;height:100%;padding:var(--z-scroller-padding,0);scroll-behavior:smooth;overscroll-behavior:auto;will-change:scroll-position;scrollbar-width:thin;-webkit-overflow-scrolling:touch;display:block;position:relative;scrollbar-width:none!important;overflow:auto!important}.z-scroller-test::-webkit-scrollbar{width:0!important;height:0!important}.z-scroller>.z-scrollarea::-webkit-scrollbar{width:0!important;height:0!important}.z-scroller{--zz-scrollbar-margin:calc(var(--z-scrollbar-margin) - var(--z-scrollbar-padding));--zz-scrollbar-size:calc(var(--z-scrollbar-size) + var(--z-scrollbar-padding) * 2);z-index:0;position:relative;overflow:hidden}.z-scroller.z-vert{height:100%}.z-scroller:not(.z-horz)>.z-scrollarea{overflow-x:hidden!important}.z-scroller:not(.z-vert)>.z-scrollarea{overflow-y:hidden!important}.z-scroller.z-dragging>.z-scrollarea{scroll-behavior:auto}.z-scroller.z-discreet>.z-scrollbar{pointer-events:none}.z-scroller .z-scrollcontent{min-width:100%;display:block}@media (hover:hover){.z-scroller.z-horz-active:not(.z-discreet)>.z-scrollarea>.z-scrollcontent{padding-bottom:calc(var(--zz-scrollbar-size) / 2)}}.z-scroller.z-horz-active.z-vert-active>.z-scrollbar.z-horz{right:var(--z-scrollbar-size)}.z-scroller.z-horz-active.z-vert-active>.z-scrollbar.z-vert{bottom:var(--z-scrollbar-size)}.z-scroller.z-horz-active.z-vert-active>.z-scrollbar.z-vert:after{top:calc(100% - var(--z-scrollbar-margin));left:var(--z-scrollbar-padding);width:var(--z-scrollbar-size);height:var(--z-scrollbar-size);content:"";border-radius:inherit;opacity:.5;background:#696969;position:absolute}.z-scrollbar{right:var(--zz-scrollbar-margin);bottom:var(--zz-scrollbar-margin);opacity:0;z-index:99;cursor:pointer;contain:strict;border-radius:50px;transition:opacity .3s ease-out;position:absolute}.z-scrollbar.z-visible{opacity:1}.z-scrollbar.z-vert{width:var(--zz-scrollbar-size);top:var(--zz-scrollbar-margin)}.z-scrollbar.z-vert .z-thumb{width:100%}.z-scrollbar.z-horz{height:var(--zz-scrollbar-size);left:var(--zz-scrollbar-margin)}.z-scrollbar.z-horz .z-thumb{height:100%}.z-scrollbar .z-thumb{box-sizing:border-box;cursor:pointer;border-radius:inherit;border:transparent solid var(--z-scrollbar-padding);opacity:.7;mix-blend-mode:difference;background:#696969 content-box content-box;transition:opacity .3s;position:relative}@media (hover:hover){.z-scrollbar .z-thumb:hover{opacity:1}}.z-scrollbar.z-dragging .z-thumb{opacity:1}